/* CSS Global Stylesheet Header

Theme Name: WellHome
Theme URI: 
Description: 
Author: Raina Gustafson, Brendan Salmond
Author URI: www.solutionset.com
Version: 1.0

[Color Reference]
nav blue: #8299bb
background brown: #562e19
font lt brown: #b39172
green (box, box link, etc.) #92a950
dk beige (box etc.) #ede9db
lt beige (inner box etc.) #f6f4ed
dk brown (text) #562e19
green box border: #cec2b7
beige box border: #ddd5c9
orange (box, text): #bd712d
alt organge: #d4891c


[Table Of Contents]

1- Global Elements
2- Cufon and Global Typography
3- Header
4- Main Content
    4.a - Left Column
    4.b - Center Column
    4.c - Right Column
5- Footer
6- Hacks, Buttons and Footnotes
7- Shared Among Pages but not Global
8- Forms -> Now in external file

10- Home Page Specific
11- Our Program Page Specific
12- Assessment Page Specific
    12.a - Left Column
    12.b - Center Column
13- FAQs
14- Contact and Locations
15- Privacy

20- Style Guide and Errors

Use = symbol and table of contents number (=6) to jump to specific content area.
Example: *Find* =4 will take you to the Right Column styles.
*/

/* =1 Global Elements
*******************************************************/
html {
    background-color: #562e19;
    }

body {
    background: #fff url(/images/bg_body.jpg) repeat-x;
    font-family: Arial, sans;
    height: 100%;
    margin: 0px;
    padding: 0px;
    }

#wrapper {
    margin: 0px auto;
    height: 100%;
    width: 974px;
    }
    
#head {
    background-color: #562e19;
    height: 66px;
    padding-top: 19px;
    }

#head ul {
	float: right;
	}

#head a {
	float: left;
	}
    
#maincontent {
    background-color: #fff;
    padding: 20px 7px 20px;
    }
    
#footwrap {
    background-color: #562e19;
    width: 100%;
    }
    
#footwrap div {
    height: 132px;
    padding-top: 17px;
    margin: 0px auto;
    height: 100%;
    width: 974px;
    }
    
.alignright {
    display: inline-block;
    float: right;
    }
    
.alignleft {
    display: inline-block;
    float: left;
    }
    
a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #92a950;
    }
    
/* inline navlists */
ul.navlist li {
    display: inline-block;
    float: left;
    }
span.png {
	position: relative;
	display: inline-block;
}

span.png img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	float: left;
}

span.logo {
	float: left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/img_logo.png',sizingMethod='scale');
	cursor: pointer;
}

span.digg {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icn_digg.png',sizingMethod='scale');
	cursor: pointer;
}

span.twit {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icn_twitter.png',sizingMethod='scale');
	cursor: pointer;
}

span.face {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icn_facebook.png',sizingMethod='scale');
	cursor: pointer;
}

span.sun {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icn_sun.png',sizingMethod='scale');
}

span.temp {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/temperature.png',sizingMethod='scale');
}

span.only {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_only149.png',sizingMethod='scale');
	position: absolute;
	top: 0;
	left: 130px;
}

/* =2 Cufon and Global Typography
*******************************************************/
.cufon-loading #head ul li a,
.cufon-loading h1,
.cufon-loading h2,
.cufon-loading h3,
.cufon-loading h3 a span,
.cufon-loading h4,
.cufon-loading h5,
.cufon-loading .universstd,
.cufon-loading .universbld,
.cufon-loading .avenirstd,
.cufon-loading .btn-how-it-works a,
.cufon-loading .btn-how-it-works button,
.cufon-loading #prime.home #widget p,
.cufon-loading .avenirstd strong,
.cufon-loading .avenirbld,
.cufon-loading .announce,
.cufon-loading .announce-link,
.cufon-loading #message .main1 { 
    visibility: hidden !important;
    }

h1 {
    color: #bd712d;
    font: 26px/1.2 "Arial", sans-serif;
    letter-spacing: -1px;
    word-spacing: -2px;
    margin-bottom: 16px;
    }

h2 {
	color: #562e19;
	font: 16px/1.2 "Arial", sans-serif;
	font-weight: 900;
	margin-bottom: 4px;
	}

h3 {
	color: #fff;
	font: 18px/1.2 "Arial", sans-serif;
	text-transform: uppercase;
    font-weight: 900;
	}

h3.leading-hack {
	position: relative;
	top: -4px;
	}

h3.leading-hack-double {
	top: -8px;
	}

