/*
	Author	:	Sonora DesignWorks
	Website	:	SonoraDesignWorks.com
*/


@import url("reset.css");





/* GENERAL
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/


body  {
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/page-back.gif) repeat-x;
	text-align: center;
	color: #333;
}

h2 {color:#5c87b2; font-size:16px}
h3 {font-size:13px}
h3 span {color:#666}

/* LINKS
-----------------------------------------------------------------------------*/



a:link, a:visited  		{color:#274873; text-decoration:underline}
a:hover, a:active  	{color:#c00}




/* CONTAINER
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#content-shadow {width:965px; background:url(../images/shadow-back.jpg) repeat-y}
#content-shadowInt {width:965px; background:url(../images/content-backInt.gif) repeat-y}

#container { 
	width: 965px;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
} 


/* HEADER
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/


#header { 
	background: #DDD; 
	height:171px; width:965px;
	background:url(../images/head-backInt.jpg)
	
} 

#headerHome { 
	background: #DDD; 
	height:171px; width:965px;
	background:url(../images/head-back.jpg)
	
}

#header h1 {
	margin: 0;
	padding: 10px 0;
}

.head-contact {float:right; font-size:12px; font-weight:bold; color:#fff; margin:5px 32px 0 0; text-shadow:1px 1px 2px #444;}

.head-text {color:#000; font-size:15px; font-variant:small-caps; text-align:center; width:450px; position:relative; left:100px; top:15px; *top:25px; *left:80px;  float:left; font-weight:bold; line-height:26px}

.head-contact a:link, .head-contact a:visited {font-size:12px; font-weight:bold; color:#fff; text-shadow:1px 1px 2px #444; text-decoration:none}
.head-contact a:hover, .head-contact a:active {font-size:12px; font-weight:bold; color:#fff; text-shadow:1px 1px 2px #444; text-decoration:underline}


#header-box {margin-left:3px; height:135px; background:url(../images/headers-shadow.jpg) bottom left no-repeat}


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

#mainNav { position:relative; top:14px; *top:14px; left:30px; color:#978981; width:965px}

#mainNav li {display:inline}

#mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active {text-decoration:none}

.navSep {padding:10px 5px !important}


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

#bread {background:#FFF; padding:13px; padding-right:0px; font-size:12px; line-height:25px; border:1px solid #eee}
#bread a:link, #bread a:visited{color:#473568; text-decoration:none; font-weight:bold}
#bread a:hover, #bread a:active{color:#C00; text-decoration:none; font-weight:bold}

.sub-indent {padding-left:5px; border-left:2px dotted #eee; margin:0px; margin-left:5px}

/* SUB NAV current page styles
-----------------------------------------------------------------------------*/
#gdo-page #bread .aa, 
#esc-page #bread .a, 
#escr-page #bread .b, 
#escbr-page #bread .bb,
#esct-page #bread .c, 
#escf-page #bread .d, 
#esco-page #bread .e,
#gds-page #bread .f
{color:#000; cursor:default}

#ito-page #bread .a, 
#ssfe-page #bread .bb, 
#ss-page #bread .b, 
#ssr-page #bread .c, 
#sst-page #bread .d, 
#ssf-page #bread .e,
#sso-page #bread .f
{color:#000; cursor:default}


#impact-a-page #bread .a,
#impact-aaa-page #bread .aaa,
#impact-b-page #bread .b,
#impact-c-page #bread .c,
#impact-d-page #bread .d,
#impact-e-page #bread .e,
#impact-f-page #bread .f,
#impact-g-page #bread .g,
#impact-h-page #bread .h,
#impact-i-page #bread .i,
#impact-j-page #bread .j,
#impb-page #bread .aa
{color:#000; cursor:default}

#free-reports-page #bread .aaa,
#reports-page #bread .aa,
#lca-page #bread .a,
#lcg-page #bread .b
{color:#000; cursor:default}

#about-page #bread .a,
#aboutb-page #bread .b,
#aboutc-page #bread .c
{color:#000; cursor:default}

/* LEFT COLUMN
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#leftColInt {
	float: left;
	width: 605px;
	padding-left:40px;
	padding-top:20px;
	line-height:1.7em;
	color:#444;
	text-align:left
}


#leftColInt li {margin-bottom:10px}

.text-calls {background:#fff; padding:15px; border:2px solid #f1f4ff; background:url(../images/gradient.gif) repeat-x top}
.dots {border-bottom:1px dotted #ccc; padding:13px 0 23px 0}

.mid-quote {padding:15px; background:url(../images/flag.gif) top; margin-top:70px; -webkit-border-radius:10px;
-moz-border-radius:10px; border:1px solid #7497bb}

.side-pics {text-align:center}
.side-pics img {margin:8px 0; border:1px solid #CCC}


/* RIGHT COLUMN
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/

#rightColInt {
	float: right;
	width: 250px;
	margin-right:20px;
	padding-top:20px;
	line-height:1.5em;
	color:#444;
	text-align:left
}

#sub-callouts {text-align:center; padding-top:15px}
#sub-callouts img{ margin:9px 0}
.side-quote {font-size:11px; background:#FFF; padding:5px}
.exceeds {font-size:11px;  color:#666}



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

#footer { 
	padding: 0px;
	background:url(../images/footer-back.jpg) no-repeat;
	height:81px;
	width:965px;
	clear:both;
} 

#footer p {
	margin: 0;
	color:#fff;
	text-shadow:1px 1px 2px #000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	position:relative; top:23px; left:40px;
	line-height:18px
}

#footer p span {color:#bbb}
#footer p span a:link{color:#bbb}

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

#footer a:link, #footer a:visited {
	color:#fff;
	text-shadow:1px 1px 2px #000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none
}



#footer a:hover,
#footer a:active {text-decoration:underline}


#roi-table {width:500px; font-size:13px; margin-top:25px}
#roi-table td {padding-bottom:30px; vertical-align:top}
.small-text {font-size:10px}

#roi-table2 {width:425px; font-size:13px; margin-top:25px}
#roi-table2 td {padding-bottom:15px; vertical-align:top}
#roi-table2 ul {width:280px; margin-top:0px}

.bord {border:3px solid #eee}
.bordL {margin-right:5px; float:right; border:3px solid #eee}