html, body
{
height:100%;
}




body
{
height:100%;
background: #aaaaaa;
color:#555555;
margin:0px;
font:14px/18px Arial;
}
#backdrop
{
	display:none;
}
#abovenav
{
}
#bluefield
{
	height:320px;
	width:100%;
	background: #0078a9;
	position: absolute;
}


.blocklink
{
	position:absolute; display:block; z-index:2; width:100%; height:100%; top:0px
}

.blocklink img
{
	width:180px;
	height:180px;
}
.section-nav
{
	position: relative;
}
.section-nav img
{
	width:108px;height:108px;
}
.section-nav a
{
	color:inherit !important;
	text-decoration: none;
}
/*
#clouds
{
	position: absolute;
	top:2px;
	width:100%;
	height:200px;
	background-image:url(/images/clouds2.png);
	background-position: -300px 0;
}

#needle
{
	position: absolute;
	top:122px;
	width:99px;
	height:208px;
	background:url(/images/needle.png);
	left:50px;
}

#city
{
	position: absolute;
	top:183px;
	width:100%;
	height:243px;
	background:url(/images/city.png);
	background-position: -100px 0;
}
*/
#logo
{
	width:506px;
	height:124px;
	background: url(/images/s3-logo-mini.png) no-repeat;
	position: absolute;
	top:18px;
	left:24px;
}

.Home #logo
{
	background: url(/images/s3-logo.png) no-repeat;
	top:24px;
	left:114px;
}

#mainwrapper
{
	width:960px;
	margin:0px auto -92px;
	min-height: 100%;
	position: relative;
	background: url(/images/s3-signs-header-mini.png) no-repeat;

}

.Home #mainwrapper
{
	background: url(/images/s3-signs-header.png) no-repeat scroll 0 -25px transparent;
}

#subheader
{
	color:#EEEEEE;
	font-size:0.9em;
	font-weight: normal;
	margin:0px 28px;
	display: none;	
}
#mainArea
{
	background: #eeeeee;
	-moz-border-radius: 16px;
	-webkit-border-radius:16px;
	clear:both;
	margin-top:8px;
	min-height: 100%;
	overflow:hidden;
}
#navigation
{
	overflow: hidden;
/*
	background: #002945;
*/

	font-size:1.2em;
	position: absolute;
	bottom:0;
	width:100%;
}

#navigation ul
{
	list-style-type: none;
	padding:0px 28px;
	margin:0px;
}
#navigation li
{
	float:left;
}
#navigation li a
{
	padding:9px 15px;
	float:left;
	color:#ffffff;
	text-decoration: none;
	margin:4px 4px 0 4px;

	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;	background-color: #000000;
	
}
#navigation li a:hover
{
	background-color: #0095E9;
}

.Installation #nav_installation,
.About #nav_about,
.About #nav_about:hover,
.Installation #nav_installation:hover,
.Home #nav_home, .Home #nav_home:hover,
.Signs #nav_signs, .Signs #nav_signs:hover,
.Contact #nav_contact, .Contact #nav_contact:hover,
#nav_blog, #nav_blog:hover
{
	background-color: #0095e9;
}
.subhead	
{
	font-size:0.9em; color:#555555;
}
.normal
{
	font-weight: inherit;
}



#mainContent .bluebox
{
	background: #002945;
	color:#eeeeee;
	padding:12px;
	margin-top:12px;
}
#mainContent .bluebox h1,
#mainContent .bluebox h2,
#mainContent .bluebox h3,
#mainContent .bluebox h4
{
	color:#6ccaff
}
#mainContent .bluebox a
{
	color:#6ccaff;
}


.rightbox .rbl
{
	background-color:#fff; padding:12px;margin:2px 12px; color:#555; font-size:1em;border:1px solid #bbb;	
}
.rightbox .rbl h1,
.rightbox .rbl h2,
.rightbox .rbl h3,
.rightbox .rbl h4,
.rightbox .rbl h5
{
color:#006899; margin:4px 0; font-weight:normal; font-size:1.3em;
}



#mainContent
{
	padding:0 0 0 38px;
	min-height: 100%;
	width:650px;
	float:left;
	overflow:hidden;
}

.Home #mainContent
{

	width:590px;
	padding:0 0 0 38px;

}
.Installation #mainContent,
.Contact #mainContent
{
	width:auto;
	padding:0 38px;
}

.headerinfo
{
	color:#006899;
	font-weight: normal;
	font-size:1.4em;
	margin-bottom: 0;
	margin-top:12px;
}

#mainContent h2
{
	color:#0087c7;
	font-weight: normal;
	font-size:1.5em;
	margin-bottom:15px;
    margin-top:15px;

}

#mainContent h3
{
	color:#0087c7;
	font-weight: normal;
	font-size:1.2em;
	text-transform: uppercase;
	margin-bottom: 0;
}

#mainContent p
{
	margin:4px 0;
}

#mainContent p.indent
{
	margin:4px 24px;
}

#header
{
	float:left;
	overflow: hidden;
	position: relative;
	width:960px;
	height:228px;
}

.Home #header
{
	height:280px;
	
}


#phone_area
{
	position: absolute;
	top:4px;
	right:4px;
	color:#7ED3F7;
	font-size:1.4em;
	margin-top:12px;
	width:230px;
	text-align: center;
	line-height: 1.4em;
}
#phone_area strong
{
	display:block;
	color:#ffffff;
	font-size:1.5em;
	font-weight: normal;
}

