@charset "utf-8";

/**
* standard formatting
*/

html,body
{
   height:100%;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,img
{
   border:0;
   padding:0;
   margin:0;
   font-weight:normal;
}

body,textarea
{
   font-size:0.9em;
   font-family:Lucida Sans,Verdana, Arial, Helvetica, sans-serif;
   color:#888;
}

body
{

}

h1
{
   font-size:1.7em;
}

h3
{
   font-size:1.4em;
}

h3
{
   font-size:1.3em;
}

p
{
   font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
}

a,
a:link,
a:visited,
a:hover
{
   color:#0A558C;
}

/**
* forms
*/

form,fieldset,legend
{
   border:0;
   padding:0;
   margin:0;
}

legend
{
   display:none;
}

/**
* header
*/

div#header h1 a,
div#header h1 a:link,
div#header h1 a:visited,
div#header h1 a:hover
{
   display:block;
   text-indent:-9999px;
   background:url(images/logo.png) no-repeat 0 center;
   height:125px;
}

div#header img
{
   display:none;
}

/**
* navigation
*/

div#navigation
{
   background:url(images/topnav-background.jpg) no-repeat center top;
   margin:0 3px 0 3px;
   overflow:hidden;
   padding:1px 3px;
}

div#navigation ul
{
   list-style:none;
   padding:0;
   border-top:1px solid #AEAEAE;
}

div#navigation ul li
{
   float:left;
   background:url(images/topnav-divider.png) no-repeat right top;
   padding-right:2px;
}

div#navigation ul li a,
div#navigation ul li a:link,
div#navigation ul li a:visited
{
   display:block;
   padding:8px 25px 11px 25px;
   color:#FFF;
   text-decoration:none;
}

div#navigation ul li a:hover,
div#navigation ul li.selected a,
div#navigation ul li.selected a:link,
div#navigation ul li.selected a:visited
{
   background:#959595;
}


/**
* banner
*/

div#banner
{
   height:183px;
   overflow:hidden;
   background:url(images/about-us-banner-image.jpg) no-repeat;
}

div#banner h2
{
   text-indent:-9999px;
   background-repeat:no-repeat;
}

body.home div#banner
{
   height:320px;
   background:url(images/homepage-banner-image.jpg);
}

body.home div#banner h2
{
   margin:30px 450px 10px 30px;
   width:361px;
   height:91px;
   background:url(images/homepage-banner-title.png);
}

div#banner p
{
   padding:0 500px 10px 30px;
}

/**
* banner lower
*/

div#bannerlower
{
   background:url(images/bannerlower-background.jpg) no-repeat;
   padding:0 0 0 3px;
   height:144px;
   overflow:hidden;
}

div#bannerlower div.box
{
   float:left;
   width:255px;
   padding:0 20px;
   font-size:0.8em;
}

div#bannerlower div.box h3
{
   padding:20px 0 10px 0; 
   font-weight:bold;
     
}

div#bannerlower div.box label
{
   display:block;
   float:left;
   width:130px;
}

div#bannerlower div.box input
{
   display:block;
   float:right;
   width:90px;
   margin:0;
}

div#bannerlower div.box input.submit
{
   width:auto;
   height:auto;
}

/**
* breadcrumbs
*/

div#bannerlower.breadcrumb
{
   height:30px;
   background-position:bottom;
   font-weight:bold;
   font-size:0.9em;
}

div#bannerlower.breadcrumb ul
{
   display:block;
   background:#FFF;
   margin:0 5px 3px 2px;
   height:25px;
   line-height:25px;
   overflow:hidden;
   list-style:none;
   padding-left:20px;
}

div#bannerlower.breadcrumb ul li
{
   float:left;
   padding-left:5px;
}

div#bannerlower.breadcrumb ul li a,
div#bannerlower.breadcrumb ul li a:link,
div#bannerlower.breadcrumb ul li a:visited
{
   text-decoration:none;
}

/**
* layout containers
*/

div#outer
{
   width:888px;
   margin:0 auto;
}

div#content
{

}

/**
* left
*/

div#left
{
   float:left;
   width:599px;
   background:url(images/maincontent-background-top.png) no-repeat;
   padding-top:8px;
}

div#left div.inner
{
   padding:20px 30px;
   background:url(images/maincontent-background-repeat.png) repeat-y;
}

div#left div.divider
{
   overflow:hidden;
   height:1px;
   padding:0 4px;
   background:url(images/maincontent-background-repeat.png) repeat-y;
}

div#left div.divider div
{
   background:#DDD;   
}

div#left div.bottom
{
   background:url(images/maincontent-background-bottom.png) no-repeat bottom;
   height:60px;
   overflow:hidden;
}

div#left h2,
.mceContentBody h2
{
   color:#000;
   padding-bottom:40px;
}

div#left p,
.mceContentBody p
{
   padding-bottom:20px;
}

div#left ul,
.mceContentBody ul
{
   padding:0 20px 0 3px;
   list-style:none;
}

div#left ul li,
.mceContentBody ul li
{
   background:url(images/bullet.png) no-repeat 0 5px;
   padding:0 0 5px 20px;
}

/**
* right
*/

div#right
{
   float:right;
   width:280px;
}

div#right h2
{
   display:block;
   margin:0 auto;
   font-size:1.1em;
   padding-bottom:5px;
   font-weight:bold;
}

div#right div.contact
{
   background:url(images/contact-background.jpg) no-repeat;
   padding:20px 30px 38px 30px;
}

div#right div.contact h2
{
   padding-bottom:20px;
}

div#right div#contactform
{
   background:url(images/enquiry-background.png) no-repeat;
   padding:15px 0 25px 0;
   margin:0 0 0 5px;
}

div#right div#contactform
{
   text-align:center;
   color:#FFF;
}

div#right div#contactform #SignUp .signupframe {
   border:0;
   color: #FFF;
   background:none;
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
}

