/* TOC
	1) DEFAULTS
		1.1) Resets
		1.2) Baseline
		1.3) Tables
		1.4) Forms
		1.5) Links
		1.6) Special Classes
			1.6.1) CMS
	2) SITE SPECIFIC
		2.1) Elements
		2.2) Classes
		2.3) ID's
	3) PAGE TYPE SPECIFIC
	4) SECTION SPECIFIC
	5) PAGE SPECIFIC

	HACKS:
		IE6:
		* html #ie6 { background-color: red; }

		IE7:
		*:first-child+html #ie7 { background-color: blue; }

		Safari2:
		body:last-child:not(:root:root) #safari2 { background-color: yellow; }

		"Modern" browsers:
		html>body #modern { background-color: pink; }

		Safari 3:
		html*:first-of-type #safari3 { background-color: orange; }
		html*#id_of_body:first-of-type to target the body

		Safari 2/3:
		html* #safari2and3 { background-color: gray; }
		html*#id_of_body to target the body
		
		Safari
		@media screen and (-webkit-min-device-pixel-ratio:0){
			.home_fields {background-color: pink;}
		}
		
*/

/* 1) DEFAULTS ---------------------------------------------------------- */
	/* 1.1) Resets ---------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
	}

input, textarea {
	font-family: inherit;
	}
	/* /Resets ------------------------------------------------- */

	/* 1.2) Baseline ------------------------------------------- */
html {
	overflow-y: scroll;
	height: 100%;
	}

body	{
	font-family: sans-serif;
	font-size: 100%;
	}
	/* /Baseline ----------------------------------------------- */

	/* 1.3) Tables --------------------------------------------- */
table	{ /* tables still need cellspacing=0 in the markup */
	border-spacing: 0;
	}

	/* /Tables ------------------------------------------------- */

	/* 1.4) Forms ---------------------------------------------- */
input[type='text'],
input[type='password'],
textarea,
select	{
	padding: 1px;
	}
	/* /Forms -------------------------------------------------- */

	/* 1.5) Links ---------------------------------------------- */
	/* /Links -------------------------------------------------- */
	/* 1.6) Special Classes ------------------------------------ */
.clear	{
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	visibility: hidden !important;
	float: none !important;
	padding: 0 !important;
	display: block !important;
	}

		/* 1.6.1) CMS ------------------------------------ */
.cms p	{
	margin: 0 0 1em 0;
	}
	
.cms h1 {
	font-size: 3em;
	margin: 0 0 .5em 0;
	font-weight: bold;
	}
	
.cms h2 {
	font-size: 2em;
	margin: 0 0 .5em 0;
	font-weight: bold;
	}

.cms h3 {
	font-size: 1.5em;
	margin: 0 0 .5em 0;
	font-weight: bold;
	}

.cms h4 {
	font-size: 1.2em;
	margin: 0 0 .5em 0;
	font-weight: bold;
	}

.cms h5 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	font-weight: bold;
	}

.cms h6 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	font-weight: bold;
	}

.cms blockquote {
	margin: 0 0 1.5em 1.5em;
	}
	
.cms ul,
.cms ol {
	margin: 0 0 1.5em 3em;
	}
	
.cms ul,
.cms ul li {
	list-style-type: disc;
	}

.cms ol,
.cms ol li {
	list-style-type: decimal;
	}

.cms dl {
	margin: 1.5em 0;
	}

.cms dl dt {
	font-weight: bold;
	}

.cms strong {
	font-weight: bold;
	}

.cms .center {
	text-align: center;
	}

.cms table {
	margin: 1.5em 0;
	border-top: 1px solid black;
	border-left: 1px solid black;
	}

.cms table th {
	font-size: 1.2em;
	font-weight: bold;
	padding: .25em;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	}

.cms table td {
	font-size: 1em;
	padding: .25em;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	}

.cms .image_right {
	clear: right;
	float: right;
	margin: 0;
	padding: 0 0 0 5px;
	}

.cms .image_right img {
	display: block;
	}
		/* /CMS ------------------------------------------ */
	/* /Special Classes ---------------------------------------- */
/* /DEFAULTS ------------------------------------------------------------ */

/* 2) SITE SPECIFIC ----------------------------------------------------- */
	/* 2.1) Elements ------------------------------------------- */
body,
td,
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

body {
	background: #fff;
	}
	/* /Elements ----------------------------------------------- */

	/* 2.2) Classes -------------------------------------------- */
