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


body {
	background-color: #1C3259;
	background-image: url(images/bkg.png);
	background-repeat: repeat-x;
	font-size: 1em;
	font-family: Verdana, Geneva, sans-serif;
}

img {
	border: 0;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: 425;
	color: #315FB2;
	padding: 0px;
	margin: 0px;
	letter-spacing: .04em;
}

h2 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: 300;
	font-style: italic;
	color: #666;
	padding: 5px 0 10px 25px;
	margin: 0px;
	letter-spacing: .042em;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.825em;
	color: #3D3D3D;
	line-height: 170%;
	font-weight: 100;
}

/* ---------------------------------------------------------------- LAYOUT -------------------------------------------------------------------- */

#container {
	margin: 0 auto;
	margin-top: 30px;
	background-color: #FFF;
	width: 950px;
}

#header {
	margin: 0 auto;
	height: 137px;
	text-align: center;
	padding: 0;
}

/* ------------------------------------------ NAVIGATION ------------------------------------------------ */

#navbar {
	margin: 0 auto;
	background-image:url(images/nav_bkg.png);
	width: 950px;
	height: 65px;
}

#navigation {
	margin: 0 auto;
	width: 950px;
	height: 65px;
}

#nav ul{
	float:left;
	position:absolute;
	padding:0 0 0 173px;
	margin:0px;
	width:810px;
	height:65px;
	z-index:100;
	list-style-type:none;
}

#nav li{float:left; display:block; padding: 4px 0 0 0; margin:0px;}


/*** hide sub nav and set styles for sub nav ***/

#navAbout ul {
	float:left; display:none; position:absolute; width:950px; height:24px; top:35px; left:0px; padding:2px 0px 0px 0px; overflow:hidden; text-align: center; background-color: #C9CAC8;
}

#navThinking ul {
	float:left; display:none; position:absolute; width:950px; height:24px; top:35px; left:0px; padding:2px 0px 0px 0px; overflow:hidden; text-align: center; background-color: #C9CAC8;
}

#navMarketing ul {
	float:left; display:none; position:absolute; width:950px; height:24px; top:35px; left:0px; padding:2px 0px 0px 0px; overflow:hidden; text-align: center; background-color: #C9CAC8;
}

#navSales ul {
	float:left; display:none; position:absolute; width:950px; height:24px; top:35px; left:0px; padding:2px 0px 0px 0px; overflow:hidden; text-align: center; background-color: #C9CAC8;
}

#navWorkouts ul {
	float:left; display:none; position:absolute; width:950px; height:24px; top:35px; left:0px; padding:2px 0px 0px 0px; overflow:hidden; text-align: center; background-color: #C9CAC8;
}

#navContact ul {
	float:left; display:none; position:absolute; width:950px; height:24px; top:35px; left:0px; padding:2px 0px 0px 0px; overflow:hidden; text-align: center; background-color: #C9CAC8;
}

/*** display sub menu on mouseover or when active ***/

#navAbout.over ul, #navAbout.active ul{float:left; display:block;}
#navThinking.over ul, #navThinking.active ul{float:left; display:block;}
#navMarketing.over ul, #navMarketing.active ul{float:left; display:block;}
#navSales.over ul, #navSales.active ul{float:left; display:block;}
#navWorkouts.over ul, #navWorkouts.active ul{float:left; display:block;}
#navContact.over ul, #navContact.active ul{float:left; display:block;}

/*** main nav style on mouseover or when active ***/

#navAbout a {width:85px; height:31px; display:block; text-align:left; margin-right:0px; margin-left:0px; }
#navAbout:hover, #navAbout.active, #navAbout.over{ background: url(images/triangle.png) no-repeat; background-position: 25% 100%;}

#navThinking a {width:110px; height:31px; display:block; text-align:center; margin-right:0px; margin-left:0px; }
#navThinking:hover, #navThinking.active, #navThinking.over{ background: url(images/triangle.png) no-repeat; background-position: bottom;}

#navMarketing a {width:110px; height:31px; display:block; text-align:center; margin-right:0px; margin-left:0px; }
#navMarketing:hover, #navMarketing.active, #navMarketing.over{ background: url(images/triangle.png) no-repeat; background-position: bottom;}

