@charset "utf-8";
/* CSS Document */

/* ---------------------BASE STYLES--------------------- */

body {
	height: 100%;
	text-align: center;
	background: #202122 url(../images/structural/bg.gif);
	margin: 0;
	color: #36424a;
	font-size: 82%;
	line-height: 1.3em;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	}	

html {
	height: 100%;
	font-size: 100%; /* IE hack */ 
	}		

.clear {
	clear: both;
	}

.hidden {
	display: none;
	}
	
hr { 
	width: 100%;
	height: 1px;
	color: #c6cbcd;
	background-color: #c6cbcd;
	border: 0px solid #c6cbcd;
	margin: 20px 0;
	} 
	
table  {
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 0px;
	font-size: 100%; /* IE hack */
	}
	
input,
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #c6cbcd;
	}
	
/* ---------------------LAYOUT--------------------- */
	
#container {
	text-align: left;
	margin: 0 auto;
	width: 980px;
	border: 0;
	padding: 0;
	position: relative;
    height: auto;
   	voice-family: "\"}\"";
   	voice-family: inherit;
	}

html>body #container {
	height: auto;
	}
	
#top {
	width: 980px;
	height: 110px;
	background: url(../images/structural/bg-top.jpg) top no-repeat;
	}
	
#logo {
	float: left;
	width: 214px;
	height: 110px;
	}
	
#topRight {
	float: left;
	width: 736px !important;
 	width /**/: 766px;	
	padding: 20px 30px 0 0;	
	}
	
#nav {
	width: 736px;
	padding: 0;
	text-align: right;
	}
	
#breadcrumbs {
	width: 736px;
	padding: 0;
	text-align: right;
	color: #d3d3d3;
	}

#main {
	width: 980px;
	padding: 0;
	margin: 0;
	background: url(../images/structural/bg-left.jpg) top left no-repeat;
	}

#left {
	float: left;
	width: 214px;
	}
	
#quoteHome {
	padding: 92px 0 0 0;
	}

#search {
	background: #ff9900;
	width: 174px !important;
 	width /**/: 214px;
	height: 20px !important;
 	height /**/: 65px;
	padding: 20px 20px 25px 20px;
	}

#subNav {
	width: 174px !important;
 	width /**/: 214px;
	padding: 40px 19px 0 20px;	
	}

#right {
	float: left;
	width: 766px;
	}

#banner {
	width: 766px;
	height: 301px;
	border-top: 5px solid #ff9900;
	}

#content {
	width: 706px !important;
 	width /**/: 766px;
	padding: 35px 30px 50px 30px;
	background: #fff;
	border-top: 5px solid #ff9900;
	}
	
#contentMap {
 	width: 766px;
	height: 301px;
	padding: 0 0 0 0;
	background: #fff;
	}

#footer {
	width: 706px !important;
 	width /**/: 766px;
	height: 85px;
	text-align: right;
	padding: 30px;
	background: url(../images/structural/bg-footer.jpg) top no-repeat;
	color: #fff;
	border-top: 5px solid #ff9900;
	}
	
/* ---------------------LINKS--------------------- */

a {
	color: #ff9900;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
#breadcrumbs a {
	color: #d3d3d3 !important;
	font-size: 0.8em;
	text-transform: uppercase;
	}
	
#breadcrumbs .lastitem {
	font-size: 0.8em;
	text-transform: uppercase;
	}
	
#footer a {
	color: #fff;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
/* ---------------------IMAGES--------------------- */

img {
	border: none;
	margin: 0;
	padding: 0;
	}
	
img.right {
	border: 0;
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
	}

img.left {
	float: left;
	margin: 0 20px 0 0;	
	padding: 0;
	}
	
#contentR img {
	padding: 0 0 5px 0;
	}
	
/* ---------------------TEXT--------------------- */

p {
	margin: 0;
	padding: 0 0 14px 0;
	font-size: 0.9em;
	}	

h1 {
	position: absolute;
	font-size: 0;
	left: -1000px;
   }
   
h2 {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 15px 0;
	font-weight: lighter;
	}
	
h3 {
	font-size: 1em;
	margin: 0;
	padding: 10px 0 5px 0;
	font-weight: bold;
	}
	
#contentL ul {
	padding: 0 0 0 17px;
	margin: 0;
	}
	
#contentL li {
	padding: 0 0 7px 0;
	}
	
/* ---------------------NAV--------------------- */	

#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 30px 0 0 0;
    }
	
#nav li {
	position: relative; 
	float: right;
	padding: 0 0 0 25px;
    margin: 0;
	font-size: 1.2em;
	}

#nav a {
	float: left;
    display: block;
	color: #d3d3d3;
	font-weight: normal;
	text-transform: lowercase;
    }

#nav a:hover {
	text-decoration: underline;
	}
	
#nav li.selected a {
	font-weight: bold;
	color: #fff;
	}
	
