/* COLOURS */
/*
dark blue #00477F
light blue #EBEFF6
link hover #0099ff
*/


/* GLOBAL */
*{
font-family:Verdana,Arial,Sans-serif;
font-size:11px;
margin:0;
padding:0;
}


/* TAGS */
body{
background:url(../images/template/grad_top.jpg) #E5ECF2 repeat-x 0 0;
text-align:center;
}
img{
border:0;
margin:0;
}
ul{
list-style:square;
}
li{
list-style:square;
margin-left:2em;
}
a{
color:#00477F;
text-decoration:underline;
}
a:hover{
color:#0099ff;
text-decoration:underline;
}


/* LAYOUT */
.layout{
width:100%;
height:100%;
}
.shadow_lt{
width:10px;
height:100%;
background:url(../images/template/shadow_lt.gif) repeat-y 0 0;
}
.shadow_rt{
width:10px;
height:100%;
background:url(../images/template/shadow_rt.gif) repeat-y 0 0;
}
.layoutbody{
vertical-align:top;
background:#FFFFFF url(../images/template/column_bg.gif) repeat-y 100% 0%;
}
.layoutintro{
background:url(../images/surf.jpg) no-repeat 0 0;
margin-bottom:20px;
}
.layoutcolumns{
width:740px;
}
.column_lt{
width:450px;
vertical-align:top;
padding:0 0 10px 0;
}
.column_rt{
width:290px;
vertical-align:top;
padding:0 0 10px 0;
}
.layoutfoot{
vertical-align:bottom;
background:#FFFFFF;
}
.layoutfoot td{
vertical-align:top;
}
.layoutfoot table{
background:url(../images/template/shadow_footmenu.gif) no-repeat 0 0;
height:130px;
}
.layoutfoot .column_lt{
width:240px;
padding:10px 0 10px 0;
}
.layoutfoot .column_rt{
width:500px;
padding:10px 100px 40px 0;
background:url(../images/footer_focus_slash.gif) no-repeat 100% 0;
}
.layouttop,
.intro{
width:50%;
}
.layoutbtm{
width:50%;
height:80px;
background:url(../images/template/grad_btm.jpg) repeat-x 0% 100%;
}
.tagline{
background:#00477F;
}
.enquire{
width:100%;
height:100px;
background:url(../images/home01.jpg) no-repeat 0 0;
text-align:right;
}
.enquire_new{
width:100%;
height:100px;
background:url(../images/home0_01.jpg) no-repeat 0 0;
text-align:right;
}
.banner{
width:100%;
}
.banner_rt{
width:290px;
vertical-align:top;
text-align:right;
background:url(../images/template/banner02.jpg) no-repeat 0 0;
}
.banner_rt_2{
width:290px;
vertical-align:top;
}
.menu{
padding:3px 0 14px 10px;
background:#C8D2E5 url(../images/template/shadow_menu.gif) no-repeat 0% 100%;
clear:both;
}
.footmenu{
padding:3px 10px 5px 10px;
background:#C8D2E5;
}
.menu a,
.menu a:hover,
.footmenu a,
.footmenu a:hover{
font-weight:bold;
text-decoration:none;
}
.menu a.current_page:link,
.menu a.current_page:active,
.menu a.current_page:visited,
.menu a.current_page:hover{
font-weight:bold;
color:#6075a6;
}


/* ENQUIRY FORM */
.enqform *{
color:#00477F;
}
.enqform input,
.enqform textarea{
border:1px solid #00477F;
width:260px;
}
.enqform td{
padding:1px;
}
input.buttonIE,
input.buttonNS{
border:1px solid #00477F;
background:#FFFFFF;
color:#00477F;
font-weight:bold;
width:100px;
margin-left:72px;
}


/* HOME */
div.homeimg img,
div.homeimg a{
display:block;
margin:0;
}
div.homeintro{
background:url(../images/home200711_6.jpg) 0 0 no-repeat #071a21;
padding:45px 20px 20px 20px;
overflow:auto;
}
div.homeintro_new{
background:url(../images/homepage6.jpg) 0 0 no-repeat #071a21;
padding:45px 20px 20px 20px;
overflow:auto;
}
div.homeintrotext{
background:url(../images/home200711_7.jpg) 100% 0 no-repeat;
padding:0 240px 0 0;
color:#ffffff;
}
div.homeintroprice{
background:url(../images/home200711_8.gif) 95% 100% no-repeat;
}
div.homeintroprice div{
padding:10px 0 0 0;
font-size:15px;
font-weight:bold;
}


