/*
-----------------------------------------------
Flooring Inspiration

----------------------------------------------- */



/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   color:#789f9f;
   text-decoration:none;
}
a:hover {
   color:#789f9f;
   text-decoration:underline;
}
a img {
   border:0;
}
p {
   font:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   margin:1em 0 1em 0;
   line-height:1.9em;
}
ul {
   list-style-type:none;
}
.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}
.alert {
   color:#f00;
}



/* Page Structure
----------------------------------------------- */

html{
margin-top:0 !important;
}

html body {
   background:#fff url("graphics/bg01.gif") repeat-x top;
   color:#333333;
   text-align:center;
   font:81.25% Verdana, Sans-serif;
   margin:0;
}
#masthead {
   width:986px;
   height:228px;
   margin:0 auto;
   background:#fff url("graphics/masthead.gif")no-repeat;
}
#main {
   width:985px;
   min-height:250px;
   background:#fff url("graphics/main_bg.gif") repeat-y top;  
   text-align:left;
   margin:0 auto;
}   
#main .col {
   padding:0px 60px 0px 110px;
} 
#main .col2 {
   padding:20px 0px 18px 70px;
}
.home #main .col2 {
    background-image: url("images/dom.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 20px 225px 18px 70px;
} 
#main .col3 {
   padding:20px 60px 18px 70px;
}


/* Top Nav
----------------------------------------------- */


#topnav {
   text-align:left;
   width:985px;
   padding:0;
   background-color:#96C9C8;
   margin:0 auto;
}
#topnav .col {
   padding:6px 0px 22px 45px;
}
#topnav ul {
   text-align:center;
   list-style-type:none;
   float:left;
}
#topnav ul li {
   list-style:none;
   display:inline;
}

#topnav ul li.current_page_item a {
	color:#5F5C5C;
}

#topnav ul a {
   color:#fff;
   font-weight:normal;
   text-decoration:none;
   float:left;
   padding:0 15px 0 25px;
   color:#fff;
   text-decoration:none;
}
#topnav ul li a:hover {
   text-decoration:none;
   color:#5F5C5C;
}
#topnav ul li a.active {
   text-decoration:none;
   color:#5F5C5C;
}

#tgradient {
   background:url("graphics/top_grad.gif") no-repeat top;
   width:985px;
   padding:30px 0 0 0;
   margin:0 auto;
}


/* Forms
----------------------------------------------- */   
   
#form {
   font-size:0.9em;
   background:#F6F6F6;
   padding:20px 0 15px 30px;
   margin-bottom:10px;
}
#form table {
   padding:0 0 0 15px; 
}
#form table td {
   color:#000;
   padding:8px;
   text-align:left;  
}
#form label {
   font-size:0.95em;
   color:#656d7d;
}
#form input {
   padding:3px;

}
#form input.border1 {
   background:#fff;
   border: 1px #c4c6ca solid;
   font-family:Verdana;
}
#form span {
   font-size:1.2em;
   color:#000;
   font-weight:bold;
}



/* Footer 
----------------------------------------------- */

#footer {
   width:985px;
   background:#f8fef0 url("graphics/footer.gif") no-repeat left bottom;
   color:#fff;
   margin:0 auto;
   font-weight:bold;
   font-size:0.85em;
   padding:13px 0 18px 0;
}
#footer a {
   color:#FFFFFF;
   text-decoration:none;
}
#footer a:hover {
   color:#FFFFFF;
   text-decoration:none;

}
#footer img {
	vertical-align:middle;
}
#logos {
   width:985px;
   margin:0 auto;
   padding:5px;
}
.blue {
   color:#FFFFFF;
}


/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   padding:0;
   margin:45px 0 1em 40px;
}
img.right1, img.right2 {
   float:right;
   padding:0;
   margin:25px 0 1em 40px;
}
img.left1, img.right1 {
  // border:1px solid #20B3DE;
  padding-right:1px;
  border:0;
}
img.left3, img.right3 {
   float:none;
   border:none;
}

 

/* Content
----------------------------------------------- */

hr {
   border-color:#F1F1F1;
   border-style:solid;
   border-width:1px 0 0 0;
   color:#fff;
   padding:0;
   margin:15px 0px 0px 0px;  
}
h1 {
   color:#666666;
   font-size:1.1em;
   font-weight:bold;
   line-height:1.7em;
   padding:0;
   margin:0 0 20px 0px;  
}
h2 {
   color:#1E9FC6;
   font-size:1.0em;
   font-weight:bold;
   line-height:1.4em;
   padding:0;
   margin:0 0 23px 0px;
}
#main ul {
   margin:25px 0 0 0;
}
#main ul li {
   background:url("graphics/bullet.gif") no-repeat 0 4px;
   padding:0 0 25px 35px;
   margin:0;
}
ol {
   padding:0 0 0 26px;
}
ol li {
   padding-bottom:1.0em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:upper-alpha
}

#masthead h1 {
color: #666666;
font-family: arial;
font-size: 1.1em;
font-weight: normal;
letter-spacing: 2px;
line-height: 1.7em;
padding-left: 71px;
padding-top: 77px;
text-align: left;
}

#masthead #slogan{
float:right;
margin-right:71px;
margin-top:15px;
}

#masthead #slogan h2{
color: #99cccc;
font-size: 1.2em;
font-weight: normal;
font-style:italic;
line-height: 1.4em;
margin: 0;
padding: 0;
}

#masthead #slogan h3{
font-weight: normal;
font-size: 1.0em;
color:#666;
}