a:link {
	text-decoration: none;
}

a:link img, a:visited img {
	border: none;
}

body {
	background: #5279a9;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
	color: #003e63;
	font-family: Geneva, Arial, sans-serif;
	font-size: 85%;
    line-height: 1em;
	text-align: justify;
	margin: 0;
	padding: 0;
}

#allcontent {
	width: 941px;
	margin: 0 auto;
}

#steelbox {
	background-image: url(images/boxs.jpg);
	background-repeat: no-repeat;
	margin:  0 0 0 0;
	postition: relative;
	width: 941px;
}

#header {
  padding-top: 206px;
  height: 0;
  overflow: hidden;
  position: relative;
  background-image: url(images/boxs.jpg);
  background-repeat: no-repeat;
}

#navigation {
  position: absolute;
  width: 533px;
  top: 0;
  right: 48px;
}

.prodrop5 {
    	 margin: 0;
		 padding: 0; 
         list-style: none; 
         height: 38px;
	 	 width: 532px;
         position: relative; 
         z-index :500; 
         font-family: arial, verdana, sans-serif; 
}

.prodrop5 li.top {
         display:block; 
         float:left;
}

.prodrop5 li a.pos1 {
         background:url(images/navbuttons/home.jpg); 
         width:72px; 
         height: 38px; 
         display: block; 
         text-indent:-99999px;
}
 
.prodrop5 li a.pos2 {
         background: url(images/navbuttons/services.jpg);
         width: 155px; 
         height: 38px; 
         display: block;
         text-indent: -99999px;
}
 
.prodrop5 li a.pos3 {
         background: url(images/navbuttons/aboutus.jpg); 
         width: 79px; 
         height: 38px; 
         display: block;
         text-indent: -99999px;}
 
.prodrop5 li a.pos4 {
         background: url(images/navbuttons/cleaning.jpg); 
         width: 134px; 
         height: 38px; 
         display: block;
         text-indent: -99999px;
}

 
.prodrop5 li a.pos5 {
         background: url(images/navbuttons/contact.jpg); 
         width: 92px; 
         height: 38px; 
         display: block;
         text-indent: -99999px;
} 

.prodrop5 li.p1 {
         background: url(images/navbuttons/homehover.jpg);
}
 
.prodrop5 li.p2 {
         background: url(images/navbuttons/serviceshover.jpg);
}
 
.prodrop5 li.p3 {
         background: url(images/navbuttons/aboutushover.jpg);
}
 
.prodrop5 li.p4 {
         background: url(images/navbuttons/cleaninghover.jpg);
}
 
.prodrop5 li.p5 {
         background: url(images/navbuttons/contacthover.jpg);
}

.prodrop5 li.current a.pos1, .prodrop5 li.current a.pos1:hover {
         background: url(images/navbuttons/homepage.jpg);
}
 
.prodrop5 li.current a.pos2, .prodrop5 li.current a.pos2:hover {
         background:url(images/navbuttons/servicespage.jpg);
}
 
.prodrop5 li.current a.pos3, .prodrop5 li.current a.pos3:hover {
         background:url(images/navbuttons/aboutuspage.jpg);
}
 
.prodrop5 li.current a.pos4, .prodrop5 li.current a.pos4:hover {
         background:url(images/navbuttons/cleaningpage.jpg);
}
 
.prodrop5 li.current a.pos5, .prodrop5 li.current a.pos5:hover {
         background:url(images/navbuttons/contactpage.jpg);
}

.prodrop5 table {
         border-collapse:collapse; 
         width:0; 
         height:0; 
         position:absolute; 
         top:0; left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */ 

.prodrop5 a:hover {
         visibility:visible; 
         position:relative; 
         z-index:200;
}

.prodrop5 li:hover {
         position:relative; 
         z-index:200;
}

.prodrop5 li a.top_link:hover {
         background:transparent;
} 

.prodrop5 li:hover > a.top_link {
         background:transparent;
}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {
         position:absolute; 
         left:-9999px; top:-9999px; 
         width:0; 
         height:0; 
         margin:0; 
         padding:0; 
         list-style:none;
}

.prodrop5 :hover ul {
         left:0; 
         top:30px; 
         background:url(shades/sub_back.gif); 
         padding: 3px; 
         white-space:nowrap; 
         height:auto; 
         width:auto; 
         z-index:300;
}

.prodrop5 :hover ul li {
         display: block; 
         height: 20px; 
         position: relative; 
         font-weight: normal; 
         width: 180px;
}

.prodrop5 :hover ul li a {
         display:block; 
         font-size:14px;
         height:20px; 
         line-height:20px; 
         width:auto; 
         padding:0 10px; 
         color:#e0edf4; 
         background: #003e63; 
         text-decoration:none;
}

.prodrop5 :hover ul li a:hover {
         text-decoration:none;
         background-color: #e0edf4;
         color: #003e63;
}

#scrollframe {
        float:left;
        position:relative;
        background-image: url(images/textbackground.jpg);
        background-repeat: no-repeat;
}
 
