/* CSS Document */


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	background-position:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	color:#003366;
	background-image:url(images/Background.jpg);
	background-repeat:repeat-x;
	}
	
.float-left		{ float: left; margin-right: 20px; }
.float-right	{ float: right; margin-left: 20px; }	
	
em{
color:#003366;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height: 140%;
text-decoration:none;
font-style: normal;
}	

* {margin: 0px;padding: 0px;}

li{
list-style-position:inside;
}

ul.vnav-title{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
color:#FFFFFF;
display:block;
padding:8px 8px 6px 25px;
border-right: solid 1px  #999999;
border-bottom: solid 1px  #2B6592;
border-left: solid 1px #2B6592;
text-decoration:none;
background-image:url(images/v-nav-section-tab-on.jpg);
background-color: #2B6592;
background-repeat:no-repeat;
}

.vnav-foot{
display:block;
height: 44px;
width: 235px;
background-image:url(images/v-nav-section-tab-foot.jpg);
background-repeat:no-repeat;
}


ul.vnav-title-sub{
font-family:Arial, Helvetica, sans-serif;
font-size:smaller;
font-weight:bold;
color:#003366;
display:block;
padding:8px 8px 6px 10px;
border-top: solid 1px #c6d9e3;
border-right: solid 1px  #999999;
border-bottom: solid 1px #999999;
border-left: solid 10px #5397bc;
text-decoration:none;
background-image:url(images/subsection-head.jpg);
background-repeat:repeat-x;

}


#nav-main													{ overflow: hidden; margin: 0px; background: none; }
#nav-main li												{ display: inline; }
#nav-main li a												{ display: block; width: 121px; height: 130px; text-indent: -9999px;
	                                  						background: url(images/Nav-Sprite.jpg); float: left;
	 								  						border: none; padding: 0; }
	 								  
#nav-main a#nav-banner-stands								{ background-position: 0px 130px; }
#container #nav-main li.nav-active a#nav-banner-stands 		{ background-position: 0px 390px; }

#container													{ position: relative; }

#nav-main li a#nav-banner-stands:hover 						{ background-position: 0px 260px; }

#nav-main a#nav-pop-up										{ background-position: -121px 130px; }
#container #nav-main li.nav-active a#nav-pop-up 			{ background-position: -121px 390px; }	
#nav-main li a#nav-pop-up:hover 							{ background-position: -121px 260px; }	

#nav-main a#nav-custom-portable								{ background-position: -242px 130px; }
#container #nav-main li.nav-active a#nav-custom-portable 	{ background-position: -242px 390px; }
#nav-main li a#nav-custom-portable:hover 					{ background-position: -242px 260px; }

#nav-main a#nav-custom-modular								{ background-position: -363px 130px; }
#container #nav-main li.nav-active a#nav-custom-modular 	{ background-position: -363px 390px; }	
#nav-main li a#nav-custom-modular:hover 					{ background-position: -363px 260px; }

#nav-main a#nav-retail-counters								{ background-position: -484px 130px; }
#container #nav-main li.nav-active a#nav-retail-counters 	{ background-position: -484px 390px; }	
#nav-main li a#nav-retail-counters:hover 					{ background-position: -484px 260px; }

#nav-main a#nav-literature									{ background-position: -605px 130px; }
#container #nav-main li.nav-active a#nav-literature 		{ background-position: -605px 390px; }	
#nav-main li a#nav-literature:hover 						{ background-position: -605px 260px; }

#nav-main a#nav-outdoor-signage								{ background-position: -726px 130px; }
#container #nav-main li.nav-active a#nav-outdoor-signage 		{ background-position: -726px 390px; }	
#nav-main li a#nav-outdoor-signage:hover 					{ background-position: -726px 260px; }

#nav-main a#nav-panel-kits									{ width: 123px; background-position: -847px 130px; }
#container #nav-main li.nav-active a#nav-panel-kits 		{ width: 123px; background-position: -847px 390px; }	
#nav-main li a#nav-panel-kits:hover 						{ width: 123px; background-position: -847px 260px; }	


a{
text-decoration:none;
color:#003366;
}

a:hover{
text-decoration:underline;
color:#003366;
}

p{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 140%;
color:#003366;
}


a.vnav{
font-family:Arial, Helvetica, sans-serif;
font-size:smaller;
font-weight:bold;
color:#FFFFFF;
display:block;
padding-top:4px;
padding-left:10px;
padding-bottom:4px;
padding-right:4px;
border-top: solid 1px #d9e7ed;
border-right: solid 1px  #999999;
border-bottom: solid 1px #999999;
border-left: solid 10px  #2B6592;
text-decoration:none;
background-color:#fcfdfe;
background-image:url(images/subsection-head-link.jpg);
background-repeat:repeat-x;
}

