/* CSS Document */

body {margin:0;padding:0;background-color:#CCC;}
img {vertical-align:middle;border:none;}
a {outline:none;}
.clear {clear:both;}
div#body-wrap {width:943px;margin:0 auto;padding:0; background-color:#FFFFFF;}

div#header {width:100%;height:82px;margin:0;padding:0;}
   #header img#logo {padding:8px 0 0 0;float:left;}
   
   #header #navtop {width:280px;height:25px;margin:0;padding:0;background:url(images/header-topnav_bg.gif) no-repeat center top;float:right;clear:right;}
   #header #navtop ul {margin:0;padding:0;list-style-type:none;}
   #header #navtop ul li {margin:0;padding:0;border-right:1px solid #FFF;float:left;}
   #header #navtop ul li a {padding:6px 10px 1px 10px;font-family:"Trebuchet MS";font-size:12px;font-weight:bold;color:#FFF;text-decoration:none;display:block;} 
   #header #navtop ul li a:hover {background:url(images/header-topnav_bgroll.gif) 0 0;text-decoration:none;}
   #header #navtop ul li.two a:hover {background:url(images/header-topnav_bgroll.gif) -10px 0;}
   #header #navtop ul li.three a:hover {padding-right:12px;background:url(images/header-topnav_bgroll.gif) -174px 0;}
   
   #header #mainnav {width:80%;margin:0;padding:30px 0 0 0;float:right;clear:right;}
   #header #mainnav ul {margin:0;padding:0;list-style-type:none;}
   #header #mainnav ul li {margin:0;padding:0 7px;float:right;}
   #header #mainnav ul li a {font-family:"Trebuchet MS";font-size:14px;font-weight:bold;color:#000;text-align:center;text-decoration:none;}
   #header #mainnav ul li a:hover {border-bottom:4pt solid #990000;text-decoration:none;}
   
div#content {width:100%;margin:0;padding:0;}
div#content2 {width:64%;margin:0;padding:0; float:right;}
   #content2 #cBottom {width:500px;margin:0;padding:5px 0 0 0;float:right;}


   #content h1 {width:903px;height:22px;margin:0;padding:3px 20px 0 20px;font-family:"GillSans Condensed";font-size:18px;font-weight:normal;color:#FFF;text-align:left;background:#962000;letter-spacing:1px;}
   
   #content #pictures {width:100%;margin:0;padding:0;border-top:2px solid #000;border-bottom:1px solid #FFF;}
   #content #pictures #kitchen {border-right:1px solid #FFF;float:left;}
   #content #pictures #bathroom {border-right:2px solid #FFF;float:left;}
   #content #pictures #kitchen-small {float:left;}
   #content #pictures #bathroom-small {border-bottom:1px solid #FFF;float:left;}
   
   #content #context {width:100%;margin:0;padding:0;border-top:1px solid #FFF;background:#000;overflow:hidden;}
   #content #context h2, h3 {margin:0;padding:0;font-family:"GillSans Condensed";font-size:26px;font-weight:normal;color:#FFF;background:none;text-align:left;line-height:25px;}
   #content #context p {margin-top:5px;font-family:"Myriad Pro";font-size:14px;font-weight:normal;color:#FFF;text-align:left;}
   #content #context #cLeft {
	width:380px;
	margin:0;
	padding:13px 0 0 13px;
	float:left;
}

   #content #context #cLeft-work {
	width:320px;
	margin:0;
	padding:13px 0 0 13px;
	float:left;
}
   #content #context #cRight {width:500px;margin:0;padding:13px 23px 0 0;float:right;}
   #content #context #cRight input {width:159px;height:22px;margin:12px 0;padding:2px 0 0 0;font-family:"Trebuchet MS";font-size:16px;font-weight:normal;color:#000;text-align:center;border:none;background:#FFF;float:right;}
   #content #context #cRight input.button {width:15px;height:15px;margin:16px 37px 8px 6px;padding:0;float:right;}
   
   #content #context #cFull {
	width:97%;
	margin:0;
	padding:13px 13px 0 13px;
	float:left;
}

   
div#content.two #context {background:none;}   
   #content.two #context h3,h4, h5, h6 {margin:0;padding:0 0 10px 0;font-family:"Trebuchet MS";font-size:16px;font-weight:bold;color:#962000;text-align:left;line-height:14px;clear:both;}
   #content.two #context p {font-family:"Trebuchet MS";font-size:12px;font-weight:normal;color:#231F20;text-align:left;line-height:14px;}
   #content.two #context ul {margin:0 0 20px 30px;padding:0;list-style-type:disc;}
   #content.two #context ul li {margin:0;padding:0;font-family:"Trebuchet MS";font-size:12px;font-weight:normal;color:#231F20;text-align:left;line-height:14px;}
   #content.two #context #cLeft {
	width:322px;
	margin:0;
	padding:3px 0 0 0;
	float:left;
}
   #content.two #context #cRight {width:605px;margin:0;padding:14px 0 0 0;float:right;}
   #content.two #context #cRight ul.products {margin:0;padding:0;display:block;list-style-type:none;}
   #content.two #context #cRight ul.products li {margin:0 11px 20px 0;float:left;}
   
   #content #bottom-line {width:903px;height:22px;margin:0;padding:3px 20px 0 20px;border-top:1px solid #FFF;background:url(images/bottom-round.gif) no-repeat bottom #000;}
   #content #bottom-line p {margin:0;padding:0;font-family:"Trebuchet MS";font-size:12px;font-weight:normal;color:#FFF;text-align:left;}
   
div#footer {width:100%;margin:0;padding:5px 0;background-color:#cccccc;}
   #footer p {margin:0;padding:0 0 0 20px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#727272;text-align:left;line-height:20px;}
   #footer a {color:#727272;text-decoration:none;}
   
   
   


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 180px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}


form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}