/* The file below is read by ALL browsers
	but the hacks contained within it further target 
	IE5-6 for Windows. See file for details. */

@import "ie6win.css";

/* -- undo HTML -- */
	:link,:visited {text-decoration: none;}
	ul,ol {list-style: none; padding: 0; margin: 0;}
	h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
	a img,:link img,:visited img {border: none;}

/* -- basic HTML elements -- */
	a:link, a:visited {color: #000; text-decoration: underline;}
	a:hover, a:focus {color: #254949; text-decoration: underline;}
	
	html {height: 100%;}
	body {color: #254949; background: #fff url(../images/bg-main.jpg) repeat-y 760px; font: 90% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; height: 100%;}
	p {line-height: 1.2em; text-indent: 0.5em; margin: 5px 2px 10px 2px;}

/* -- containers -- */
	#container {width: 760px; margin: 0; min-height: 100%; background: url(../images/bg-content.jpg) repeat-y 0 133px;}
	#container .header {width: 760px; height: 102px; display: block;}
	#container .header .left {width: 510px; height: 102px; display: block; background: url(../images/bg-header-left.jpg) no-repeat; float: left;}
	#container .header .right {width: 250px; height: 102px; display: block; background: url(../images/bg-header-right.jpg) no-repeat; float: left;}
	#container .menu {width: 760px; height: 31px; background: url(../images/bg-menu.jpg) no-repeat;}
	#container .content {width: 725px; padding: 0 0 0 35px;}
	#container .content .body {width: 520px; height: 100%; margin: 0 5px 0 0; padding: 0 10px 30px 0; float: left; background: url(../images/bg-body.jpg) center 20% no-repeat;}
	#container .content .body h2 {font-size: 1.2em; padding: 5px 0 0 0;}
	#container .content .body p {padding: 0 0 5px 0;}
	#container .content .sidebox {width: 175px; margin: 0 0 0 531px; padding: 2px 7px 20px 7px;}
	#container .content .sidebox h3 {font-size: 1.1em; padding: 0 0 3px 0;}
	#container .content .testimonials {width: 199px; margin: 0 0 0 531px; padding: 15px 0 0 0; background: url(../images/bg-quotes_top.jpg) left top no-repeat;}
	#container .content .testimonials div {width: 168px; padding: 0 10px 15px 10px; height: 100%; background: url(../images/bg-quotes_bottom.jpg) right bottom no-repeat; font-size: 0.8em; line-height: 1.2em;}
	#container .content .testimonials div span {float: right; font-weight: bold; padding: 5px 10px 0 0; font-size: 1.1em;}
	#container .content .spacer {clear: both;}
	
/* -- menu -- */
	#container .menu ul {width: 480px; height: 24px; margin: 0 0 0 30px; float: left;}
	#container .menu ul li {height: 24px; float: left;}
	#container .menu ul li a:link, #container .menu ul li a:visited, #container .menu ul li a:hover {height: 24px; display: block; text-indent: -9000px; margin: 0 3px;}
	#container .menu ul li a.services:link, #container .menu ul li a.services:visited {width: 117px; background: url(../images/menu_services-off.jpg) no-repeat center top; }
	#container .menu ul li a.services:hover {background: url(../images/menu_services-on.jpg) no-repeat center top; }
	#container .menu ul li a.about:link, #container .menu ul li a.about:visited {width: 95px; background: url(../images/menu_about-off.jpg) no-repeat center top; }
	#container .menu ul li a.about:hover {background: url(../images/menu_about-on.jpg) no-repeat center top; }
	#container .menu ul li a.estimate:link, #container .menu ul li a.estimate:visited {width: 129px; background: url(../images/menu_estimate-off.jpg) no-repeat center top; }
	#container .menu ul li a.estimate:hover {background: url(../images/menu_estimate-on.jpg) no-repeat center top; }
	#container .menu ul li a.contact:link, #container .menu ul li a.contact:visited {width: 107px; background: url(../images/menu_contact-off.jpg) no-repeat center top; }
	#container .menu ul li a.contact:hover {background: url(../images/menu_contact-on.jpg) no-repeat center top; }

/* -- footer -- */
	#footer {width: 760px; height: 30px; background: url(../images/bg-footer.jpg) no-repeat;}
	#footer .copyright {width: 755px; font-size: 0.8em; color: #D1E9E9; height: 10px; padding: 12px 5px 0 0; text-align: right;}
	#footer .copyright a:link, #footer .copyright a:visited {color: #D1E9E9; text-decoration: underline;}
	#footer .copyright a:hover {color: #FFF; text-decoration: underline;}

/* -- form buttons -- */	
	#buttons .estimate, #buttons .send, #buttons .clear {border: none; width: 124px; height: 39px; cursor: pointer; margin: 0 5px; text-indent: -9000px;}
	#buttons .estimate {background: url(../images/button_estimate-off.jpg) no-repeat;}
	#buttons .estimate:hover {background: url(../images/button_estimate-on.jpg) no-repeat;}
	#buttons .send {background: url(../images/button_send-off.jpg) no-repeat;}
	#buttons .send:hover {background: url(../images/button_send-on.jpg) no-repeat;}
	#buttons .clear {background: url(../images/button_clear-off.jpg) no-repeat;}
	#buttons .clear:hover {background: url(../images/button_clear-on.jpg) no-repeat;}