a.vnav:hover {
background-color: #00456f;
color:#FFFFFF;
border-left: solid 10px #00355b;
background-image: none;

}


a.vnav-on{
font-family:Arial, Helvetica, sans-serif;
font-size:smaller;
font-weight:bold;
color:#FFFFFF;
display:block;
padding-top:4px;
padding-bottom:4px;
padding-right:4px;
padding-left:10px;
border-top: solid 1px #f7bd50;
border-right: solid 1px #c88000;
border-bottom: solid 1px #993300;
border-left: solid 10px #993300;
background-image:url(images/subsection-active.jpg);
background-repeat:repeat-x;
text-decoration:none;
}


a.vnav-on:hover {
background-color:#e50404;
}


a.vnav-t{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
color:#FFFFFF;
display:block;
padding:8px 8px 6px 25px;
border-right: solid 1px  #999999;
border-bottom: solid 1px  #2B6592;
border-left: solid 1px #2B6592;
text-decoration:none;
background-image:url(images/v-nav-section-tab.jpg);
background-color: #2B6592;
background-repeat:no-repeat;
}

a.vnav-t:hover {
color:#7CC8E5;
}


a.vnav-t-on{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
color:#FFFFFF;
display:block;
padding:8px 8px 6px 25px;
border-right: solid 1px  #999999;
border-bottom: solid 1px  #2B6592;
border-left: solid 1px #2B6592;
text-decoration:none;
background-image:url(images/v-nav-section-tab-on.jpg);
background-color: #2B6592;
background-repeat:no-repeat;
}

a.vnav-t:hover-on {
color:#003366;
}




h3{
color:#003366;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
}


h2{
color:#e50404;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
padding-top: 7px;
padding-bottom: 7px;
}


h1{
color:#003366;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
line-height: 140%;
text-decoration:underline;
}



.push_right {
	padding-left: 12px;
}



#container {
	margin: 0px auto;
	text-align: left;
	width: 970px;
	background-color:#FFFFFF;
	}
	
#header {
	width: 970px;
	height: 139px;
	background-image: url(images/HEAD.jpg);
	}

#headlogo {
	float:right;
	}
	
#headlinks			{ position: absolute; width: 100px; margin-left: 29px; text-indent: 20px; padding-top: 32px; background: url(images/home.jpg) no-repeat; background-position: left bottom; font-weight: bolder; font-size: 14px; color: #5385b8; display: inline; }

#headlinks a:hover, a:link 	 	{ color: #284d92; text-decoration: none; }




	
#headtag{
	float:left;
	height: 89px;
	}


#nav {
	width: 970px;
		}

#maincap {
	width: 970px;
	height: 43px;
	background-image:url(images/main-cap.jpg);
	background-repeat: no-repeat;
	text-align: right;
	}
	
#maincapcontent-right {
	float:right;
	padding-top:16px;
	padding-right: 20px;
	}

#maincapcontent-left {
	float:left;
	padding-top:16px;
	padding-left: 20px;
	}
	

#main {
	width: 970px;
	background-image:url(images/main-background.jpg);
	background-repeat: repeat-y;
	display:block;
	}
	
#main-portfolio {
	width: 970px;
	background-image:url(images/main-background-portfolio.jpg);
	background-repeat: repeat-y;
	display:block;
	}	

.portfolio-spread	{ position: relative; clear: left; }

.portfolio-image			{ margin-bottom: 40px;  }
	
#mainbase {
	width: 970px;
	background-image: url(images/mainbase-background.jpg);
	background-repeat: repeat-y;
	display:block;
	position: relative;
	}

#mainhome {
	width: 970px;
	background-image: url(images/mainhome-background.jpg);
	background-repeat: repeat-y;
	display:block;
	}

.maincontenthome {
padding-left: 10px;
margin-right:0px;
}	

.maincontenthometext {
width: 445px;
padding: 10px;
margin-right:0px;
}


.maincontent {
margin-left:245px;
margin-right:245px;
}	

.maincontent-portfolio {
margin-right:245px;
margin-left: 20px;
}	


	


.maincontentbase {
margin-left:245px;
margin-right:0px;
}	


	

	
#mainfoot {
float:left;
	width: 970px;
	height: 75px;
	background-image:url(images/main-foot.jpg);
	background-repeat: no-repeat;
	}