#navSales a {width:75px; height:31px; display:block; text-align:center; margin-right:0px; margin-left:0px; }
#navSales:hover, #navSales.active, #navSales.over{ background: url(images/triangle.png) no-repeat; background-position: bottom;}

#navWorkouts a {width:110px; height:31px; display:block; text-align:center; margin-right:0px; margin-left:0px; }
#navWorkouts:hover, #navWorkouts.active, #navWorkouts.over{ background: url(images/triangle.png) no-repeat; background-position: bottom;}

#navContact a {width:93px; height:31px; display:block; text-align:right; margin-right:0px; margin-left:0px; }
#navContact:hover, #navContact.active, #navContact.over{ background: url(images/triangle.png) no-repeat; background-position: 70% 100%;}


/** send active sub menu to back so rollovers will appear on top **/

#navAbout.active ul {z-index: 50;}
#navThinking.active ul {z-index: 50;}
#navMarketing.active ul {z-index: 50;}
#navClients.active ul {z-index: 50;}
#navWorkouts.active ul {z-index: 50;}
#navContact.active ul {z-index: 50;}



/*** sub nav style on mouseover or when active ***/

#subnavAbout a{width:auto; height: 24px; display:block;}
#subnavAbout a:hover, #subnavAbout a.active { color:#326DE6; }
#subnavAbout li{ float:left; margin:0 70px 0 0; }
#subnavAbout .first{ padding-left:80px}

#subnavThinking a{width:auto; height: 24px; display:block;}
#subnavThinking a:hover, #subnavThinking a.active { color:#326DE6; }
#subnavThinking li{ float:left; margin:0 70px 0 0; }
#subnavThinking .first{ padding-left:90px}

#subnavMarketing a{width:auto; height: 24px; display:block;}
#subnavMarketing a:hover, #subnavMarketing a.active { color:#326DE6; }
#subnavMarketing li{ float:left; margin:0 50px 0 0; }
#subnavMarketing .first{ padding-left:40px}

#subnavSales a{width:auto; height: 24px; display:block;}
#subnavSales a:hover, #subnavSales a.active { color:#326DE6; }
#subnavSales li{ float:left; margin:0 40px 0 0; }
#subnavSales .first{ padding-left:45px}

#subnavWorkouts a{width:auto; height: 24px; display:block;}
#subnavWorkouts a:hover, #subnavWorkouts a.active { color:#326DE6; }

#subnavContact a{width:auto; height: 24px; display:block;}
#subnavContact a:hover, #subnavContact a.active { color:#326DE6; }


/*** style for main nav text ***/

#navAbout a, #navThinking a, #navMarketing a, #navSales a, #navWorkouts a,
#navContact a {
line-height:24px;
font-family: Verdana, Geneva, sans-serif;
color: #FFF;
text-decoration:none;
font-size:.8em;
font-weight: 300;
}

#subnavAbout a, #subnavThinking a, #subnavMarketing a, #subnavSales a, 
#subnavWorkouts a, #subnavContact a {
float:left;
line-height:16px;
padding: 0px 0px 0px 0px;
margin:0px;
font-family: Verdana, Geneva, sans-serif;
color: #25004F;
text-decoration:none;
font-size:.7em;
font-weight: 200;
}


/* ---------------------------------------- MAIN CONTENT ------------------------------------------------ */

#main {
	margin: 0 auto;
	width: 950px;
	height: 510px;
}
#maintabs {
	margin: 0 auto;
	width: 950px;
	height: 510px;
}

#main a, a:visited {
	color: #315FB2;
	text-decoration: underline;
}

#main a:hover {
	color: #999;
	text-decoration: none;
}

.home {
	margin: 0 auto;
	width: 950px;
	height: 510px;
	background-image: url(images/home_photo.png);
	background-repeat: no-repeat;
	background-color: #13001b;
}

.homeslideshow {
	margin: 0 auto;
	width: 950px;
	height: 510px;
	background-repeat: no-repeat;
	background-color: #13001b;
	position:relative;
}

.hometxt {
	margin: 355px 70px 0 0;
	width: 360px;
	float: right;
	color: #FFF;
	font-size: 0.75em;
	line-height: 170%;
	font-weight: 100;
	position:absolute;
	z-index:2;
}

.textbox {
	margin: 40px 0 25px 70px; 
	width: 445px;
	height: 445px;
	float: left;
	text-align: left;
	display: inline;
}

