/* Andreas Bester - 10/08/06 */
/* medium = 16 px | 1em = 11 px */

* {margin:0;}

body{
padding:0;
text-align:center;
font-size:69%;
font-family:Tahoma,Verdana,Helvetica,Arial;
color:#666666;
background-color:#84C7D1;
}

/* Images */
img {border:0 none;}


/* Links */
a{font-weight:normal; font-weight:normal; }
a:link{color:#3896b1; text-decoration: none;}
a:visited{color:#3896b1; text-decoration: none;}
a:hover{color:#cc3289; text-decoration:none; font-weight:bold;}
a:active{color:#3896b1; text-decoration: none;}


a.active:link{color:#cc3289; font-weight:bold;}
a.active:visited{color:#cc3289; font-weight:bold;}
a.active:hover{color:#cc3289; font-weight:bold;}
a.active:active{color:#cc3289; font-weight:bold;}


/* Paragraphs */

p{padding:13px 0 0 0; line-height:1.3em;}


h1{font-size:1px; font-weight:normal; color:#ff8080; padding:0; margin-left:-3000px;}
h2{font-size:1.2em; font-weight:bold; line-height: 1.3em; color:#cc3289; padding:10px 0 0 0; margin:0; }
h3{font-size:1.3em; font-weight:bold; color:#cc3289; padding:15px 0 0 0; margin:0;}


h2.commercial{color:#2b7ecb;}
h2.faq{color:#cc3289;}
h2.carpet{color:#4ec3a4;}


.ourreviews{color:#3fa8be; font-weight:bold; font-size:1.2em;}

.frequent{color:#3fa8be; font-weight:bold; font-size:1.1em;}

.clear{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

.floatleft{float:left;}
.floatright{float:right;}

.valigntop{vertical-align:top;}
.valignbottom{vertical-align:bottom;}


/* Screen reader */
div#screenreader, div#mainnavcopystart, div#maincopystart{
position:absolute;
width:0;
height:0;
overflow:hidden;
}

/* Div's */
div#wrapper{
width:787px;
margin:0 auto;
background:#84C7D1 url(../img/gen_bg.gif) top center repeat-y;
}

div#wrapper-bottomhook{
height:10px;
background:#84C7D1 url(../img/bot_hook_bg.gif) top center no-repeat;
}

div#container{
margin:0 auto;
width:767px;
min-height:530px;
text-align:left;
}

* html div#container{
height:530px; overflow:visible;
}



div#nav-top-holder{
width:767px;
height:109px;
background:#84C7D1 url(../img/curve_bg.gif) top center no-repeat;
}


/*Had problem lining up images 1px perfect when using margin: 0 auto
firefox was easier as the middle block needs to be even number 768 or 764
for some reason i.e pc need 1 px margin to shit it over. to alling properly

still had problem with 800 res. as the margin-left then becomes problem
as it shows 1px indent.

Hide from IE-Mac 
 html div#nav-top-holder{
margin-left:1px;
}
*/
 
div#nav-top-holder img.logo{
float:left;
margin:5px 0 0 11px;
}

div#nav-top-holder img.birds{
float:right;
margin:8px 14px 0 0;
}

div#nav-top{
width:600px;
float:left;
padding:12px 0 0 130px;
}


div#middle-holder{
padding:0 13px 0 0;
}


div#nav-left{
float:left;
width:112px;
margin:39px 0 0 0;
}


div#nav-left ul{
list-style-type: none;
padding:0;
margin:0;
}

div#nav-left ul li{
margin-left:0.6em;
margin-top:0.7em;
background-image:url(../img/nav_bullet.gif);
background-repeat:no-repeat;
background-position:0 0.4em;
padding:0 0 0 1em;
}

div#nav-left ul li:hover{
background-image:url(../img/nav_bullet_active.gif);
}

div#nav-left ul li.active{
background-image:url(../img/nav_bullet_active.gif);
}


div#main-holder{
width:642px;
float:right;
background-color:#ffffff;
margin:0 0 13px 0;
}

div#main-content{
min-height:380px;
margin:0 15px 0 30px;
}

* html div#main-content{
height:380px; overflow:visible;
}

div#main-copy{
float:left;
width:291px;
}

div#main-images{
float:right;
width:275px;
margin-top:10px;
}

div#main-copyb{
float:left;
width:410px;
}



div#list-gen{
list-style-type:circle; color:#666666; padding-left: 15px; line-height: 12pt;
}