/*------------------------------------------------------
Basic Style Sheet for ( JayBlahnik.com )

version:	1.0
author:		Justin Tucker
email:		justin@net-scope.com
website:	http://www.net-scope.com

------------------------------------------------------*/

/* =Resets
------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,textarea,p,blockquote,th,td 
{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var 
{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a {text-decoration:none; outline: none; }
a:hover { text-decoration: underline !important; color: #a9a9a9 !important; }
input, img { outline: none; }


/* =base (site wide styles)
------------------------------------------------------*/
body {
	font-size: 13px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	background: #fff;
	color: #111;
}

#header,#content,#callouts {
	margin: 0 auto;
	position: relative;
	width: 890px;
}

.floatleft {float: left;}
.floatright {float: right;}
.clear {clear: both;}
.center {text-align: center;}


/* =Header
------------------------------------------------------*/
#header {
	padding: 20px 0;
	background: bottom left url(../images/content-header-img.jpg) no-repeat;
	overflow: auto;
}

#header dl { float: right; width: 94px; }
#header dl dd a{ 
	display: block;
	width: 47px;
	height: 53px;
	text-indent: -9999px;
	float: left;
}

#twitter a{ background: transparent url(../images/sprite-social-btns.jpg) 0 0 no-repeat; }
#facebook a{ background: transparent url(../images/sprite-social-btns.jpg) -47px 0 no-repeat; }

/* =Main Content
------------------------------------------------------*/
#content {
	background: transparent url(../images/tile-content.jpg) 0 0 repeat-y;
	border-bottom: 1px solid #d0d0d0;
	overflow: auto;
}

#content div { overflow: hidden; }

.inner { width: 100%; height: 500px; }

.home{  background: url(../images/jay/home.jpg) 20px bottom no-repeat; }
.bio {  background: url(../images/jay/bio.jpg) 40px bottom no-repeat; }
.expertise {  background: url(../images/jay/expertise.jpg) 70px bottom no-repeat; padding-bottom: 30px; }
.partners {  background: url(../images/jay/partners.jpg) 35px bottom no-repeat; padding-bottom: 10px; }
.programs {  background: url(../images/jay/programs.jpg) 25px bottom no-repeat; padding-bottom: 10px;}
.products {  background: url(../images/jay/products.jpg) 70px bottom no-repeat; padding-bottom: 10px; }
.schedule {  background: url(../images/jay/schedule.jpg) 40px bottom no-repeat; }
.contact {  background: url(../images/jay/contact.jpg) 80px bottom no-repeat; }

#body-copy {
	float: right;
	width: 360px;
	padding: 0 50px 0 0;
}

#body-copy p {
	margin-bottom: 20px;
}

#body-copy a { 
	font-weight: bold; 
	color: #111;
	text-decoration: none;
}

.home #body-copy { font-size: 14px; }
.bio #body-copy { font-size: 13px; }
.expertise #body-copy,.partners, .programs #body-copy{ font-size: 12px; }

.contact #body-copy { font-size: 14px; }


.partners #int-col-left { padding-top: 100px; }
.products #int-col-left { padding-top: 107px; }


/* .partners dl, */ .products dl{ 
	padding-top: 5px;
	margin-left: 38px;
	clear: both;
	overflow: hidden;
}

.products dl dd{
	padding-top: 45px;
	padding-left: 10px;
	width: 160px;
	float: left;
}

.products dl { text-align: center }

.programs #body-copy p{ margin-top: 30px; position: relative;}
.programs #body-copy p a{ margin: 0 auto; display: block; width: 200px;}

.programs #body-copy { height: 500px; }

.product-height dt { height: 118px }

.partners #int-col-right { overflow: hidden; }

.partners dl { margin-left: 18px; }

.partners dt.nautilis { margin-bottom: 5px; }
.partners dt, .products dt{ 
	text-align: center; 
	width: 100%;
	position: relative;
}
.partners dt { padding-bottom: 0px; }

.partners img, .products img, .programs img{ margin: 0 auto; }

.product-link{
	text-decoration: underline !important;
	color:#ff0000 !important;
	font-weight: bold;
}

.contact #body-copy p { 
	text-align: center;
	line-height: 28px;
}

.name-header { padding-left: 40px; }
#body-copy dt { padding-left: 25px; }
#body-copy h2, .name-header{ font-size: 80px; font-weight: bold; }
#body-copy em, .name-header em { font-size: 58px; color:#a9a9a9; }
#body-copy dd { padding-bottom: 0px; }
#body-copy strong { font-weight: bold; }

