body 				{ 
font-family:"tahoma"; 
font-size: 11px; 
margin: 5px 0px 20px 5px; 
color: #000066; 
line-height: 130%; 
text-align:center;
background:#FFFFFF;
/*background-image:url(../images/bg.gif);
background-repeat:repeat;*/ 
}


td p {
font-family:"tahoma"; 
font-size: 11px;
color:#868686; 
}

.spanb	{
display:block;
margin:5px 0px;
}


.txtmain	{
color:#4B2331;
font-size:13px;
}


.button { 
font-family:"tahoma"; 
font-size: 11px; 
color: #FFFFFF; 
background-color: #999999; 
text-align: center; 
border: 1px solid; 
border-color: #FFFFFF Black Black #FFFFFF; 
height: 22px;
padding:5px;
margin:3px;
}


.boldd {
	font-size: 14px;
	COLOR: #000066; 
	font-family:"tahoma"; 
	font-weight:bold;
	line-height:18px;
}

.boldl {
	font-size: 11px;
	COLOR: #000066; 
	font-family:"tahoma"; 
	font-weight:bold;
}

.boldb	{
font-size:13px;
color:#000066;
font-family:"tahoma";
font-weight:700;
}

.boldp18px	{
font-size:18px;
color:#000066;
font-family:"tahoma";
font-weight:bold;
}

.bold16px {
	font-size: 16px;
	COLOR: #000066; 
	font-family:"tahoma"; 
	font-weight:bold;
}

.boldw16px {
	font-size: 16px;
	COLOR: #4B2331; 
	font-family:"tahoma"; 
	font-weight:bold;
	color:#FFFFFF;
	line-height:24px;
}

.boldw11px {
	font-size: 11px;
	COLOR: #FFFFFF; 
	font-family:"tahoma"; 
	font-weight:bold;
}

.bold16gpx {
	font-size: 16px;
	COLOR: #4B2331; 
	font-family:"tahoma"; 
	font-weight:bold;
}

.bold16gpx {
	font-size: 16px;
	COLOR: #4B2331; 
	font-family:"tahoma"; 
	font-weight:bold;
}

.med14gpx {
	font-size: 14px;
	COLOR: #4B2331; 
	font-family:"tahoma"; 
	font-weight:normal;
}

.std12gpx {
	font-size: 11px;
	COLOR: #4B2331; 
	font-family:"tahoma"; 
	font-weight:normal;
}


.headertitle {
	font-size: 13px;
	COLOR: #020FCF; 
	LINE-HEIGHT: 14pt; 
	font-family:"tahoma"; 
	font-weight:bold;
	text-transform:capitalize; 
}


.img	{
padding:0px 5px;
}

.tbl	{
text-align:center;
font-family:"tahoma";
font-size:11px;
background-color:#06437A;
}

.td	{
background-color:#FFFFFF;
}

.tdleft	{
background-color:#FFFFFF;
text-align:left;
}

#footer			{ 
width: 900px; 
height: 50px;
background-image:url(../images/footer.jpg);
clear:both;
}

#footerright	{
float:right;
color:#888686;
margin-right:5px;
margin-top:25px;
text-transform:capitalize;
color: #4B2331; 
padding-bottom:6px;
}

#footerright a		{ 
color: #4B2331; 
font-weight: normal; 
text-decoration: underline;
font-size:11px;
 }

#footerright a:hover	{ 
text-decoration: none;
color:#888686;
}

.quick	{
margin:2px; 
padding:4px; 
color:#FFFFFF; 
font-weight:bold;
}

.loginbox {
background:none;
border:none;
width:149px;
height:20px;
margin:0;
padding: 2px 7px 0px 3px;
font-size:14px;
color:#FFFFFF;
}

.selectbox {  
font-family:  "tahoma"; 
font-size: 11px; 
background-color: #CACFD3; 
text-align: left; 
border: 1px #000066 solid; 
height: 22px; 
width: 180px;
color: #000066;
margin:2px;
padding:2px;  
}

.textbox {  
font-family:  "tahoma"; 
font-size: 11px; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px #888686 solid; 
height: 18px; 
width: 180px;
color: #888686;
margin:2px;
padding:2px;  
}

.txtboxbtn	{
width:60px;
margin:2px;
padding:2px;
color: #000000;
border: 1px #3BBFD7 solid; 
height:18px;
font-family:  "tahoma"; 
font-size: 11px; 
}

.textboxmulti { 
font-family:  "tahoma"; 
font-size: 11px; 
color: #868686; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px #868686 solid; 
width: 180px; 
height: 150px;
margin:2px;
padding:2px;  
 }