#mainbasefoot {
	float:left;
	width: 970px;
	height: 75px;
	background-image: url(images/mainbase-foot.jpg);
	background-repeat: no-repeat;
	}


#mainhomefoot {
	float:left;
	width: 970px;
	height: 75px;
	background-image: url(images/mainhome-foot.jpg);
	background-repeat: no-repeat;
	}



#basecol{
	float:right;
	text-align:left;
	width: 240px;
	}	
	



#col234{
	float:right;
	text-align:left;
	width: 725px;
	display:block;
	}
	
#col4{
	float:right;
	text-align:left;
	width: 235px;
	}	
	
	
#col23{
	margin-right:245px;
	text-align:left;
	background-color:#FF6633;
	display:block;
	}
	
#col34{
	float:right;
	text-align:left;
	width: 485px;
	}	
	
	
#col1{
	float:left;
	text-align:left;
	width: 235px;
	background-color:#CCCCCC; 
	}
	
#col-content{
	float:right;
	text-align:left;
	width: 735px; 
	}	

.col34item {
	float: left;
	text-align:left;
	width: 485px;
	margin-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid 1px #CCCCCC;
	}

.col4item {
	float: right;
	text-align:left;
	width: 227px;
	margin-top: 8px;
	padding-right: 8px;
	border-bottom: solid 1px #CCCCCC;
	}
	
.col4text {
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 8px;
	}

.220w {
	width:220px;
	float:left;
	display:block;
	display:inline;
	}
	
	
#whitestrip {
	float:left;
	width: 980px;
	}


#holder {
	float:left;
	width: 974px;
	background-color:#F0F0F0;
	border-left:#CACACA solid 1px;
	border-right:#CACACA solid 1px;
	border-bottom:#CACACA solid 1px;
	padding-bottom: 4px;
	}
	
	
#inner_holder {
	display:block;
	float:left;
	display:inline;
	width: 964px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	}
	
	
#holder2 {
	float:left;
	width: 966px;
	margin-top: 4px;
	padding:4px;
	background-color:#F0F0F0;
	border:#CACACA solid 1px;
	}
	
#holder3 {
display:inline;
	float:left;
	width: 976px;
	margin-top: 4px;
	}
	
	
#holdernews {
	float:left;
	width: 966px;
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
	border-bottom:4px;
	}
	
	
#holdergd {
	float:left;
	width: 976px;
	margin-top: 9px;
	padding-bottom: 9px;
	border-bottom: solid 1px #999999;
	}
	
	
#hold2_left {
	float:left;
	width: 198px;
	}
	
	
#form {
	float:left;
	width: 440px;
	}	
	
	
h2.hold2 {
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	line-height:140%;
	border-bottom:#999999 solid 1px;
	}
	
	
#hold2_right {
	float:right;
	width: 555px;
	padding-right: 116px;
	padding-left:11px;
	padding-right:10px;
	padding-bottom:20px;
	border-left:#F0F0F0 solid 210px;
	border-right:#F0F0F0 solid 190px;
	background-color:#FFFFFF;
	}	
	
	
#hhead {
	float: left;
	width: 100%;
	border-top: solid 1px #DDDDDD;
	border-left: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	background-image:url(images/location_back.jpg);
	background-repeat: repeat-x;
	}


.hhead_left {
	display: block;
	float: left;
	display:inline;
	width: 60px;
	}

.hhead_right {
	display: block;
	float: left;
	display:inline;
	width: 600px;
	padding-top: 8px;
	padding-bottom:8px;
	padding-left: 6px;
}


.contact {
	float: right;
	display:block;
	display:inline;
	padding-top: 8px;
	padding-bottom:8px;
	padding-right:20px;

}

#hright {
	float: right;
	height: 372px;
	width: 740px;
	padding-top: 7px;
	padding-left: 8px;
	padding-right: 8px;
	border: solid 1px #DDDDDD;
	margin-top: 2px;
	background-image:url(images/horizon.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}		


#hright-n {
	float: right;
	height: 372px;
	width: 740px;
	padding-top: 7px;
	padding-left: 8px;
	padding-right: 8px;
	border: solid 1px #DDDDDD;
	margin-top: 2px;
	background-color:#FFFFFF;
}	


#hright-l {
	float: right;
	height: 372px;
	width: 946px;
	padding-top: 7px;
	padding-left: 8px;
	padding-right: 8px;
	border: solid 1px #DDDDDD;
	margin-top: 2px;
	background-color:#FFFFFF;
}



