@charset "UTF-8";
/* CSS Document */

/* 
ContractorsU.net 
main.css
*/


/***** GLOBAL SETTINGS *****/

body  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  /* background-image: url(img_no2/bkgd_main.gif);
     background-repeat: repeat-x; /*
  /* margin: 0;  it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #718699;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #082e6f;
     /*458fbd*/
  background-image: url(img/bkgd3.jpg);
  background-repeat: repeat-x;
  line-height: 18px;
}


/***** HEADINGS *****/

h1{
  font-family: "Tahoma", sans-serif;
  font-size: 26px;
  font-weight: normal;
  line-height: 32px;
  color: #FF9933;
  letter-spacing: 1px;
  margin: 0px;
}

h2{
  font-family: "Tahoma", sans-serif;
  font-size: 19px;
  color: #FF9933;
  font-weight: normal;
  line-height: 25px;  /*letter-spacing: 1px;*/
}

h3{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  color: #718699;
}

h4{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  color: #718699;
  margin: 0px;
}



/***** COMMON FORMATTING *****/

hr {
  border: 1px solid #e1e6eb;
  width: 100%;
}

.container {
  width: 947px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
  /*background: #fff;*/
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  /* border: 1px solid #000000; */
  text-align: left; /* this overrides the text-align: center on the body element. */
  position: relative;
}

.container_content 
{
  width: 947px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
  /*min-height: 900px;*/
  background-image: url(img/bkgd_content2.gif);
  background-repeat: repeat-y;
  /*background: #fff;*/
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  /* border: 1px solid #000000; */
  text-align: left; /* this overrides the text-align: center on the body element. */
  position: relative;
  background-color: #fff;
}

.container_footer 
{
  width: 947px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
  /*min-height: 900px;*/
  background: #718699;
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  /* border: 1px solid #000000; */
  text-align: left; /* this overrides the text-align: center on the body element. */
  position: relative;
}

#wrapmasthead
{
  min-width: 947px;
  background-image: url(img/bkgd_masthead2.jpg);
  background-repeat: no-repeat;
  height: 356px;
  /*background-color: #fff;*/
  background-position: center top;
}

#wrapmasthead_sub
{
  min-width: 947px;
  background-image: url(img/bkgd_masthead_sub.jpg);
  background-repeat: no-repeat;
  height: 216px;
  /*background-color: #fff;*/
  background-position: center top;
}

#wrapcontent
{
  min-width: 947px;
  /*background-color: #ccc;*/
}

#wrapfooter
{
  min-width: 947px;
  /*background-color: #f6f6f0;*/
  margin-bottom: 25px;  /* background-image: url(img/bkgd_footer.gif);
  background-repeat: repeat-x;*/
}


#logo
{  /* background: #DDDDDD; */
  float: left;
  width: 398px;
  margin: 120px 0px 0px 40px;
  border: 0px;
}

#logo_sub
{  /* background: #DDDDDD; */
  float: left;
  width: 398px;
  margin: 40px 0px 0px 40px;
  border: 0px;
}

.price{
  font-family: "Tahoma", sans-serif;
  font-size: 19px;
  color: #FF9933;
  font-weight: normal;
  line-height: 28px;  /*letter-spacing: 1px;*/
}


/* START OF MENU STRUCTURE FROM - http://www.webdesignerwall.com/tutorials/advanced-css-menu/ */

#menu {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 947px;
  height: 150px;
 /* background: url(images/menu-bg.jpg) no-repeat;*/
  position: relative;
}

#menu_sub {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 947px;
  height: 95px;
  /* background: url(images/menu-bg.jpg) no-repeat;*/
  position: relative;
}


/*#menu span {
  display: none;
  position: absolute;
}*/

#menu a {
  display: block;
  text-indent: -1000%;
  position: absolute;
  outline: none;
}

#menu_sub a {
  display: block;
  text-indent: -1000%;
  position: absolute;
  outline: none;
}


#menu a:hover {
  background-position: left bottom;
}

#menu_sub a:hover {
  background-position: left bottom;
}

/*#menu a:hover span {
  display: block;
}*/

#menu .home {
  width: 100px;
  height: 56px;
  background: url(img/button_home.gif) no-repeat;
  left: 1px;
  top: 97px;
}

#menu_sub .home {
  width: 100px;
  height: 56px;
  background: url(img/button_home_hover.gif) no-repeat;
  left: 0px;
  top: 37px;
}
#menu_sub .homestatic {
  width: 100px;
  height: 56px;
  background: url(img/button_home.gif) no-repeat;
  left: 0px;
  top: 37px;
}

#menu .about {
  width: 121px;
  height: 56px;
  background: url(img/button_about_hover.gif) no-repeat;
  left: 101px;
  top: 97px;
}

#menu_sub .about {
  width: 121px;
  height: 56px;
  background: url(img/button_about_hover.gif) no-repeat;
  left: 100px;
  top: 37px;
}

#menu_sub .aboutstatic {
  width: 121px;
  height: 56px;
  background: url(img/button_about.gif) no-repeat;
  left: 100px;
  top: 37px;
}

