/* ------------------------------------- (  Start -  Layout   ) ------------------------------------- */

body{font-family: Helvetica, sans-serif; background-image:url(../images/background.jpg); background-repeat:repeat-x; background-color:#090908;  line-height:26px; color:#333; margin:0;}

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

#wrapper{width: 960px;margin: 0px auto;text-align: left;clear: both;}

#header{clear: both;width: 960px; background-color:#090908; height: 180px;}
#header2{clear: both; background-color:#FFFFFF; width:960px; height: 340px;}
#header3{clear: both; padding-left: 20px;height: 267px; background-color:#FFFFFF;}

#logo{ padding: 70px 0 0 40px; width:325px ; float:left; }
#telephone { padding: 60px 50px 0 0; float:right; text-align:left; color:#FFFFFF;}


#container{ position: absolute;top: 628px;background-color:#FFFFFF; width: 960px; padding-top: 20px;}
#container2{ position: absolute;top: 239px;background-color:#FFFFFF;}

#content{width: 960px;	float: left; }
#contentpages{width: 960px;	float: left; }

#footer { height: 130px;clear:both;background-color:#090908;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;line-height: 18px;color: #fff ;} 
#footer a {text-decoration: none; color:#fff;}
#footer a:hover {text-decoration:underline; color:#EA002C;}


#left {width:50%;float:left;padding: 20px 0 0 0;}
#right {width:40%;float:right;text-align:right;padding:20px 0 0 0;}

#bannerleft{ float: left; padding: 20px 0 20px 20px;}
#bannerrighttop{float: right; padding: 20px 20px 0 0;}
#bannerrightbottom{float:right; padding: 19px 20px 0 0;}

#quotes { border: 1px dashed  #999999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height:18px; padding: 10px 20px 10px 20px;}

#dashedborder {border: 1px dashed  #999999; padding: 5px 10px 5px 10px; font-size: 14px; line-height: 18px;} 

/* Twitter
....................................................................... */


#bird {float: left; padding-left: 20px;}
#recent {padding: 5px 20px 0 0; text-align:right;}
#tweet { width: 960px; background-color:#FFFFFF; float:left; height: 49px;}
#twitter_div_home { height:49px; width: 860px;  background-image:url(../images/twitter_bg.gif); background-repeat:no-repeat; background-position:center; float: left;}
#twitter_div { height:100%; width: 268px; background-color:#EEEEEE; float:right; margin-top: 20px; padding-bottom: 20px;}
ul#twitter_update_list { padding: 0; margin: 0; color:#666666; }
ul#twitter_update_list li { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color:#666666; padding: 6px; margin: 3px 10px 0px 10px; list-style:none; line-height: 16px; }
ul#twitter_update_list li a { font-size: 11px; color: #EA002C; text-decoration:none; font-weight:bold; }
ul#twitter_update_list li a:hover { color: #666666; text-decoration:underline; }



/* Tables
....................................................................... */

#outer{
width: 960px;	float: left;
}
#inner{
float: left;
height:100%;
width:55%;
margin: 0 10px 0 20px;
}
#inner2{

float: right;
height:100%;
width:38%;
margin: 0 20px 0 10px;
}

#innera{
float: left;
height:100%;
width:65%;
margin: 0 10px 0 20px;
}
#inner2a{

float: right;
height:100%;
width:28%;
margin: 50px 20px 0 10px;
}
#inner2b{

float: right;
height:100%;
width:28%;
margin: 0 20px 0 10px;
}

#example2 {display: block;border-spacing: 20px 0px;}
#example3 {display: table;border-spacing: 20px 0px; margin-top: 20px;}
.row {display: table-row;}
.box {display: table-cell;width: 60%;}
.box2 {display: table-cell;width: 40%;}
.boxa {display: table-cell;width: 70%; vertical-align:top;}
.box2a {display: table-cell;width: 30%; padding-top:55px; }
.box2b {display: table-cell;width: 30%; }

#bottom { width: 920px; background-color: #333333; margin: 20px; color:#FFFFFF;  float:left;}

#innerbot{
float: left;
height:100%;
width:50%;
margin: 0 10px 0 20px;
}
#inner2bot{

float: right;
height:100%;
width:38%;
margin: 0 20px 20px 10px;
}

#bgwhite {background-color:#FFFFFF; padding: 15px;}
#blacktable {background-color:#3C3B39; width: 900px; float:left; margin: 0 20px 20px 20px; padding: 10px}

#smalltable {display: table;border-spacing: 20px 0px; font-size: 14px; line-height: 20px; border: 4px #CCCCCC solid; }
.rowsmall {display: table-row;}
.boxsmall {display: table-cell;width: 50%; padding-bottom: 20px;}
.box2small {display: table-cell;width: 50%;}

/* Read More
....................................................................... */

#readmore a { background-color: #EA002C;color:#FFFFFF; font-weight:bold; float:right; font-size: 11px; padding: 0 4px 0 4px;}
#readmore a:hover {background-color:#333333; text-decoration:none;}