#hright2 {
	float: right;
	height: 372px;
	width: 460px;
	padding-top: 7px;
	padding-left: 8px;
	padding-right: 8px;
	border: solid 1px #DDDDDD;
	margin-top: 2px;
	background-color:#FFFFFF;
}	


#hrightgd {
	float: right;
	height: 364px;
	width: 748px;
	border: solid 1px #DDDDDD;
	margin-top: 8px;
	background-color:#FFFFFF;
	padding-right: 8px;
}		



#hrtitlestrip {
	float: left;
	width: 444px;
		border-bottom: 1px solid #CACACA;

}	



#hrtitlestrip_left{
	width: 444px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}
	
#hrtitlestrip_right{
	width: 200px;
	}




#hltitlestrip {
	float: left;
	width: 170px;
	height: 20px;
	border-bottom: solid 1px #CCCCCC;
}	
	
#hright_text {
	display:inline;
	float: left;
	width: 360px;
	padding-top: 0px;
	}	
	
#hright_image {
	float: right;
	width: 368px;
	padding-top: 22px;
	}
	


#hleft{
	float: left;
	height: 372px;
	width: 172px;
	padding-top: 7px;
	padding-left: 8px;
	padding-right: 8px;
	border: solid 1px #DDDDDD;
	margin-top: 2px;
	background-image:url(images/hleft_back.jpg);
	background-repeat:repeat-x;

}




#homeleft{
	float: left;
	width: 956px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	border: solid 1px #DDDDDD;
	margin-top: 2px;
	background-color:#FFFFFF;
}


	
#hleft2{
	float: left;
	height: 372px;
	width: 460px;
	padding-top: 7px;
	padding-left: 8px;
	padding-right: 8px;
	border: solid 1px #DDDDDD;
	background-color:#FFFFFF;
	margin-top: 2px;
}	


#hleft3{
	float: left;
	height: 379px;
	width: 964px;
	border: solid 1px #DDDDDD;
	background-color:#FFFFFF;
	margin-top: 2px;
}	



	
#hleft_thumbs{
	float: left;
	width: 952px;
	background-repeat:repeat-x;
	margin-top: 8px;
	margin-bottom: 4px;
	padding-left: 4px;
}
	
	
#hleft_text {
	display:inline;
	float: left;
	height: 372px;
	width: 164px;
	padding-top: 0px;
	}	
	
.down4{
	margin-top: 4px;
	}	
	
	.down8{
	margin-top: 8px;
	}		
	
.right4{
	margin-left: 4px;
	}	
	
.right8{
	margin-left: 8px;
	}	
	
	
.right16{
	margin-left: 16px;
	}		

.left8{
	margin-right: 8px;
	}	


.rightflush{
	text-align:right;
	}	

.botton{
	text-align: bottom;
	}
	
	
/* ACCORDION */
#navigation {
	margin:0px;
	padding:0px;
	text-indent:0px;
	width:235px;
	position: absolute;
	float: left;
	z-index: 200;
	background-image: url(images/subsection-back.jpg);
	background-repeat: repeat-y;
}
#navigation a.head {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
color:#FFFFFF;
display:block;
padding:8px 8px 6px 25px;
text-decoration:none;
background-image:url(images/v-nav-section-tab.jpg);
background-color: #2B6592;
background-repeat:no-repeat;
}
#navigation a.head:hover {
	color:#FFFF99;
	font-family:Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
color:#FFFFFF;
display:block;
padding:8px 8px 6px 25px;
text-decoration:none;
background-image:url(images/v-nav-section-tab-on.jpg);
background-color: #2B6592;
background-repeat:no-repeat;
}
#navigation a.selected {
background-image:url(images/v-nav-section-tab-on.jpg);
}
#navigation a.current {
	background-color:#FFFF99;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
display:block;
padding-top:4px;
padding-left:10px;
padding-bottom:4px;
padding-right:4px;
border-top: solid 1px #d9e7ed;
border-right: solid 1px  #999999;
border-bottom: solid 1px #999999;
border-left: solid 10px  #2B6592;
text-decoration:none;
background-color:#fcfdfe;
background-image:url(images/subsection-head-link.jpg);
background-repeat:repeat-x;
}
#navigation li li a:hover {
background-color: #00456f;
color:#FFFFFF;
border-left: solid 10px #00355b;
background-image: none;

}

#navigation li li a:hover {
background-color: #00456f;
color:#FFFFFF;
border-left: solid 10px #00355b;
background-image: none;

}

.clear { clear: both; }
.clear-right { clear: right; }
.clear-left { clear: right; }

#footer {
width: 950px;
padding: 10px;
	} 