#menu .credit {
  width: 206px;
  height: 56px;
  background: url(img/button_credit_hover.gif) no-repeat;
  left: 222px;
  top: 97px;
}

#menu_sub .credit {
  width: 206px;
  height: 56px;
  background: url(img/button_credit_hover.gif) no-repeat;
  left: 221px;
  top: 37px;
}

#menu_sub .creditstatic {
  width: 206px;
  height: 56px;
  background: url(img/button_credit.gif) no-repeat;
  left: 221px;
  top: 37px;
}

/*#menu .work span {
  width: 72px;
  height: 106px;
  background: url(img/button_work2.gif) no-repeat;
  left: 28px;
  top: -20px;
}*/

#menu .products {
  width: 120px;
  height: 56px;
  background: url(img/button_products_hover.gif) no-repeat;
  left: 428px;
  top: 97px;
}

#menu_sub .products {
  width: 120px;
  height: 56px;
  background: url(img/button_products_hover.gif) no-repeat;
  left: 427px;
  top: 37px;
}

#menu_sub .productsstatic {
  width: 120px;
  height: 56px;
  background: url(img/button_products.gif) no-repeat;
  left: 427px;
  top: 37px;
}

/*#menu .blog span {
  width: 40px;
  height: 12px;
  background: url(images/about-over.gif) no-repeat;
  left: 44px;
  top: 54px;
}*/

#menu .contact {
  width: 129px;
  height: 56px;
  background: url(img/button_contact_hover.gif) no-repeat;
  left: 548px;
  top: 97px;
}

#menu_sub .contact {
  width: 129px;
  height: 56px;
  background: url(img/button_contact_hover.gif) no-repeat;
  left: 547px;
  top: 37px;
}

#menu_sub .contactstatic {
  width: 129px;
  height: 56px;
  background: url(img/button_contact.gif) no-repeat;
  left: 547px;
  top: 37px;
}

/*#menu .contact span {
  width: 92px;
  height: 20px;
  background: url(images/rss-over.gif) no-repeat;
  left: 26px;
  top: -20px;
}*/

/* END OF MENU STRUCTURE FROM - http://www.webdesignerwall.com/tutorials/advanced-css-menu/ */


.devider2full
{
  float: left;
  width: 947px;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
}

#content
{
  float: left; /* since this element is floated, a width must be given */
  width: 565px; /* padding keeps the content of the div away from the edges */  /*background: #e7e7e7;*/  /*border-right-width: 1px;*/  /*border-right-style: solid;*/  /*border-right-color: #FFFFFF;*/
  /*min-height: 400px;*/
  margin: 0px;
  padding: 30px 30px 20px 30px;
  background-color: #fff;
}

#content .details
{
  float: left; /* since this element is floated, a width must be given */
  width: 565px; /* padding keeps the content of the div away from the edges */  /*background: #e7e7e7;*/  /*border-right-width: 1px;*/  /*border-right-style: solid;*/  /*border-right-color: #FFFFFF;*/
  /*min-height: 400px;*/
  margin: 0px;
  padding: 10px 0px 10px 0px;
  background-color: #fff;
  border-top: 1px solid #ccc;
}

#content .product
{
  float: left; /* since this element is floated, a width must be given */
  width: 565px; /* padding keeps the content of the div away from the edges */  /*background: #e7e7e7;*/  /*border-right-width: 1px;*/  /*border-right-style: solid;*/  /*border-right-color: #FFFFFF;*/
  /*min-height: 400px;*/
  margin: 0px;
  padding: 10px 0px 10px 0px;
  background-color: #fff;
  border-top: 1px solid #ccc;
}

#content .product p
{
  padding: 0px 0px 0px 120px;
}

#content .cart
{
  padding: 0px 0px 0px 120px;
}

#content .sm
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #718699;
  text-decoration: none;
  line-height: 16px;
}

#content a
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #FF9933;
  text-decoration: none;
}

#content a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #718699;
  border-bottom:1px solid #FF9933;
  padding-bottom:1px;
}

#sidebar
{
  width: 262px;
  /*min-height: 450px;*/
  float: right;
  margin: 0px;
  padding: 35px 30px 30px 30px;
}

/*.sidebar
{
  font-family: "Lucida Grande", sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
  line-height: 19px;
  width: 250px;
}*/

#sidebar p
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #718699;
}

#sidebar a
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #FF9933;
  text-decoration: none;
}

#sidebar a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #718699;
  border-bottom:1px solid #FF9933;
  padding-bottom:1px;
}

.sidebar_visit
{
  width: 250px;
  float: right;
  margin: 0px 0px 25px 25px;
}

#footer
{
  float: left;
  width: 917px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
}

#footer p
{
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #b2c0cc;
  line-height:18px;
}

#footer  a
{
  font-weight: normal;
  font-size: 12px;
  color: #b2c0cc;
  text-decoration: none;
}
#footer a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  border-bottom:1px solid #fff;
  padding-bottom:1px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}