#maintext {
	float: left;
	overflow: auto;
	height: 426px;
	width: 505px;
	padding-left: 30px;
    padding-top: 0px;
	margin-top: 0px;
    font-size: 93%;
    line-height: 1.5em;
	display: inline;
}

.contentscroll {
     padding: 9px 33px 4px 0px;
}

.contentscroll img {
	border: 3px solid #c7dbe7;
}

.thankyou {
	text-align: center;
	padding: 50 0 0 0;
}
	
h2 {
	color: #b50a00;
	font-family: Geneva, Arial, sans-serif;
	font-size: 190%;
	font-weight: normal;
}

#sidebar {
        position:relative;
        text-family: Geneva, Arial, sans-serif;
        font-size: 110%;
        /*text-align: center;*/
        float:left;
        width: 310px;
        padding: 14px 0px 20px 0px;
        margin: 0 0 0 42px;
        display: inline;
        z-index: 100;
}
#sidebar img {
        padding-bottom: 1px;
        vertical-align: bottom;
}
#sidebar p {
        margin:0 auto;
        width: 206px;
        padding: 0 0 9px 0;
}
#sidebar ul {
        margin:0 auto;
        padding:0;
        padding-top: 20px;
        width:255px;
}
#sidebar li {
        list-style: none;
}

#movie {
	padding: 0 0 0 80px;
}

.logos span {
	padding: 0 36px 0 36px;
}

.beforeafter1 {
	padding: 0 0 15px 20px;
}

.beforeafter2 {
	padding: 10px 0 0 20px;
}

.beforeafter1 {
	border-bottom: 1px solid #c7dbe7;
}

.beforeafter2 span, .beforeafter1 span {
  	padding: 0 0 0 40px;
}

#accesspanels {
	float: right;
	width: 178px;
	margin: 0 0 0 18px;
}

#greasefilter img, .logos img, #swampcooler img {
	border-style: none;
}

#greasefilter {
	float: right;
	width: 209px;
	margin: 0 0 0 18px;
}

#hingekits {
	float: right;
	width: 156px;
	margin: 2px 0 0 18px;
}

#rooftop {
	float: right;
	width: 268px;
	margin: 2px 0 0 18px;
}

#swampcooler {
	float: right;
	width: 198px;
	margin: 0 0 0 18px;
}

#cleaningprocess {
	float: right;
	width: 251px;
	margin: 4px 0 1px 18px;
}

	
.red {
	color: #b50a00;
	float: right;
	width: 268px;
	margin: -15px -15px 0 0;
	padding: 0 0 0 0px;
}

#contact {
	padding: 18px 40px 0 50px;
	text-align: right;
}

#contact input, #contact select {
	width: 238px;
}

#button input{
	width: 50px;
}

#footer {
	padding-bottom: 10px;
	margin: 0;
	margin-left: 570px;
    font-size: 74%;
    padding-top: 20px;
	clear: both;
}



/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}

a.tt:hover span.tooltipone{
    display:block;
    position:absolute;
    top: -153px; left:200px;
	padding: 15px 0 0 0;
	width: 225px;
	color: #003e63;
	font-size: 85%;
	font-family: Trebuchet MS, sans-serif;
	line-height: 1.25em;
	text-align: justify;
}

a.tt:hover span.tooltiptwo{
    display:block;
    position:absolute;
    top: -215px; left:200px;
	padding: 15px 0 0 0;
	width: 225px;
	color: #003e63;
	font-size: 85%;
	font-family: Trebuchet MS, sans-serif;
	line-height: 1.25em;
	text-align: justify;
}

a.tt:hover span.tooltipthree{
    display:block;
    position:absolute;
    top: -200px; left:200px;
	padding: 15px 0 0 0;
	width: 225px;
	color: #003e63;
	font-size: 85%;
	font-family: Trebuchet MS, sans-serif;
	line-height: 1.25em;
	text-align: justify;
}

a.tt:hover span.tooltipfour{
    display:block;
    position:absolute;
    top: -140px; left:200px;
	padding: 15px 0 0 0;
	width: 225px;
	color: #003e63;
	font-size: 85%;
	font-family: Trebuchet MS, sans-serif;
	line-height: 1.25em;
	text-align: justify;
}

a.tt:hover span.middle ul{
	padding: 0 4px 8px 10px;
}

a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubblenoshadow.gif) no-repeat top;
}

body > * a.tt:hover span.top {
	background-image: url(images/whitebubble.png);
}


a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 25px 8px 25px; 
	background: url(images/fillernoshadow.gif) repeat-y bottom; 
}

body > * a.tt:hover span.middle {
	background-image: url(images/whitebubble_filler.png);
}

a.tt:hover span.bottom{
	display: block;
	padding: 3px 8px 35px;
    background: url(images/bubblenoshadow.gif) no-repeat bottom;
}

body > * a.tt:hover span.bottom {
	background-image: url(images/whitebubble.png);
}

a.tt:hover .red {
	color: #b50a00;
}