*{padding: 0}

body {
	font-size: 0.93em;
	font-family: "Book Antiqua", "Palatino", "Sans-Serif";	
	color: F10000;
	background-image: url(outbg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	}

p, h2#slogan {		
	padding-left: 0em;
	padding-right: 0em;
	width: 950px; 
	margin-right: auto; 
	margin-left: auto;
	max-width: 1008px; 
	}

div#navegation {
	width: 1008px;
	height: 84px;
	border: 0;
	}

img#logo {position: relative; z-index: 0;} 


/* NAVEGATION BTNS */
	/* HOME BTN */
		/* Set the <div> size and background. */
		#homebtn { width: 75px; height: 84px; background: url(navegation/homehover.gif); position: relative; left: 390px; bottom: 84px;}
		/* Set the <a> size. */
		#homebtn a { display: block; width: 75px; height: 84px; }
		/* Suppress the nested <img> border. */
		#homebtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#homebtn a:hover img { visibility: hidden; }
	
	/* SERVICES BTN */
		/* Set the <div> size and background. */
		#servicebtn { width: 94px; height: 84px; background: url(navegation/servicehover.gif); position: relative; left: 464px; bottom: 168px;}
		/* Set the <a> size. */
		#servicebtn a { display: block; width: 94px; height: 84px; }
		/* Suppress the nested <img> border. */
		#servicebtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#servicebtn a:hover img { visibility: hidden; }
	
	/* PORTFOLIO BTN */
		/* Set the <div> size and background. */
		#portfoliobtn { width: 91px; height: 84px; background: url(navegation/portfoliohover.gif); position: relative; left: 557px; bottom: 252px;}
		/* Set the <a> size. */
		#portfoliobtn a { display: block; width: 91px; height: 84px; }
		/* Suppress the nested <img> border. */
		#portfoliobtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#portfoliobtn a:hover img { visibility: hidden; }
		
	/* ESTIMATE BTN */
		/* Set the <div> size and background. */
		#estimatebtn { width: 95px; height: 84px; background: url(navegation/estimatehover.gif); position: relative; left: 648px; bottom: 336px;}
		/* Set the <a> size. */
		#estimatebtn a { display: block; width: 95px; height: 84px; }
		/* Suppress the nested <img> border. */
		#estimatebtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#estimatebtn a:hover img { visibility: hidden; }
	
	/* TEAM BTN */
		/* Set the <div> size and background. */
		#teambtn { width: 71px; height: 84px; background: url(navegation/teamhover.gif); position: relative; left: 742px; bottom: 420px;}
		/* Set the <a> size. */
		#teambtn a { display: block; width: 71px; height: 84px; }
		/* Suppress the nested <img> border. */
		#teambtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#teambtn a:hover img { visibility: hidden; }

	/* CONTACT BTN */
		/* Set the <div> size and background. */
		#contactbtn { width: 112px; height: 84px; background: url(navegation/contacthover.gif); position: relative; left: 812px; bottom: 504px;}
		/* Set the <a> size. */
		#contactbtn a { display: block; width: 112px; height: 84px; }
		/* Suppress the nested <img> border. */
		#contactbtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#contactbtn a:hover img { visibility: hidden; }
	
	/* CAREER BTN */
		/* Set the <div> size and background. */
		#careersbtn { width: 89px; height: 84px; background: url(navegation/careershover.gif); position: relative; left: 919px; bottom: 588px}
		/* Set the <a> size. */
		#careersbtn a { display: block; width: 89px; height: 84px; }
		/* Suppress the nested <img> border. */
		#careersbtn a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#careersbtn a:hover img { visibility: hidden; }


h1#navtitle {
      margin:0; padding:0;
      position:relative;
      width:390px; height:84px;
      overflow:hidden;
      }
#navtitle span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:390px; height:84px;
      margin:0; padding:0;
      background:url("navegation/logo.gif") top left no-repeat;
      }

div.inbox {
		margin-right: auto; 
		margin-left: auto;
		background: transparent url(inbox.gif) scroll top left; 
		width: 1009px;
		height: 756px;
		}
		
		
		/* EXPANDING LIQUID LAYOUT */
		div.topbox {
		margin-right: auto; 
		margin-left: auto;
		background: transparent url(topbox.gif) scroll top left; 
		width: 1008px;
		height: 116px;
		}

		div.expandbox {
		margin-right: auto; 
		margin-left: auto;
		background: transparent url(expandbox.gif) scroll top left; 
		width: 1008px;
		min-height: 380px ;
		}
		
		div.bottombox {
		margin-right: auto; 
		margin-left: auto;
		background: transparent url(bottombox.gif) scroll top left; 
		width: 1008px;
		height: 14px;
		}

		/* END OF EXPANDING LIQUID LAYOUT */

		
div#mainelements {
		border: 2px outset;
		margin: 0px;
 		padding: 0px;	
		margin-right: auto; 
		margin-left: auto;
		width: 950px;
		height: 306px;
		background-color: #EAF3DA;
		padding: 3pt; */
		}

img#photo1 {
		float: left;
		}

div#sideimg { 
		position: relative;
		bottom: 15px;
		float: right;
		width: 250px;
		height: 56px;
		margin: 0px;
		padding: 0;
		}


	/* estimate - call of action, various colours, and position */
		/* Set the <div> size and background. */
		
		#estimate { width: 331px; height: 69px; background: url(home/estimatehover.gif); position: absolute; right: 2px; top: 253px}
		#estimate a { display: block; width: 331px; height: 69px; }
		/* Suppress the nested <img> border. */
		
		#estimate a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		#estimate a:hover img { visibility: hidden; }
		