a:link {
	font-family:"tahoma";
	font-size: 11px;
	font-weight:normal;
	font-style: normal;
	text-decoration: ;
	color:#414c4e;
	text-decoration:underline;
}
a:visited {
	font-family:"tahoma";
	font-size: 11px;
	font-style:normal;
	font-weight:normal;
	text-decoration: underline;
	color:#414c4e;
}
a:hover {
	font-family:"tahoma";
	font-size: 11px;
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	color:#414c4e;
}
a:active {
	font-family:"tahoma";
	font-size: 11px;
	font-style: normal;
	font-weight:normal;
	text-decoration: underline;
	color:#414c4e;
}

input				{ font-family:"tahoma"; font-size: 11px; }
textarea			{ font-family:"tahoma"; font-size: 11px; }
select				{ font-family:"tahoma"; font-size: 11px; }

#split	{ 
border: 1px solid #020FCF;
clear:both;
}

div#box1	{width: 390px; padding: 3px;margin:5px 5px;
    background:#d8e0e6; color:#000066; text-align:left; font-weight:normal; font-size:11px;}
	
	div#box1 a:link	{
color:#000066;
text-decoration:none;
font-size:11px;
}

div#box1 a:visited	{
color:#000066;
font-size:11px;
}

div#box1 a:active	{
color:#000066;
text-decoration:none;
font-size:11px;
}

div#box1 a:hover	{
color:#5e819b;
text-decoration:underline;
font-size:11px;
}
	
	


#sidetext	{
background-color:#4B2331; width:150px; height:300px; padding:4px; margin:0px 10px; text-align:center; float:left;
}

#parking	{
width:416px; 
height:312px; 
background-image:url(../images/carparking.jpg);
}

#beachshop	{
width:416px; 
height:312px; 
background-image:url(../images/beachshop.jpg);
}

#beachshop2	{
width:416px; 
height:312px; 
background-image:url(../images/beachshop2.jpg);
}

#beachshop3	{
width:416px; 
height:312px; 
background-image:url(../images/beachshop3.jpg);
}

#standards	{
width:416px; 
height:280px; 
background-image:url(../images/waterstandards.jpg);
}

#surf	{
width:416px; 
height:166px; 
background-image:url(../images/surf.jpg); 
margin:5px 0px; 
padding:0px; 
text-align:center;
}

#surf2	{
width:416px; 
height:166px; 
background-image:url(../images/surf2.jpg); 
margin:15px 0px; 
padding:0px; 
text-align:center;
}

#pnlinner	{
margin-top:10px; 
float:right; 
margin-right:40px; 
text-align:left; 
font-size:11px; 
font-weight:bold; 
width:220px; 
height:auto
}

#surfmid	{
width:416px; 
height:166px; 
margin-top:20px; 
background-image:url(../images/beach.jpg);
}



#toptext	{
width:500px; 
height:auto; 
margin:4px 10px; 
float:left; 
font-size:18px;
text-align:left;
padding-top:7px
}

#toptext	a:link	{
font-size:18px;
}

#toptext	a:visited	{
font-size:18px;
}

#toptext	a:active	{
font-size:18px;
}

#toptext	a:hover	{
font-size:18px;
text-decoration:underline;
}

#cam	{
width:780px; 
height:587px; 
background-color:#5780a0; 
text-align:center; 
margin:0px auto; 
padding:0px;
}

#srch	{
float:right; 
width:330px; 
margin-right:5px; 
height:auto; 
margin:4px auto; 
font-size:18px;
}

#srchshop	{
padding-top:7px;
}


#productsmain	{
width:500px; float:left; height:auto;
}

#contactmast	{
margin-left:90px; 
margin-top:5px;
}

#borderproduct	{
border: 1px dotted #4B2331; padding: 4px; height:180px; width:160px;
}

.producttext	{
font-size:11px;
}


/*------------------------ Primary ---------------------- */

#line	{
border-top:1px dotted #4B2331;
width:410px; 
margin-top:10px;
margin-bottom:10px;
}

#linelg	{
border-top:1px dotted #4B2331;
width:826px; 
margin-top:10px;
margin-bottom:10px;
}

#linelgcentre	{
border-top:1px dotted #4B2331;
width:826px; 
margin-top:10px;
margin-bottom:10px;
text-align:center;
margin:0px auto;
padding:0px;
}




#linesml	{
border-top:1px dotted #4B2331;
width:400px; 
margin-top:10px;
margin-bottom:10px;
}

#linesmller	{
border-top:1px dotted #4B2331;
width:350px; 
margin-top:10px;
margin-bottom:10px;
}

