/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.jpg) #164f8e no-repeat left top;
	color: #ffffff;
	font: .75em Verdana,Arial,Heneva,Helvetica,Sans-Serif
}
body#homepage{
	background: url(../images/bgr-home.jpg) #164f8e no-repeat left top;
}
a{
	color: #80a5cb;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none
}
h2{
	font-size: 1.7em;
	margin: 0 0 .5em
}
h3{
	color: #7190B5;
	font-size: 1.2em;
	margin: 0 0 .45em;
}
h4{
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 .2em
}
p{
	padding: 0 0 1em
}
/*=== Layout ===*/
#page{
	background: url(../images/page-bgr.gif) repeat-x top;
	height: 598px;
	overflow: hidden;
	width: 6500px
}
#homepage #page{
	background: none;
	padding: 0 0 0 100px;
	width: 1000px
}
#content{
	background: url(../images/bgr.jpg) no-repeat left top;
	height: 598px
}
/*=== Header ===*/
#header{
	height: 180px;
	left: 0;
	position: absolute;
	top: 20px;
	width: 245px
}
#homepage #header{
	height: 119px;
	left: 615px;
	top: 35px;
	width: 194px
}
/*- Logo -*/
#header h1{
	background: url(../images/logo.gif) no-repeat;
	margin: 0 0 25px 28px;
	text-indent: -9999px;
	width: 171px
}
#header h1 a{
	display: block;
	height: 107px;
	text-decoration: none
}
#homepage #header h1{
	background: url(../images/logo-home.gif) no-repeat;
	width: 194px
}
#homepage #header h1 a{
	height: 119px
}
/*- Headline1 -*/
.headline{
	background: #0b2340;
	height: 25px;
	margin: 0 0 15px;
	padding: 0 0 0 23px;
	width: 287px
}
.headline h2{
	color: #c1cad5;
	font-size: 16px;
	font-weight: normal;
	line-height: 25px;
	margin: 0
}
/*- Headline2 -*/
.headline2{
	background: #09213e;
	height: 25px;
	padding: 0 43px 0 0;
	text-align: right
}
.headline2 h2{
	color: #c1cad5;
	font-size: 16px;
	font-weight: normal;
	line-height: 25px;
	margin: 0
}
/*- Headline3 -*/
.headline3{
	background: #000000;
	border: 1px solid #9ca4ae;
	border-bottom: 0;
	height: 25px;
	padding: 0 0 0 15px;
	width: 210px
}
.headline3 h3{
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	line-height: 25px;
	margin: 0;
	text-transform: uppercase
}
.headline3 h3 a{
	color: #ffffff
}
.headline3 h3 a:hover{
	color: #80a5cb;
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
	font-size: 14px;
	height: 30px;
	margin: -30px 0 0;
	position: relative;
	width: 1000px;
	z-index: 5;
}
.nav1 ul{
	background: #9ca4ae;
	float: right;
	width: 800px
}
.nav1 li{
	float: left;
	line-height: 30px
}
.nav1 li a{
	color: #000000;
	display: block;
	float: left;
	padding: 0 16px
}
.nav1 li a:hover,
.nav1 li.active a{
	color: #164576;
	text-decoration: none
}
/*- Nav2 -*/
.nav2{
	font-size: 10px;
	height: 132px;
	overflow: hidden;
	padding: 45px 10px 0 0;
	text-align: right
}
.nav2 h4{
	text-decoration: underline
}
.nav2 li{
	margin: 0 0 1px
}
.nav2 li a{
	color: #ffffff
}
.nav2 li a:hover,
.nav2 li.active a{
	color: #80a5cb;
	text-decoration: none
}
/*- Nav3 -*/
.nav3{
	font-size: 10px;
	height: 20px;
	margin: 0 0 0 250px;
	position: absolute;
	width: 1090px;
	top: 0;
	left: 0;
}
.nav3 ul{
	background: #80A5CB;
	float: left;
	width: 1090px
}
.nav3 li{
	float: left;
	line-height: 20px
}
.nav3 li a{
	color: #000000;
	display: block;
	float: left;
	padding: 0 12px
}
.nav3 li a:hover,
.nav3 li.active a{
	color: #fff;
	text-decoration: none
}
/*=== Title Placeholder ===*/
.title{
	float: left;
	height: 598px;
	overflow: hidden;
	width: 398px;
	position: relative;
	z-index: 1;
}
/*=== Portfolio Samples ===*/
.portfolio{
	background: url(../images/vl-sep.png) no-repeat right top;
	float: left;
	height: 587px;
	overflow: hidden;
	padding: 20px 0 0
}
.portfolio .pic{
	background-color: #000;
	border-left: 10px solid #000000;
	float: right;
	height: 375px;
	overflow: hidden
}
.highlightit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.portfolio .headline3{
	margin: 0 0 0 10px
}
#sample1.portfolio{
	width: 460px
}
#sample-industrial1.portfolio,
#sample-healthcare1.portfolio{
	width: 381px
}
#sample-commercial1.portfolio,
#sample-service1.portfolio,
#sample-residential1.portfolio,
#sample-church1.portfolio{
	width: 663px
}
#sample-programsign2.portfolio{
	width: 564px
}
#sample-automotive4.portfolio,
#sample-programsign1.portfolio,
#sample-municipal1.portfolio,
#sample-automotive1.portfolio,
#sample-restaurant1.portfolio,
#sample-institutional1.portfolio,
#sample-general-business1.portfolio,
#sample-financial1.portfolio{
	width: 600px
}
#sample1.portfolio .pic,
#sample-municipal1.portfolio .pic,
#sample-industrial1.portfolio .pic,
#sample-commercial1.portfolio .pic,
#sample-automotive1.portfolio .pic,
#sample-automotive4.portfolio .pic, /**/
#sample-restaurant1.portfolio .pic,
#sample-institutional1.portfolio .pic,
#sample-general-business1.portfolio .pic,
#sample-financial1.portfolio .pic,
#sample-service1.portfolio .pic,
#sample-residential1.portfolio .pic,
#sample-church1.portfolio .pic,
#sample-programsign1.portfolio .pic{
	border: 0
}
#sample1.portfolio .headline3,
#sample-healthcare1.portfolio .headline3,
#sample-municipal1.portfolio .headline3,
#sample-industrial1.portfolio .headline3,
#sample-commercial1.portfolio .headline3,
#sample-automotive1.portfolio .headline3,
#sample-automotive4.portfolio .headline3, /**/
#sample-restaurant1.portfolio .headline3,
#sample-institutional1.portfolio .headline3,
#sample-general-business1.portfolio .headline3,
#sample-financial1.portfolio .headline3,
#sample-service1.portfolio .headline3,
#sample-residential1.portfolio .headline3,
#sample-church1.portfolio .headline3,
#sample-programsign1.portfolio .headline3{
	margin: 0 0 0 125px
}
#sample3.portfolio,
#sample5.portfolio,
#sample8.portfolio,
#sample-commercial5.portfolio,
#sample-commercial8.portfolio,
#sample-automotive2.portfolio,
#sample-residential3.portfolio,
#sample-residential4.portfolio,
#sample-residential6.portfolio,
#sample-residential7.portfolio,
#sample-residential8.portfolio,
#sample-restaurant2.portfolio,
#sample-restaurant5.portfolio,
#sample-restaurant8.portfolio,
#sample-restaurant9.portfolio,
#sample-institutional3.portfolio,
#sample-service3.portfolio,
#sample-service4.portfolio,
#sample-healthcare7.portfolio,
#sample-healthcare2.portfolio,
#sample-programsign4.portfolio,
#sample-institutional4.portfolio,
#sample-institutional5.portfolio,
#sample-institutional12.portfolio,
#sample-institutional14.portfolio,
#sample-restaurant11.portfolio,
#sample-automotive7.portfolio{
	width: 573px
}
#sample2.portfolio,
#sample4.portfolio,
#sample6.portfolio,
#sample7.portfolio,
#sample9.portfolio,
#sample10.portfolio,
#sample11.portfolio,
#sample12.portfolio,
#sample13.portfolio,
#sample-industrial2.portfolio,
#sample-industrial3.portfolio,
#sample-industrial5.portfolio,
#sample-industrial6.portfolio,
#sample-industrial7.portfolio,
#sample-industrial8.portfolio,
#sample-automotive5.portfolio,
#sample-restaurant6.portfolio,
#sample-restaurant7.portfolio,
#sample-restaurant10.portfolio,
#sample-general-business2.portfolio,
#sample-general-business4.portfolio,
#sample-general-business5.portfolio,
#sample-general-business6.portfolio,
#sample-general-business9.portfolio,
#sample-service2.portfolio,
#sample-service6.portfolio,
#sample-financial2.portfolio,
#sample-financial3.portfolio,
#sample-financial4.portfolio,
#sample-financial7.portfolio,
#sample-church2.portfolio,
#sample-church3.portfolio,
#sample-church4.portfolio,
#sample-healthcare3.portfolio,
#sample-healthcare5.portfolio,
#sample-healthcare6.portfolio,
#sample-healthcare8.portfolio,
#sample-programsign5.portfolio,
#sample-programsign6.portfolio,
#sample-programsign8.portfolio,
#sample-programsign10.portfolio{
	width: 510px
}
#sample-industrial4.portfolio,
#sample-commercial3.portfolio,
#sample-automotive6.portfolio,
#sample-automotive3.portfolio,
#sample-restaurant3.portfolio,
#sample-service5.portfolio,
#sample-church5.portfolio,
#sample-programsign3.portfolio,
#sample-programsign7.portfolio{
	width: 291px
}
#sample-commercial2.portfolio,
#sample-commercial4.portfolio,
#sample-commercial9.portfolio,
#sample-commercial7.portfolio,
#sample-residential5.portfolio,
#sample-residential2.portfolio,
#sample-institutional2.portfolio,
#sample-general-business3.portfolio,
#sample-general-business7.portfolio,
#sample-general-business8.portfolio,
#sample-financial5.portfolio,
#sample-healthcare4.portfolio,
#sample-programsign9.portfolio,
#sample-institutional6.portfolio,
#sample-institutional7.portfolio,
#sample-institutional9.portfolio,
#sample-institutional11.portfolio{
	width: 260px
}
#sample-institutional8.portfolio{
	width: 565px
}
#sample-institutional10.portfolio{
	width: 268px
}
/*#sample-commercial6.portfolio{
	width: 324px
}*/
/*#sample-financial6.portfolio{
	width: 314px;
}*/
#sample-restaurant4.portfolio{
	width: 507px;
}
#sample-institutional13.portfolio{
	width: 587px
}
/*=== Sub Columns ===*/
.col1{
	padding: 0 0 0 23px;
	width: 287px
}
.col2{
	padding: 0 20px 7px 23px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: url(../images/box-bgr.gif) no-repeat top;
	float: left;
	font-size: 12px;
	height: 398px;
	margin: 68px 0 0;
	padding: 105px 0 0;
	width: 502px
}
.box a{
	text-decoration: underline
}
.box a:hover{
	color: #9ca4ae
}
/*- Box1 -*/
.scrollbox{
	height: 398px;
	margin: 0;
	padding: 0;
	overflow: auto;
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 ul{
	margin: 0 0 1em;
	line-height: 1.5em;
}
.list1 li{
	background: url(../images/ico-list.gif) no-repeat 0 7px;
	margin: 0 0 .7em;
	padding: 0 0 0 15px
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pics{
	width: 176px;
	position: absolute;
	top: 190px;
	left: 848px;
}
.pics img{
	margin: 0 0 25px;
	display: block; 
}
/*=== Footer ===*/
#footer{
	color: #5780ad;
	font-size: 10px;
	padding: 12px 0 5px;
	text-align: right;
	width: 1000px
}
#footer ul{
	padding: 0 0 8px;
}
#footer li{
	border-right: 1px solid #5780ad;
	display: inline;
	line-height: 1em;
	padding: 0 .7em
}
#footer li.last{
	border: 0
}
.fb{
	color: #0B2340;
}
/*=== Glossary ===*/
.glossary-section{
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #5A7799;
}
.glossary-section h3{
	color: #80A5CB;
	font-size: 1.2em;
	margin: 0 0 .25em;
	padding-bottom: 10px;
}
.glossary-section h3 a, .glossary-section h3 a:hover{
	color: #80A5CB;
	font-size: 1.2em;
	margin: 0 0 .25em;
	text-decoration: none;
}
.glossary-section.last{
	padding: 15px 0 15px 0;
	border-bottom: none;
}
a.regular, a.regular:hover{
	text-decoration: none;
	color: #fff;
}
/*=== Misc ===*/
.fix{
	clear:both;
}
/*=== Email Form ===*/
#contact-area {
	width: 435px;
	margin: 12px 0 15px 0;
}
#contact-area form {
	margin: 0 0 15px 0;
}
#contact-area input, #contact-area textarea {
	width: 305px;
	margin: 0 0 4px 0; 
	border: 1px solid #ccc;
}
#contact-area textarea {
	height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #4A614A;
}
#contact-area input.submit-button {
	width: 57px;
	height: 30px;
	float: right;
	color: #fff;
	padding: 2px 0 2px 0;
	background: url(../images/btn-submit.gif) transparent no-repeat top;
	border: none;
	margin-right: 9px;
}
#contact-area input.submit-button:hover {
	width: 57px;
	height: 30px;
	float: right;
	color: #fff;
	padding: 2px 0 2px 0;
	background: url(../images/btn-submit.gif) transparent no-repeat top;
	border: none;
	margin-right: 9px;
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 2px;	
}
/*=== Contact ===*/
#address-left{
	float: left;
	width: 200px;
	padding: 0 10px 7px 0x;
}
#address-right{
	float: right;
	width: 200px;
	padding: 0 0 7px 10px;
}
#staff-left{
	float: left;
	width: 200px;
	padding: 0 10px 7px 0;
}
#staff-right{
	float: right;
	width: 200px;
	padding: 0 0 7px 10px;
}
hr.wide{
	color: #5A7799;
	background-color: #5A7799;
	height: 1px;
	margin: 5px 0 20px 0;
}
.ac {
	text-align: center;
}

