/* STRUCTURE */

* {
padding: 0;
margin: 0; 
}

.clear{
clear: both; 
}

img{
border: none;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636363;
text-decoration: none;
}

#wrapper { 
 position: relative;
 margin: 10px auto 30px auto;
 width: 958px !important;
 width: 962px;
 background: white url(../images/bg_wrapper.gif) repeat-y;

}
#content{ 

}

/* FOOTER */
#footer {
float:left;
width:100%;
line-height:normal;
}

#footer p{
width:900px;
text-align: center;
margin: auto;
} 
   
#footer ul {
display: block;
margin:0;
padding:0;
list-style:none;
width:930px;
margin: 10px auto;
}
#footer li {
float:left;
margin:0;
padding:0 4px;
margin-bottom: 20px;
}

/* STYLING */
a:link, a:visited, a:active  { text-decoration: none; color: #036768; }
a:hover {text-decoration: underline; }
h1{ font-size: 18px; color: black; font-weight: normal;} 
h1 span{ color: #007c82;}

/* HEADER */
#header {margin-bottom: 5px;}
#logo { float: left; margin-left: 1px;}
#videoHome { margin-left: 1px; float: left; background: url(../images/swf_video_home.jpg) no-repeat;}

/* HOME */
div.section { text-align: left; display: block;  width: 220px; height: 279px; float: left; margin-left: 1px; color: white; font-size: 15px; padding: 9px 9px 0 9px; font-weight: 400;}
div.section a.caption{ color: white; font-weight: bold; font-size: 15px; display: block; width: 200px; height: 41px; padding: 8px 10px 0 10px ; margin-bottom: 0;}
div.section a.caption:hover { text-decoration: none;}
div.section div.img{ }
 
div#bathRemodeling { background: url(../images/bg_bathRemodeling.gif) no-repeat;}
div#showerRemodeling { background:  url(../images/bg_showerRemodeling.gif) no-repeat;}
div#tubShowerConversions { background: url(../images/bg_ttsRemodeling.gif) no-repeat;}
div#accessories { background: url(../images/accessories_bg.gif) no-repeat;}

/* TOP */
#top { padding: 0; margin: 0; margin-bottom: 5px;}

span.phoneNo { font-size: 25px; color: #9A9A9A; float: left; padding-top: 27px; padding-left: 16px;}

#navigation ul { float: left; list-style: none; margin-left: 22px;}
#navigation ul li{ line-height: 16px; float: left; background: url(../images/bg_nav_bt.gif) no-repeat; color: green;  font-size: 14px; width: 146px; height: 60px; text-align: center; margin-left: 4px;}
#navigation a{ color: white; display: block; padding: 10px;}
#navigation a:hover{ text-decoration: none;}

/*
#language{ font-weight: normal; margin: 0; padding: 0;}
#language ul { list-style: none; float: right; background: url(../images/bg_nav_lang.gif) no-repeat; width: 234px; height: 50px; color: black; padding-top: 10px; padding-right: 20px;}
#language ul li { float: right; padding-left: 4px;}
#language ul li.mapSite { padding: 0;margin: 0; clear: both; margin-top: 7px;}
#language a { color: black;}
*/

#top #language ul { font-size: 11px; font-weight: normal; padding: 0;margin: 0; list-style: none; float: right; background: url(images/bg_nav_lang.gif) no-repeat; width: 234px; height: 50px; color: black; padding-top: 10px; padding-right: 20px;}
#top #language ul li { padding: 0;margin: 0; float: right; padding-left: 4px;}
#top #language ul li.mapSite { padding: 0;margin: 0; clear: both; margin-top: 7px;}
#top #language a { color: black;}