h3.ie-cufon-fix {
	font-size: 20px;
	margin: 6px 0 12px 0;
}

h4 {
	color: #562e19;
	font-size: 18px;
	margin-bottom: 16px;
	}

h5 {
	color:#bd712d;
	font-size:14px;
	margin-bottom:16px;
	}
sup {
	font-size: 9px;
}
/* =3 Header
*******************************************************/
#head ul {
    padding-top: 35px;
}

#head ul li {
    background: transparent url(/images/wh_nav_grad_1px.png) repeat-x;
    display: inline;
    position: relative;
    float: left;
    margin-right: 1px;
    height: 31px;
    overflow: hidden;
    text-align: center;
    }

#head ul li a {
    color: white;
    display: block;
    position: relative;
    font-size: 18px;
    height: 31px;
    margin: 0px auto;
    padding-top: 3px;
    text-align: center;
    text-transform: lowercase;
    }
    
#head ul .nav-on {
    background-image: none;
    background-color: #fff;
    }

#head ul .nav-on a {
    color: #333;
    }

#nav-home a {
    width: 85px;
    text-align: center;
    }

#nav-program a {
    width: 119px;
    }

#nav-assessment a {
    width: 153px;
    }

#nav-faqs a {
    width: 120px;
    }
    
#nav-about a {
    width: 119px;
    }

#nav-contact {
	margin-right: 0;
	}
    
#nav-contact a {
    width: 119px;
    }

/* =4 Main Content
*******************************************************/

/* =4.a Left Column */

#left-skinny {
    width: 236px;
    display: inline-block;
    float: left;
    }

#left-skinny .info-box {
	float: left;
	}

/* =4.b Center Column */

#prime {
    width: 716px; /* could be 720 in all but IE6 */
    margin: 0px;
    padding: 0px;
    overflow: hidden; /* fixes IE6 layout issue, element would otherwise need to be 700px in IE6 */
    }

#prime p {
	margin-right: 12px;
	}
	
/* =4.c Right Column */
#right-sash {
    width: 240px;
    height: 100%;
    display: inline-block;
    float: right;
    }
 
.accred-box img {
	float: left;
	}

.accred-box p {
	font-size: 11px;
	}
	
/*announcement boxes*/   
.info-box {
    display: block;
    float: right;
    padding: 5px;
    margin-bottom: 15px;
    width: 216px;
    }

.info-box .in-box {
    border-style: solid;
    border-width: 1px;
    padding: 19px 9px;
    }

.in-box ul li {
	float: none;
	display: block;
	}
    
.green-box {
    background-color: #92a950;
    }
    
.beige-box {
    background-color: #ede9db;
    }

.green-box .in-box {
    border-color: #cec2b7;
    position: relative;
    }
    
.beige-box .in-box {
    background-color: #f6f4ed;
    border-color: #ddd5c9;
    }

.beige-box h3 {
	color: #85abce;
	}
	
.beige-box a {
	color: #92a950;
	display: inline-block;
	font: 14px/1.2 "Arial", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 8px;
	padding-right: 12px;
	background: url(/images/wh_arrow_sprite_crush.png) right 2px no-repeat;
	}

.green-box h3 span {
	position: absolute;
	font-size: 28px;
	top: 0;
	}

.green-box h3 span span.dollar {
	font-size: 16px;
	vertical-align: super;
	position: relative;
	left: 0;
	}

.assessment-price {
    background: transparent url(/images/wh_main_sprite_crush.png) 0px -11px no-repeat;
    height: 27px;
    overflow: hidden;
    text-indent: -9999px;
    width: 39px;
    }

/* =5 Footer
*******************************************************/
#footwrap div ul, #footwrap div p {
    color: #b39172;
    font-size: 9px;
    }
    
#footwrap a {
    color: #b39172;
    }
    
#footwrap a:hover {
    color: #fff;
    }

#footwrap div ul {
	float: right;
	margin-right: -5px;
	}

#footwrap div ul li {
	float: left;
	display: inline-block;
	}
    
#footwrap li a {
    padding-right: 5px;
    padding-left: 5px;
    }

#copyright {
    margin-bottom: 18px;
    }
    
#disclaim {
    border-top: solid 1px #b39172;
    padding-top: 10px;
    }

#disclaim span {
    color: #b39172;
    display: block;
    margin-top: 4px;
    }

#disclaim span span.footnote {
	display: inline;
	margin-right: 2px;
	}
    
