/* DEMO SITE CSS
------------------------------------------------

	Contents:	Global
					Header
					Content
					Footer

------------------------------------------------*/



/* Global Imports
----------------------------------------------------------------------------------------------------------------------*/
@import "navigation.css";
@import "fonts.css";
@import "lightbox.css";

/* Global CSS and Master Reset
--------------------------------------------*/
html, body {
	margin: 0px; 
	padding: 0px;
	background-color: #f7f8f8;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-image:url(../images/global/bg.jpg);
	background-repeat:repeat-x;
	height:100% auto;
}

.container {
	width: 1003px;
	margin: 0 auto;
	height:100%;
	background-color:white;
}
.shadow{
	width:1024px;
	background-image:url(../images/global/shadow.png);
	background-repeat:repeat-y;
	height:100%;
	margin: 0 auto;
	z-index:999;
	
}

div, dl, dt, dd, ul, ol, li, pre, blockquote {
	margin: 0pt;
	padding: 0pt;
}

.nav ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

:link, :visited { text-decoration: none; }

img, a img, :link img, :visited img { border: none; }

.clearer { clear: both; height: 0pt; line-height: 0pt; }
.clear { clear: both; }
.float-left { float: left; }
.float-right { float: right; }

.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

.none { display: none; }
.block { display: block; }
.inline { display: inline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.textCap { text-transform: capitalize; }
.textUnderline { text-decoration: underline; }

/* Typography
--------------------------------------------*/
h1 { font-size: 19px; font-weight: normal; font-style: normal; line-height:normal; font-family: 'HelveticaNeueLTStd87HeavyCond', sans-serif; color:#003e7e; text-transform:uppercase; margin-bottom:-7px; margin-top:20px;}
h2 { font-size: 19px; font-weight: normal; font-style: normal; line-height:normal; font-family: 'HelveticaNeueLTStd57Condensed', sans-serif; color:#003e7e; text-transform:uppercase; margin-top:9px; margin-bottom:0px;}
h3 { font-size: 14px; font-weight: normal; font-style: normal; line-height:normal; font-family: 'HelveticaNeueLTStd87HeavyCond', sans-serif; color:#003e7e; text-transform:uppercase; margin-bottom:5px;}
h4 { font-size: 12px; margin-bottom: -2px; font-weight:bold; color:#db581e; margin-top:0; text-transform:uppercase;}
h5 { font-size: 18px; font-weight: normal; font-style: normal; line-height:normal; font-family: 'HelveticaNeueLTStd87HeavyCond', sans-serif; color:white; text-transform:uppercase; margin-bottom:-7px; margin-top:-3px;}
h6{ color:color:#db581e;  }

p { font-size: 12px; line-height: 1.5em; color:#58595b; margin-bottom:8px; margin-top:8px; }
.italic-text p{ font-size:10px;}
.orange{ color:#db581e; }

/* Links
--------------------------------------------*/
a { color:#003e7e; text-decoration: none; outline: none; font-style:italic; }
a:active { color:#003e7e; outline: none; }
a:visited { color:#003e7e; outline: none; }
a:hover { color:#db581e; outline: none; }


/* Header CSS
------------------------------------------------*/
.header {
	font-size: 10px;
	height: 532px;
	background-color:#666666;
	position:relative;
}
.nav {
	position:absolute;
	bottom:0;
	left:0;
}

.slideshow{
	height: 279px;
	margin-top:-333px;
	z-index:999;
	position: relative;
}

.head-shadow{
	background-image:url(../images/global/head-shadow.png);
	height:115px;
	position:absolute;
	z-index:999;
	width:100%;
	left:-10px;
	background-repeat:repeat-x;
	
}

.shadow-left{
	width: 9px;
	min-height:100%;
	height:100%;
	background-image:url(../images/global/shadow-left.png);
	position:absolute;
	margin-left:9px;
	z-index:99;
	bottom:0;
}
.shadow-container{
	height:100%;
	position:absolute;
}

.shadow-right{
	width: 9px;
	height:100%;
	min-height:100%;
	background-image:url(../images/global/shadow-right.png);
	position:absolute;
	margin-left:1003px;
	z-index:99;
	bottom:0;
}


/* Content CSS
------------------------------------------------*/
.content {
	padding: 30px 20px 30px 30px;
	background-color:white;
	margin-top:36px;
}

.left-col{
	width: 650px;
	float: left;
}
.left-col-projects{
	width: 650px;
	float: left;
}
.left-col-projects h1{
	font-size: 16px;
}

.left-col-projects a{
	font-style:normal;
}

.underline{
	background-image:url(../images/projects/line.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:45px;
	display:inline-table;
	margin-bottom:10px;
}

.right-col{
	float:right;
	width:260px;
	margin-top:7px;
}

.line{
	height:1px;
	width:100%;
	background-color:#cdced0;
	margin-top:5px;
	margin-bottom:12px;
}

.bullets ul{ margin-top:15px;
}

.content ul li{
	margin-left:13px;
	margin-bottom:6px;
	list-style-image:url(../images/about-us/bullet.jpg);
	color: #003e7e;
}

.panel{
	width:208px;
	height:275px;
	background-image:url(../images/about-us/panel-bg.jpg);
	background-repeat:no-repeat;
	margin-top:30px;
	float:left;
	padding-right:20px;
}
.panel-image{
	padding: 8px 7px;
}
.panel-text{
	color:white;
	margin-left:11px;
}
.panel-text ul{
	margin-left:0px;
	margin-top:13px;
	font-size:10px;
	font-style:italic;
}
.panel-text ul li{
	margin-bottom:6px;
	list-style-type:disc;
	list-style-image:none;
	color:white;
}

.contact-left-col{
	float:left;
	width:55px;
	font-weight:bold;
	color:#db581e;
	line-height: 1.5em; 
}
.contact-left-col p{
	color:#db581e;
	font-weight:bold;
	margin:0;
}

.contact-left-col2{
	float:left;
	line-height: 1.5em; 
	color:#58595b;
		margin:0;
}

.contact-left-col2 p{
	margin:0;
}

.contact-left-col2 a{
	color:#58595b;
	font-style:normal;
}
.contact-left-col2 a:hover{
	color:#db581e;
}

.projects-image{
	margin-top:9px;
	margin-left:8px;
	width:200px;
	height:151px;
}

.projects-image-container a{
	display: block;
	height: 100%;
	width: 100%;
}

.projects-image-container{
	background-image:url(../images/projects/bg.jpg);
	width:208px;
	height:160px;
	margin-top:15px;
	float:right;
}

/* Footer CSS
------------------------------------------------*/
.footer {
	font-size: 10px;
	height: 110px;
	padding: 10px 0px;
	background-color: white;
	margin-top:30px;
}