.textboxtabs {
	margin: 40px 0 25px 70px; 
	width: 250px;
	float: left;
	text-align: left;
	display: inline;
}

.textboxstar {
	margin: 40px 0 25px 70px; 
	width: 460px;
	height: 445px;
	float: left;
	text-align: left;
	display: inline;
}

.imgbox {
	margin: 40px 60px 25px 0;
	width: 315px;
	height: 365px;
	padding: 80px 0 0 0;
	float: right;
	text-align: center;
	display: inline;
}

.imgbox2 {
	margin: 20px 0 0 0;
	float: right;
	text-align: center;
	display: inline;
}

#survey {
	margin: 30px 0 20px 70px;
	width: 270px;
	float: left;
	padding-top: 50px;
	
}

#survey p {
	font-size: 0.7em;
	margin: 0px;
	
}

.imgboxstar {
	margin: 40px 70px 25px 0;
	width: 280px;
	height: 365px;
	padding: 80px 0 0 0;
	float: right;
	text-align: center;
	display: inline;
}

.clientsbox {
	margin: 30px 0 25px 70px; 
	width: 300px;
	height: 450px;
	float: left;
	text-align: left;
	display: inline;
}

.clientlist {
	margin: 30px 70px 25px 0;
	width: 455px;
	height: 450px;
	float: right;
	display: inline;
}

.clientlist p {
	padding: 0;
	margin: 0;
	font-size: 0.66em;
	line-height: 200%;
}

.bold {
	font-weight: bold;
}

a.star, a:visited.star {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	color: #315FB2;
	font-weight: 300;
	text-decoration: none;
}


a:hover.star {
	color: #666;
}

.caption {
	font-size: 0.7em;
	color: #25004F;
	font-style: italic;
}

a.view, a:visited.view, a:hover.view {
	line-height: 200%;
	font-size: 0.7em;
}

/* ------------------------------------------ SAMPLE PAGE ------------------------------------------------ */

#sampletxt {
	margin: 30px 0 20px 70px;
	width: 170px;
	height: 410px;
	float: left;
	padding-top: 50px;
	display: inline;
}

#sampletxt p {
	font-size: 0.7em;
	margin: 0px;
}

#sampletxt2 {
	margin: 55px 0 20px 50px;
	width: 270px;
	height: 370px;
	float: left;
	padding-top: 50px;
	display: inline;
}

#sampletxt2 p {
	font-size: 0.7em;
	margin: 0px;
}

#sampleimg {
	width: 600px;
	height: 400px;
	margin: 10px 70px 15px 0;
	float: right;
	display: inline;
}

#sampleimg2 {
	width: 500px;
	height: 333px;
	margin: 10px 70px 15px 0;
	float: right;
	display: inline;
}


#samplenav {
	width: 540px;
	height: 20px;
	margin: 30px 0 0 40px;
	float: left;
	text-align: left;
}

.number {
	width: 21px;
	height: 17px;
	padding-top: 3px;
	float: right;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #FFF;
	text-align: center;
	font-size: 0.67em;
	font-weight: 800;
	color: #25004F;
	background-color: #E6E6E6;
	display: inline;
}

.numberactive {
	width: 21px;
	height: 19px;
	padding-top: 3px;
	float: right;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #FFF;
	text-align: center;
	font-size: 0.67em;
	font-weight: 800;
	color: #25004F;
	background-color: #B5B7B4;
	height: 17px;
	display: inline;
}

#samplenav a.number, #samplenav a:visited.number, #samplenav a.numberactive, #samplenav a:visited.numberactive {
	color: #25004F;
	font-size: 0.65em;
	font-weight:800;
	text-decoration: none;
}

#samplenav a:hover.number, #samplenav a:hover.numberactive {
	background-color: #B5B7B4;
	height: 17px;
}

#samplenav a.sitelaunch, #samplenav a:hover.sitelaunch {
	padding-top: 2px;
	height: 19px;
	float: left;
	font-size: 0.65em;
	font-weight: 500;
	text-decoration: underline;
	display: inline;
}

#backlink {
	margin: 30px 70px 0 0;
	width: 40px;
	height: 20px;
	float: right;
	text-align: right;
	font-size: 0.67em;
	display: inline;
}


/* ------------------------------------------ FOOTER ------------------------------------------------ */

