@charset "utf-8";
/* CSS Document */

/*
Imported Styles
----------------------------------------------------------------*/
@import url('reset.css');


a:link {color: #cc3300; text-decoration:none;}
a:visited {color: #cc3300;}
a:hover {color: #b32017; text-decoration:none;}
a:active {color: #b32017;}

#secondary ol {margin-left: 1.5em;}
#secondary ol li {list-style:decimal; line-height:1.3em; margin-bottom:1.5em;}
/*
Containers
----------------------------------------------------------------*/
html {background:#000 url(../images/html-back.jpg) top center no-repeat; background-attachment:fixed; text-align:center; font-size:12px;}
body {width:1092px; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}
header, nav, section, footer {display:block;}
header {height:146px; position: relative;}
header #logo {position:absolute; top: 21px; left:0;}
header #blog-link {position:absolute; top: 21px; right: 0;}
header p {width: 549px; color:#fff; position:absolute; top: 35px; right: 150px; line-height:1.2em; font-style:italic; text-align:right;font-size:14px; font-weight:bold;}
header p q {}
header p cite {display:block;}
#primary {width: 661px; float:right; margin:0; padding:0;}
.address {background-color:#000; color:#fff; width:100%; padding:5px 0; margin:-3px 0 0 0;}
.tagline {background-color: #fff; color:#000; padding:5px 0;}
#bio-info, #affiliates {background:url(../images/trainer-bio-back.png); width:100%; margin:0; padding:0; clear:both; text-align:left;}
#bio-info .gutter{padding:20px;}
#affiliates .gutter  {padding:8px;}
#bio-info p, #affiliates p {color:#fff; line-height:1.3em; margin-bottom:1.3em;}
#bio-info h3, #affiliates h3 {color:#cc3300; font-size:18px; margin:1em 0;}
#affiliates ul {float:left;}
#affiliates ul li {float:left; margin: 0 15px 15px 0;}
#secondary {width: 336px; float: left; margin:0; padding:0; text-align: left;}
#secondary .gutter {padding:10px; background-color:#c6c7c9; }
#secondary p {font-size:12px; line-height:1.3em; margin-bottom: 1.3em;}
#secondary p span {font-size:18px;}
#masthead {background-color: #f2f2f2; border-bottom: #ccc 1px solid;}
footer {clear:both;}
.gutter {padding: 20px;}
/*
Images
----------------------------------------------------------------*/
img {padding:0; margin:0;}
/*
Navigation
----------------------------------------------------------------*/
nav {width: 1092px; height:31px; background:url(../images/nav-back-trans.png) no-repeat top left; margin-bottom:30px; }
nav ul{list-style:none; padding:0; margin:0;width:100%; text-align: center;}
nav li {display: inline; padding:0; margin: 0; font-size:18px; font-weight:bold;}
nav ul li a {line-height:31px; color:#fff; text-decoration:none; padding:0 10px; color:#fff !important;}
nav li a span {text-transform:uppercase;}
nav a:hover, nav li a.active {color: #cc3300 !important;}
nav li a.active:hover {cursor:default;}
nav li.last {} /* The .last class gets added via the DOM with Jquery */

/*
Tables
----------------------------------------------------------------*/
table {width:100%;}
td {padding: 5px 10px;}

/*
Drop shadow's
selector { x-offset  y-offset  blur-radius  shadow-color
For more information http://www.hintzmann.dk/testcenter/js/jquery/boxshadow/
----------------------------------------------------------------*/
.box1 {
box-shadow:10px 10px 5px #888;
-o-box-shadow: 10px 10px 5px #888;
-moz-box-shadow:10px 10px 5px #888;
-webkit-box-shadow:	10px 10px 5px #888;
}	
.box2 {
box-shadow:	-10px -10px 0 #000;
-o-box-shadow:-10px -10px 0 #000;
-moz-box-shadow:-10px -10px 0 #000;
-webkit-box-shadow:	-10px -10px 0 #000;
}
.box3 {
box-shadow:	0 0 5px #ccc;
-o-box-shadow:0 0 5px #ccc;
-moz-box-shadow:0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
}


/*
Curvy Corners
For more information http://www.curvycorners.net/instructions/
----------------------------------------------------------------*/
.rounded {
  -moz-border-radius-topleft:3ex;
  -moz-border-radius-bottomright:3ex;
  -webkit-border-top-left-radius:3ex;
  -webkit-border-bottom-right-radius:3ex;
} 








/* container for slides */
.images {
	position:relative;	
	height:auto;
	
	width:661px;
	min-height:510px;
	float:left;	
	cursor:pointer;	
}

/* single slide */
.images .slider {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	min-height:510px;
}


/* tabs (those little circles below slides) */
.slidetabs {}

/* single tab */
.slidetabs a {}

/* mouseover state */
.slidetabs a:hover {}

/* active state (current page state) */
.slidetabs a.current {} 	


/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}