/* =6 Hacks, Buttons and Footnotes
*******************************************************/

.btn-how-it-works {
	background: url(/images/btn_bg.png) no-repeat top right;
	padding: 11px 0;
	font: 14px "Myriad Pro";
	padding-right: 28px;
	height: 30px;
	display: inline-block;
	}

.btn-how-it-works a:link, .btn-how-it-works a:visited, .btn-how-it-works a:hover, .btn-how-it-works a:active {
	color: #ffffff;
	font: 14px/1.2 "Myriad Pro";
	text-indent: 17px;
	text-transform: uppercase;
	text-align: center;
	padding: 0 11px;
	height: 30px;
	position: relative;
	top: -4px;
	}

.btn-how-it-works a span {
	font-size: 24px;
	}
	
span.footnote {
	/* not using super because it messes with line-height */
	vertical-align: text-top;
	font-size: 8px;
	font-weight: normal;
	position: relative;
	top: 0px;
	}

/* =7 Shared but not global
*******************************************************/

#prime.our-program ol li, #prep ol li {
	width: 33%;
	float: left;
	border-top: solid 1px #cec2b7;
	}

#prep ol li {
	width: 234px;
	margin-right: 5px;
	}

li#program-step3.tip {
	margin-right: 0px;
	}

#prime.our-program ol li p {
	margin-right: 12px;
	}

#prime.our-program ol li h2, #prep ol li h2 {
	margin-top: 40px;
	color: #562e19;
	font: 16px/2 "Arial";
	font-weight: 900;
	}

#program-step1 {
	background: url(/images/bg_step1.jpg) no-repeat 0 0;
	}

#program-step2 {
	background: url(/images/bg_step2.jpg) no-repeat 0 0;
	}

#program-step3 {
	background: url(/images/bg_step3.jpg) no-repeat 0 0;
	}
    
#prime li, #prime p {
    color: #5d5d5d;
    font-size: 14px;
    line-height: 1.3em;
    }
    
#prime .date {
    margin-bottom: 2px;
    }
    
#prime .pr-body object {
    display: block;
    margin-top: 25px;
    }

/* =10 Home Page Specific
*******************************************************/

#prime.home div {
	width: 706px;
	height: 312px;
	background: url(/images/bg_hero.jpg) no-repeat;
	text-align: center;
	margin-bottom: 18px;
	}

#prime.home div span.btn-how-it-works {
	margin: 250px 0 0 0;
	float: left;
	position: relative;
	left: 60px;
	}

#prime.home #widget {
	color: #fff;
	margin: 0;
	padding-top: 6px;
	display: inline-block;
	width: 75px; 
	height: 130px; 
	background: #90adc5 none no-repeat; 
	float: right;
	/* change background to repeating transparent png if text needs to be opaque */
	filter: alpha(opacity=85); /* internet explorer */
	-khtml-opacity: 0.85;      /* khtml, old safari */
	-moz-opacity: 0.85;       /* mozilla, netscape */
	opacity: 0.85;           /* fx, safari, opera */
	}

#prime.home #widget p {
	color: #fff;
	line-height: 1.2;
	padding: 0;
	margin: 0;
	}

#prime.home ol li {
	width: 33%;
	float: left;
	}

/* =11 Our Program Page Specific
*******************************************************/
span.rollover {
	display: inline-block;
	width: 38px;
	height: 35px;
	overflow: hidden;
	float: left;
	position: relative;
	top: -14px;
	}

#prime.our-program #flash {
	margin-left: 236px;
	}
#prime.our-program #flash #assessment-flash {
	float: left;
	display: inline;
	}

#prime.our-program ol li {
	float: none;
	width: 200px;
	background-position:12px 0;
	padding-left:20px;
	}

#prime.our-program p img {
	margin: 0 12px 0 2px;
	position: relative;
	top: 3px;
	}

/* =12 Assessment Page Specific
*******************************************************/

#prime.assessment #assessment {
	float: left;
	width: 200px;
	height: 200px;
	background-color: #f4fafb;
	padding: 20px;
	}

#prime.assessment div.map {
	float: right;
	width: 468px;
	height: 241px;
	overflow: hidden;
	background-color: #f4fafb;
	}

/* handling png transparency and img map in IE6 */
#prime.assessment div.map img {
	_position: relative;
	_z-index: 10000;
	_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#prime.assessment div.map span.map {
	_position: relative;
	_z-index: 1;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/img_map.png',sizingMethod='scale');
	_left: 0;
	_top: -240px;
	_width: 468px;
	_height: 240px;
}

