* {
margin: 0;
padding: 0;
}

body {
background: #fff;
color: #000;
font: normal 12px Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}

#container {
background: #dedede;
border: solid 0px #ccc;
margin: 0 auto;
width: 780px;
}

#homeContainer {
background: #fff;
border: solid 0px #ccc;
margin: 0 auto;
width: 780px;
}

#nav-blu {
	width: 780px;
	height: 30px;
	margin-top: 2px;
	background: #006caf;
}

#nav-lit {
	width: 780px;
	height: 30px;
	margin-top: 2px;
	background: #e27e26;
}

#nav-blk {
	width: 780px;
	height: 30px;
	margin-top: 2px;
	background: #1d1d1d;
}

#nav-gry {
	width: 780px;
	height: 30px;
	margin-top: 2px;
	background: #505153;
}

#nav-blu p, #nav-blk p, #nav-gry p, #nav-lit p {
	padding-top: 7px;
}

#nav-blu a, #nav-blk a, #nav-gry a, #nav-lit a {
	font: normal 16px Helvetica, Arial, sans-serif;
	float: left;
	color: #fff;
	text-decoration: none;
}

	a.home {
		text-align:center;
		width: 100px;
		height: 30px;
	}
		
	a.our_reputation {
		text-align:center;
		width: 150px;
		height: 30px;
	}
		
	a.convenient_for_you {
		text-align:center;
		width: 175px;
		height: 30px;
	}
		
	a.products_warranties {
		text-align:center;
		width: 175px;
		height: 30px;
	}
		
	a.site {
		text-align:center;
		width: 180px;
		height: 30px;
	}
		
		a.home:hover, a.our_reputation:hover, a.convenient_for_you:hover, a.products_warranties:hover, a.site:hover {
			background: #007cc2;
	}
		

/*--- HEADER COLORS ---*/

.header-gry {
background: url("images/gry_header.jpg") no-repeat;
height: 120px;
width: 780px;
}

.header-blu {
background: url("images/blu_header.jpg") no-repeat;
height: 120px;
width: 780px;
}

.header-lit {
background: url("images/lit_header.jpg") no-repeat;
height: 120px;
width: 780px;
}

.header-blk {
background: url("images/blk_header.jpg") no-repeat;
height: 120px;
width: 780px;
}


.company-name {
color: #fff;
font-size: 33px;
padding: 40px;
}

.company-name2 {
color: #fff;
font-size: 26px;
padding: 40px;
}
/*--- HOME PAGE ---*/
#photos {
background: #fff;
float: left;
width: 360px;
}

#info {
background: #fff;
float: right;
width: 390px;
}

#info h1 {
color: #cd0000;
font-size: 21px;
padding: 10px 0 6px;
}

#info h2 {
font-size: 17px;
font-weight: normal;
padding: 0 0 22px;
}

#info p {
font-size: 17px;
margin: 0 0 10px;
}

span.blue {
color: #006aac;
font-size: 11px;
font-weight: bold;
}

.blue-content p {
color: #006aac;
padding: 6px 0;
}

/*--- SIDE PAGES ---*/
#left-side {
background: #fff;
float: left;
width: 567px;
}

#right-side {
background: #fff;
float: right;
width: 567px;
}

#content {
padding: 25px;
}

#content h1 {
color: #006aac;
font-size: 20px;
font-style: italic;
}

#content h2 {
color: #cd0000;
font-size: 16px;
margin: 16px 0 0;
}

#content h3 {
color: #cd0000;
font-size: 14px;
margin: 12px 0 0;
line-height: 18px;
}

#content p {
line-height: 18px;
margin: 0 0 12px;
}

#gray-right {
background: #dedede;
float: right;
width: 213px;
font-size: 14px;
}

#gray-left {
background: #dedede;
float: left;
width: 213px;
font-size: 14px;
}

#gray-right h3,
#gray-left h3 {
color: #cd0000;
font-size: 15px;
padding: 40px 13px 0;
}

#gray-right p,
#gray-left p {
line-height: 18px;
margin: 15px 13px;
}

ul.list {
margin: 25px 20px 100px 25px;
font-size: 13px;
}

ul.list li {
margin: 12px 0;
}

/*--- FOOTER ---*/
.footer-gry {
background: url("images/gry_footer.jpg") no-repeat;
clear: both;
height: 110px;
width: 780px;
}

.footer-blu {
background: url("images/blu_footer.jpg") no-repeat;
clear: both;
height: 110px;
width: 780px;
}

.footer-lit {
background: url("images/lit_footer.jpg") no-repeat;
clear: both;
height: 110px;
width: 780px;
}

.footer-blk {
background: url("images/blk_footer.jpg") no-repeat;
clear: both;
height: 110px;
width: 780px;
}

.footer-blu p, .footer-lit p {
color: #fff;
font-size: 8px;
font-style: italic;
padding: 6px 0 0 250px;
width: 520px;
}

.footer-gry p, .footer-blk p {
color: #fff;
font-size: 8px;
font-style: italic;
padding: 6px 0 0 250px;
width: 520px;
}