body { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	background-color: #78B3E0;
	color: #000099;
	text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	min-width: 770px; 
}

#wrapper {
    width: 770px;
	margin: 10px auto;
	background-color: #FFFFFF; 
	border: 1px solid #000; 
	text-align: left; 
}

#banner {
	position: relative; 
	background-image: url(../images/newBanner20c.jpg);
	background-repeat: no-repeat; 
	height: 100px;
		
}
	
#subbanner {
	position: relative;
	padding: 10px 0 4px 4px;
	background-color: #FF6633;
	height: 25px;
	
	} 


#subbanner ul {
	padding: 0; 
	margin: 0 18px 0 0px; 
	list-style-type: none; 
	font-size: 75%; 
	text-align: center; 
}
#subbanner li {
	padding: 0; 
	margin: 0 0 0 5px; 
	display: inline; 
}
#subbanner li a:link, #subbanner li a:visited {
	color: #fff; 
	text-decoration: none; 
	padding: 0 2px 2px;
	font-weight: bold; 
}
#subbanner li a:hover, #nav li a:active, #nav li a:focus {
	
	color: #000000; 
}


#content { 
	width: 549px; 
	margin-left: 190px;
	margin-bottom: 5px; 
}
#right  {

	float: right;
	margin: 5px 0px 5px 15px;

	}

.left {
	float: left;
	}

#content p {
	font-size: 80%; 
	margin: 10px 10px 10px 6px; 
	padding-right: 5px; 
	color: #00214D;
}

#content td {
	font-size: 80%; 
	color: #00214D;
	margin: 10px 5px 30px 6px; 
	}
#content li {
	font-size: 80%;
	color: #00214D;
	padding-bottom: 8px; 
}

#content h1 {
	font-size: 130%; 
	color: #142142;
	margin: 10px 5px 30px 6px; 
	
}

#content h4 {
	margin: 10px 5px 30px 6px;
	color: #000066;
	}

#contentContact { 
	width: 549px; 
	margin-left: 190px;
	margin-bottom: 5px; 
}

#contentContact p {
	font-size: 80%;
	margin: 10px 10px 10px 6px; 
	padding-right: 5px;
	color: #00214D;
}

#contentContact h1 {
	font-size: 130%; 
	color: #142142;
	margin: 10px 5px 30px 6px; 
	
}

#contentContact td {
	font-size: 80%; 
	color: #00214D;
	margin: 10px 5px 30px 6px; 
	
}

#moreindent {
	text-indent: 20px;	
}

body#spageproducts #wrapper {
	background-image: url(../images/productsbg.jpg);
	background-position: top right;
	background-repeat: no-repeat; 
}

body#spageproducts #content {
	width: 400px; 
}

body#spageabout #wrapper {
	background-image: url(../images/aboutbg.jpg);
	background-position: top right;
	background-repeat: no-repeat; 
}

body#spageabout #content {
	width: 400px; 
}

body#spageservices #wrapper {
	background-image: url(../images/servicesbg.jpg);
	background-position: top right;
	background-repeat: no-repeat; 
}

body#spageservices #content {
	width: 400px; 
}

body#spagemeasure #wrapper {
	background-image: url(../images/measurebg.jpg);
	background-position: top right;
	background-repeat: no-repeat; 
}

body#spagemeasure #content {
	width: 400px; 
}


body#spageselect #wrapper {
	background-image: url(../images/selectbg.jpg);
	background-position: top right;
	background-repeat: no-repeat; 
}

body#spageselect #content {
	width: 400px; 
}

body#spageinstall #wrapper {
	background-image: url(../images/installbg.jpg);
	background-position: top right;
	background-repeat: no-repeat; 
}

body#spageinstall #content {
	width: 400px; 
}


body#spagecontact #wrapper {
	background-image: url(../images/uwtvan11r.jpg);
	background-position: bottom right;
	background-repeat: no-repeat; 
}

body#spagecontact #contentContact {
	width: 500px; 
}

body#spagediscounts #wrapper {
	background-image: url(../images/discountbg.jpg);
	background-position: top right;
	background-repeat: no-repeat; 
}

body#spagediscounts #content {
	width: 400px; 
}

.titleimages { 
	display: block; 
	margin-top: 25px; 
}

#leftcol {
	float: left; 
	width: 180px; 
	margin-bottom: 2px;
	margin-left: 3px;
	margin-top: 0px; 
	padding-top: 0px;
	font-size: 85% ; 
}

#leftcol img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
}

#leftcol #navigation {
	line-height: 100%; 
	width: 180px;
}

#leftcol #navigation ul {
	border-top: 1px solid #000; 
  	border-bottom: 1px solid #000;
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	font-size: 75%; 
}

#leftcol #navigation ul li { 
	padding: 0; 
	margin: 0; 
	margin:0 0 -3px 0; 
	ma\rgin: 0; 
	background-image: url(../images/li_bg.gif); 
	background-repeat: repeat-y; 
	}

#leftcol #navigation a, 
#leftcol #navigation a:visited { 
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #323C55; 
	border-right: 1px solid #000000; 
	color: #fff; 
	display: block; 
	padding: 4px 0 6px 4px;
	text-decoration: none; 
	background-color: #364971; 
	width: 180px; 
	w\idth: 175px; 
}



#leftcol #navigation a:hover, 
#leftcol #navigation a:focus { 
	background-color: transparent; 
	border-bottom: 1px solid #fff; 
	color: #000;
}

.leftphotos01 {
	border-right: 2px black solid ;
	border-left: 2px black solid ;
	border-bottom: 2px black solid ;
	border-top: 0px;  
    }
	
.colorbox {

	background-color: #F5DE8C;
	margin: 0px 20px 10px 20px;
	padding: 5px 10px 10px 10px;
	border: #1A75CF 2px solid;
	}
	
.colorbox p  {
	/* font-size: 70%; /* scales the font size - no family declared, we are using the default from the body rule*/
	line-height: 135%;
	color: #000066;
	
	}

#footer { 
background-color: #fff; 
width: 770px;  
border-top: 1px solid #000; 
font-size: 60%;  
text-align: right; 
margin-top: 20px; 
clear: left;  
}

#footer p {
background-color: #E4E4E4; 
padding: 4px 4px 4px 10px; 
margin: 0;
}

#footer ul{
	background-color: #FF6633;
	margin: 0;
	padding: 4px;
}

#footer li{
display: inline;
}

#footer a { 
color: #fff;  
text-decoration: underline; 
}

#footer a:hover,
#footer a:focus {
text-decoration: none;  
}