/* CSS Document */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
z-index:0;
border: 1px solid #ccc;
clear:both;

margin-top:0px;
margin-bottom:0px;
width: 900px; /*width of featured content slider*/
height: 150px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 15px;

width: 900px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);*/

background-color:#fff;
-moz-opacity: 1;
opacity: 1;
}
#row1{float:left; width:350px;}
#row2{float:left; width:200px;}
#row3{float:left; width:200px;}


.contentdiv i{font-size:16px; float:left; width:90%; margin-bottom:7px;margin-top:7px;}
.contentdiv b{font-size:11.5px; float:left; width:80%; margin-bottom:5px;}
.contentdiv #tel{clear:left; float:left; width:15px; height:11px; margin-right:5px;}
.contentdiv hr{clear:both; margin: 0px; }
.contentdiv form label {width:90%;float:left; width:90%; }
.contentdiv form input {width:90%;float:left; width:90%; }
.contentdiv #enquiry {width:90%;float:left; width:90%; }
.contentdiv #send {float:left; width:120px; height:28px;padding-top:10px; padding-bottom:10px}

p.nav{position:relative; font-size:13px; float:right; right:40px;}
#map {position:relative; right:0px;}
#postemail{height:300px; font-size:12px; margin:20px;width:500px; line-height:24px;}
#postemail img {margin-top:20px}

* {
    padding: 0;
    margin: 0;
} 

body {
background: #99ccff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
text-align:center;
}

img { border: none; }
a { color: #009900; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
margin: 0 auto;
width: 1000px;
background:white;
margin-top:25px;




}
/* HEADER */
#header { 
height: 140px;
text-align:left;
position:relative;
background:  url(images/bg-header.gif) repeat-x ;
}
.messageStackError{background:#ff3333;padding:2px;color:#fff; margin-bottom:10px;}

div#header a h1{border:#ccc solid 2px; border-top:none; position:absolute; background:  url(images/algaegreen.jpg) no-repeat; margin-left:35px; height:80px; width:177px; height:71px; }
div#header span{display: none; }
 div#header a:hover h1{background:  url(images/algaegreenhover.jpg); cursor:pointer} 

#menu {width:750px; right:15px;margin-top:15px; margin-right:2px; z-index:1000; position:absolute; font-family:'Calibri',Candara,Trebuchet MS,Arial;}
#menu a {color:#000;}
/* HEADER END*/
/* INTRO*/
#intro {
text-align:left;
background: #fff;
height: 360px;

}
#slider{position:absolute; z-index:1 important!;}

#intro h2{width:180px;font-size:30px;line-height:35px; float:left; margin:0px; 
 font-family:'Calibri',Candara,Georgia; text-decoration:none;font-weight:normal;color:#01A0C6;margin:30px;margin-top:20px;
}
#intro span{width:1000px; height:225px; position:absolute; background:  url(images/bg-footer.gif)  repeat-x bottom; 
}


/* INTRO END*/
#content {
padding:30px;padding-top: 0px;padding-right: 40px;
text-align:left;
}



#content h2 {
color:#009900;
font-size: 20px;
line-height:30px;
letter-spacing: -1px;
font-weight: 100;
}

.right {

width: 400px;
float: right;
padding: 0px;

font-size: 12px;
}
.right ul {
list-style-type: square;
padding: 5px 10px 10px 20px;
}
.right h2 {
height: 30px;
font-size: 15px;
color: #666;
line-height: 30px;
font-weight: 100;
}
.right a { text-decoration: none }

#footer {
border-top: 1px solid #aaa;
text-align: center;
color: #333;
font-size: 11px;
padding: 0 0 10px 0;
margin-top: 20px;
}
.col1 {float:left; width:365px; margin-right:35px;margin-left:35px; }
.col2 {float:left; width:305px;}