/* Sticky Menu
....................................................................... */

#sticky-right { float:right; position: fixed;width: auto;height: auto;top: 150px;right:0px;width:23px;z-index:1000;}

/* Crumbtrail
....................................................................... */

#crumbtrail{clear: both;margin-top: 10px; margin-left:20px;font-size: 10px;color: #999999;}
#crumbtrail p{}
#crumbtrail a, #crumbtrail a:active, #crumbtrail a:visited{text-decoration: none;font-weight: normal;color: #EA002C;font-size: 10px;}
#crumbtrail a:hover, #crumbtrail a:visited:hover{color: #999999;text-decoration: none;}

/*
Navigation Main
-----------------------------------*/

.navmain{height: 59px;  background-image:url(../images/menu_bg.jpg);}
.navmain a {color: #FFF;float: left;padding: 0 34px;text-align: center;text-decoration: none; font-family:Helvetica, sans-serif; font-size: 24px;  line-height: 59px;}
.navmain a:hover,.navmain a#active { color: #000; text-decoration:none; }

.navhome, .navabout, .navservices, .navkudos, .navnews {background-image:url(../images/nav_lines.gif); background-repeat:no-repeat; height: 59px; }
.navhome { background-position: 137px;}
.navabout { background-position: 147px;}
.navservices { background-position: 185px;}
.navkudos { background-position: 151px;}
.navnews { background-position: 138px;}

/* Generic
....................................................................... */
p{margin: 0px 0px 15px 0px;}

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

.reverselink a{color: #333333;}
.reverselink a:hover{color:#EA002C; text-decoration:none;}

.telephone {font-family:Helvetica, sans-serif; font-size: 24px; font-weight:bold;}

.reduce { font-size: 14px;}
.small {font-size: 11px;}
.email { margin-bottom: -3px;}
img, img a{border: 0px;}

.quotes {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size: 16px; line-height: 24px;}
.quotenames {color: #EA002C;}

.border { border: 4px solid #cccccc; margin: 0 0 4px 0; }

ul, li{  line-height: 30px; list-style-image: url(../images/bullet.gif);}

hr{border: none 0; border-top: #cccccc 1px dotted; height: 1px;width: 100%;}

/* SEO
....................................................................... */

#seo{ display:none;}

/* Headings
....................................................................... */


h1{font-family: Helvetica, sans-serif; color: #494738;padding: 0 0 10px 0;margin: 0 0 5px 0;font-size: 34px; line-height: 40px; letter-spacing: -1px;}

h2{font-family: Helvetica, sans-serif; font-size: 26px;color: #494738; letter-spacing: -1px;}

h3{font-family: Helvetica, sans-serif; font-size: 22px;color: #494738; letter-spacing: -1px; margin-bottom: 5px;}

h4{font-family: Helvetica, sans-serif; font-size: 26px;color: #fff; letter-spacing: -1px; margin-bottom: 5px;}

.red {color:#EA002C;}

/*sticky Button*/

#sticky{display: block;width: 29px;height: 200px;background: url(../images/sticky_button.gif) no-repeat;display:block;margin: 0 0 0 0;float:right;}
#sticky:hover{background-position: -29px;}
#sticky span{display: none;}

/* Flickr
....................................................................... */

#flickr_badge_uber_wrapper {overflow: hidden; width: 100%; margin: 14px 0 0 0;}
.flickr_badge_image {float: none;display: inline; margin: 0 4px 4px 0;}
.flickr_badge_image img {border: 4px solid #cccccc !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 10px 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#EA002C;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

a.rollover {display: block;width: 29px;height: 200px;text-decoration: none;background-image:url(../images/book_chris.gif);float:right;margin-top:0;}
a.rollover:hover {background-position: -29px 0;}
.displace {position: absolute;left: -5000px;}

/* Form
....................................................................... */

form { width: 480px;}

#formLeft {width: 450px;float: left;}
#formLeft input {width: 420px;border: none;text-align: left;background: none;margin: 5px 0 0 8px;font-size: 16px;font-family: Arial, Helvetica, sans-serif;color: #333333;}
#formLeft .input-bg {border: #cccccc 1px solid;height: 30px;margin-bottom: 10px;position: relative;margin-left: 10px;}
#formLeft .active {background-color: #FFFFCC;}
#formRight {width: 332px;}
#formRight textarea {width: 430px;display: block;border: none;background: none;margin: 0 0 0 8px;padding: 13px 0 13px 0;font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;color: #666666;}
#formRight .message-bg {border: #cccccc 1px solid;margin-left: 10px;width: 438px;}
#formRight .active {background-color: #FFFFCC;}
label {display: block;font-size: 16px;text-indent: 10px;}
label.error {position: absolute;top:-28px;right: 0;padding: 3px;color: #da3939;font-size: 12px;text-align: right;font-style: italic;font-weight: normal;}
#submit {margin: 20px 0 0 10px;}
input.submit-button {height: 28px;}
.clear { clear: both; }
fieldset { border: none; }