@charset "utf-8";

/*
	--	--	--	--	--	--	--	--	--	--	--	--
	CSS Layout for Quest Fitness layout CSS file
	'screen' style
	last edit: 22 Jun 07
	--	--	--	--	--	--	--	--	--	--	--	--
*/

/*  Imports for main laut and site style reset */

	@import url("base.css");
	@import url("forms.css");

/* Website Styles */

body { font: 62.5%/100% "Trebuchet MS", Arial, sans-serif; color: #354F55; background: white; }
a { color:#788F95; }
a:hover { text-decoration:none; }
p, ul { font-size:1.3em; line-height: 1.6em; margin:0 1.5em 1.3em; }
p strong { color:#6E6956; }
#footer p { color:#E9EFF2; margin:0 5px; }
#footer p a { color:#b6cfd3; }
#flashcontent p { position: absolute; left:0px; top:10px; color:black; margin:0 1.3em; }
#bottom p { font-size:1.1em; line-height:3em; text-align:center; margin:0; padding:0; }
#bottom p a { color:#b6cfd3; }
 
/* =headings */

h1, h2, h3, h4 { font-family:"Times New Roman", Times, serif; }
h1 { font-size:2em; line-height:2em; text-align:center; }
h1 a { display:block; width:400px; height:175px; margin:0 auto; background:url(../img/logo.png) no-repeat; color:white; }
h1 a span { display:none; }
h2 { font-size:2em; font-weight:normal; line-height:1.2em; letter-spacing:.02em; color:#6E6956; border-bottom:2px solid #E9E9E6; }
.col_left h2, .col_right h2 { margin:0 20px .5em; padding:0 0 .2em; }
.col_right_home h2 { margin:0 0 .5em;  padding:0 10px .2em;}
h3 { font-size:1.7em; line-height:1.7em; letter-spacing:.01em; color:#D0D9DD; margin:0 0 2em; padding:0 5px; border-bottom:2px solid #6E878D; }
h4 { font-size:1.7em; font-weight:normal; line-height:1.2em; letter-spacing:.01em; color:#6E6956; border-bottom:1px solid #E9E9E6; margin:1px 1.3em .5em; padding:0 0 .2em; }
h4 span { color:#A09D90; }

/* =layout to position divs */

#header { background:url(../img/header_bg.png) #405E65 top repeat-x; padding-top:5px; }
#wraper { background:url(../img/cont_hr_wraper.png) #FFFFFF top repeat-x; }
div.content { clear:both; width:910px; margin:2em auto; background:url(../img/dotted_vr-bg.png) 380px repeat-y; }
div.col_left { float:left; width:360px; margin:0 0 2em; padding:2em 0 0 0; background:url(../img/left_col-bg.png) top no-repeat; }
div.col_right { float:right; width:510px; margin:0 0 2em; padding:2em 0 0 0; background:url(../img/right_col-bg.png) top left no-repeat; }
div.col_right_home { float:right; width:500px; margin:0 0 2em; padding:0; background:url(../img/right_col-bg.png) top no-repeat; }
#main_feature { background:url(../img/main_feature-bg.png) #F8FAFB no-repeat bottom; margin:0 0 2em; padding:10px; }
#footer { clear:both; background:url(../img/footer_hr-bg.png) #67858C top repeat-x; border-top:2px solid #8BA6AC; }
#footer .col_left { float:left; width:220px; margin:0 0 2em; padding:0; background:none; }
#footer .col_right { float:right; width:640px; margin:0 0 2em; padding:0; background:none; }
#footer div.content { background: none; }
#bottom { clear:both; background:#354F55; color:#B8C2C4; }

/* =navigation */

#main_nav { width:910px; margin:0 auto; }
#main_nav li { float:left; /*border:1px solid red;*/ }
#main_nav li a { display:block; color:white; padding-left:1em; color:#455E63; text-decoration:none; }
#main_nav li a span { display:block; padding-right:.6em; font-size:1.5em; line-height:2.1em; /*border:1px solid red;*/ }

#main_nav li a.current { background:url(../img/main_nav_bg-left.png) left bottom no-repeat; color:#E2E9EA; /*border:1px solid blue;*/ }
#main_nav li a.current span { background:url(../img/main_nav_bg-right.png) right bottom no-repeat; }
#main_nav li a:hover { background:url(../img/main_nav_bg-left.png) left 33% no-repeat; }
#main_nav li a:hover span { background:url(../img/main_nav_bg-right.png) right 33% no-repeat; }
#main_nav li a:hover.current { background:url(../img/main_nav_bg-left.png) left bottom no-repeat; }
#main_nav li a:hover.current span { background:url(../img/main_nav_bg-right.png) right bottom no-repeat; }

/* =lists */

.services { float:left; margin:10px 0 10px 0; }
.services.left { width:280px; margin-left:5px; }
.services.right { width:200px; margin-left:10px; }
.services li { font:bold 1.1em "Trebuchet MS", Arial, sans-serif; color:#788F95; padding:0 0 0 20px; margin:0 0 .6em; background:url(../img/bullet-v.png) no-repeat left .15em; }

.bullet { color:#F7F9FA; }
.bullet li { text-indent:14px; line-height:1.4em; margin-bottom:.5em; background:url(../img/bullet-bg.png) no-repeat left 4px; color:#354F55; }
.bullet li ul li { font-size:.8em; margin:.5em 0 .5em -10px; background:url(../img/bullet_sec-bg.png) no-repeat left 4px; }

.arrow li a { padding-left:14px; line-height:1.4em; margin-bottom:.5em; background:url(../img/arrow-bg.png) no-repeat left 4px; text-decoration:none; }
.arrow li a:hover { padding:0 14px 0 0; margin-bottom:.5em; background:url(../img/arrow-bg.png) no-repeat right 4px; }

.product { margin:0 20px 1.5em; font-size:1.3em; list-style:none; }
.product li { margin:0; line-height:1.5em; }
.product li p { margin:0 0 1em; font-size:1em; line-height:1.5em; }
.product li ul { margin:0 10px 0 0; }
.product li ul li { margin:0 0 10px; padding:0 0 0 12px; font-size:.7em; line-height:1.2em; background:url(../img/bullet_sec-bg.png) no-repeat left 2px; }
.product li h3 { margin:0 0 .5em; color:#8BA6AC; font-size:1.4em; border:none; }
.product li img { margin:0 15px 10px 0; padding:.5em 0; border-right:2px solid #E9E9E6; }

/* =address */

address {}

/* =quotes */

div.col_right_home blockquote { text-indent: 40px; background: url(../img/quote-left.png) no-repeat 0 .2em; margin:15px; }
div.col_right_home blockquote p { font:italic 1.7em/1.5em Georgia, "Times New Roman", Times, serif; color:#788F95; margin:0; }
div.col_right_home blockquote p:after { content:""; padding-right: 40px; background: url(../img/quote-right.png) no-repeat right bottom; }
*div.col_right_home blockquote p { padding-right: 40px; background: url(../img/quote-right.png) no-repeat right bottom; }

div.col_left blockquote { margin:2em 20px 0; padding:10px; text-indent:2em; background: url(../img/quote-left-sm.png) #FCFCFC no-repeat 10px 10px; }
div.col_left blockquote p { font-size:1.3em; line-height:1.5em; margin:0; }
div.col_left blockquote p:after { content:""; padding-right:2em; background: url(../img/quote-right-sm.png) no-repeat right bottom; }
*div.col_left blockquote p { padding-right:2em; background: url(../img/quote-right-sm.png) no-repeat right bottom; }
div.col_left blockquote p span { display:none; }
div.col_left p.quote em { display:block; font:italic bold .85em/1.5em Georgia, "Times New Roman", Times, serif; color:#8BA6AC; text-align:right; margin:0 0 2em; padding:10px; text-indent:2em; background:#FCFCFC; }


/* =images */

.content img { float:left; margin:0 1em .2em 0; }
#footer .col_right a img { margin:0 1.3em 0 1.3em; text-align:center; border-bottom:3px solid #354F55; }
#footer .col_right a:hover img { border-bottom-color:#b6cfd3; }

/* =icons */

.email { padding-left: 20px; background:url(../img/ico-email.png) no-repeat left center; }

/* =rulers */

hr { display:none; }
div.hr { width:auto; height:6px; margin:0 0 1em; background:url(../img/con_hr-bg.png) no-repeat center; }

/* =mutimedia */

#flashcontent { position:relative; width:480px; height:200px; }
#logo { width:400px; height:175px; margin:0 auto; }

/* =fixes */