/*
version 04-04-2009
*/
/*--------------- default settings  ----------------------*/

html, body, div, span, object, iframe, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, p, img, a, font  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	vertical-align: baseline;
}
:focus {
     outline: 0;
}
body {
   text-align: center;
   line-height: 1.5;
   color: #000000;
   background-color: #FFFFFF;
	   background-color: #666666;
}


/*-----------------wrap-inner------------------*/
#wrap {
    position: relative;
    width: 1000px;
    margin: 0 auto 0 auto;
   /*  background-image: url(resources/bg-content.gif);
    background-repeat: repeat-y; */
    text-align: center;
}

/*-----------------header layout------------------*/
#header {
	position: relative;
	width: 1000px;
	height: 126px;
	background-image: url(resources/header.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
	
/*-----------------footer-----------------*/
	
#footer {
		position: relative;
	   clear: both;
		width: 1000px;
		height: 1px;
	}
	
	/* --------------- content --------------- */
	
	#content {
		clear: both;
		position: relative;
		width: 100%;
		background-image: url(resources/bg-content.gif);
		background-repeat: repeat-y;
	    text-align: left;
	}
	
/* --------------- content-inner --------------- */	
	
#content-inner {
position: relative;
width: 100%;
background-image: url(resources/navigation.jpg); 
background-repeat: no-repeat;
background-position: top left;
		}
	
/*--------------content-left-----------------*/
#content-left {
	   position: relative;
		float: left;
		width: 250px;
		text-align: left;
	}	
/*--------------content-right-----------------*/
#content-right {
	   position: relative;
		float: right;
		width: 749px; 
		padding-top: 25px;
	}
#content-right p {
	     margin: 6px 50px 12px 12px;
	}
/*-----------------content right footer------------------*/
#content-right-footer {
		position: relative;
	   clear: both;
		padding-left: 12px;
		height: 80px;  
	  font-size: 11px;
	  font-family: arial, helvetica, sans-serif;
	  line-height: 1.3;
}
/* --------------- misc --------------- */
.clear {
     clear: both;
}
.bold {
      font-weight: bold;
}
.bolditalic {
     font-weight: bold;
     font-style: italic;
}
.italic {
     font-style: italic;
}
.red {
     color: #CC0000;
     background-color: transparent;
}
.redbold {
     color: #CC0000;
     background-color: transparent;
     font-weight: bold;
}
.goldrule {
	 color: #EBAB00;
    background-color: #EBAB00;
    height: 3px;
}
.logos {
	position: relative;
	top: 30px;
}
/* --------------- link styles --------------- */
a:link {
	color: #000000;;
	background-color: transparent;
	text-decoration: underline;
	font-size: inherit;
}
a:visited {
	color: #000000;;
	background-color: transparent;
	text-decoration: underline;
	font-size: inherit;
}
a:hover {
	color: #000000;;
	background-color: transparent;
	text-decoration: none;
	font-size: inherit;
}
a:active {
	color: #000000;;
	background-color: transparent;
	text-decoration: none;
	font-size: inherit;
}



/*---------- headings ------------ */

h1 {
	clear: both;
	font-size: 150%;
	font-weight: bold;
	margin: 6px 50px 12px 12px;
	/* color: #3333CC; */
		color: #055d9b;
	background-color: transparent;
}	
 h2 {
	clear: both;
	font-size: 135%;
	font-weight: bold;
	 margin: 6px 50px 12px 12px;
	/* color: #3333CC; */
		color: #055d9b;
	background-color: transparent;
}
h3 {
	clear: both;
	font-size: 120%;
	font-weight: bold;
	  margin: 6px 50px 12px 12px;
	/* color: #3333CC; */
		color: #055d9b;
	background-color: transparent;
}
.fontplus {
	font-size: 120%;
	font-weight: bold;
	  margin: 6px 50px 12px 0;
	/* color: #3333CC; */
		color: #055d9b;
	background-color: transparent;
}
/*-------------- font plusses -----------------*/
.plus1, p.plus1, a.plus1  {
	font-size: 110%;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
}
.plus2, p.plus2, a.plus2  {
	font-size: 120%;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
}
.plus3, p.plus3, a.plus3  {
	font-size: 140% ;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
}

h4 {
	clear: both;
	font-size: 105%;
	font-weight: bold;
	 margin: 6px 50px 12px 12px;
	/* color: #3333CC; */
		color: #055d9b;
	background-color: transparent;
}

/* --------------- image styles --------------- */

.imgrightwithoutborder {
	float: right;
	margin: 4px 0 12px 18px;
}
.imgleftwithoutborder {
	float: left;
	margin: 4px 18px 12px 0;
}

/* --------------- top submenu  --------------- */
#submenucontainer {
	 height: 40px;
	 background-image: url(resources/bg-submenu.gif);
    background-repeat: no-repeat;
    background-position: top left;
	 margin-left: 12px;
}
ul#submenu {
	padding-top: 8px;
	margin-top: 0;
	margin-left: 18px;
}
#submenu li {
	 display: inline;
    border-left: 1px solid #336699;
    float: left;
    line-height: 1;
    margin: 0 .5em 0 -.5em;
    padding: 0 .5em 0 .5em;
}
#submenu li.initial {
    border-left: none;
}

