/*-- kung fu --*/

html, body {
margin:0px;
padding:0px;
width:auto;
min-width:1000px;
height:auto;
top:0px;
left:0px;
background:url(images/bckgrnd.gif);
color:#000000;
font-family:Arial, Helvetica, sans-serif;
line-height:120%;
}

span {
visibility:hidden;
}

a img {
border:none;
}

/*-- foundation --*/

#topbar {
position:absolute;
margin:0px;
padding:0px;
width:100%;
height:105px;
top:0px;
left:0px;
text-align:center;
background:url(images/topbar_gradient.jpg);
z-index:0;
}

#container {
position:absolute;
margin:0px 0px 0px -400px;
padding:0px 0px 0px 0px;
width:800px;
height:auto;
left:50%;
top:105px;
background:#ffffff;
z-index:10;
font-size:12px;
}

#container a {
color:#FF0000;
}

/*-- index only --*/

#index_topbar {
position:absolute;
margin:0px;
padding:0px;
width:100%;
height:360px;
top:0px;
left:0px;
text-align:center;
background:url(images/topbar_gradient.jpg);
z-index:0;
}

#bar {
position:absolute;
display:block;
margin:0px;
padding:0px;
width:100%;
height:5px;
top:0px;
left:0px;
background:#000000;
z-index:20;
}

#index #container {
margin:0px 0px 0px -400px;
top:0px;
}

#index #nav {
top:20px;
}


/*----*/

/*-- navigation --*/

#nav {
position:absolute;
margin:0px;
padding:100px 0px 0px 10px;
width:133px;
height:148px;
top:-85px;
left:-75px;
background:url(images/nav_bck.jpg);
border:2px solid #999999;
list-style:none;
line-height:110%;
}

#nav li {
margin:0px 0px 5px 0px;
padding:0px;
font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, Sans-Serif;
}

#nav a {
color:#333;
font-size:12px;
text-decoration:none;
font-weight:bold;
padding-left:10px; 
background: url('images/tinyarrow.gif') left no-repeat;
}

#nav a:hover {
text-decoration:none;
color:#ff0000;
}

#navover {color:#ff0000 !important;}

/*-- content --*/

h1 {
color:#FFFFFF;
font-size:21px;
padding-top:25px;
}

h2 {
margin:0px;
font-family:Georgia, Baskerville,"Times New Roman", Times, serif;
font-style:italic;
font-size:22px;
color:#000066;
font-weight:normal;
}

h3 {
margin:0px;
font-family:Georgia, Baskerville,"Times New Roman", Times, serif;
font-style:italic;
font-size:18px;
color:#000066;
font-weight:normal;
}

#content {
position:relative;
margin:0px;
padding: 20px 10px 10px 10px;
width:auto;
height:auto;
min-height:550px; 
top:0px;
left:0px;
float:left;
}
.row {
clear:both;
width:100%;
}
.problemrow{
width:100%;
clear:both;
}

.problem {
position:relative;
margin:0px;
padding:10px;
width:360px;
height:auto;
float:left;
}

.problem img {
position:relative;
margin-right:10px;
float:left;
margin-bottom:50px !important;
width:150px;
height:150px;
}

#content img {
padding:4px;
border:1px solid #999999;
margin-bottom:25px;
}

#address {
padding:0px;
margin:0px;
list-style:none;
}

.float_right {
position:relative;
float:right;
}

/*-- index only --*/

#column_01 {
position:relative;
margin:10px 0px 20px ;
padding:10px;
width:479px;
height:auto;
top:0px;
left:0px;
float:left;
}

#discover {
margin:0px 0px;
padding:0px;
}


#reflexplus {
font-family: Arial Black, Impact, Sans-Serif;
font-weight:normal; 
font-size: 22px;
font-style:normal;
color:#333;
letter-spacing:-2px; 
margin:0px;
padding:0px; 
line-height:100%;
margin-bottom:5px;
}

#probs {clear:both; display:block; width:100%;}


#flatroof_problems {
position:relative;
clear:both;
margin:10px 0px 10px 0px;
padding:0px;
width:450px;
height:400px;
list-style:none;
text-align:center;
}

#flatroof_problems li {
float:left;
}

#flatroof_problems img {
position:relative;
display:block;
padding:4px;
margin:5px 5px;
float:left;
width:180px;
height:180px;
position:relative;
border:1px solid #999999;
}

#column_02 {
position:relative;
margin:10px 0px;
padding:10px;
width:280px;
height:auto;
min-height:700px;
top:0px;
left:0px;
float:left;
border-left:1px solid #999999;

}

#ribbon {
position:relative;
float:right;
margin:0px;
padding:0px;
top:-25px;
}

/*----*/


/*-- footer --*/

#footer {
padding:10px 10px;
width:780px;
float:left; 
bottom:0px;
border-top:5px solid #000066;
background:#E9E9E9;
font-size:12px;
margin-top:20px;
clear:both;
font-weight:bold;
}

#footer p {
float:left;
}

#contact_details {
position:relative;
margin:0px;
padding:0px;
text-align:right;
float:right;
list-style:none;
font-weight:bold;
}

#contact_details a {
color:#000000;
text-decoration:none;
}

#contact_details a:hover {
color:#FF0000;
}

/* safety data sheet form */

#safetyform {width:300px;}
.formlabel {background:#E7E7E7; padding:5px; font-weight: bold; width:150px;}
#safetyform input {font-size:11px;}

.cellrow {width:100%; clear:both; padding-left:20px;}
dl {width:100%; float:left; clear:both; margin:0; padding:0;}
dl dd {width:110px; float:left; margin:0; margin-right:20px;padding:0;}
dl dt {width:600px; float:left;}