/*-----------------------------------------------------------------------------
Singh Mechanical Web Site

version:   1.2 beta
author:    Bernardo ZUniga
email:     info@zunigadesign.com
website:   http://www.zunigadesign.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
	}

/* Put it back on certain elements */
/*h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}*/

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
	}

ul, ol, dl {
	list-style-type: none;
	}
h4 {
	color: #039
	}
/* =Typography
-----------------------------------------------------------------------------*/

body {
  	font: 78.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #333;
	}
/*p {
	font-family:Georgia, "Times New Roman", Times, serif;
	}*/

/* =layout U
-----------------------------------------------------------------------------*/
#pageContainer {
	width: 794px;
	margin: 20px auto;
	background: white;
	padding: 5px;
	}

/* =Header
-----------------------------------------------------------------------------*/


/* =Footer
-----------------------------------------------------------------------------*/
#siteFooter {
	clear: both;
	border-top: 1px solid #039;
	color: #333;
	font-size: 75%; 
	text-align: center;
	line-height: 1.4em;
	padding: 5px 0;
	}
#siteFooter strong {
	font-size: 120%;
	color: #d00;
	}
#footNav {
	margin: 3px 0;
	}
#footNav li {
	display: inline;
	}
#footNav a:link, #footNav a:visited {
	text-decoration: none;
	color: #333;
	padding: 0 3px;
	}
#footNav a:hover, #footNav a:active {
	color: red;
	text-decoration:underline;
	}
/* =Site Nav
-----------------------------------------------------------------------------*/
#siteNav {
	background: url(../images/nav_grad_bg.jpg) repeat-x bottom left;
	border-bottom: 1px solid #039;
	border-top: 1px solid #039;
	height: 25px;
	margin: 10px 0 35px 0;
	}

#siteHeader {
	height: 100px;
	background: white url("../images/sing_logo_H_050606.jpg") no-repeat top left;

}
#siteHeader h1 {
	font-size:  4.5em;
	text-indent:  -9999px;
	}
#siteNav a:link, #siteNav a:visited {
	display: block;
	text-decoration: none;
	padding: 2px 15px;
	/*margin-left: 20px;*/
	color: #039;
	font-weight: bold;
	border-left: 1px solid #bbb;
	border-right: 1px solid #ddd;
	
	} 
/*#siteNav .snFirst  {
	border-left: 1px solid #aaa;
	border-right: 1px solid #ccc;
	}*/
#siteNav a:hover, #siteNav a:active {
	color: #d00;
	/*background: url(../images/nav_ro.jpg) repeat-x top left;*/
	}
#siteNav ul {
	
	margin-left: 65px;
	}

#siteNav li {
	float: left;
	
	}

#currentPage {
	border-bottom: 2px solid #039;
	}

/* =Content Area General
-----------------------------------------------------------------------------*/
.contentArea {
	margin: 20px 0;
	min-height: 420px;
	}
.rightFloat {
	float: right;
	margin: 0 0 20px 20px;
	}



/* =home page
-----------------------------------------------------------------------------*/
ul#servicesList  {
	width: 500px;
	margin-left: 25px;
	text-align: justify;
	}
#homePage h3 {
	color: #d00;
	border-bottom: 1px solid #d00;
	margin: 20px 0;
	width: 540px;
	}
#homePage strong {
	color: #d00;
	}
p.intro {
	text-align: justify;
	margin-bottom: 1em;
	font-size: 109%;
	}
#servicesList li {
	margin-bottom: 1em;
	line-height: 1.45em;
	}
p#warranty {
	padding: 10px;
	float: right;
	clear: right;
	width: 190px;
	border: 1px solid #039;
	background: #eee;
	text-align: justify;
	line-height: 1.35em;
	margin-top: 25px;
	}


/* =radiant page
-----------------------------------------------------------------------------*/
#radiantPage h3 {
	color: #d00;
	border-bottom: 1px solid #d00;
	margin: 0;
	width: 520px;
	font-size: 120%;
	}
#radiantPage strong {
	color: #d00;
	}
#radiantPage p {
	text-align: justify;
	width: 510px;
	margin-left: 10px;
	margin-bottom: 1em;
	}
/* =plumbing
-----------------------------------------------------------------------------*/
#plumbingPage {
	text-align: justify;
	}
#aquapex ul {
	width: 500px;
	margin-left:20px;
	}
#aquapex p {
	font-size: 90%;
	margin: 5px 20px;
	}
#plumbingPage h3 {
	color: #d00;
	border-bottom: 1px solid #d00;
	margin: 0;
	width: 535px;
	}
#plumbingPage h4 {
	border-bottom: 1px solid #039;
	background: url(../images/triangle_bullet.gif) no-repeat center left;
	padding-left: 12px;
	}
#aquapex li {
	margin:  10px;
	width: 225px;
	float: left;
	/*border: 1px dashed red;*/
	}
#plumbingPage li.last {
	/*border: 1px dashed green;*/
	width: 470px;
	}
#pServices ul {
	margin-bottom: 1em;
	margin-left: 40px;
	color: #039;
	}
#pServices li { 
	margin-top: 3px;
	padding-left: 15px;
	background:url(../images/triangle_bullet.gif) no-repeat center left;
	font-size: 106%;
	}	
#pServices p {
	margin-bottom: 1em;
	}	
/* =cooling
-----------------------------------------------------------------------------*/
#coolingPage p {
	text-align: justify;
	margin: 0 0 1em 0;
	}
#coolingPage p.intro {
	font-size: 115%;
	width: 480px;
	}
#coolingPage h4 {
	border-bottom: 1px solid #039;
	background: url(../images/triangle_bullet.gif) no-repeat center left;
	padding-left: 12px;
	width: 480px;
	}
 #coolingPage p.fiver {
	width: 480px;
	margin-left: 10px;
	}
#coolingPage h3 {
	color: #d00;
	margin-bottom: 20px;
	}
#coolingPage h2 {
	color: #039;
	margin-bottom: 10px;
	}
/* =geothermal
-----------------------------------------------------------------------------*/
#geothermalPage p {
	text-align: justify;
	margin-bottom: 1.5em;
	padding-left: 15px;
	}
/* =projects
-----------------------------------------------------------------------------*/
#thumbs {
	width: 200px;
	float: left;
	margin-left: 35px;
	}
#thumbs a {
	margin: 2px;
	}
#placeHolder {
	}
#desc {
	margin: 1em 0;
	font: 95%/1.45 "Helvetica Neue", Verdana, Arial, Helvetica, sans-serif;
	width: 290px;
	}
#photoBloc {
	width: 320px;
	margin-left: 240px;
	}

/* =contact
-----------------------------------------------------------------------------*/ 
#contactPage p {
	margin-bottom: 2em;
	}
#mailForm {
	width: 400px;
	float: right;
	}
label
{
width: 6em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
color: #039;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
input.txtBox , #contactPage textarea  {
	background:#ffc;
	}
input.submit {
	margin-left: 6em;
	}
#contactInfo {
	width: 300px;
	float: left;
	margin-left: 30px;
	}
.emph {
	color: #d00;
	font-weight: bold;
	}
	
/* =logo bar
-----------------------------------------------------------------------------*/ 
#logoBar {
	margin: 80px 0;
	clear: both;
	}
#logoBar img {
	border: 1px solid #ccc;
	margin: 5px 10px;
	}
	
#logoBar #logoBarBoxes img {
	border: 1px solid #aaa;
	margin:5px 30px;
	}