/* screen */
body
{
	margin: 0;
	padding: 0;
	font: 100% verdana,helvetica,arial,sans-serif;
	background: #fff url(../images/bg_body.gif) repeat-y top center;
	color: #000;
	text-align: center;
}

#container { width: 940px; margin: 0 auto; text-align: left; position: relative; }

/* HEADER
------------------------------------------------*/
#header { overflow: hidden; position: relative; width: 940px; height: 180px; background: url('../images/header.jpg'); }
#flash { width: 940px; height: 180px; }
#logo { width: 940px; height:180px; background:url('../images/logo-no-flash.jpg'); }
#header a { display: block; position: absolute; text-indent: -999em; width: 260px; height: 180px; text-decoration: none; }

#blue-bar { width: 940px; height:24px; background: url('../images/top-bar-bg.gif') repeat-x;  }
#logo-left { width:403px; height:180px; background: url('../images/top-left-logo.jpg') no-repeat; float:left; }
#small-bar { width:940px; height:4px; margin-bottom:20px; }
.n1active { background-color:#3490b4; }
.n2active { background-color:#aa67c9; }
.n3active { background-color:#3d9937; }
.n4active { background-color:#7893d1; }
.n5active { background-color:#d16cd0; }
.n6active { background-color:#e4d363; }
.n7active { background-color:#4abbad; }
.n8active { background-color:#d4c4a7; }


/* NAV
------------------------------------------------*/

#nav { position: relative; width: 940px; height: 45px; background: url('../images/nav-tallbg.gif') repeat-x; }

#btns { position: absolute; left: 10px; top:0px; z-index: 10; }
#btns li, #btns a
{
	position: absolute;
	display: block;
	top: 0;
	height: 45px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#btns a { overflow: hidden; left: 0; text-indent: -999em; }
#btns a:link, #btns a:visited { background-position: 0 0; }
#btns a:hover, #btns a:active { background-position: 0 -45px; }

#btns .active a:link, #btns .active a:visited { background-position: 0 -45px; }
#btns .active a:hover, #btns .active a:active { background-position: 0 -45px; }

#btns ul
{
	z-index: 100;
	position: absolute;
	left: -999em;
	top: 45px;
	width: 250px;
	border-width: 0 1px;
	border-style: solid;
	border-color: #b0b1b1 #777879 #1f505e #afb0b0;
}
#btns ul li, #btns ul a { position: relative; background: #3d859a; height: auto; text-indent: 0; }
#btns ul li { display: inline; }
#btns ul a
{
	cursor: pointer;
	font: normal 16px verdana,arial,sans-serif;
	width: 230px;
	padding: 8px 10px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #a8a9a9 #a8a9a9 #505050 #505050;
}
#btns ul .first a { border-top: 0; }
#btns ul a:link, #btns ul a:visited { background: #606161; color: #fff; text-decoration: none; }
#btns ul a:hover, #btns ul a:active { background: #858686; color: #ffffcc; text-decoration: none; }

#btns .active ul a { border-left: 1px solid #458c9d; }
#btns .active ul a:link, #btns .active ul a:visited { background: #606161; color: #fff; text-decoration: none; }
#btns .active ul a:hover, #btns .active ul a:active { background: #858686; color: #ffffcc; text-decoration: none; }

#btns .hvractive ul { left: -10px; }


#nav_home { width: 49px; background: url('../images/nav-home.gif') no-repeat; }
#nav_being { width: 46px; background: url('../images/nav-being.gif') no-repeat; }
#nav_how_it_works { width: 112px; background: url('../images/nav-how_it_works.gif') no-repeat; }
#nav_client_stories { width: 114px; background: url('../images/nav-client_stories.gif') no-repeat; }
#nav_newsletter { width: 91px; background: url('../images/nav-newsletter.gif') no-repeat; }
#nav_blog { width: 35px; background: url('../images/nav-blog.gif') no-repeat; }
#nav_about { width: 101px; background: url('../images/nav-about.gif') no-repeat; }
#nav_contact { width: 92px; background: url('../images/nav-contact.gif') no-repeat; }

#n1, #n1 a { width: 49px; background: url('../images/nav-home.gif') no-repeat;  }
#n2, #n2 a { width: 46px; background: url('../images/nav-being.gif') no-repeat; }
#n3, #n3 a { width: 112px; background: url('../images/nav-how_it_works.gif') no-repeat; }
#n4, #n4 a { width: 114px; background: url('../images/nav-client_stories.gif') no-repeat; }
#n5, #n5 a { width: 91px; background: url('../images/nav-newsletter.gif') no-repeat; }
#n6, #n6 a { width: 35px; background: url('../images/nav-blog.gif') no-repeat; }
#n7, #n7 a { width: 101px; background: url('../images/nav-about.gif') no-repeat; }
#n8, #n8 a { width: 92px; background: url('../images/nav-contact.gif') no-repeat; }

#n1 { left: 20px; }
#n2 { left: 106px; }
#n3 { left: 189px; }
#n4 { left: 333px; }
#n5 { left: 474px; }
#n6 { left: 596px; }
#n7 { left: 670px; }
#n8 { left: 801px; }



/* BREADCRUMB
------------------------------------------------*/
#breadcrumb { width: 920px; padding: 5px 10px 7px; background: #FFF3CA; color: #000; margin-bottom: 12px; font-size: 70%; }
#breadcrumb ul { list-style: none; margin: 0; padding: 0; line-height: 1.4; }
#breadcrumb li { display: inline; }
#breadcrumb a:link, #breadcrumb a:visited { color: #05a; background: transparent; text-decoration: underline; }
#breadcrumb a:hover, #breadcrumb a:active { color: #29f; background: transparent; text-decoration: none; }
#breadcrumb strong { color: #000000; }

/* CONTENT MAIN COLUMN
------------------------------------------------*/
#content { width: 940px; margin-bottom: 1em; }
#content .box { margin:0 2.2em; }

#content { font-size: 70%; }
#content h1
{
	color: #000000;
	margin: 0.3em 0;
	padding: 5px 0;
	line-height: normal;
	font: 30px verdana,helvetica,arial,sans-serif;
}
#content h2 {
	
	color: #000000;
	line-height: normal;
	font: 18px verdana,helvetica,arial,sans-serif;
	margin-bottom:14px;
}

#content p,li { padding: 0; font: 14px verdana,helvetica,arial,sans-serif; color:#000000; margin-bottom:1.0em;}

#content strong { font-weight: bold; }
#content em { font-style: italic; }

#content table { margin: 1em 0; }
/*#content td { border: 1px solid #000; padding: 5px; background: #fff; }*/

#content a:link { text-decoration: underline; color: #05a; background-color: transparent; }
#content a:visited { text-decoration: underline; color: #024; background-color: transparent; }
#content a:hover, #content a:active { text-decoration: none; color: #29f; background-color: transparent; }
#content a.ux:link, #content a.ux:visited { text-decoration: none; }

#sidebar img { border: 0; }
#content ul { margin: 1em 0; padding: 0 0 0 2em; list-style-type: square; }
#content ol { margin: 1em 0; padding: 0 0 0 2em; list-style-type: decimal; }
#content .spaceafter { margin-bottom: 18px; }
#content .spacebefore { margin-top: 18px; }
#content .spaceleft { margin-left: 15px; }

/* HOMEPAGE FEATURE BOXES */

#content .feature_box .being_an_executive, 
#content .being_a_business, 
#content .being_a_client, 
#content .being_yourself { float:left; width:190px; height:183px; font: 14px verdana,sans-serif; color:#fff; }

#content .feature_box .being_an_executive { background:url('../images/being-exec-bg.jpg') no-repeat; margin-right:3px; padding:104px 15px 0; }
#content .feature_box .being_a_business { background:url('../images/being-business-bg.jpg') no-repeat; margin-right:3px; padding:104px 15px 0; }
#content .feature_box .being_a_client { background:url('../images/being-client-bg.jpg') no-repeat; margin-right:3px; padding:104px 15px 0; }
#content .feature_box .being_yourself { background:url('../images/being-yourself-bg.jpg') no-repeat; padding:104px 15px 0; }

#content .feature_box a:link, #content .feature_box a:visited { color: #fff; text-decoration: none; }
#content .feature_box a:hover, #content .feature_box a:active { color: #eee; text-decoration: none; }

#content .feature_box p { color: #ffffff; }

#content .newsletters img { border: none; margin-top:5px; }
#content .required { margin-top:10px; color:red; font:12px bold verdana,sans-serif; }
#content .error { background-color: red; color: white; font:22px bold verdana,sans-serif; padding:10px; }

#content #filelist li { list-style-image:url('../images/pdf.gif'); }
#content #filelist li { height:24px; }

/* CUSTOM CHECKBOXES & FORM
-----------------------------------------------*/

#checklist { padding:20px;  }
#checklist p { margin:7px 0; font: 12px verdana,helvetica,arial,sans-serif; }
#checklist .column_left { width:430px; float:left; margin:8px 4px; }
#checklist .column_right { width:430px; float:right; margin:8px 4px; }
#checklist li { margin-top:15px; font: 11px verdana,helvetica,arial,sans-serif; }
#checklist h2 { font: 18px bold verdana, sans-serif; }
#checklist .smaller { font-size:70%; }
/* FORM
-----------------------------------------------*/
.contactform h3 { font-size:140%; font-weight:bold; }
.contactform label {  margin-top:10px; }

/* FOOTER
------------------------------------------------*/
#footer
{
	text-align: left;
	overflow: hidden;
	clear: both;
	padding: 10px;
	font-size: 70%;
	line-height: 1.0;
	color: #555;
	background: #74bae4 url('../images/top-bar-bg.gif') left top repeat-x;
}
#footer a:link, #footer a:visited { color: #05a; background-color: transparent; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #29f; background-color: transparent; text-decoration: none; }
#footer .ddlink { float:right; }
#footer .ddlink a:link, #footer .ddlink a:visited, #footer .ddlink a:hover, #footer .ddlink a:active { color: #555; text-decoration: none; }