.push
{
	height:92px;
}
#footer
{
	width:960px;
	margin:0px auto;
	background: #002945;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	height:92px;
	color:#ffffff;
	clear:both;
	position: relative;
	z-index: 5;
}
#footer .standardBox
{
	padding:8px;
}
.rounded
{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.rounded-top
{
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}
.rounded-bottom
{
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

ul.leftcon
{
	overflow: hidden;
	list-style-type: none;
	margin:12px 0;
	padding:0;
		
}
ul.leftcon li
{
	float:left;
	margin:3px;
	width:110px;
	height:155px;
	
	text-align: center;
	position: relative;
	line-height: 1.1em;
	font-size:0.85em;
}


.bluebox  ul.leftcon li
{
	background-color:#002945; 
	color:#ffffff;

}


ul.leftcon img
{
border:1px solid #002945;
}

ul.leftcon li .text
{
	padding: 4px 2px;
	height:3.3em;
}
.noshow
{
	display:none;
}






.overlay
{
	width:110px;height:110px; display:none; background:url(/images/overlay.png) 1px 1px; position:absolute;
}

ul.leftcon li:hover
{
	background-color:#006899;
	color:#ffffff;
}

ul.leftcon li:hover .overlay
{
/*
	display:block;
*/
}

ul.leftcon li:hover img
{
	border:1px solid #006899; 
}


ul.leftcon li .text a
{
color:inherit;
font-weight: bold;
}


.rowstart
{
	clear:both;
}


img
{
	border:0;
	 -ms-interpolation-mode: bicubic; 
}


a
{
	text-decoration: none;
	color:#006899;
}
a:hover
{
	text-decoration: underline;
}
.preview_container
{
overflow:hidden; padding:6px 0;
}

.preview_object
{
	width:210px;
	height:250px;
	float:left; 
	line-height:1em;
	background-color:#ddd;
	border:1px solid #ddd;
	margin:2px;
	position:relative;
	color:#555;
}

.preview_object:hover
{
	background-color:#3CA6E2;
	border:1px solid #3CA6E2;
	color:#fff;
}
.pg_tradeshow .preview_object,
.pg_vehicles .preview_object,
.pg_dimensional .preview_object,
.extra_tall .preview_object
{
	height:260px;
}
.pg_tradeshow .enlarge_overlay,
.pg_vehicles .enlarge_overlay,
.pg_dimensional .enlarge_overlay,
.extra_tall .enlarge_overlay
{
	height: 260px;
	background-image: url(/images/enlarge_overlay_260.png);
}

.preview_image
{
	width:210px; height:210px;
}

.preview_object .boxlink
{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	z-index:5;
}
.enlarge_overlay
{
	width:210px;
	height:250px;
	display:none;
	background:url(/images/enlarge_overlay.png) 0px 0px; position:absolute; z-index:1;
}
.preview_object:hover .enlarge_overlay
{
	display:block;
}


.pg_vehicle_graphics #vehicle_graphics a,
.pg_windowgraphics #window_graphics a,
.pg_banners #banners a,
.pg_tradeshow #tradeshows a,
.pg_vehicles #vehicle_graphics a,
.pg_real_estate #real_estate a,
.pg_dimensional #dimensional a,
.pg_landuse #landuse a,
.pg_wallgraphics #wall_graphic a,
.pg_rugs #floormats a,
.pg_engraved #engraved a,
.pg_backlit #lighted a,
.pg_custom #custom a,
.pg_screen #screen_print a,
.pg_aframes #aframes a,
.pg_apparel #apparel a
{
	color:#3ca6e2;
}

.pg_windowgraphics #window_graphics a:hover,
.pg_banners #banners a:hover,
.pg_tradeshow #tradeshows a:hover,
.pg_vehicles #vehicle_graphics a:hover,
.pg_real_estate #real_estate a:hover,
.pg_dimensional #dimensional a:hover
{
	color:#3ca6e2;
}

.clear
{
	clear:both;
}


ul.leftcon table, .preview_image table
{
	width:100%;
	height:100%;
	vertical-align: middle;
	text-align: center;
	border-collapse: collapse;
	padding: 0;
}
ul.leftcon table td, .preview_image table td
{

	padding:0;
}

.rightnav.linkbox
{
	background-color:#222222; position:relative;
}

.rightnav.linkbox:hover
{
background-color:#006899;
}

.preview_text
{
padding:4px; font-size:0.85em;text-align:center;
width:202px
}
.preview_image a
{
display:block; width:100%; height:100%
}
.gallery_link
{
	text-align:right; margin:4px 40px;
}
.rightnav
{
	background-color:#002945; float:right; width:210px; padding:16px;margin:12px; color:#eeeeee;clear:right;position:relative;
	 line-height:15px;
}
.rightnav a
{
	color:#eeeeee;
	font-size:0.9em;
}
.rightnav a:hover
{
	color:#3ca6e2;
	text-decoration: none;
}
.rightnav .boxlink
{
	display:block;
	height:100%;
	position:absolute;
	width:100%;
	z-index:5;
	left:0px;
	top:0px;
}


.main_rightnav
{
	list-style-type:none;
	padding:0 4px 0 4px;
}
.main_rightnav>li
{
	margin:12px 2px;
}

.attribution
{
	text-align:right;
	font-weight:bold;
	margin:4px 32px 0;
}
.attribution_title
{
	text-align:right;
	margin:0 24px;
}
.testimonial
{
	margin:4px 12px;
	background: #e5e5e5;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding:16px;
	font-size:0.85em;
}
#mainContent .testimonial p
{
	margin:12px 0;
}