#nav li.activeparent a {
	font-weight: bold;
	color: #fff;
	}
	
#subNav {
	font-size: 1.1em;
	}
	
#subNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
#subNav li {
	margin: 0;
	padding: 0 0 7px 15px;
	background: url(../images/widgets/arrow-subnav.gif) top left no-repeat;
	}
	
#subNav a {
    display: block;
	color: #c5c5c5;
	font-weight: normal;
	text-transform: lowercase;
    }

#subNav a:hover {
	text-decoration: underline;
	}
	
#subNav li a {
	padding: 0 0 2px 0;
	}
	
#subNav li.selected {
	background: url(../images/widgets/arrow-subnav-selected.gif) top left no-repeat;
	}
	
#subNav li.selected a {
	font-weight: bold;
	color: #fff;
	}
	
#subNav li.selected li a {
	font-weight: normal;
	color: #c5c5c5;
	}
	
#subNav li li {
	margin: 0;
	padding: 1px 0 2px 5px;
	font-size: 0.8em;
	line-height: 1em;
	background: none;
	}
	
#subNav li.activeparent a {
	font-weight: normal;
	color: #c5c5c5;
	}
	
#subNav li li a {
	color: #939393 !important;
	}
	
#subNav li li.selected a {
	font-weight: bold;
	color: #fff !important;
	}
	
#subNav li li.selected {
	background: none !important;
	}
	
/* ---------------------CASE STUDIES HOME--------------------- */

.caseStudyHome {
	float: left;
	width: 224px !important;
 	width /**/: 232px;
	padding: 9px 8px 9px 0;
	}
	
.caseStudyHomeR {
	float: left;
	width: 224px;
	padding: 9px 0 9px 0;
	}
	
.caseStudyThumb {
	border: 3px solid #fff;
	}

.caseStudyThumb:hover {
	border: 3px solid #ff9900;
	}
	
.caseStudyThumbInactive {
	border: 3px solid #fff;
	}
.caseStudyThumbInactive:hover {
	border: 3px solid #C6CBCD;
	}
	
.caseStudyHome a {
	color: #36424a !important;
	}
	
.caseStudyHomeR a {
	color: #36424a !important;	
	}
	
/* ---------------------NEWS HOME--------------------- */
	
#newsHomeWrapper #pagingBox{
	display: none;		
	}
	
#newsHomeWrapper hr{
	display: none;		
	}

.newsHome {
	width: 706px;
	padding: 20px 0 0 0;
	}

.newsHomeDate {
	float: left;
	width: 133px;
	padding: 0;
	font-style: italic;
	color: #878e93;
	}

.newsHomeThumb {
	float: left;
	width: 68px !important;
 	width /**/: 108px;
	padding: 3px 20px 0 20px;
	}

.newsHomeTxt {
	float: left;
	width: 465px;
	}
	
.newsHomeTxt h3 {
	padding: 0 0 5px 0;
	}

#newsHomeRSS {
	padding: 20px 0 0 226px;
	}
	
.moreNews {
	margin: 0 0 0 15px;
	}
	
/* NEWS */	
	
#pagingBox {
	padding: 15px 0 0 241px;
	}
	
/* ---------------------SEARCH--------------------- */
	
.inputSearch {
	width: 140px;
	border: 1px solid #fff;
	padding: 3px;
	color: #3f4a52;
	}
	
.buttonSearch {
	vertical-align: middle;
	}
	
/* ---------------------SERVICES LAYOUT--------------------- */

.servicesChunk {

	}
	
.servicesChunkImg {
	float: left;
	width: 150px;
	height: 150px;
	margin: 15px 0 0 0;
	}
	
.servicesChunkTxt {
	float: left;
	width: 510px !important;
 	width /**/: 556px;
	height: 110px !important;
 	height /**/: 150px;
	padding: 20px;
	background-color: #ebeced;
	margin: 15px 0 0 0;
	}
	
/* ---------------------CASE STUDIES LAYOUT--------------------- */

#contentL {
	float: left;
	width: 376px !important;
 	width /**/: 416px;
	padding: 0 40px 0 0;
	}
	
#contentR {
	float: left;
	width: 290px;
	}
	
/* ---------------------MISC STYLES--------------------- */		
	
.highlightedTxt {
	width: 336px !important;
 	width /**/: 376px;
	padding: 20px;
	background-color: #ebeced;
	margin: 15px 0;
	}
	
.highlightedTxtWide {
	width: 666px !important;
 	width /**/: 706px;
	padding: 20px;
	background-color: #ebeced;
	margin: 15px 0;
	}
	
a.highlightedLink {
	margin: 0 0 5px 0;
	padding: 10px;
	display: block;
	border: 3px solid #ebeced;
	color: #36424a !important;
	font-size: 1.2em;
	}
	
a.highlightedLink:hover {
	border: 3px solid #ff9900;
	background: #fff;
	color: #36424a !important;
	}