#header_navigation {position: relative;height: 120px;width: 100%;overflow: hidden;background: none;}
#header_nav a {font-size: 14px;font-weight: bold;color: #333;padding: 4px 15px 0px 15px;display: block;text-decoration: none;background: none;height:60px; border-right:#99ccff dotted 1px;}
#header_nav a:hover {background:#01A0C6;color:#fff;display:block;}
#header_nav li {position: relative;display: inline;float:left;list-style: none;width:125px;}
#header_nav li ul {position: absolute;top: 60px;left: 0;width: 1500px;padding-top: 0px;}
#header_nav li .block {height: 60px;width: 2000px;position: absolute;top: 60px;left: -1500px;display: none;}
#header_nav li.off ul {display: none;}
#header_nav li ul li a {font-size: 12px;font-weight: normal;padding:0px; padding-left:10px;padding-top:10px;width:110px; display: block;float: left;color:#333; height:50px;}
#header_nav li ul li a:hover { color:#fff;background: green;text-decoration:none; }
#header_nav li ul li span {padding: 0 9px 5px 3px;float: left;background:none;}
#header_nav li ul li:first-child span {display: none;} 
#header_nav li:hover a, #header_nav li.over a {text-decoration: none;}
#header_nav li:hover li a, #header_nav li.over li a {width:125px;background:#99ccff; }
#header_nav li li a:hover {text-decoration: underline;	}
#header_nav li:hover .block, #header_nav li.over .block {display: block;z-index: 9998;background: white; padding:10px}
#header_nav li:hover ul, #header_nav li.over ul {display: block;z-index: 9999;}
li.over, li.over * {z-index: 9999;}
#header_nav li.on ul {display: block;height:75px;}
#header_nav li.on ul li a {display:block; color:#333;background: #99ccff; width:125px;}
#header_nav li.on ul li a:hover {display:block; color:#fff;background:green; width:125px;}
#header_nav li.on ul  {display:block;  color:#333;background: #fff;}


.articles p{margin-bottom:10px;}


/*Second style*/
.left1 {
width: 930px;
float: left;
text-align: justify;
margin-left:30px;
}
.right1 {
width: 300px;
float: right;
padding: 0px;}
.left1 ul{clear:both;}
.left1 li{background:; list-style-type:none; text-align:left; margin-bottom:5px;border-left:dotted 1px #ccc; float:left; width:200px; height:250px; padding:15px; padding-top:0px;}
.left1 li a {font-size:16px;}
.left1 li a img{border:#e6e6fa 5px solid;}
.left1 #test img{position:relative; margin-top:20px; margin-bottom:20px;border:solid 3px cadetblue; }
.left1 .articles p{float:left; width:550px;}
.left h2{margin-left:30px; font-weight:normal;}
.left p{margin-left:30px; }

#intro #test img{position:absolute; left:345px;clip:rect(0px,750px,225px,0px);
 }
/*sec end*/

/*third style*/
.left2 {
width: 550px;
float: left;
text-align: justify;
margin-left:30px;
}
.left2 ul{clear:both;}
.left2 p img{position:relative; margin:20px; margin-right:0px;border:solid 3px cadetblue; }
.left2 h3{margin-bottom:10px; font-weight:normal; font-size:12px;}
#intro #test img{position:absolute; left:360px;clip:rect(0px,750px,225px,0px);
 }
/*third end*/
/*tabs*/

.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
}
.tabberlive {
 margin-top:1em;
}

ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #ccc;
 font:  13px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border-bottom: none;
 background: #99FF66;
 text-decoration: none;
line-height:25px;
}

ul.tabbernav li a:link { color: #009900; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
color: #0066FF;
 
 background: #CCCCFF;
}

ul.tabbernav li.tabberactive a
{
color:#009900;
 background-color: #fff;

}
.left{width:400px;float:left;}

ul.tabbernav li.tabberactive a:hover
{
 color: #009900;
 background: white;
}
.tabbertab h2 {
color:#009900;
font-size: 20px;
line-height:30px;
letter-spacing: -1px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.tabbertab h3 {
color:#333;
font-size: 14px;
line-height:30px;
letter-spacing: -1px;
font-weight: 100;
padding : 10px 0 15px 0;
}


.tabbertab p{margin-bottom:10px;}
.tabberlive {position:relative; text-align:left; margin:30px;}
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;
text-align:left;
margin:0px;
width:700px;
position:relative; 
left:0px;


}




/*tabs end */
/*contact*/
.col2 label{float:left; width:115px;margin-bottom:10px;}
.col2 input{position:relative; right:0px;margin-bottom:10px;}

/*contact end*/
#tel {

background:  url(images/phone.gif) no-repeat;


background-position: -14px 0;
width:15px;
height:11px;
margin-top:5px;
}