#footer {
	margin: 0 auto;
	width: 950px;
	height: 35px;
	background-image: url(images/footer_bkg.png);
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
#footer a:link, a:visited {
	color: #25004F;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
	color: #315FB2;
}

#footer.footerhome {
	background-image: url(images/footer_bkg_home.png);
	background-repeat: no-repeat;
}
.footerleft {
	margin: 0;
	padding: 10px 0 0 20px;
	width:150px;
	height: 25px;
	float: left;
	display: inline;
	text-align:left;
}


.footermid {
	margin: 0 60px 0 5px;
	width:550px;
	height: 25px;
	padding: 10px 0 0 0;
	float: left;
	color: #25004F;
	display: inline;
	text-align:center;
}

.footerright {
	margin: 0;
	padding: 10px 20px 0 0;
	width:145px;
	height: 25px;
	float: left;
	color: #25004F;
	display: inline;
	text-align:right;
}
	
.copyright {
	margin: 0 auto;
	padding-top: 10px;
	width: 950px;
	font-size: .59em;
	color: #FFF;
	text-align: right;
}

/* Ensure accessibility in print and other media types... */
@media projection, screen { .tabs-hide {display: none;}}
@media print { .tabs-nav { display: none;}}

/* tabs widget */
.products-container{width:510px; font-family: Verdana, Geneva, sans-serif; float:right; margin: 40px 70px 25px 0; padding: 0px 0 0 0; float: right; display: inline;}
.products-container p{font-size: 0.825em; color: #3D3D3D; line-height: 170%; font-weight: 100;}
.products-container h1{font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; font-weight: 300; font-style: italic; color: #666; margin:10px 0px 0px 0px; letter-spacing: .042em;}
.products-container a:link{ color:#332460; text-decoration:none; border:none; text-align:center; font-size: 12px;}
.products-container a:visited{ color:#332460; text-decoration:none; border:none; text-align:center; font-size: 12px;}
.products-container a:hover{ color:#3d71e4; text-decoration:none; border:none; text-align:center;}
.products-container .tabs-container {z-index: 1; border: 1px solid #ccc; padding: 10px; background: #fff;}

/* tabs */
.planning_tab{ background: url(images/tab_bg.png) no-repeat; width:80px; margin-left:0px; background-position:top center;}
.marketing_tab{ background: url(images/tab_bg.png) no-repeat; width:100px; margin-left:2px; background-position:top center;}
.sales_tab{ background: url(images/tab_bg.png) no-repeat; width:70px; margin-left:2px; background-position:top center;}
.legal_tab{ background: url(images/tab_bg.png) no-repeat; width:70px; margin-left:2px; background-position:top center;}
.finance_tab{ background: url(images/tab_bg.png) no-repeat; width:80px; margin-left:2px; background-position:top center;}
.hospitality_tab{ background: url(images/tab_bg.png) no-repeat; width:100px; margin-left:2px; background-position:top center;}

/* tab function */
.tabs-nav { list-style: none; margin: 0; padding: 0;}
.tabs-nav:after {display: block; clear: both; content: " ";}
.tabs-nav li { float: left; min-width: 50px; margin-bottom:-7px;}
.tabs-nav a, .tabs-nav a span { display: block;}
.tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0px; height:33px; white-space: nowrap;}
.tabs-nav .tabs-selected a {color: #3d71e4;}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: center -33px; outline: 0;}
.tabs-nav a span {width: 50px; min-width: 50px; height: 33px; min-height: 33px; padding-top: 6px;padding-right: 0px;}
*>.tabs-nav a span {width: auto;height: auto;}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited {cursor: text; text-decoration:none;}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {cursor: pointer; text-decoration:none;}

/* SLIDESHOW */
.flipped
{
	-o-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	
}
.slider
{
	max-width:950px;
	max-height:510px;
	overflow:hidden;
	position:absolute;
	z-index:1;
}
a{
	text-decoration:none;
}
.rounded
{
	
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}
.codesnip {
	color: #CCC;
}

.transitionExample
{
	float:left;
	position:relative;
	width:350px;
}
.exampleText
{
	
	position:absolute;
	padding:10px 20px 10px 20px;
	color: #FFF;
	line-height: 190%;
	font-weight: 100;
	font-size: 0.75em;
	bottom:50px;
	right:0px;
	text-size:12px;
	width:450px;
	z-index:2;
	background:url(images/blacktransparentbg.png)
}