#mastheadtop			{ 
width: 900px; 
height: 98px; 
background-position: center;
background-repeat:no-repeat;
background-image:url(../images/mastheadtop.jpg);
}

#mastheadslides			{ 
width: 900px; 
height: 106px; 
background-position: center;
background-repeat:no-repeat;
}


#FooterHolder			{ 
width: 900px; 
background-color: #5780A0; 
border-top: 1px solid #5780A0; 
border-bottom: 1px solid #5780A0; 
margin: 0px auto;
color:#FFF;
height: auto;
text-align:center;
padding:0px; 
}

#FooterHolder ul		{ 
display: inline; 
margin: 0px 0px 0px 0px; 
line-height: 200%; 
}

#FooterHolder ul li	{ 
display: inline; 
list-style-type: none; 
margin: 5px 0px 20px 0px; 
}

#FooterHolder a		{ 
color: #FFF; 
font-weight: bold; 
text-decoration: none; 
padding: 4px 8px 4px 8px; 
margin-top: 10px; 
margin-bottom: 40px;
}

#FooterHolder a:hover	{ 
text-decoration: underline;
font-weight:bold;
}


#signature	{
width:900px;
height: auto;
margin:0px auto;
padding:0px;
text-align:center;
} 

.valid	{
float:left; 
margin-left:0px; 
margin-top:2px;
}

.sig	{
float:right; 
text-transform:none; 
font-size:11px;  
text-align:right;
color:#4B2331;
}

.sig a:link	{
font-size:11px;
}

.sig a:visited	{
font-size:11px;
}

.sig a:active	{
font-size:11px;
}

.sig a:hover	{
font-size:11px;
text-decoration:underline;
}

.gallerycontroller{
width: 250px;
height:75px;
}

.gallerycontent{
width: 400px;
height: 200px;
padding: 3px;
display: block;
}

#link	{
width:30px; 
height:auto; 
margin-top:15px;
float:left;
}

#linkc	{
width:70px; 
height:auto; 
margin-top:43px;
float:left;
}

#arrow	{
margin-top:3px;
float:left; 
margin-left:5px; 
margin-top:17px;
}

#gap	{
margin-top:5px;
}

#newstitle	{
float:left; 
width:55%; 
text-align:left; 
margin-bottom:5px;
}

#newsarrow	{
float:left;
margin-left:5px; 
width:40%; 
text-align:right; 
margin-bottom:5px;
 }

#containermiddle	{
width:900px;
height:auto;
clear:both;
text-align:center; 
padding:0px;
margin:0px auto;
min-height:300px;
}

#innermiddle	{
padding:4px;
margin-top:10px;
}

#innermiddlesml	{
padding:1px 4px;
margin-top:5px;
}


#mainsection	{
width:886px; 
clear:both; 
height:190px; 
margin:0px auto;
text-align:center;
padding:0px;
}

#toplft	{
height:218px; 
background-color:#F7F9FA;
width:394px; 
float:left; 
margin-left:0px;
color:#00477F;
text-align:justify;
}

#topmid	{
height:198px; 
background-color:#F7F9FA;
/*border:1px solid #5780A0;*/ 
width:207px; 
float:left; 
margin-left:34px;
text-align:justify;
margin-top:10px;
}

#toprt	{
height:198px; 
background-color:#F7F9FA; 
width:215px; 
float:left; 
margin-left:34px;
color:#00477F;
margin-top:10px;
}

#invest	{
height:198px; 
background-color:#F7F9FA; 
width:362px; 
float:left; 
margin-left:30px;
margin-top:10px;
}

#investinner	{
color:#FFF;
text-transform:capitalize;
font-weight:bold;
width:300px;
height:150px;
border:1px solid #5780A0;
margin-bottom:2px;
font-size:26px;
text-align:center;
line-height:34px;
}

#spacer	{
margin-top:52px;
}

#investsml	{
height:198px; 
background-color:#F7F9FA; 
width:217px; 
float:left; 
margin-left:34px;
margin-top:10px;
}

#investinnersml	{
color:#00477F;
text-transform:capitalize;
font-weight:bold;
width:214px;
height:54px;
border:1px solid #5780A0;
margin-bottom:2px;
font-size:12px;
font-weight:bold;
background-color:#5780A0
}

#spacersml	{
margin-top:12px;
}

#photobox	{
margin-top:40px;
height:124px; 
background-color:#FFF; 
width:122px; 
float:left; 
margin-left:0px;
background-image:url(../images/16temp.jpg);
}