#submenu  li a {
   font-size: 12px;
	  font-family: verdana, arial, helvetica, sans-serif;
}
#submenu  li a:link, #submenu li a:visited {
    color: #336699;
    background-color: transparent;
	 text-decoration: underline;
}
#submenu li a:hover, #submenu li a:active  {
    color: #EBAB00;
    background-color: transparent;
	 text-decoration: underline;
}

/* --------------- bottom navlist --------------- */
#navlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#navlist li {
	 display: inline;
    border-left: 1px solid #336699;
    float: left;
    line-height: 1;
    margin: 0 .5em 0 -.5em;
    padding: 0 .5em 0 .5em;
}
#navlist li.initial {
    border-left: none;
}

#navlist li a {
   font-size: 11px;
	  font-family: arial, helvetica, sans-serif;
}
#navlist li a:link, #navlist li a:visited {
    color: #336699;
    background-color: transparent;
	 text-decoration: underline;
}
#navlist li a:hover, #navlist li a:active  {
    color: #EBAB00;
    background-color: transparent;
	 text-decoration: underline;
}
/* ---------------------- form ----------------*/

form {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px; 
   position: relative;
}
label {
   width: 10em;
   float: left;
   text-align: right;
   margin: 10px 1em 10px 0;
   clear: both;
		font-size: 11px; 
}
.input-box {
   float: left;
   margin: 10px 0 10px 0;
	color: #49726D;
	background-color: #F0FFFF !important;
   border: 1px solid #028AB4;
	width: 270px;
	font-family: verdana, arial, helvetica, sans-serif;
	/* font-size: 11px; */
}
.input-box:focus  {
	background-color: #FFFFFF !important;
}
.formtext {
	color: #49726D;
	background-color: #F0FFFF;
   border: 1px solid #028AB4;
	width: 270px;
	height: 180px;
	 font-family: verdana, arial, helvetica, sans-serif;
	/* font-size: 11px; */
	}
.formtext:focus  {
	background-color: #FFFFFF !important;
}
.submit-button {
margin-left: 190px; 
   clear: both !important;
   color: #FFFFFF;
   background-color: #FF0000;
   border: 1px outset #FF0000;
}
fieldset {
   border: #0066CC solid 1px;
   /* width: 410px; */
	   width: 500px;
   position: relative;
	left: 40px;
}
fieldset.quick {
   border: #0066CC solid 1px;
	width: 500px;
   position: relative;
	left: 50px;
}
legend {
	background-color: #0066CC;
   color: #FFFFFF;
   border: 1px solid #0066CC;
   padding: 2px 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}
form br {
	clear: both;
	margin-top: 6px;
}
	 
input[id="contactme"] {
	margin-top: 12px;
}
input[id="sendadditional"] {
	margin-top: 12px;
}
input[id="estimate"] {
	margin-top: 12px;
}
/* ------------lists ---------------- */

#content-inner #content-right  ul#contentlist {
	margin: 20px 60px 20px 50px;
	padding: 0;
	background-color: #FFFFFF;
	background-image: none;
}
#content-inner #content-right  ol#contentlist {
	margin: 20px 60px 20px 55px;
		padding: 0;
		background-color: #FFFFFF;
			background-image: none;
}
#content-inner #content-right  ul#checkmarks {
	margin: 20px 60px 20px 50px;
	padding: 0;
	background-color: #FFFFFF;
	background-image: none;
}
#content-inner #content-right  ul.checkmarks li {
		list-style-type: none;
		background-image: url(resources/checkmark.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		line-height: 3.5;
		text-indent: 65px;
	}


/* --------------- css signature --------------- */

body#plumbing  #header {
	 background-image: url(resources/header-plumbing.jpg);
	}
body#plumbing  #content  {
		background-image: url(resources/bg-content-plumbing.gif);
		}	
body#plumbing  #content  #content-inner {
   background-image: url(resources/navigation-plumbing.jpg); 
		}

		
body#airconditioning  #header {
	background-image: url(resources/header-airconditioning.jpg);
	}
body#airconditioning  #content  {
		background-image: url(resources/bg-content-airconditioning.gif);
		}	
body#airconditioning  #content-inner {
   background-image: url(resources/navigation-airconditioning.jpg); 
		}	
		
		
body#airconditioning  #content  #content-inner  #content-right h1 {
		color: #0071c5;
	background-color: transparent;
}	
body#airconditioning  #content  #content-inner  #content-right  h2 {
		color: #0071c5;
	background-color: transparent;
}
body#airconditioning  #content  #content-inner  #content-right h3 {
		color: #0071c5;
	background-color: transparent;
}
body#airconditioning  #content  #content-inner  #content-right h4 {
		color: #0071c5;
	background-color: transparent;
}	
		
	
	
	
		
		
body#plumbing   #content  #content-inner  #content-right h1 {
		color: #006338;
	background-color: transparent;
}	
body#plumbing   #content  #content-inner  #content-right  h2 {
	color: #006338;
	background-color: transparent;
}
body#plumbing   #content  #content-inner  #content-right h3 {
	color: #006338;
	background-color: transparent;
}
body#plumbing   #content  #content-inner  #content-right h4 {
	color: #006338;
	background-color: transparent;
}