/* CSS Document */
body{
	font-family:verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background:#ffffff url(images/bg.jpg) repeat-x;
}

.rightHandColumn{
	position: absolute;
	top: 303px;
	margin-left: 486px;
}

a.brochure{
	color: #990000;
}

.star1{
	position: absolute;
	top: 240px;
}

.star2{
	position: absolute;
	top: 240px;
	margin-left: 674px;
}

.clear{ clear: both;}

.prodtable{
	width: 220px; float: left; border: 2px solid #b3d0df; height: 9em;
}

.prodtable p{ color:#005177; padding: 35px 10px 5px 10px; font-size: 70%;}

.vehicles{ background:#b3d0df url(images/vehiclesBG.jpg) no-repeat top; margin-left: 0px;}
.commercial{ background:#b3d0df url(images/corporateBG.jpg) no-repeat top; margin-left: 15px;}
.retail{ background:#b3d0df url(images/retailBG.jpg) no-repeat top; margin-left: 15px;}
.signs{ background:#b3d0df url(images/signsBG.jpg) no-repeat top; margin-left: 0px;}
.pic{ margin-left: 15px; border: 0px; background: #ffffff;}
.banners{ background:#b3d0df url(images/bannersBG.jpg) no-repeat top; margin-left: 15px;}

#topNav{ position: absolute; top: 54px; margin-left: 227px;}

#topNav ul {  margin:0;  padding:10px 10px 0 0; list-style:none; }
#topNav li {  float:left; background:url("images/topNavLeft.jpg") no-repeat left top; margin:0; padding:0 0 0 9px; }
#topNav a {  float:left; display:block; background:url("images/topNavRight.jpg") no-repeat right top; padding:10px 15px 8px 6px; text-decoration:none; color:#FFFFFF; font-size: 70%;}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topNav a {float:none;}
/* End IE5-Mac hack */
#topNav a:hover { color:#FFCC00;  }

.centre{
	width: 100%;
	text-align: center;
}

.picholder{
	background-image:url(images/bgexamples.gif);
	width: 345px;
	text-align:center;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #b3d0df;
	height: 190px;
}

.picspacer{
	width: 100px;
}

.wheretheworldgoesforsigns{

}

.address{
	position: absolute;
	top: 45px;
	margin-left: 315px;
	font-size: 70%;
	color:#006699;
}

.topbannerredbox{
	margin-top: 5px;
	width: 720px;
	height: 22px;
	background: url(images/gradedMiddle.jpg);
}

.logo{
	position: absolute;
	top: 0px;
	margin-left: 20px;
}

.maintextbg{
	background-color: #ffffff;
	padding: 2px 5px 10px 5px;
}

.header{
	font-size: 85%;
	color: #005177;
	font-weight: bold;
}

p{
	font-size: 75%;
}

.content{
	color: #005177;
	text-align:justify;
}

.table{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.tabletext{
	background-image:url(images/bgtable2.gif);
	background-repeat:repeat-x;
	text-align: right;
	padding-top: 9px; 
	padding-right: 5px;
	color:  #005177;
	font-weight: bold;
	font-size: 80%;
}

.maintabletext{
	background-color: #e9f0f3;
	font-size: 70%;
	color: #005177;
	padding: 5px 10px 10px 10px;
}

.contacttop{
		background-color: #b3d0df;
		position: absolute;
		top: 276px;
		left: 520px;
		width: 170px;
		height: 28px;
		padding-left: 10px;
		padding-top: 9px;
		font-weight: bold;
		color: #005177;
		font-size: 90%
}

.contacttop2{
		background-color: #b3d0df;
		position: absolute;
		top: 392px;
		left: 520px;
		width: 170px;
		height: 28px;
		padding-left: 10px;
		padding-top: 9px;
		font-weight: bold;
		color: #005177;
		font-size: 90%
}


.tott{
	background-color: #b3d0df;
	
	height: 28px;
	padding-left: 10px;
	padding-top: 9px;
	font-weight: bold;
	color: #005177;
	font-size: 115%
}

.tottmaintext{
	background-color: #e9f0f3;
	color: #005177;
	padding: 10px 5px 3px 5px;
}

.tottheader{
	font-size: 115%;
	color: #005177;
	padding-left: 10px;
	font-weight:bold;
}

.featuredprods{
	font-size: 140%;
}

.red{
	color: #cc3333;
	text-decoration: none;
}

.contactstar{
	position: absolute;
	top: 276px;
	left: 684px;
}

.contactstar2{
	position: absolute;
	top: 392px;
	left: 684px;
}

.contactnumbers{
	position: absolute;
	background-color: #e9f0f3;
	top: 313px;
	left: 520px;
	width: 200px;
	color:#005177;
	font-weight: bold;
	font-size: 80%;
	padding: 10px 10px 10px 0px; 
	text-align: center;
}

.hometext{
	margin-right: 250px;
}

.pageTop{
	background:url(images/pageTop.jpg); height: 20px; margin:auto; width: 742px;
}

.maintable{
	width: 722px;
	padding: 0px 10px 0px 10px;
	margin: auto;
	text-align: left;
	background: #ffffff;
}

.bigimage{
	margin-top: 5px;
}

.mainnavigationbar{
	width: 100%;06px;
	height: 25px;
	background: url(images/gradedTop.jpg);
}


h1 {
	font-size: 140%; font-weight: normal; color: #015278; background:#6bb5ff url(images/h1bg.jpg) repeat-x; border: 0px solid #6bb5ff; padding: 8px 0px 8px 9px;
}
h2 {
	font-size: 130%; font-weight: normal; color: #015278; background:#b3d0df url(images/h2bg.jpg) repeat-x; border: 2px solid #b3d0df; padding: 2px 0px 5px 5px;
}

h1.h1lower {
	font-size: 300%; font-weight: normal; color: #b3d0df; position: absolute; z-index: 1; top: 417px; left: 25px; margin-top: -1px;
}
h2.h2lower {
	font-size: 200%; font-weight: normal; color: #cc3333; position: absolute; z-index: 2; top: 436px; left: 102px; margin-top: -1px;
}



.nav{
	padding-top: 2px;
}

ul.rollmenu {
	list-style-type: none;
    color: #000;
    background-color: #b3d0df;
    margin: 0;
    padding: 0;
    border-color: #dda;
    border-style: solid;
    border-width: 0px;
    width: 80px;
	vertical-align:middle;
	height: 34px;
    voice-family: "\"}\"";
    voice-family: inherit;
}
	
html>body ul.rollmenu {
	vertical-align:middle;
	width: 80px;

}
	
ul.rollmenu li {
	margin: 0;
    padding: 0;
	vertical-align:middle;
	height: 35px;
	width: 80px;
	
}
	
ul.rollmenu ul {
	list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
	padding-top: 12px;
	vertical-align:middle;
	height: 35px;
    border-bottom: 0px solid #dda;
    voice-family: "\"}\"";
    voice-family: inherit;
	width: 80px;
	text-align: center;
}
	
ul.rollmenu a {
	margin-top: 11px;
	font-size: 11px;
	height: 25px;
    text-decoration: none;
    color: #ffffff;
    background-color: #005177;
    margin: 0;
	vertical-align:middle;
    border: 0px solid #e6cfb9;
    display: block;
    voice-family: "\"}\"";
    voice-family: inherit;
	width: 80px;
	padding: 0px;
	padding-top: 10px;
	text-align: center;
}
	
html>body ul.rollmenu a {
}

ul.rollmenu a:hover {
	color: #ffffff;
    background-color: #cc3333
}


ul.rollmenu2 {
	list-style-type: none;
    color: #000;
    background-color: #b3d0df;
    margin: 0;
    padding: 0;
    border-color: #dda;
    border-style: solid;
    border-width: 0px;
    width: 110px;
	vertical-align:middle;
	height: 34px;
    voice-family: "\"}\"";
    voice-family: inherit;
}
	
html>body ul.rollmenu2 {
	vertical-align:middle;
	width: 110px;

}
	
ul.rollmenu2 li {
	margin: 0;
    padding: 0;
	vertical-align:middle;
	height: 35px;
	width: 110px;
	
}
	
ul.rollmenu2 ul {
	list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
	padding-top: 12px;
	vertical-align:middle;
	height: 35px;
    border-bottom: 0px solid #dda;
    voice-family: "\"}\"";
    voice-family: inherit;
	width: 110px;
	text-align: center;
}
	
ul.rollmenu2 a {
	margin-top: 11px;
	font-size: 11px;
	height: 25px;
    text-decoration: none;
    color: #ffffff;
    background-color: #005177;
    margin: 0;
	vertical-align:middle;
    border: 0px solid #e6cfb9;
    display: block;
    voice-family: "\"}\"";
    voice-family: inherit;
	width: 110px;
	padding: 0px;
	padding-top: 10px;
	text-align: center;
}
	
html>body ul.rollmenu2 a {
}

ul.rollmenu2 a:hover {
	color: #ffffff;
    background-color: #cc3333
}


ul.rollmenu3 {
	list-style-type: none;
    color: #000;
    background-color: #b3d0df;
    margin: 0;
    padding: 0;
    border-color: #dda;
    border-style: solid;
    border-width: 0px;
    width: 130px;
	vertical-align:middle;
	height: 34px;
    voice-family: "\"}\"";
    voice-family: inherit;
}
	
html>body ul.rollmenu3 {
	vertical-align:middle;
	width: 130px;

}
	
ul.rollmenu3 li {
	margin: 0;
    padding: 0;
	vertical-align:middle;
	height: 35px;
	width: 130px;
	
}
	
ul.rollmenu3 ul {
	list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
	padding-top: 12px;
	vertical-align:middle;
	height: 35px;
    border-bottom: 0px solid #dda;
    voice-family: "\"}\"";
    voice-family: inherit;
	width: 130px;
	text-align: center;
}
	
ul.rollmenu3 a {
	margin-top: 11px;
	font-size: 11px;
	height: 25px;
    text-decoration: none;
    color: #ffffff;
    background-color: #005177;
    margin: 0;
	vertical-align:middle;
    border: 0px solid #e6cfb9;
    display: block;
    voice-family: "\"}\"";
    voice-family: inherit;
	width: 130px;
	padding: 0px;
	padding-top: 10px;
	text-align: center;
}
	
html>body ul.rollmenu3 a {
}

ul.rollmenu3 a:hover {
	color: #ffffff;
    background-color: #cc3333
}



a.mainnav:link{
	color:#ffffff;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	
}

a.mainnav:active{
	color:#ffffff;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

a.mainnav:visited{
	color:#ffffff;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

a.mainnav:hover{
	color:#00FFFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}