/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/


#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 30px 0px; margin-top:0px; margin-right:auto; width:980px; }

#header { width:100%; height:202px; margin:0px; padding:0px; background:url(/images/green_line.jpg) no-repeat bottom right;  }

#logo {  width:161px; height:121px; margin:0px; padding:0px; }

#main {  width:100%; margin:0px 0px 0px 0px; }

#sidebar { width:446px;  height:100%; float:left;  margin:10px 0px 1px 31px; padding:0px;  }
*html #sidebar { width:446px;  height:100%; float:left;  margin:10px 0px 1px 17px; padding:0px;  }
#breadcrumb { display:block; width:100%; position:relative; height:20px;  color:#C1D72D; font-size:1.5em;} 
#breadcrumb a {color:#C1D72D;}

#content_main  { width:481px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#content {width:213px; float:left;  display:block;  margin:0px 0px 0px 0px;}

#sidebar_right { width:245px;  float:right;  margin:0px 0px 10px 0px; padding:0px;}
.acclink {display:none;}
.accordian_title {color:#b9cf40; font-size:1.5em; font-weight:normal; margin:1px 0px 1px 0px; padding:0px 0px 0px 0px; font-style:italic; }
.accordian {margin:-8px 0px 0px 0px; display:none;}
.accordian_title a:hover {text-decoration:none;}
.accordian_title a span:hover {text-decoration:underline !important;}
#footer { position:relative; margin-top:-30px; margin-right:auto; width:980px; background:url(/images/green_line.jpg) no-repeat top;  height:30px;  padding:0px; }
#footer p { font-size:0.7em; color:#FFFFFF; }

#tel { font-weight:normal; display:block; float:left; margin:8px 0px 0px 39px; font-size:1.2em; font-style:italic; color:#b9cf40;}
#tel a {color:#b9cf40;}
#copy {display:block; float:right; margin-top:8px; font-size:1.2em; font-style:italic; color:#b9cf40;  font-weight:normal; }

.clear { clear:both; }

.hidden {display:none;}

#random_image {margin:0px 0px 29px 0px; display:block;}
#random_image ul {margin:0px; padding:0px; position:relative; width:213px; height:123px; display:block;}
#random_image ul li {margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px; }
#random_image a {color: #b9cf40; cursor:pointer;}
*+html #random_image {margin:0px 0px 26px 0px;}
*html #random_image {margin:0px 0px 27px 0px;}
/*------------------------------------ home page-----------------------------------------------------------*/

#gal_fpimg {width:446px; height:302px; display:block; position:relative; margin:0px 0px 0px 0px;}
#gal_fpimg_over {width:446px;  height:302px; position:absolute; top:0px; left:0px; filter: alpha(opacity = 70); background:#000000;}
:root #gal_fpimg_over {  opacity:0.7;}
body:last-child:not(:root:root) #gal_fpimg_over {  opacity:0.7;}
*html #gal_fpimg_over {width:439px;}
#gal_fpimg_over #breadcrumb { padding:17px 0px 0px 7px;}
#fpimage_text {width:390px; margin:0px 0px 0px 10px;}
#fpimage_text p {line-height:16px; font-size:1.2em !important;}
#fpimage_text a {color:#ffffff; text-decoration:none; font-style:italic; }
#fpimage_text a:hover {text-decoration:underline; }
#fpimage_text h1 {position:absolute; font-weight:normal !important; font-size:4em !important; z-index:1000; bottom:0px; left:10px;}
#fpimage_text h1 a {font-size:0.5em !important;text-decoration:none; }


#fpimage_hidden  {  width:100px;margin:0px 0px 0px 10px; display:none; }

#fpimage_hidden  p {line-height:16px; font-size:1.2em !important;}
#fpimage_hidden  a {color:#ffffff; text-decoration:underline; font-style:italic; }
#fpimage_hidden  h1 {width:100px;  padding:80px 0px 10px 15px;  filter: alpha(opacity = 70); background:#000000; position:absolute; font-weight:normal !important;   font-size:3em !important; z-index:1000; bottom:187px; left:0px;}
:root #fpimage_hidden  h1 {  background: rgba(0, 0, 0, 0.7)  ;}
body:last-child:not(:root:root) #fpimage_hidden  h1 {  background: rgba(0, 0, 0, 0.7)  ;}
#fpimage_hidden  h1 a {font-size:0.5em !important; text-decoration:none; }



.case {display:block; float:left;}
.case h4 {margin-top:5px;}
.case img {}

.news { margin:5px 0px 18px 0px;}
.news p {margin:5px 0px 5px 0px; color:#ffffff; }
.date {font-size:1.1em; color:#ffffff;}
.news .link a {color:#ffffff; font-size:1.2em; font-style:italic;  }
.news .link a:hover {color:#ffffff; font-size:1.2em; text-decoration:underline;  }
.main_link a { text-decoration:none; font-size:1.7em; color:#b9cf40; text-decoration:none; font-weight:normal; font-style:italic; margin:10px 0px 10px 0px; display:block; padding:0px 0px 0px 0px;}
.main_link a:hover {color:#b9cf40; text-decoration:none; }
.main_link a span:hover {color:#b9cf40; text-decoration:underline !important; }

.accordian_title {cursor:pointer;}

h2#step {font-size:16px;}
h2#step a {margin:0px 0px 0px -1px;}
/*------------------------------------ Gallery -----------------------------------------------------------*/
#gallery {width:679px; display:block; float:left; margin:0px 0px 0px 32px; padding:10px 0px 0px 0px;}
*html #gallery {width:679px; display:block; float:left; margin:0px 0px 0px 17px; padding:10px 0px 0px 0px;}

.gal_links {color:#b9cf40; font-style:italic; position:absolute; right:0px; top:0px;}
.gal_links a {color:#b9cf40;}
.gal_links a:hover {color:#b9cf40;}

#gal_links {color:#b9cf40; font-style:italic; display:block; margin:0px 0px 10px 0px;}
#gal_links a {color:#b9cf40; font-size:1.2em; font-weight:normal;}
#gal_links a:hover {color:#b9cf40;}


#address {margin:45px 0px 0px 0px;}
#address p {line-height:18px; font-style:italic;}
#address a {color:#ffffff;}
#address a:hover {color:#ffffff;}

/*------------------------------------ Case Studies -----------------------------------------------------------*/

.case_m {margin:20px 0px 20px 0px; display:block; height:121px; width:215px;}

/*------------------------------------ nav-----------------------------------------------------------*/

#nav { display:block; width:944px;  margin:48px 0px 0px 0px; padding:0px 0px 0px 36px; color:#C1D72D; font-size:1.6em; }

#nav a { margin:0px 0px 1px 0px;  color:#C1D72D; display:inline; font-style:italic; font-weight:normal; }
#nav a:hover { text-decoration:underline;  color:#C1D72D;  } 

.news_nav a {display:block; color:#ffffff; font-size:1.2em; font-style:italic; text-decoration:none;  margin:5px 0px 5px 0px;}
.news_nav a:hover {color:#ffffff; text-decoration:underline;}
/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:#818286; font-family:Georgia,"Nimbus Roman No9 L",serif; font-size:0.6em;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:1.7em; color:#b9cf40; font-weight:normal; font-style:italic; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#b9cf40; font-size:1.7em; font-weight:normal; font-style:italic; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 a {font-size:0.7em !important; color:#b9cf40;}
h3 { color:#C1D72D; font-size:1.6em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#e5e5e7; font-size:1.5em; font-weight:normal; font-style:italic; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 a {color:#e5e5e7; text-decoration:none;}
h4 a:hover {color:#e5e5e7; text-decoration:underline;}
h5 { color:#C1D72D; font-size:1.5em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#b9cf40; font-size:1.5em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

ul {  }
ul li { font-size:1.5em; color:#FFF; }
ol {}
ol li {font-size:1.5em; color:#FFF;}

address {font-size:1.5em; color:#FFF; font-style:italic; margin:5px;}

a { color:#333399; text-decoration:none; }
a:hover { color:#333399; text-decoration:underline; }

p { font-size:1.5em; color:#FFF; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:14px; }