@charset "utf-8";

* { margin: 0; padding: 0; outline: none; }
body { position: relative; z-index: 0; background: #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #f2f2f2; font-size: 70%;  }

fieldset { float: left; width: 290px; border: 0; margin: 0 0 10px 0; padding: 0; background: transparent;}
form { float: left; width: 290px; margin: 0; padding: 0; background: transparent; }
legend { display: none; }
form div { float: left; clear: both; background: transparent; width: 290px; margin: 0; padding: 0 0 5px 0; }
label { display: block; padding: 0 0 5px 0; }
.txt { width: 280px; margin: 0; padding: 2px 5px; color: #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; }
.area { width: 280px; height: 100px; margin: 0; padding: 2px 5px; color: #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; }
.btn { cursor: pointer; color: #fff; background: #333; border: 2px solid #666; margin: 5px 0 0 0; padding: 1px 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 150%; } 

.error { float: left; clear: none; width: 245px; border: 1px dotted #444; margin: 0 0 15px 0; padding: 5px 10px 5px 35px; background: transparent url("../graphics/error.png") 10px 50% no-repeat; font-weight: bold!important; font-size: 120%; }
.info { float: left; clear: none; width: 245px; border: 1px dotted #444; margin: 0 0 15px 0; padding: 5px 10px 5px 35px; background: transparent url("../graphics/info.png") 10px 50% no-repeat; font-weight: bold!important; font-size: 120%; }
.ok { float: left; clear: none; width: 245px; border: 1px dotted #444; margin: 0 0 15px 0; padding: 5px 10px 5px 35px; background: transparent url("../graphics/ok.png") 10px 50% no-repeat; font-weight: bold!important; font-size: 120%; }

.alignCenter { text-align: center; }
.alignleft { float:left; margin:0 10px 8px 0}
.clear{clear:both; display:block;}
a img { border: 0; }

h1,h2,h3,h4,h5,h6 { margin: 10px 0 10px 0; padding: 0; clear:both; }
h1 { font-size: 150%; }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
p { line-height: 1.5em; margin: 15px 0 15px 0; padding: 0; }
p strong { color: #990000; font-size: 120%; }
a { color: #ccc; }

ul { float: left; clear: both; margin: 0 0 18px 20px; padding: 0; }
ul li { margin: 0; padding: 0 0 5px 0; vertical-align: middle; }
ul li img { vertical-align: middle; margin: 0; padding: 0 10px 0 0; }
ul li a { }

#container { width: 100%; margin: 0; padding: 0; background: transparent; }
#headerCon { width: 100%; clear: both; height: 121px; margin: 0; padding: 0; background: #1C1C1A url("../graphics/header-bg.jpg") 0 0 repeat-x; border-bottom: 2px solid #8C8C87; }
#header { position: relative; width: 850px; height: 121px; margin: 0 auto 0 auto; padding: 0;}
#header h1, #header p { }

#header #logo{position:absolute; top:10px; left:0; width:150px; height:57px; display:block; margin:0!important; padding:0 !important; }
#header #logo a{position:absolute; top:12px; left:15px; width:100%; height:100%; background:url('../graphics/logo.jpg') top left no-repeat; text-indent:-5000px;}

#header #tag-line{
    font-size: 14px;
    font-weight: bold;
    left: 660px;
    position: absolute;
    text-transform: uppercase;
    top: 31px;
	}
	
#header #tag-line span{
	color:#c80203;
	}

#header ul#tools{
	left: 212px;
    list-style: none outside none;
    position: absolute;
    top: 49px;
	text-transform:uppercase;
	}
	
#header ul#tools li{float:left; display:inline;}
#header ul#tools li a{padding:0 10px 0 10px; border-right:1px solid #41403c; font-weight:bold; text-decoration:none; font-size:14px; color:#FFFFFF;}
#header ul#tools li a:hover{color:#AFAFAF}
#header ul#tools li.first a{padding-left:none!important;}
#header ul#tools li.last a{border-right:none!important;}

        
    
.widget{width:163px; background:#FFFFFF url('../graphics/widget-fade.gif') repeat-x top left; color:#000; padding:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 0 12px 0; position:relative;}	
.widget#client-logos{ margin: 17px 0 28px !important}

.widget#twitter a{color:#000000; text-decoration:underline;}
.widget#twitter a:hover{color:#666666;}
.widget#twitter a#profile{
	background: url("../graphics/twitter-icon.gif") no-repeat scroll left top transparent;
    height: 16px;
    position: absolute;
    right: 10px;
    text-indent: -5000px;
    top: 13px;
    width: 16px;
}  

#nav {	
    background: none repeat scroll 0 0 transparent;
    left: 0;
    list-style: none outside none;
    margin: 92px 0 0;
    padding: 0;
    position: absolute;
    width: 656px;
	}
#nav li { position: relative; z-index: 100; float: right; margin: 0 2px 0 0; padding: 0; }
#nav li a { display: block;  background: #292824 url("../graphics/navUnderRight.jpg") top right no-repeat; color: #999; text-transform: uppercase; text-decoration: none; font-size:11px;}
#nav li a span { display: block; margin: 0; padding: 7px 10px 6px 10px; background: transparent url("../graphics/navUnderLeft.jpg") 0 0 no-repeat; }
#nav li a:hover { background: #787870 url("../graphics/navOverRight.jpg") top right no-repeat; color: #fff;  }
#nav li a:hover span { cursor: pointer; background: transparent url("../graphics/navOverLeft.jpg") 0 0 no-repeat; }

#nav li.active a { background: #787870 url("../graphics/navOverRight.jpg") top right no-repeat; color: #fff;  }
#nav li.active a span { cursor: pointer; background: transparent url("../graphics/navOverLeft.jpg") 0 0 no-repeat; }

.sub { display: none; }
#nav li:hover a { background: #787870 url("../graphics/navOverRight.jpg") top right no-repeat; color: #fff;  }
#nav li:hover a span { cursor: pointer; background: transparent url("../graphics/navOverLeft.jpg") 0 0 no-repeat; }

#nav li:hover .sub { display: block; position: absolute; z-index: 200; top: 29px; left: 1px; width: 220px; list-style: none; margin: 0!important; padding: 5px 0 5px 0!important; background: #787870!important; }

.sub li { width: 220px; clear: both; margin: 0!important; padding: 0!important; }
.sub li a { display: block; width: 200px!important; margin: 0; padding: 4px 10px 4px 10px; background: #787870!important; text-transform: none!important; font-size: 90%!important; }
.sub li a:hover { background: #ccc!important; color: #444!important; }

.leftNav { float: left; width: 182px; list-style: none; margin: 0 0 10px 0; padding: 0; background: transparent; }
.leftNav li { width: 182px; margin: 0; padding: 0; }
.leftNav li a { color: #fff; display: block; width: 182px; margin: 0 0 0 0; padding:5px 0; border-bottom: 1px solid #5F5F5F; text-decoration: none; }
.leftNav li a:hover { text-decoration: none; color: #666; }

.leftNavSub { width: 150px; list-style: none; margin: 0 0 10px 15px; padding: 0; background: transparent; }
.leftNavSub li { width: 167px!important; margin: 0; padding: 0; }
.leftNavSub li a { width: 167px!important; }

#news { float: left; clear: both; width: 495px; margin: 0 0 10px 0; padding: 0; list-style: none;  }
#news li { float: left; width: 470px; margin: 0; padding: 8px 0 8px 25px; border-bottom: 1px dotted #ccc; background: transparent url("../graphics/redArrow.gif") 0 10px no-repeat; }
#news li span { display: block; width: 70px; float: left; }
#news li a { display: block; width: 400px; float: left; text-decoration: none; margin: 0; padding: 0; color: #fff; }
#news li a:hover { text-decoration: underline; color: #666; }

#bannerCon { width: 100%; clear: both; margin: 0; padding: 0; background: #2E2E2E; }
#banner { width: 850px; overflow: hidden; margin: 0 auto 0 auto; padding: 0; background: #0D0D0D url("../graphics/banner.gif") 0 0 repeat-y; }

#bannerLeft { float: left; width: 182px; margin: 0; padding: 0 15px 0 15px; background: #990000; height:184px; color:#FFFFFF; position:relative;}
#bannerLeft a{color:#FFFFFF;}
#bannerLeft h2 { font-size: 135%; letter-spacing: 0.05em; margin: 0; padding: 15px 0 20px 0; }
#bannerLeft h2 span { display: block; clear: both; }
#bannerLeft p { font-size: 110%; letter-spacing: 0.05em; margin: 0; padding: 0; }
#bannerLeft #phone{font-size: 16px;font-weight: bold;}

#bannerRight { float: left; width: 638px; margin: 0; padding: 0; background: #2E2E2E; }
#bannerRight img { float: left; margin: 0; padding: 0; }

#contentCon { width: 100%; margin: 0; padding: 0; background: #000;}
#content { width: 850px; overflow: hidden; margin: 0 auto 0 auto; padding: 0 0 20px 0; background: transparent url("../graphics/content.gif") 0 0 repeat-y; }
#contentLeft { float: left; width: 182px; margin: 0; padding: 10px 15px 10px 15px; background: transparent; }
#contentLeft h3 { font-size:17px; margin:0 0 13px; padding: 0; }
#contentLeft p { font-size: 90%; margin: 0 0 10px 0; padding: 0; }
#contentLeft ul{margin:0 0 0 0; list-style:none;}
#contentRight { float: left; width: 498px; margin: 0; padding: 10px 30px 0 30px; text-align:justify; }
#contentRight p{font-size:14px!important;}
#contentRight label{font-size:14px!important;}
#contentRight .calc #results{background:#000; border:1px solid #333; padding:0 15px 0 15px; clear:both;}


#right-cont{float:right; position:relative; padding:30px 20px 0 0;}
#room-management {background:url(../images/room-management.jpg) no-repeat top left;}
#support-banner {background:url(../images/support-banner.jpg) no-repeat top left;}
#the-christie {background:url(../images/the-christie.jpg) no-repeat top left;}
#healthcare-banner {background:url(../images/healthcare-banner.jpg) no-repeat top left;}
#calc-banner {background:url(../images/calc-banner.jpg) no-repeat top left;}
.block{width:155px; height:109px; position:relative; margin:0 0 10px 0; color:#FFFFFF;}
.block a{width:145px; height:104px; display:block; padding:5px 0 0 10px; font-weight:bolder; font-size:14px!important;}
.block a:hover{text-decoration:none!important;}
#quiz tr.odd{background:#1f1f1f; margin:5px 0 5px 0}
#quiz tr{margin:0 0 0 0; float:left; padding:5px 5px 5px 10px; width:485px;}
.score{width:100px; float:left;}

#logos { float: left; width: 80px; background: #333; text-align: center; margin: 0; padding: 0 0 10px 0; }
#logos p { margin: 0; padding: 15px 0 15px 0; color: #777; }

#ccomm { float: none!important; width: 850px; margin: 0 auto 0 auto; padding: 5px 0 5px 0; border-bottom: 1px dotted #666; }
#ccomm a { text-decoration: none; color: #fff; margin: 0; padding: 0; }

#footerNav { float: none!important; list-style: none; width: 850px; margin: 0 auto 30px auto; padding: 10px 0 10px 0; border-bottom: 1px dotted #666; overflow: hidden; }
#footerNav li { float: right; margin: 0 0 0 10px; padding: 0; color: #555; font-size: 90%; }
#footerNav li a { text-decoration: none; margin: 0; padding: 0 10px 0 0; color: #555; border-right: 1px solid #222; }
#footerNav li a:hover { color: #fff; text-decoration: underline; }

#googleMap { float: left; clear: both; margin: 10px 0 0 0; padding: 0; }

#address { float: left; width: 175px; background: transparent; margin: 0; padding: 0 20px 0 0; }
address { float: left; clear: both; margin: 0 0 20px 0; padding: 0; font-style: normal; }
address span { display: block; width: 175px; margin: 0; padding: 0; }

#newsBlock { }
#newsBlock h2 { font-size: 100%; margin: 0; padding: 8px 0 8px 25px; border-bottom: 1px dotted #ccc; background: transparent url("../graphics/redArrow.gif") 0 15px no-repeat; }
#newsBlock h2 span { font-size: 140%; margin: 0; padding: 0 0 0 20px;  }
#newsBlock p { padding: 0 0 0 92px; }
#newsBlock address { padding: 0 0 0 92px; }