/*

Theme Name: Pellicano Endurance Coaching
Description: This theme is developed for the sole use of Pellicano Endurance Coaching
Version: 1.0



*/

/*RESET.CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: normal;
}


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}


/*MAIN STYLING*/

a {text-decoration: none; color: white;}
a:hover {text-decoration: underline;}
.clear {clear: both; height: 0px;}

body {background: url(img/asphalt.jpg) repeat; font-family: Arial, Helvetica, 'sans serif';}
body.pop {background: #d86c08; font-family: Arial, Helvetica, 'sans serif';}
body.pop2 {background: url(img/pop2-bg.gif) repeat-x #272727; font-family: Arial, Helvetica, 'sans serif'; color: #dedddb;}

h3#upcoming {font-size: 16px; color: #dedddb; margin: 15px 0 15px 0; font-weight: bold; text-transform: uppercase;}
#pop-container2 ul li {font-size: 14px; color: #dedddb; margin-bottom: 10px;}
#pop-container2 ul li span {font-weight: bold;}

#container {margin: auto; overflow: hidden; width: 996px; position: relative; min-height: 580px; height: auto !important; height: 580px;}
#pop-container {margin: auto; overflow: hidden; width: 620px; position: relative;}
#pop-container2 {margin: auto; overflow: hidden; width: 425px; position: relative; text-align: center;}

#logo {position: absolute; top: 0; left: 0; margin: 22px 0 0 30px; z-index: 3;}
#stripe {width: 126px; height: 1200px; background: url(img/yellowline.png) no-repeat top left;  top: 0px; right: 0px; position: absolute;}

#content_box {width: 656px; overflow: hidden; margin: 18px 0 0 206px; position: relative; z-index: 3; height: 1000px;}
#content_box #top_shadow {width: 656px; height: 16px; background: url(img/container_top.png) no-repeat; position: relative; z-index: 3;}
#content_box #bottom_shadow {width: 656px; height: 20px; background: url(img/container_bottom.png) no-repeat; position: relative; z-index: 3;}
#content_box #repeat {width: 620px; overflow: hidden; background: url(img/container_repeat.png) repeat-y; position: relative;}

marquee {border: none; font-size: 14px;}
.repeat-home {padding: 0px 19px 20px 17px;}
.repeat-about {padding: 0px 19px 50px 17px;}
.repeat-service {padding: 0px 19px 0px 17px;}
.repeat-store {padding: 0px 19px 0px 17px;}

.mainImg {float: left; width: 620px;}

/*SILVER BAR HEADERS*/
#silverbar {width: 620px; height: 42px; background: url(img/silverbar.jpg) no-repeat; float: left; margin: 0 0 19px 0;}
#silverbar-about {width: 620px; height: 44px; background: url(img/aboutthecoach.gif) no-repeat; float: left; margin: 0 0 19px 0;}
#silverbar-service {width: 620px; height: 42px; background: url(img/services_txt.gif) no-repeat; float: left; margin: 0 0 0px 0;}
#silverbar-video {width: 620px; height: 41px; background: url(img/trainingvideo_txt.gif) no-repeat; float: left; margin: 0 0 0px 0; display: block; text-indent: -9999px;}
#silverbar-photo {width: 620px; height: 46px; background: url(img/photogallery_txt.gif) no-repeat; float: left; margin: 0 0 0px 0; display: block; text-indent: -9999px;}
#silverbar-store {width: 620px; height: 41px; background: url(img/teamstore_txt.gif) no-repeat; float: left; margin: 0 0 0px 0; display: block; text-indent: -9999px;}
#silverbar-gallery {width: 620px; height: 43px; background: url(img/photogallery_txt.gif) no-repeat; float: left; margin: 0 0 0px 0; display: block; text-indent: -9999px;}


/*NAVIGATION*/
#nav {position: absolute; left: 0; margin-top: 260px; width: 208px; z-index: 3;}
#nav li {display: block; text-align: right;}

/*HOME PAGE*/
.button1,.button3 {float: left; margin: 0px 0 4px 6px; display: inline;}
.button2,.button4 {float: right; margin: 0 6px 0 0;}

/*COPYRIGHT*/
#cr {font-size: 11px; color: white;  margin: -10px 19px 46px 0; text-align: right; font-weight: normal; position: relative; z-index: 4;}

/*OVERALL STYLES*/
#repeat p {font-size: 18px; color: white; line-height: 21px; margin: 0 15px 15px 15px;}

/*SERVICES*/
.section {position: relative; width: 620px; display: block; overflow: hidden; float: left; }
.service-left { background: url(img/services_left.png) repeat-y; float: left; width: 122px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 2;}
.service-right {float: right; width: 620px;}

/*PACKAGE HEADERS*/
h4.bronze {width: 122px; height: 178px; background: url(img/bronze.png) no-repeat; display: block; text-indent: -9999px; margin-top: 30px;}
h4.silver {width: 122px; height: 178px; background: url(img/silver.png) no-repeat; display: block; text-indent: -9999px; margin-top: 30px;}
h4.gold {width: 122px; height: 178px; background: url(img/gold.png) no-repeat; display: block; text-indent: -9999px; margin-top: 30px;}

/*BACKGROUNDS FOR SERVICES*/
#bronzelight {width: 620px; background: url(img/bronze_light.gif) #977b5e repeat-x; overflow: hidden; padding: 3px 0 20px 0;}
#bronzedark {width: 620px; background: url(img/bronze_dark.gif) repeat-x #6c5641; overflow: hidden; }
#silverlight {width: 620px; padding: 3px 0 20px 0; background: url(img/silverlight.gif) repeat-x #898989; overflow: hidden;}
#silverdark {width: 620px; overflow: hidden; padding: 3px 0; background: url(img/silverdark.gif) repeat-x #6c6c6c;}
#goldlight {width: 620px; overflow: hidden; padding: 3px 0 15px 0; background: url(img/goldlight.gif) repeat-x #a27b27;}


/*BRONZE*/
#bronzelight ul {padding: 0 0 0 125px;}
#bronzelight ul li {float: left; display: block; margin: 0 0 0 14px; width: 108px; display: inline;}
#bronzelight ul li h5 {font-size: 24px; font-weight: bold; color: white; letter-spacing: -1px;}
#bronzelight ul li h5#programming {font-size: 20px; position: relative; top: 3px;}
#bronzelight ul li h6 {font-size: 10px; line-height: 11px; color: white;}

#bronzedark ul {padding: 0 0 0 125px; }
#bronzedark ul li {float: left; display: block; margin: 0 0 0 14px; width: 108px; position: relative; z-index: 1; display: inline;}
#bronzedark ul li h5 {font-size: 19px; font-weight: bold; color: white; letter-spacing: 0px; float: left;}
#bronzedark ul li h5 span {font-size: 9px; font-weight: bold; color: white; letter-spacing: 0px; display: block;}
#bronzedark ul li h5#programming {font-size: 20px; position: relative; top: 0px;}
#bronzedark ul li .bronze_btn {position: absolute; margin-top: 15px; top: 0; right: 0; width: 52px; height: 19px; display: block;}


/*SILVER*/
#silverlight ul {padding: 0 0 0 125px;}
#silverlight ul li {float: left; display: block; margin: 0 0 0 14px; width: 145px; display: inline;}
#silverlight ul li h5 {font-size: 24px; font-weight: bold; color: white; letter-spacing: 0px;  line-height: 20px; margin-top: 5px; padding-bottom: 5px; }
#silverlight ul li h5#programming {font-size: 20px; position: relative; top: 3px;}
#silverlight ul li h6 {font-size: 10px; line-height: 11px; color: white;}

#silverdark ul {padding: 0 0 0 125px; }
#silverdark ul li {float: left; display: block; margin: 0 0 0 14px; width: 145px; position: relative; z-index: 1; display: inline;}
#silverdark ul li h5 {font-size: 19px; font-weight: bold; color: white; letter-spacing: 0px; float: left;}
#silverdark ul li h5 span {font-size: 9px; font-weight: bold; color: white; letter-spacing: -0px; display: block;}
#silverdark ul li h5#programming {font-size: 20px; position: relative; top: 3px;}
#silverdark ul li .silver_btn {position: absolute; margin-top: 15px; right: 10px; display: block; width: 67px; height: 21px;}



/*GOLD*/
#goldlight h4 {padding: 0 0 10px 135px; font-size: 34px; font-weight: bold; color: white; letter-spacing: -2px;}
#goldlight h5 {font-size: 10px; line-height: 11px; color: white; display: block; padding: 0 15px 0 135px; margin-bottom: 15px;}
#goldlight  h6 {padding: 0 0 0 135px; float: left; font-size: 25px; font-weight: bold; color: white; letter-spacing: 0px;}
#goldlight h6 span {font-size: 9px; font-weight: bold; color: white; letter-spacing: -0px; display: block;}
#goldlight  a.gold_btn{float: left; margin: 10px 0 0 10px;}


/*TRAINING SCHEDULE*/
.transbg {width: 69px; position: absolute; top: 0; left: 0;}
.schedule_bar {background: url(img/schedule_bar.gif) no-repeat; width: 620px; height: 40px; float: left;}
.schedule_bar .schedule_txt {float: left;}
.schedule_bar h2 {float: right; padding: 9px 5px 0 0;}
.rows {position: relative; display: block; width: 620px;}

.scheduleRow1 {background: url(img/scheduleRow1.gif) repeat-x #84b6f8; width: 620px; min-height: 30px; overflow: hidden; padding: 1px 0 0 0; float: left; position: relative;}
.scheduleRow1 h3.trans {width: 69px; display: block; float: left;  font-size: 15px; color: #ff0000; text-align: center; font-weight: bold; letter-spacing: -1px; padding: 7px 0 0 0; position: relative; z-index: 1000;}
.scheduleRow1 h4 {float: left; font-size: 17px; color: black; text-align: left; font-weight: bold; letter-spacing: -1px; padding: 6px 0 0 10px; width: 520px;}
.scheduleRow2 {background: url(img/scheduleRow2.gif) #83b5f8 repeat-x; width: 620px; min-height: 40px; overflow: hidden; float: left;position: relative; z-index: 1000;}
.scheduleRow2 h3.trans { width: 69px; display: block; float: left;font-size: 15px; color: #ff0000; text-align: center; font-weight: bold; letter-spacing: -1px; padding: 12px 0 0 0; position: relative; z-index: 1000;}
.scheduleRow2 h4 {float: left; font-size: 17px; color: black; text-align: left; width: 520px; font-weight: bold; letter-spacing: -1px; padding: 11px 0 0 10px;}
.shadows {width: 620px; height: 11px; background: url(img/shadows.gif) no-repeat; float: left;}


/*TRANING VIDEOS*/
#video_nav {margin: 0 0 0 16px; height: 23px;}
#video_nav li {display: block; float: left; height: 23px;}
#video_nav li a {display: block; float: left; background-position: top left; background-repeat: no-repeat; text-indent: -9999px; height: 23px;}
#video_nav li a:hover, #video_nav li.current a {background-position: bottom left;}
#video_nav li.li1 a {background-image: url(http://daniellepellicano.com/wp-content/uploads/2010/12/featured_nav.gif); width: 78px;}
#video_nav li.li2 a {background-image: url(http://daniellepellicano.com/wp-content/uploads/2010/12/swim_nav.gif); width: 53px;}
#video_nav li.li3 a {background-image: url(http://daniellepellicano.com/wp-content/uploads/2010/12/bike_nav.gif); width: 43px;}
#video_nav li.li4 a {background-image: url(http://daniellepellicano.com/wp-content/uploads/2010/12/run_nav.gif); width: 39px;}
#video_nav li.li5 a {background-image: url(http://daniellepellicano.com/wp-content/uploads/2010/12/strength_nav.gif); width: 78px;}

#featuredoftheweek {margin: 7px 13px 0 0px; float: right; color: #f9e0c8; font-size: 23px; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; width: 400px; text-align: right;}

#videoinfo {float: left; width: 186px; padding: 5px 0 0 12px;}
#videoinfo p {font-size: 11px; line-height: 17px; margin: 0 0 15px 9px;}
h4#video_header_bg {width: 186px; font-weight: bold; padding: 8px 0 0 0; text-align: center; font-size: 25px;   color: white; letter-spacing: -2px; margin-bottom: 20px;}

#youtubeholder {float: right; padding: 10px 13px 15px 0;}


/*CONTACT PAGE*/
form#cformsform {margin-left: 80px;}
.cform input {background: url(img/input_bg.gif) repeat-x #e9eaeb; font-size: 17px; width: 302px; border: 1px solid #d8d8d9; padding: 3px 5px; display: block; color: #333333; font-weight: normal;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; }

.cform input#sendbutton {background: #333333; font-size: 17px; width: 75px; border: 1px solid #d8d8d9; padding: 3px 5px; display: block; color: white; font-weight: normal;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; margin: 10px 0 0 -14px;}

.cform label span {color: white; font-size: 15px; display: block; margin: 7px 0 5px 0; font-family: Arial, Helvetica, 'sans serif'; font-weight: bold}

.cform label span span {font-size: 12px; font-style: italic;}
.linklove {display: block; text-indent: -9999px;}
.cf_hidden {visibility: hidden; display: none;}
.reqtxt {font-size: 11px; margin: 3px 0;}
.emailreqtxt {font-size: 11px; margin: 3px 0;}
/*PHOTO GALLERY*/

#galleryholder {margin: 0 0 10px 112px;}


/*TEAM STORE*/
#store {float: left; width: 621px;}
#store li {width: 206px; border-right: 1px solid #636363; border-top: 1px solid #636363; position: relative; float: left;}
#store li img.details {position: absolute; top: 0; right: 0; width: 39px; height: 16px;}
#store li img.productImg {display: block; width: 206px;}
#store li h3 {font-size: 24px; color: #ffb876; font-weight: bold; letter-spacing: -2px; text-transform: uppercase; text-align: center;}

#productimage {position: relative; width: 620px;  height: 306px; display: block; overflow: hidden;margin: 0; padding: 0; float: left;}
#productimage #emailtoorder {position: absolute; bottom: 0; left: 0; width: 99px; height: 24px; display: block; float: left;}
#productimage #productImg {width: 620px; float: left; display: block;}
#product-head {font-size: 28px; color: #ffb876; font-weight: bold; letter-spacing: -4px; text-transform: uppercase; text-align: right; padding: 10px 30px 0 0;}
p#producttxt {padding: 15px 15px 0 15px; text-align: right; font-size: 15px; color: #e7e7e7; line-height: 18px;}

#test {width: 620px;  background: yellow;}

/*SHOPPING CART*/

.shopping_cart {color: white; margin-left: 50px;}
.shopping_cart th {color: black; font-weight: bold;}
.shopping_cart a {color: white; text-decoration: underline;}
.shopping_cart input {border: none;}
/*CAROUSEL*/




#carousel li a {color: #545454;}
#carousel li a:hover {color: #d76b08; text-decoration: none;}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:  531px;
   background: white; overflow: hidden; padding: 15px 37px 15px 52px;
}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
   width: 529px;
 
}


.jcarousel-skin-tango .jcarousel-item img {display: block;}
.jcarousel-skin-tango .jcarousel-item {font-size: 11px; color: #545454; text-align: center; letter-spacing: -1px; font-weight: bold; padding: 3px 0 0 0; margin-right: 16px; display: inline; width: 116px;}







/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
   top: 35px; right: 6px;
    width: 34px;
    height: 55px;
    cursor: pointer;
    background:  url(img/rightarrow.gif) no-repeat 0 0;
}





.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
top: 35px; left: 6px;
    width: 37px;
    height: 53px;
    cursor: pointer;
    background: url(img/leftarrow.gif) no-repeat 0 0;
}


#location {width: 199px; height: 158px; position: absolute; bottom: 0px; right: 19px;}