/* DATA TABLE */
.datalist{
width:430px;
}
.datalist.wide{
width:720px;
}
.datalist th{
padding:2px 4px 2px 4px;
background:#C8D2E5;
color:#00477F;
text-align:left;
font-weight:normal;
}
.datalist td{
padding:2px 4px 2px 4px;
vertical-align:top;
color:#00477F;
background:#ffffff;
}
.datalist .datasection{
background:#00477F;
font-weight:bold;
color:#ffffff;
white-space:nowrap;
}
tr.alternate td{
border-bottom:1px solid #CEDAE8;
}


/* TEXT AND FORMATTING */
.top{
vertical-align:top;
}
.btm{
vertical-align:bottom;
}
.pad10{
padding:10px;
}
.blue{
color:#00477F;
}
.ltblue{
color:#7B8EB8;
}
.bold{
font-weight:bold;
}
.top5{
padding-top:5px;
}
.top10{
padding-top:10px;
}
.top20{
padding-top:20px;
}
.top30{
padding-top:30px;
}
.top40{
padding-top:40px;
}
.left10{
padding-left:10px;
}
.left20{
padding-left:20px;
}
.right10{
padding-right:10px;
}
.introhead{
font-size:13px;
font-weight:bold;
color:#00477F;
border-bottom:1px solid #00477F;
}
.pagehead{
font-size:13px;
font-weight:bold;
color:#00477F;
}
.width300{
width:300px;
}
.test{
border:1px solid red;
}
.font10{
font-size:10px;
}
.font13{
font-size:13px;
}
.font13 span.bold,
.font13 b{
font-size:13px;
}
.red{
color:#cc0000;
}

.c,
th.datasection.c{
text-align:center;
}
.r{
text-align:right;
}

.highlight{
font-size:17px;
font-weight:bold;
color:#ba0000;
}

/*MB GALLERY*/
div.mbgallery{
padding:10px 0;
text-align:right;
}
div.mbgallery *{
margin:0;
padding:0;
border:0;
}
div.mbgallery_title{
font-size:13px;
font-weight:bold;
padding:0 0 10px 0;
color:#7B8EB8;
text-align:left;
}
div.mbgallery_preview{
float:right;
margin:0 0 10px 10px;
}
a.mbgallery_link:link,
a.mbgallery_link:active,
a.mbgallery_link:visited{
display:block;
border:1px solid #000084;
margin:2px;
}
a.mbgallery_link:hover{
display:block;
border:3px solid #00477F;
margin:0;
}
img.mbgallery_preview_img{
display:block;
border:0;
}
div.mbgallery_preview.mbactive a:link,
div.mbgallery_preview.mbactive a:active,
div.mbgallery_preview.mbactive a:visited,
div.mbgallery_preview.mbactive a:hover{
margin:1px;
border:2px solid #7b8eb9;
}
div.mbgallery_preview.mbvisited img{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
div.mbgallery_preview.mbvisited a:link,
div.mbgallery_preview.mbvisited a:active,
div.mbgallery_preview.mbvisited a:visited,
div.mbgallery_preview.mbvisited a:hover{
margin:2px;
border:1px solid #cccccc;
}
div#mbgallery_image{
background:url(../mbgallery/preload_bar00.gif) 50% 50% no-repeat;
border:1px solid #000084;
clear:both;
display:none;
float:right;
margin-right:2px;
}
div#mbgallery_image.mbactive{
display:block;
}
div#mbgallery_image_inner{
background-position:50% 50%;
background-repeat:no-repeat;
}
div.mbgallery_index_item{
clear:both;
text-align:left;
overflow:auto;
}
div.mbgallery_index_item div.mbgallery_preview{
clear:left;
float:left;
margin:0 5px 10px 20px;
}
p.mbgallery_error{
text-align:left;
font-weight:bold;
}