.cms p {
	color: #5b5b5b;
	line-height: 1.6em;
	}

.error {
	color: #b00;
	}
	/* /Classes ------------------------------------------------ */

	/* 2.3) ID's ----------------------------------------------- */
#header {
	width: 890px;
	margin: auto;
	padding: 10px 0;
	}

#header h1 {
	float: left;
	padding-right: 55px;
	}

#header #tagline {
	float: left;
	}

#nav {
	background: url(../images/global_nav_bg.gif) left top repeat-x;
	padding-bottom: 20px;
	}

#nav li {
	float: left;
	}
#nav li.md {margin-right:44px;}
#nav img {
	float: left;
	padding: 4px 0 2px 0;
	}

#nav ul {
	width: 890px;
	margin:  auto;
	}

#page {
	width: 890px;
	margin: auto;
	}
#primary {
	width: 198px;
	float: left;
	}

#secondary {
	width: 692px;
	float: left;
	zoom: 1;
	}

#secondary .n {
	background: url(../images/misc_box_n_special.gif) left top repeat-x;
	zoom: 1;
	}

#secondary .s {
	background: url(../images/misc_box_s.gif) left bottom repeat-x;
	zoom: 1;
	}

#secondary .e {
	background: url(../images/misc_box_e.gif) right top repeat-y;
	zoom: 1;
	}

#secondary .w {
	background: url(../images/misc_box_w.gif) left top repeat-y;
	zoom: 1;
	}

#secondary .ne {
	background: url(../images/misc_box_ne_special.gif) right top no-repeat;
	zoom: 1;
	}

#secondary .nw {
	background: url(../images/misc_box_nw_special.gif) left top no-repeat;
	zoom: 1;
	}

#secondary .sw {
	background: url(../images/misc_box_sw.gif) left bottom no-repeat;
	zoom: 1;
	}

#secondary .se {
	background: url(../images/misc_box_se.gif) right bottom no-repeat;
	padding: 12px 20px 20px 15px;
	min-height: 480px;
	zoom: 1;
	}

#secondary h2 {
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 17px;
	font-weight: normal;
	padding-top: 3px;
	width: 400px;
	}

#secondary h3 {
	font-weight: normal;
	font-size: 30px;
	line-height: 30px;
	}

#secondary h3.top {
	width: 410px;
	}

#offer {
	float: right;
	width: 227px;
	padding: 50px 0 15px 15px;
	}

#tertiary {
	padding: 0 0 15px 198px;
	width: 692px;
	margin: auto;
	}

#tertiary li {
	float: left;
	}

#tertiary img {
	float: left;
	}

#secondary_nav {
	font-size: 11px;
	background: #3ab5f8;
	text-align: center;
	zoom: 1;
	}

#secondary_nav ul {
	padding: 5px 0;
	}

#secondary_nav li {
	display: inline-block;
	border-left: 1px solid #fff;
	}
* html #secondary_nav li {
	display: inline;
	}
*:first-child+html  #secondary_nav li {
	display: inline;
	}

#secondary_nav li.first {
	border-left: none;
	}

#secondary_nav a {
	display: inline-block;
	color: #fff;
	padding: 0 5px 0 9px;
	text-decoration: none;
	font-weight: normal;
	}

#footer {
	width: 860px;
	margin: auto;
	font-size: 11px;
	color: #696969;
	padding: 0 0 10px 30px;
	font-weight: normal;
	}

#footer #copyright {
	text-align: center;
	color: #545454;
	padding-top: 10px;
	}

#footer #warning {
	text-align: center;
	color: #545454;
	padding: 10px 0;
	}

#footer #warning strong {
	color: #000;
	}

	/* /ID's --------------------------------------------------- */
/* /SITE SPECIFIC ------------------------------------------------------- */

/* 3) PAGE TYPE SPECIFIC ------------------------------------------------ */
/* /PAGE TYPE SPECIFIC -------------------------------------------------- */


/* 4) SECTION SPECIFIC -------------------------------------------------- */
	/* SECTION --------------------------------------------- */
	/* /SECTION -------------------------------------------- */
/* /SECTION SPECIFIC ---------------------------------------------------- */


/* 5) PAGE SPECIFIC ----------------------------------------------------- */
	/* HOME ------------------------------------------------- */
#home #page {
	width: 898px;
	}

#home #primary {
	width: 602px;
	float: left;
	padding-right: 3px;
	}