#photobox2	{
margin-top:40px;
height:124px; 
background-color:#FFF; 
width:122px; 
float:left; 
margin-left:14px;
background-image:url(../images/14temp.jpg);
overflow:hidden;
}

#photobox3	{
height:188px; 
background-color:#FFF; 
width:187px; 
float:left; 
margin-left:12px;
text-align:justify;
color:#00477F;
}

#photobox4	{
height:188px; 
background-color:#FFF;
/*border:1px solid #00477F;*/ 
width:215px; 
float:left; 
margin-left:11px;
text-align:justify;
color:#00477F;
}

#photobox5	{
margin-top:40px;
height:124px; 
background-color:#FFF; 
width:122px; 
float:left; 
margin-left:14px;
background-image:url(../images/1temp.jpg);
overflow:hidden;
}

#casestudy	{
height:170px; 
background-color:#FFF; 
width:170px; 
float:left; 
margin-left:7px;
}

#justify	{
text-align:justify;
}

#flefthome	{
float:left;
margin-bottom:20px;
width:412px;
text-align:justify;
margin-left:10px;
}

#fright	{
float:right;
margin-bottom:20px;
}

#frightnews	{
width:250px; 
margin-right:10px; 
background-color:#F7F9FA; 
min-height:330px;
float:right;

}


#grouprt	{
width:700px; 
float:right; 
height:auto;
}

#catsmain	{
margin:10px 5px;
font-size:14px;
font-weight:bold;
}

.cats	{
margin:10px 0px;
font-size:14px;
text-align:left;
}

.cats a:link	{
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

.cats a:visited	{
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

.cats a:active	{
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

.cats a:hover	{
color:#2D1919;
font-size:14px;
text-decoration:none;
}

/* -------------------- Carousel gallery ---------------- */

.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid #dde6ec;
overflow: scroll; /*leave this value alone*/
width: 400px; /*Width of Carousel Viewer itself*/
height: 270px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 380px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}





/* -------------------- main containers for the page ------------------------- */

h1,h2,p{margin: 0;padding: 0 10px}
p{padding: 0 10px 1em}
h1,h2{letter-spacing: -1px;font-weight:100;color: #FFF}
h1{font-size: 200%}
h2{font-size: 140%;line-height:1.05}

div#content{
float:right;
width:455px;
padding:10px;
background: #FFFFFF;
margin:0px 10px;
margin-right:15px;
margin-bottom:10px;
}

div#contentmain{
float:right;
width:650px;
padding:10px;
background: #FFFFFF;
margin:0px 10px;
margin-right:15px;
margin-bottom:10px;
}

div#nav{
float:left;
width:175px;
padding:10px 0;
background:#888686;
margin-left:20px;
margin-bottom:10px;
}
 
div#right{
float:right;
width:175px;
padding:10px 0;
background:#FFFFFF; 
margin-right:25px; 
margin-bottom:10px;
}

#ticker	{
border:1px solid #888686;
height:200px;
width:160px;
}

#recset	{
font-weight:bold;
font-size:14px;
text-transform:uppercase;
}

#recset a:link	{
font-weight:bold;
font-size:14px;
}

#textrt	{
text-align:justify;
padding:0px 5px;
margin:10px auto;
}

.textrtint	{
font-size:11px;
color:#FFFFFF;
}

#centre	{
text-align:center; margin:5px auto; padding:0px;
}

#txttop	{
padding-top:180px; 
text-align:center; 
color:#FFFFFF; 
font-size:12px; 
font-weight:normal;
float:left;
margin-left:20px;
}



#txttop a		{ 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: underline;
font-size:12px; 
 }
 
#txttop a:hover	{ 
text-decoration: none;
font-size:12px; 
}

#txttopr	{
padding-top:5px;
padding-right:145px; 
float:right;
color:#FFFFFF; 
font-size:13px; 
font-weight:bold;
}

#txttopr a		{ 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none;
 }
 
#txttopr a:hover	{ 
text-decoration: underline;
}

#hpanel	{
height:10px;
clear:right;
}

#title	{
margin-left:7px;
margin-bottom:2px;
}

div#box{
width: 150px;
padding: 2px;
height:10px;
margin:2px 0px;
background:#7F7277;
color:#FFF; 
float:right;
text-align:center;
margin-right:10px;
}

#basket	{
background-color:#4B2331; 
width:180px; 
height:80px;  
margin:10px auto; 
text-align:center;
clear:right;
float:left;
margin-left:2px;
}

#box a:link	{
color:#FFFFFF;
}

#box a:visited	{
color:#FFFFFF;
}

#box a:active	{
color:#FFFFFF;
}