#body-copy dd a img { display: block; margin: 0 auto; margin-bottom: 10px; }

/* =Secondary Content
------------------------------------------------------*/

/* #int-col-right { background: red; } */

#int-col-left, #int-col-right{
	width: 380px;
	float: left;
	padding: 0 30px 0px 30px;
}

/* =Main Nav
------------------------------------------------------*/
ul#main-nav {
	float: left;
	width: 796px;
	overflow: hidden;
}

ul#main-nav li { display: inline; } 

ul#main-nav li a{ 
	display: block; 
	width: 98px; 
	height: 53px;	
	float: left;
	text-indent: -9999px;
}

/* non-active states */
#home a { background: url(../images/sprite-nav.jpg) 0 0 no-repeat; }
#bio a { background: url(../images/sprite-nav.jpg) -98px 0 no-repeat; }
#expertise a { background: url(../images/sprite-nav.jpg) -196px 0 no-repeat; }
#partners a { background: url(../images/sprite-nav.jpg) -294px 0 no-repeat; }
#programs a { background: url(../images/sprite-nav.jpg) -392px 0 no-repeat; }
#products a { background: url(../images/sprite-nav.jpg) -490px 0 no-repeat; }
#schedule a { background: url(../images/sprite-nav.jpg) -588px 0 no-repeat; }
#contact a { background: url(../images/sprite-nav.jpg) -686px 0 no-repeat; 
	width: 110px !important;	
}

/* active states */
#home a.nav-active { background: url(../images/sprite-nav.jpg) 0 -106px no-repeat; }
#bio a.nav-active { background: url(../images/sprite-nav.jpg) -98px -106px no-repeat; }
#expertise a.nav-active { background: url(../images/sprite-nav.jpg) -196px -106px no-repeat; }
#partners a.nav-active { background: url(../images/sprite-nav.jpg) -294px -106px no-repeat; }
#programs a.nav-active { background: url(../images/sprite-nav.jpg) -392px -106px no-repeat; }
#products a.nav-active { background: url(../images/sprite-nav.jpg) -490px -106px no-repeat; }
#schedule a.nav-active { background: url(../images/sprite-nav.jpg) -588px -106px no-repeat; }
#contact a.nav-active { background: url(../images/sprite-nav.jpg) -686px -106px no-repeat; width: 110px !important;	}

/* hover states */
#home a:hover{ background: url(../images/sprite-nav.jpg) 0 -53px no-repeat; }
#bio a:hover { background: url(../images/sprite-nav.jpg) -98px -53px no-repeat; }
#expertise a:hover { background: url(../images/sprite-nav.jpg) -196px -53px no-repeat; }
#partners a:hover { background: url(../images/sprite-nav.jpg) -294px -53px no-repeat; }
#programs a:hover { background: url(../images/sprite-nav.jpg) -392px -53px no-repeat; }
#products a:hover { background: url(../images/sprite-nav.jpg) -490px -53px no-repeat; }
#schedule a:hover { background: url(../images/sprite-nav.jpg) -588px -53px no-repeat; }
#contact a:hover { background: url(../images/sprite-nav.jpg) -686px -53px no-repeat; width: 110px !important;	}


/* =Callouts
------------------------------------------------------*/
.home dl#body-copy dd { padding-bottom: 15px; }
.schedule dl#body-copy dd { padding-bottom: 15px; }

.schedule dl#body-copy dd p strong { margin: 10px 0 0 0; display: block; }

#callouts{
	overflow: hidden;
	padding: 15px 0;
}

#callouts dd{
	width: 214px;
	height: 136px;
	float: left;
	margin-right: 11px;
	background: #f5f5f5 url(../images/callout-backgrnd.jpg) 0 0 no-repeat;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
}

#callouts dd strong { 
	font-weight: bold; 
	font-size: 12px; 
	display: block;
	margin-top: 5px;
}

#callouts dd.nopad { margin-right: 0px !important; }

#callouts dd form input { 
	width: 170px; 
	height: 15px;
	border: #d0d0d0 1px solid;
	padding: 5px;
	color: #666;
	text-align: center;
}

#fitguru p{
	margin: 4px 0;
	line-height: 13px;
}

#email-list span{
	display: block;
	padding: 18px 0;
}

/* slideshow */
.slideshow { 
	height: 100%; 
	width: 100%; 
	
}

.slideshow div { text-align: center; width: 209px; }

.slideshow div p {
	margin: 5px 0 0 0;
	height: 33px;
}