/***********************
	Colors:
***********************/

/***********************
	Structure
***********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 1em;
		font-family: inherit;
		vertical-align: baseline; }

:focus {
		outline: 0; }
		
body {
		line-height: 1;
		color: black;
		background: white; }
		
ol, ul {
		list-style: none; }

table {
		border-collapse: separate;
		border-spacing: 0; }
	
caption, th, td {
		text-align: left;
		font-weight: normal; }
		
blockquote:before, blockquote:after,
q:before, q:after {
		content: ""; }
		
blockquote, q {
		quotes: "" ""; }

/***********************
	Structure
***********************/

body {
		font-family: verdana, arial, helvetica;
		font-size: .7em;
		color: #000;
		background: #dcdcdc url( "../images/bg.jpg" ) top left repeat; }

#wrapper {
		margin: 0px auto;
		width: 950px; }
		
#header {
		width: 950px;
		height: 100px;
		background: url( "../images/sprite.png" ) 0px 0px no-repeat; }
		
#header ul {
		list-style: none; }

#header ul li {
		float: left; }
		
#header a {
		display: block;
		border: 0 none;
		width: 150px;
		height: 100px; }
		
#header a#nav-home {
		width: 350px; }
		
#header a#nav-services:hover {
		background: url( "../images/sprite.png" ) 0px -101px no-repeat; }
		
#header a#nav-company:hover {
		background: url( "../images/sprite.png" ) -150px -101px no-repeat; }
		
#header a#nav-home:hover {
		background: url( "../images/sprite.png" ) -300px -101px no-repeat; }
		
#header a#nav-news:hover {
		background: url( "../images/sprite.png" ) -650px -101px no-repeat; }
		
#header a#nav-contact:hover {
		background: url( "../images/sprite.png" ) -800px -101px no-repeat; }
		
#header span {
		display: none; }
		
#main {
		margin: 35px 0px;
		width: 950px; }
		
#main-rounded-corner {
		width: 950px;
		height: 11px;
		background: url( "../images/sprite.png" ) 0px -202px no-repeat; }
		
#main-content {
		border-right: 1px solid #A6A6A6;
		border-left: 1px solid #A6A6A6;
		width: 878px;
		padding: 25px 35px 1px 35px;
		background: #fff;}
		
 #main-content h1 {
		margin-bottom: 10px;
		border-left: 8px solid #333;
		padding-left: 10px;
		padding-bottom: 0px; }
		
#main-content h1#page-header {
		margin-bottom: 20px;
		padding: 5px 0px;
		font-size: 1.4em;
		color: #fff;
		background-color: #333; }
		
#main-content p {
		padding-bottom: 25px; }
		
#left-content {
		margin-right: 14px;
		float: left;
		width: 420px; }

#right-content {
		float: right;
		width: 439px; }
		
#main-rounded-corner-bottom {
		width: 950px;
		height: 11px;
		background: url( "../images/sprite.png" ) 0px -214px no-repeat; }
		
#footer {
		width: 950px;
		height: 100px;
		background: url( "../images/sprite.png" ) 0px -226px no-repeat; }
		
/***********************
	General Elements
***********************/

h1 {
		padding-bottom: 5px;
		font-size: 1.3em;
		font-weight: bold;
		color: #6185A9;}
		
h1#pageheader {
		padding-bottom: 20px; }

p {
		line-height: 1.5;
		font-family: verdana;
		font-size: 1em;
		color: #666; }

a, a:visited {
		border-bottom: 1px dashed #6185A9;
		color: #6185A9;
		text-decoration: none; }
		
a:hover {
		border-bottom: 1px solid #6185A9; }

.clear {
		clear: both; }
		
.right {
		float: right; }
		
.left {
		float: left; }
		
.bold {
		font-weight: bold; }

/***********************
	Home Page
***********************/
		
#splash {
		position: relative;
		width: 870px;
		height: 384px;
		background: url( "../images/splashadaptive.png" ) top left no-repeat; }
		
#splash ul {
		position: absolute;
		top: 215px;
		left: 260px; }
		
#splash a.tab {
		display: block;
		border: 0px none;
		padding-left: 20px;
		width: 330px;
		height: 50px;
		font-size: 16px;
		line-height: 48px;
		color: #6185A9; }
		
#splash a.tab:hover {
		color: #fff; }
		
#splash .tab-hover {
		visibility: hidden;
		position: absolute;
		top: -129px;
		left: -38px;
		padding: 20px;
		width: 386px;
		height: 80px;
		background: url( "../images/tab-back.png" ) no-repeat; }
		