#prime.assessment div.map span.map map {
	_position: relative;
	_z-index: 1000;
}

#prime.assessment div.map h4, #prime.assessment div.map h5 {
	margin: 20px;
	position: absolute;
	}
	
#prime.assessment div.map h5 {
	width: 80px;
	padding-top: 40px;
	position: absolute;
	}

#prime.assessment #program-step1, #prime.assessment #program-step2, #prime.assessment #program-step3 {
	float: left;
	border-top: solid 1px #cec2b7;
	}

/* =13 FAQs Page Specific
*******************************************************/

h2.faq {
	border-bottom: solid 1px #cec2b7;
	padding-bottom: 2px;
	margin: 24px 0 8px 0;
	color: #562e19;
	font-weight: 900;
	}

h2.faq span {
	text-transform: uppercase;
	font-size: 11px;
	color: #778e1e;
	float: right;
	position: relative;
	top: 6px;
	font-weight: normal;
	}

.faq-control {
	text-transform: uppercase;
	font-size: 11px;
	color: #778e1e;
	float: right;
	position: relative;
    padding-top: 20px;
	}

.faq-control a {
	text-transform: uppercase;
	font-size: 11px;
	color: #778e1e;
	font-weight: normal;
	}
    
.faq-control-first {
    padding-top: 11px;
    }


dt {
	color: #d4891c;
	font-size: 14px;
	font-weight: 900;
	margin: 12px 0 6px 0;
	text-indent: 36px;
	cursor: pointer;
	background: url("/images/sprite_icn_plus_minus.png") no-repeat -10px -10px;
	}

dd {
	color: #5d5d5d;
    font-size: 1.4em;
    line-height: 1.6em;
    margin-left: 36px;
	}
	
dt.show { display: block; }

dt.show {
	background: url("/images/sprite_icn_plus_minus.png") no-repeat -10px -10px;
	}

dd.hide { display: none; }

dt.hide {
	display: block;
	position: relative;
	background: url("/images/sprite_icn_plus_minus.png") no-repeat -10px -47px;
	}
    
dt a:hover {
	color: #d4891c;
    }
    

/* =14 Contact Page & Locations Page Specific
*******************************************************/
#prime.contact div {
	width: 40%;
	margin-right: 2%;
	display: inline-block;
	float: left;
	}

#prime.contact p strong a {
	color: #5d5d5d;
    font-size: 14px;
    line-height: 1.3em;
	}

h2.loc-head {
	 text-align: center;
	 margin: 0 0 6px 0;
	 padding-top: 0;
}

#prime p.loc-label {
	 float: left;
	 text-align: right;
	 font-weight: 900;
	 display: inline-block;
	 font-size: 11px;
	 width: 35%;
	 margin: 0;
	 padding: 0;
}
#prime p.loc-data {
	 display: inline-block;
	 font-size: 11px;
	 float: right;
	 width: 60%;
	 margin: 0;
	 padding: 0;
}
#prime-main.location {
	width:475px;
	display: inline-block;
}
#prime-main.location h2 {
	padding-top: 12px;
}
.beige-box ul.social {
	float: left;
	}
.beige-box ul.social li {
	width: 64px;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
}
.beige-box ul.social li a {
	background-image: none;
	display: inline-block;
	width: 64px;
	margin: 0;
	padding: 0;
	}
.beige-box ul.social li a img {
	display: inline-block;
	float: left;
	width: 64px;
	margin: 0;
	padding: 0;
	}

/* =15 Privacy Page Specific
*******************************************************/

#prime.privacy ul li, #prime.privacy ol li {
	list-style: disc outside;
	margin: 0 0 8px 40px;
	color: #5d5d5d;
    font-size: 14px;
    line-height: 1.3em;
	}

#prime.privacy ol li {
	list-style-type: decimal;
	}

#prime.privacy a {
	color: #92a950;
	}

/* =16 Sorry No Coverage Specific
*******************************************************/
/*#assessment-form div {
	display: inline-block;
	float: left;
	}*/
	
/* =20 Style Guide and Errors
*******************************************************/

/* style guide */
code { display: block; margin: 0 0 20px 40px; }
.style-guide p { margin: 0 0 4px 40px; padding: 0; }
.style-guide #right-sash h1 { text-align: right; }

/* sitewide errors */
.error_list, #prime .error, #prime .error_list, #prime .error_list li {
    font-size: 10px;
    color: red;
    }