#home #secondary {
	width: 293px;
	
	}

#home #secondary * {
	background: none;
	padding: 0;
	}

#home #secondary img {
	display: block;
	}

#home #offer {
	display: none;
	}

#home #home_offer {
	padding: 3px 0 5px;
	}

#home #tertiary {
	clear: both;
	display: none;
	}

#home #secondary_nav {
	margin-top: 20px;
	}
	
#home #secondary {position: relative;}
#home .movie {
	position: absolute;
	bottom: 48px;
	right: 0;
}
#my_networks {
	display: none;
	text-align: center;
	margin: 10px 0 20px 0;
}
#home #my_networks {display: block;}
	/* /HOME ------------------------------------------------ */

	/* ABOUT ------------------------------------------------ */
#how #secondary .cms {
	padding-left: 5px;
	}

#about #secondary h3 {
	margin: 30px 0 5px;
	}

#about #secondary h3.first {
	margin-top: 0;
	}
	/* /ABOUT ----------------------------------------------- */

	/* HOW -------------------------------------------------- */
#how #secondary {
	position: relative;
	}

#how #secondary h3 {
	margin: 30px 0 5px;
	}

#how #secondary h3.first {
	margin-top: 0;
	}

#how #secondary h2 {
	width: 400px;
	}

#how #secondary #page_nav {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 14px;
	}

#how #secondary #page_nav a {
	color: #000;
	}

#how #secondary .cms {
	padding-left: 5px;
	}

#how #secondary .cms p {
	width: 395px;
	padding-left: 5px;
	}
	/* /HOW ------------------------------------------------- */

	/* FAQS ------------------------------------------------- */
#faqs #secondary {
	position: relative;
	}

#faqs #secondary h2 {
	width: 400px;
	float: left;
	}

#faqs #secondary #page_nav {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 14px;
	}

#faqs dl {
	float: left;
	width: 652px;
	background: #def1ba url(../images/faqs_s.gif) left bottom no-repeat;
	}

#faqs dt {
	display: block;
	background: url(../images/faqs_n.gif) left top no-repeat;
	padding: 19px 14px 10px 50px;
	font-weight: bold;
	font-size: 14px;
	}

#faqs dd {
	background: url(../images/faqs_a.gif) 17px top no-repeat;
	padding: 3px 14px 30px 50px;
	font-size: 13px;
	line-height: 20px;
	}

#faqs dl.odd {
	background: #d8d8d8 url(../images/faqs_s_alt.gif) left bottom no-repeat;
	}

#faqs dl.odd dt {
	background: url(../images/faqs_n_alt.gif) left top no-repeat;
	}

#faqs dl.odd dd {
	background: url(../images/faqs_a_alt.gif) 17px top no-repeat;
	}

#faqs dl.first {
	width: 415px;
	min-height: 145px;
	background: #def1ba url(../images/faqs_s_top.gif) left bottom no-repeat;
	}

#faqs dl.first dt {
	background: url(../images/faqs_n_top.gif) left top no-repeat;
	}

#faqs dl.second {
	width: 415px;
	min-height: 154px;
	background: #d8d8d8 url(../images/faqs_s_alt_top.gif) left bottom no-repeat;
	}

#faqs dl.second dt {
	background: url(../images/faqs_n_alt_top.gif) left top no-repeat;
	}
	/* /FAQS ------------------------------------------------ */

	/* TESTIMONIALS ----------------------------------------- */
#testimonials #secondary .cms {
	font-size: 13px;
	padding-left: 5px;
	}

#testimonials #secondary .cms cite {
	display: block;
	padding: 20px 0;
	}
	/* /TESTIMONIALS ---------------------------------------- */

	/* COMPANY ---------------------------------------------- */
#company #secondary .cms {
	padding-left: 10px;
	}

#company #secondary h3 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 18px;
	width: 400px;
	}

#company #the_company {
	padding-bottom: 20px;
	}

#company #mission {
	padding-bottom: 20px;
	font-weight: bold;
	color: #000;
	}

#company .portrait {
	float: left;
	clear: left;
	padding-right: 5px;
	width: 128px !important;
	}

#company .profile .info {
	float: left;
	width: 470px;
	}

#company .profile h4 {
	font-weight: normal;
	}

#company .profile p {
	color: #5b5b5b;
	padding: 0 20px 20px 0;
	}

	/* /COMPANY --------------------------------------------- */

	/* PRIVACY ---------------------------------------------- */
