/*
File: stylesheet.css
Copyright Barrett Mechanical 2008
Stylesheet by Mike Cygalski of digibee.net Web Design (London Ontario)
*/

html    { margin: 0; padding: 0; background: white url(../images/white_diagonal_bg3.gif) repeat scroll 0% 0%;  }
html *  { letter-spacing: 0; margin: 0 0 0 0; padding: 0 0 0 0; text-indent: 0; outline: none; }

body    { margin: 0; padding: 0; margin: 0; padding: 0; height: auto !important; min-height: 100%; font-size: 100%; font-family: arial, helvetica, sans-serif;  }


	ul { margin: 0.5em 0.5em 1.00em 0.5em }
	ul { font-size: 90%; color: #444444; text-align: left; }
	ul li { list-style-type: disc; list-style-position: inside; }
	h1 { font-size: 145%; margin: 0 0 0.5em 0; color: #2A5D5B; }
	h2 { font-size: 115%; margin: 0 0 0.5em 0; background-color: #EFEFF6; color: #2A5D5B; padding: 0.2em; }
	#projectsgallery h2 { background-color: transparent; color: #2A5D5B;}	
	h3 { font-size: 105%; margin: 0 0 0.1em 0; color: #2A5D5B; }
	#servicescolumn h2 { background-color: transparent; color: #2A5D5B;}
        h1 {  font-weight: normal; }
	h3 { font-weight: bold; }
	p { line-height: 120%; color: #444444; padding: 0; margin: 0 0 1em 0; text-align: justify; }
	a { color: #3D3F6B; border: none;  }


	form    { font-size: 0.9em;  border: none; padding: 10px; height: 100%; background: #EBDBDC url(../images/cornerbig.gif) no-repeat 0% 0%; }
	fieldset { padding: 10px; width: 390px; margin-bottom: 0.5em; }
	label { clear: right; float: left; font-size: 0.9em; margin-bottom: 0.2em  }
	input, select { float:right; width: 200px; font-size: 0.9em; margin-bottom: 0.2em; }
	textarea { font-size: 0.9em; width: 300px; float: right;  }
	legend { margin-bottom: 0.5em; }

#container {
	width:				995px !important; width: 1010px;
	margin:				0 -10px;
	height: auto !important; min-height: 525px; height: 550px;
	background-color:		transparent;
}
	

#header { background: #3D6B69 url(../images/barrett_mechanical_plumbing.jpg) no-repeat; background-position: 525px -18px; width: 1050px; height: 175px; padding: 0 0 0 0; margin: 10px 0 0 -19px; }
#header a { float: left; margin: 6px 0 0 72px; }
#header a img { border: none; }

#topmenu {
	margin: -25px 0px 0px 10px;
	padding: 0px 20px 0px 35px;
	white-space: nowrap;
	
	width: 38em !important; width: 40em; min-width: 39em;
	text-align: right;
	background: transparent url(../images/navy_transparency.png) repeat 0px 0px;
	height: auto !important; height: 2.25em; min-height: 2.25em; }


#topmenu a { min-width: 60px; color: #FFFFFF; font-size: 120%; line-height: 175%; text-decoration: none; font-weight: bold; text-transform: none; display: inline; margin: 0 0.4em 0 0 ; padding: 0 .4em; float: left; text-align: left; }

#topmenu a.current { background-color: #FFFFFF; color: #292D5E; text-decoration: none; }

#topmenu a:hover { background: #D40912 url(../images/rehdfdssd_transparency.png) repeat 0px 0px; color: #FFFFFF; }

#topmenu a:hover.current { background-color: #FFFFFF; background-image: none; color: #292D5E; }


#servicescolumn {
	float: left;
	background-color: #ffffff;
	padding: 20px 20px 20px 20px; border: none;
	margin: 10px 5px 10px 10px;
	bottom: 70px;
	width: 200px !important; width: 240px;
	height: auto !important; min-height: 525px; height: 550px; }
	
	
#servicescolumn { font-size: 0.85em; letter-spacing: -0.05em;  }

       #servicescolumn ul { margin: 0px; padding: 0px; }
	#servicescolumn ul li { margin: 0px; padding: 0px; } 
	#servicescolumn ul li { list-style-type: none; list-style-position: outside; }
	#servicescolumn ul li a { margin: 0px; padding: 0px; text-decoration: none; } 

	#servicescolumn ul li a { display: block; line-height: 1.5em; height: 1.5em; padding-left: 20px; }
		/* height needed for lt IE6 - otherwise IE spaces between li a items are off */
	#servicescolumn ul li.top a { padding-left: 10px; margin-top: 0.25em }
	#servicescolumn li a:hover { text-decoration: underline;  }





#projectsgallery {
	border: none;
	background-color: #DBEBEA;
	margin: 10px 5px 30px 0px; padding: 20px 20px 20px 20px;
	float: right;
	width: 200px !important; width: 240px;
	height: auto !important; min-height: 525px; height: 550px; }	

#projectsgallery * { font-size: 0.9em; }
#projectsgallery img { }
#projectsgallery a {  background-color: #DBEBEA; }
#projectsgallery a img { margin: -7px -7px 7px -7px; padding: 7px !important; padding: 0; border: none !important; border: 7px solid #FAFAFC;  background-color: #FAFAFC; }

#projectsgallery ul { margin: 0 0 0 0; font-size: 90%; color: #444444; text-align: left; }
#projectsgallery ul li { margin: 0 0 0 0; list-style-type: square; }
#projectsgallery ul li.top {  list-style-type: none; margin: 0em 0 0.5em 0; list-style-position: outside; } 
#projectsgallery ul li.top a {   }


#contentcolumn {
	float: right; background-color: #ffffff; 
	padding: 20px !important; padding: 15px;
	margin: 10px 5px 10px 5px !important; margin-left: 5px;
	bottom: 70px;
	width: 440px !important; width: 480px;
	height: auto !important; min-height: 525px; height: 550px; }
	
#contentcolumn p  { font-size: 0.9em; }
#contentcolumn img { border: none  }
#contentcolumn img { margin: 0.5em 1em 1em 1.5em; float: right; }
#contentcolumn img.checkmark { margin: 0em 0.5em 0em 0.5em; float: left;  }
#contentcolumn h1, h2 { clear: right; }


.clearboth { clear: both; }
.clearleft { clear: left; }
.links { float: left; margin-right: 1em; width: 12em; }
.halfcolumn { float: left; margin-right: 1em; width: 12em; }
.gallerybutton { margin-left: 1em;  background-color: #2A5D5B; color: #ffffff; padding: 0.1em; position: relative; top: -0.2em; font-variant: small-caps; font-weight: bold; font-size: 70%; text-decoration: none; }


#footer { 
	border-top: 1px dotted #666666;
	bottom:				0px;
	width:				1000px;
	height:				50px;
	background-color:	transparent;
	margin-bottom:		0px; }
    
#footer #creditsrights  { margin-left: 40px; color: #666666; width: auto; font-size: 80%; white-space: nowrap; position: relative; top: 5pt !important; top: 5px; }
#footer #creditsrights a { color: #666666; text-decoration: none }


#home .home, #about .about, #team .team, #news .news, #services .services, #servcom .servcom, #servind .servind, #servback .servback, #servdes .servdes, #servheat .servheat, #servpro .servpro, #servplumb .servplumb, #servserv .servserv, #photos .photos, #photoscom .photoscom, #photosind .photosind, #photosback .photosback, #photosdes .photosdes, #contact .contact, #conteam .conteam, #maplond .maplond, #mapont .mapont, #formcon .formcon, #formwork .formwork, #formquote .formquote, #jobs .jobs, #resources .resources { background-color: #DBEBEA !important; text-decoration: none !important; }

#contentcolumn li a { margin: 0.075em -0.25em 0.075em -0.25em; padding: 0.075em 0.25em 0.075em 0.25em; }
#contentcolumn li { margin: 0 0 0.125em 0; }

.gallerybutton { color: #ffffff !important; }