p.alignright {
		text-align: right; 
		max-width: 1007px; 
		}
ol#list {
	position:relative; 
	bottom: 5px;
	right: 1.2em;
	padding-left: 40px
	}
ul, ol {padding-left: 40px}

p#phone {
		position: relative; 
		top: 15px;
		}


/* Secundary section BOX 1.	*/
		#b1	{width: 280px; float: left}
		/* General.	*/
		.d1, .d2, .d3, .d4, .d5, .d6, .d7 	{font: 1px cursive; overflow:hidden;	} 
		/* Backgrounds.	*/
		.d1, .d8		{ background: black; } 
		.d5, .d6, .d7, .d9, .d2, .d3, .d4	{ } 
		/* Heights.	*/
		.d1, .d2, .d3, .d5, .d6	{ height: 1px;	}
		.d4, .d7		{ height: 2px;	}
		/* Margins.	*/
		.d1				{ margin: 0px 5px;	}
		.d2, .d5		{ margin: 0px 3px;	}
		.d3, .d6		{ margin: 0px 2px;	} 
		.d4, .d7		{ margin: 0px 1px;	}
		/* Borders.	*/
		.d2, .d5 			
		{ border-right:2px solid black; border-left:2px solid black; } 
		.d3, .d4, .d6, .d7, .d8, .d9	
		{ border-right:1px solid black; border-left:1px solid black; }
		/* Content Area. */
		.d9	{ padding: 10px;}

/* Secundary section BOX 2.	*/
		#b2	{width: 310px; float: left; position: relative; left: 45px;}
		/* General.	*/
		.d1, .d2, .d3, .d4, .d5, .d6, .d7 	{font: 1px cursive; overflow:hidden;	} 
		/* Backgrounds.	*/
		.d1, .d8		{ background: black; } 
		.d5, .d6, .d7, .d9, .d2, .d3, .d4	{ } 
		/* Heights.	*/
		.d1, .d2, .d3, .d5, .d6	{ height: 1px;	}
		.d4, .d7		{ height: 2px;	}
		/* Margins.	*/
		.d1				{ margin: 0px 5px;	}
		.d2, .d5		{ margin: 0px 3px;	}
		.d3, .d6		{ margin: 0px 2px;	} 
		.d4, .d7		{ margin: 0px 1px;	}
		/* Borders.	*/
		.d2, .d5 			
		{ border-right:2px solid black; border-left:2px solid black; } 
		.d3, .d4, .d6, .d7, .d8, .d9	
		{ border-right:1px solid black; border-left:1px solid black; }
		/* Content Area. */
		.d9	{ padding: 10px;}

/* Secundary section BOX 3.	*/
		#b3	{width: 280px; float: right; position: relative;}
		/* General.	*/
		.d1, .d2, .d3, .d4, .d5, .d6, .d7 	{font: 1px cursive; overflow:hidden;	} 
		/* Backgrounds.	*/
		.d1, .d8		{ background: black; } 
		.d5, .d6, .d7, .d9, .d2, .d3, .d4	{ } 
		/* Heights.	*/
		.d1, .d2, .d3, .d5, .d6	{ height: 1px;	}
		.d4, .d7		{ height: 2px;	}
		/* Margins.	*/
		.d1				{ margin: 0px 5px;	}
		.d2, .d5		{ margin: 0px 3px;	}
		.d3, .d6		{ margin: 0px 2px;	} 
		.d4, .d7		{ margin: 0px 1px;	}
		/* Borders.	*/
		.d2, .d5 			
		{ border-right:2px solid black; border-left:2px solid black; } 
		.d3, .d4, .d6, .d7, .d8, .d9	
		{ border-right:1px solid black; border-left:1px solid black; }
		/* Content Area. */
		.d9	{ padding: 10px;}


div#selements {
	margin-right: auto; 
	margin-left: auto;
	border: 0px;
	width: 950px;
	height: 170px
	}


		/* Guarantee Stamp */
		
		.stamp {float: right; width: 132px; height: 132px; background: url("home/greenguarantee.gif"); position: relative; left: 0em; bottom: 5.5em}
		.stamp a { display: block; width: 132px; height: 132px; }
		/* Suppress the nested <img> border. */
		
		.stamp a img { border: 0px;}
		/* Hide the <img> onmouseover. */
		.stamp a:hover img { visibility: hidden; }
		

	/* LOCATION BAR */
	span.location {
	color: #004080;
	border-style: inset;
	border-color: #c9353a;
	border-width: 2px;
	background-color: #F9C7C2; 
	padding-left: 5px; 
	padding-right: 2px; 
	}


	.location a {text-decoration: none; color: black }


	.location:hover { color: white; background-color: maroon; text-decoration: none; position: relative; z-index: 1}
	/* END LOCATION BAR */


span.bold {
	font-weight: 900;}
.lowlinks {text-shadow: 0px 0px 2em black; right: 100px; text-decoration: none; padding-right: 1em; font-size: small; font-weight: 600;}
.lowlinks:hover {color: #4c4c4c}

h2#place {margin-bottom: 10px; margin-left: 48px; margin-top: -10px; line-height: 0}
#lowlinkdiv {margin-left: auto; margin-right: auto; width: 1000px;}

#paint_brands {width: 560px; margin-left: auto; margin-right: auto;}
	#ici {position: relative; top: -50px}
	
#paint_brands img
{  border-style: none;
}