#privacy #secondary h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	}

#privacy #offer {
	display: none;
	}
	/* /PRIVACY --------------------------------------------- */

	/* TERMS ------------------------------------------------ */
#terms #secondary em {
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	}
	/* /TERMS ----------------------------------------------- */

	/* FREE ONLINE CONSULTING ------------------------------- */
#consulting #offer {
	display: none;
	}

#consulting #pe_info {
	padding-left: 15px;
	}
#consulting #pe_info h4 strong {color: #ff0000;}

#consulting #pe_info table,
#consulting #pe_info table * {
	border: 0;
	margin-top: 0;
	margin-left: 0;
	font-weight: normal;
	font-size: 12px;
	}

#consulting #pe_info td {
	padding-left: 0;
	}

#consulting #pe_info ol {
	font-weight: bold;
	margin-left: 1.5em;
	}

#consulting #pe_info h4 {
	font-size: 12px;
	}

#consulting #pe_info input.text {
	border: 1px solid #5B5B5B;
	background: #fff;
	}

	/* /FREE ONLINE CONSULTING ------------------------------ */

	/* TELL US YOUR STORY ----------------------------------- */
#story #offer,
#story #primary,
#story #header,
#story #nav,
#story #tertiary,
#story #secondary_nav,
#story #footer {
	display: none;
	}

#story #secondary {
	background: url(../images/story_bg.gif) left top repeat-y;
	width: 300px;
	float: none;
	}

#story * {
	zoom: 1;
	}

#story #page {
	width: 300px;
	margin: 0;
	}

#story #secondary .n {
	background: url(../images/story_n.gif) left top no-repeat;
	}

#story #secondary .s {
	background: url(../images/story_s.gif) left bottom no-repeat;
	}

#story #secondary .e,
#story #secondary .w,
#story #secondary .se,
#story #secondary .ne,
#story #secondary .sw,
#story #secondary .nw {
	background: none;
	}

#story #secondary .se {
	min-height: inherit;
	min-height: auto;
	padding-left: 20px;
	}

#story #secondary h2 {
	padding-bottom: 10px;
	font-size: 30px;
	line-height: 34px;
	}

#story #testimonial_form {
	color: #5B5B5B;
	}

#story #testimonial_form input.text,
#story #testimonial_form textarea {
	border: 1px solid #5B5B5B;
	background: #fff;
	width: 248px;
	margin: 3px 0;
	font-size: 12px;
	}
#story #testimonial_form textarea {height: 90px; _height: 80px;}
#story #submit {
	text-align: right;
	padding: 2px 10px 0 0;
	}

	/* /TELL US YOUR STORY ---------------------------------- */
	
	/* CONTACT ---------------------------------------------- */
/*
#contact #inputs {
	width: 400px;
	}

#contact .error {
	color: #c00;
	}

#contact .field_wrapper .error {
	padding-bottom: 3px;
	}

#contact .success {
	color: #0c6;
	}

#contact .odd {
	clear: left;
	}

#contact .type_text input,
#contact #form_message_wrapper textarea {
	border: 1px solid #c0c0c0;
	padding: 1px;
	width: 176px;
	color: #5b5b5b;
	}

#contact .field_wrapper {
	width: 180px;
	float: left;
	padding: 5px;
	}

#contact #form_message_wrapper {
	width: 400px;
	float: none;
	clear: both;
	}

#contact #form_message_wrapper textarea {
	width: 378px;
	height: 109px;
	font-size: 12px;
	}

#contact #form_submit_wrapper {
	text-align: right;
	width: auto;
	float: none;
	padding-right: 15px;
	}

#contact .header {
	padding-bottom: 10px;
	padding-left: 24px;
	}

#contact .header p {
	padding-bottom: 10px;
	} */

#contact #contact_us input.text,
#contact #contact_us textarea {
	clear: both;
	border: 1px solid #5B5B5B;
	background: #fff;
	margin-top: 3px;
	}
#contact #contact_us textarea {font-size: 12px;}
#contact #contact_us input.text {
	width: 176px;
	}

#contact #contact_us textarea {
	width: 378px;
	}

#contact #contact_us td {
	color: #5B5B5B;
	padding: 5px 5px 0 5px;
	}

#contact #submit {
	text-align: right;
	padding-right: 25px;
	}
	/* /CONTACT --------------------------------------------- */
/* /PAGE SPECIFIC ------------------------------------------------------- */