#splash .tab-hover .tab-image {
		float: right;
		border: 1px solid #000;
		width: 90px;
		height: 80px;
		background-color: #dcdcdc; }
		
#splash h1 {
		border: 0px none;
		padding-left: 0px; }
		
#generator {
		background: url( "../images/tab-hover-sprite-low.jpg" ) 0px 0px no-repeat; }
		
#hvac {
		background: url( "../images/tab-hover-sprite-low.jpg" ) -91px 0px no-repeat; }
		
#properties {
		background: url( "../images/tab-hover-sprite-low.jpg" ) -182px 0px no-repeat; }
		
#splash li:hover .tab-hover {
		visibility: visible; }

#services-preview {
		float: left;
		margin: 35px 0px 25px 0px;
		width: 416px;
		background: url( "../images/back-repeat.png" ) repeat-x;}
		
#services-preview .title {
		width: 416px;
		height: 38px;
		background: url( "../images/sprite.png" ) 0px -327px no-repeat; }
		
#services-preview .content {
		width: 414px;
		height: 200px;
		border: 1px solid #dbdbdb; }
		
#services-preview p {
		padding: 20px 33px 0px 33px; }
		
#company-preview {
		float: right;
		margin: 35px 0px 25px 0px;
		width: 416px;
		height: 200px;
		background: url( "../images/back-repeat.png" ) repeat-x;}
		
#company-preview .title {
		width: 416px;
		height: 38px;
		background: url( "../images/sprite.png" ) -417px -327px no-repeat; }
		
#company-preview .content {
		width: 414px;
		height: 200px;
		border: 1px solid #dbdbdb; }
		
#company-preview p {
		padding: 20px 33px 0px 33px; }

#news-preview {
		float: left;
		margin: 15px 0px 15px 40px;
		width: 415px; }
	
#news-icon {
		float: left;
		margin-right: 10px;
		width: 58px;
		height: 54px;
		background: url( "../images/icon-sprite-adaptive.png" ) 0px 0px no-repeat; }
	
#news-preview h2 {
		padding-bottom: 10px;
		font-family: arial, helvetica;
		font-size: 1.3em;
		font-weight: bold;
		line-height: 1.2;
		text-transform: capitalize;
		color: #6185A9; }
		
#footer p {
		line-height: 1.2;
		font-family: verdana;
		font-size: 1em;
		color: #dcdcdc; }
	
#contact-preview {
		float: right;
		margin: 15px 40px 15px 0px;
		width: 415px; }
	
#contact-icon {
		float: right;
		margin-left: 10px;
		width: 97px;
		height: 54px;
		background: url( "../images/icon-sprite-adaptive.png" ) 0px -55px no-repeat; }
	
#contact-preview h2 {
		padding-bottom: 10px;
		font-family: arial, helvetica;
		font-size: 1.3em;
		font-weight: bold;
		text-align: right;
		color: #6185A9; }
		
#contact-preview p {
		line-height: 1.2;
		font-family: verdana;
		font-size: 1em;
		text-align: right;
		color: #dcdcdc; }
		
#copyright {
		padding: 10px 40px;
		background-color: #262626; }
		
#copyright p {
		color: #aaa; }
		
		
/***********************
	Service Page
***********************/
		
#myGallery {
		float: right;
		width: 420px !important; }
		
#myGallery a, #myGallery a:visited {
		border: 0px none; }
		
/***********************
	Company Page
***********************/
		
#company #right-content img {
		padding-bottom: 25px; }
		
/***********************
	Contact Page
***********************/

#contact form {
		margin-top: 30px; }

#contact fieldset {
		margin-top: 10px; }

#contact label {
		float: left;
		vertical-align: bottom;
		padding-right: 10px;
		width: 8.5em;
		line-height: 1.8em;
		text-align: right; }
		
#contact input.text {
		border: 1px solid #dcdcdc;
		border-top: 1px solid #A6A6A6;
		padding: 2px 4px;
		width: 150px; }
		
#contact input:focus {
		border: 1px solid #333; }
		
#contact textarea {
		border: 1px solid #dcdcdc;
		border-top: 1px solid #A6A6A6;
		padding: 2px 4px;
		font-family: verdana, arial, helvetica;
		font-size: 1.1em;
		width: 250px; }
		
#contact textarea:focus {
		border: 1px solid #333; }
		
#contact #right-content img {
		padding-bottom: 25px; }