#box a:hover	{
color:#FFFFFF;
text-decoration:underline;
}



/* --------------------- Sections --------------------- */


#nstxttopr	{
margin-top:15px;
margin-right:20px;
margin-bottom:10px;
float:right;
text-align:left;
font-size:15px;
color:#ACC8CB;
font-weight:bold;
width:286px;
}

#nstxttopr a		{ 
color: #000000; 
font-weight: normal; 
text-decoration: underline;
font-size:12px;
 }
 
#nstxttopr a:hover	{ 
text-decoration: none;
}


#wrapper 			{ 
width: 900px; 
height:auto;
min-height:500px; 
margin:0px auto;
/*margin: 10px auto;*/ 
text-align: justify; 
border: 1px solid #4B2331; 
background-color: #FFFFFF; 
margin-bottom: 0px; 
}

#date	{
float:right; 
margin-right:180px; 
font-weight:bold; 
color:#7F7277; 
padding-bottom:1px; 
padding-top:4px;
}

#frm_srch{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
margin-right:1px;
}

#frm_srch .textinput{
width: 150px;
border: 1px solid gray;
font: bold 11px "tahoma" ;
}

#frm_srch .submit{
font: bold 11px "tahoma" ;
height: 22px;
background-color: #FFFFFF;
padding-right:2px
}

#clear	{
clear:both;
}


/* ------------ Horizontal Menu ------------- */


.horizmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
background-color:#5780A0;
}

/*Top level list items*/
.horizmenu ul li{
position: relative;
display: inline;
float: left;
background-color: #5780A0; /*overall menu background color*/
}

/*Top level menu link items style*/
.horizmenu ul li a{
display: block;
padding: 8px 0px;
text-decoration: none;
color: #FFF;
text-transform:uppercase;
background-color:#5780A0;
text-align:center;
font-weight:bold;
font-size:11px;
border-left: 1px #FFF solid;
}

#treemenu1 ul li a{
display: block;
padding: 1px 8px;
text-decoration: none;
color: #FFF;
text-transform:uppercase;
background-color:#5780A0;
text-transform:capitalize;
font-weight:normal;
text-align:left;
}

#treemenu1 #menu_1{
width:70px;
}
#treemenu1 #menu_2{
width:65px;
}
#treemenu1 #menu_3{
width:90px;
}
#treemenu1 #menu_4{
width:120px;
}
#treemenu1 #menu_5{
width:155px;
}
#treemenu1 #menu_6{
width:97px;
}
#treemenu1 #menu_7{
width:107px;
}
#treemenu1 #menu_8{
width:106px;
}
#treemenu1 #menu_9{
width:90px;
}

#treemenu1 #menu_1_a{
width:69px;
}
#treemenu1 #menu_2_a{
width:64px;
}
#treemenu1 #menu_3_a{
width:89px;
}
#treemenu1 #menu_4_a{
width:119px;
}
#treemenu1 #menu_5_a{
width:154px;
}
#treemenu1 #menu_6_a{
width:96px;
}
#treemenu1 #menu_7_a{
width:106px;
}
#treemenu1 #menu_8_a{
width:105px;
}
#treemenu1 #menu_9_a{
width:89px;
}

/*1st sub level menu*/
.horizmenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
background-color:#5780A0;
color:#FFF;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.horizmenu ul li ul li{
display: list-item;
float: none;
background-color:#5780A0;
border-bottom:1px solid #FFF;
color:#FFF;
}

#treemenu1 ul li a:hover	{
color: #FFF;
font-weight:normal;
background-color:#00477F;
text-align:left;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.horizmenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
background-color:#5780A0;
color:#FFF;
}

/* Sub level menu links style */
.horizmenu ul li ul li a{
display: block;
width: 138px; /*width of sub menu levels*/
color: #FFF;
text-decoration: none;
padding: 1px 5px;
text-transform:uppercase;
background-color: #5780A0;
height:20px;
padding-top:10px;
}

.horizmenu ul li a:hover{
background-color: #79A6C9;
color: #FFF;
}

/*.horizmenu ul li a:selected{
background-color: #00477F;
color: #5780A0;
}*/

/*Background image for top level menu list links */
.horizmenu .mainfoldericon{
/*background: url(../images/down.gif) no-repeat center right;
padding-right:0px;*/
}

/*Background image for subsequent level menu list links */
/*.horizmenu .subfoldericon{
background: #00477F url(../images/right.gif) no-repeat center right;
}*/

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizmenu ul li { float: left; height: 1%; }
* html .horizmenu ul li a { height: 1%; }
/* End */