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

body{font-family: Georgia, "Times New Roman", Times, serif; background-image:url(../images/bg.gif); background-repeat:repeat-x; background-color:#F0EEE1; margin-top: 70px; line-height:26px; color:#666666;}

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

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

#header{clear: both;width: 920px; background-color:#FFFFFF; height: 100px;}
#header2{clear: both; padding-left: 20px;height: 248px; background-color:#FFFFFF;}
#header3{clear: both; padding-left: 20px;height: 267px; background-color:#FFFFFF;}

#logo{ padding: 20px 0 0 40px; width:325px ;height: 67px; float:left; }
#telephone { padding: 50px 50px 0 0; float:right; text-align:left;}


#container{ position: absolute;top: 527px;background-color:#FFFFFF;}
#container2{ position: absolute;top: 477px;background-color:#FFFFFF;}

#content{width: 920px;	float: left; margin-top:20px; }
#contentpages{width: 920px;	float: left; }

#footer { margin-top: -100px;height: 110px;clear:both;background-color:#F0EEE1;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;line-height: 18px;color: #494738 ;} 
#footer a {text-decoration: none; color:#494738;}
#footer a:hover {text-decoration:underline; color:#EA002C;}


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

/* Hover Teaser 
++++++++++++++++++++++++++++++ 
++++++++++++++++++++++++++++++ */
.hover-teaser {
	clear: none;
	position: relative;
	float: left;
	width: 300px;
	height: 20.8em;
	overflow: hidden;
	margin: 0 20px 0 0;
	border: none;	
	padding: 0;
}
.hover-teaser .teaser-box {
	background-image: none !important;
	background-repeat: no-repeat !important;
}
#references .hover-teaser {
	width: 220px;
	height: 13.2em;
	margin: 0 20px 20px 0;
}
#references #teaser-1 {
	clear: both;
}


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


#bird {float: left; padding-left: 20px;}
#tweet { width: 920px; background-color:#FFFFFF; float:left; height: 69px;}
#twitter_div_home { height:69px; width: 721px; background-image:url(../images/twitter_bg.gif); background-repeat:no-repeat; background-position:center; float: left;}
ul#twitter_update_list { padding: 0; margin: 0; }
ul#twitter_update_list li { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #666; padding: 6px; margin: 13px 20px 0px 20px; list-style:none; line-height: 16px; }
ul#twitter_update_list li a { font-size: 11px; color: #EA002C; text-decoration:none; }
ul#twitter_update_list li a:hover { color: #666666; text-decoration:underline; }
.twitter{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#666;}


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

#example2 {display: table;border-spacing: 40px 10px;}
.row {display: table-row;}
.box {display: table-cell;width: 60%;}
.box2 {display: table-cell;width: 40%;}
.boxa {display: table-cell;width: 60%;}
.box2a {display: table-cell;width: 40%; background-image:url(../images/bg_pattern.gif); padding: 0 20px 0 20px;}

#bottom { width: 880px;background-image:url(../images/bg_pattern.gif); display: table; border-spacing: 20px; font-size:12px; line-height:22px; margin: 20px;}
.rowbottom {display: table-row; }
.boxbottom {display: table-cell;width: 294px;}

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

/* 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: 0px;margin-bottom: 10px;font-size: 10px;color: #999999;}
#crumbtrail p{}
#crumbtrail a, #crumbtrail a:active, #crumbtrail a:visited{text-decoration: none;font-weight: normal;color: #ED2123;font-size: 10px;}
#crumbtrail a:hover, #crumbtrail a:visited:hover{color: #999999;text-decoration: none;}

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

.navmain{height: 40px;  padding: 0 0 0 118px; background-color:#FFFFFF;}
.navmain a {color: #494738;float: left;padding: 0 20px;text-align: right;text-decoration: none;font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 40px;}
.navmain a:hover,.navmain a#active { color: #EA002C; height: 40px; text-decoration:none; font-weight:bold;}


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

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

.reverselink a{color:#666666; font-size: 20px;}
.reverselink a:hover{color:#EA002C;}

.telephone {font-family:Arial, 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;}

.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: Georgia, "Times New Roman", Times, serif;color: #494738;padding: 0 0 20px 0;font-weight:100;margin: 0 0 5px 0;font-size: 48px; line-height: 40px;}

h2{font-family: Georgia, "Times New Roman", Times, serif;font-size: 26px;color: #494738;}

h3{font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;color: #494738;}

.red {color:#EA002C;}

/*
Rollover Buttons
-----------------------------------*/

/*Go Button Large*/

#golarge{display: block;width: 28px;height: 18px;background: url(../images/go_button_over.gif) no-repeat;display:block;margin: 10px 0 0 0;float:right;}
#golarge:hover{ background-position: 0 -18px;}
#golarge span{display: none;}

/*Go Button*/

#go
{display: block;width: 28px;height: 18px;background: url(../images/go_button_over.gif) no-repeat;display:block;margin: 24px 0 0 0;float:right;}
#go:hover{ background-position: 0 -18px;}
#go span{display: none;}

/*Watermark*/

#watermark
{display: block;width: 34px;height: 28px;background: url(../images/footer_watermark.gif) no-repeat;display:block; margin: 0 0 0 0;float:right;}
#watermark:hover{background-position: 0 -28px;}
#watermark span{display: none;}

/*sticky Button*/

#sticky{display: block;width: 23px;height: 203px;background: url(../images/sticky_button.gif) no-repeat;display:block;margin: 0 0 0 0;float:right;}
#sticky:hover{background-position: -23px;}
#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: Georgia, "Times New Roman", Times, serif;color: #666666;}
#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; }