div#right div#contactform #SignUp .signupframe td{
   padding:2px;
   font-size:11px;
}

div#right div#testimonial
{
   background:url(images/testimonial-background.jpg) no-repeat;
   padding:30px 30px 190px 30px;
   font-size:0.9em;
}

div#right div#testimonial div.inner
{
   height:190px;
   overflow:hidden;
}

div#right div#testimonial div.inner strong
{
   display:block;
   clear:both;
   float:none;
   padding-top:10px;
   overflow:hidden;
}

/**
* contact
*/

div.contact
{
   padding-top:5px;
}

div.contact span
{
   display:block;
   width:100%;
}
 
div.contact span.telephone
{
   text-indent:-9999px;
   background:url(images/telephone.png) no-repeat center;
   height:32px;
}

div.contact span.email
{
   text-align:center;
   padding-top:5px;
}

div.contact span.email a,
div.contact span.email a:link,
div.contact span.email a:visited
{
   text-decoration:none;
}

div.contact span.email a:hover
{
   text-decoration:underline;
}

/**
* footer
*/

div#footer
{
   font-size:0.8em;
   color:#666;
   background:url(images/footer-background.png) no-repeat;
   padding:30px;
}

div#footer span
{
   padding-right:15px;
}

div#footer span.credit
{
   display:block;
   clear:both;
   padding-top:5px;
}

/**
* images
*/

img,
img.left
{
   float:left;
   margin:0 15px 15px 0;
}

img.right
{
   float:right;
   margin:0 0 15px 15px;
}

img.center
{
   display:block;
   clear:both;
   float:none;
   margin:20px auto 0 auto;
}

/**
* misc
*/

.hidden
{
   display:none;
}

div.clear
{
   float:none;
   clear:both;
}

div#left div#SignUp
{
   width:285px;
   margin:0 auto;
}

/*
* video
*/

#videoOuter{
   position:absolute;
   bottom:0;
   right:0;
   width:200px;
   height:300px;
   overflow:hidden;
}
