* { margin: 0; padding: 0; outline-width: 0; list-style: none; }
html, body { height: 100%; font-family: verdana; font-size: 12px; overflow: hidden; }
td { font-size: 12px; }
img { border:0; }
a { text-decoration: none; color: #800000; }
a:hover { color: #aaa; }
h1 {margin:0 0 1em 0; font-size:170%;}
h2 {margin:0 0 10px 0; font-size:140%; font-weight: normal; letter-spacing: 5px; color: #800000;}
h3 {margin:0 0 1em 0; font-size:120%;}
h4 {margin:0 0 1em 0; font-size:110%;}
h5 {margin:0; font-size:100%;}
h6 {margin:0; font-size:100%;} 

.half_width { width: 50%; }
.gray { color: #666; }

#logo { position: absolute; top: 0px; left: 0px; width: 143px; height: 140px; display: block; background: url(../images/logo.gif) center center no-repeat; }

#bar_left { position: absolute; top: 0px; left: 144px; bottom: 0px; width: 12px; border-left: 1px solid #666; border-right: 1px solid #666; background: #800000; font-size: 1px; }
#bar_right { position: absolute; top: 0px; left: 990px; right: 0px; bottom: 0px; border-left: 1px solid #666; background: url(../images/background_right.jpg) repeat-y top left #800000; font-size: 1px; }
#bar_hor_left { position: absolute; top: 138px; left: 0px; width: 128px; border-top: #666; border-bottom: #666; background: #800000; font-size: 1px; height: 14px; }
#top_crossroad { position: absolute; top: 123px; left: 128px; }
#top_crossroad_right { position: absolute; top: 129px; left: 975px; }
#top_narrow { position: absolute; top: 0px; left: 129px; }
#top_narrow_right { position: absolute; top: 0px; left: 980px; }
#bottom_narrow { position: absolute; bottom: 0px; left: 129px; }
#bottom_narrow_right { position: absolute; bottom: 0px; left: 981px; }
#top_banner { position: absolute; top: 0px; left: 160px; }
#bottom_banner { position: absolute; bottom: 0px; left: 162px; }

#nav { position: absolute; top: 160px; left: 0px; width: 133px; }
#nav li { float: left; width: 133px; background: url(../images/nav_background.gif) no-repeat top left; line-height: 29px; margin-bottom: 1px; }
#nav li.active { background: url(../images/nav_active_background.gif) no-repeat top left; }
#nav li a { display: block; padding-left: 10px; color: white; font-size: 14px; }
#nav ul { position: relative; background: #f2f2f2; border-right: 1px solid #666; border-bottom: 1px solid #666; width: 132px; padding: 5px 0; margin-bottom: 1px;}
#nav ul li { background: none!important; float: none; }
#nav ul li a { font-size: 12px; color: #333; line-height: 18px; }
#nav ul li a:hover { color: #aaa; }
#nav ul li.active a { font-weight: bold; }
.subnav_bottom_corner { position: absolute; margin-right: -1px; margin-bottom: -1px; bottom: 0px; right: 0px; }

h1 { position: absolute; top: 120px; left: 180px; font-weight: normal; letter-spacing: 5px; color: gray; }
#content { position: absolute; top: 160px; width: 791px; bottom: 60px; left: 180px; overflow: auto; padding-right: 10px; line-height: 17px; }
#content ul { margin: 10px 0 20px 0; }
#content ul li { background: url(../images/list_style_image.gif) no-repeat 0 2px; padding: 3px 10px 10px 20px; }
#content ul ul { margin-left: 15px; }
#content p, #content div { margin: 10px 0 20px 0; }
#content .img { border: 1px solid #666; }
#content .gallery img { margin: 5px; float: left; border: 1px solid #666; padding: 10px; background: #eee; }
#content .gallery img:hover { background: #fff; }
#content iframe { border: 1px solid #666; }
#content a img { vertical-align: bottom; margin-right: 3px; }
#content a { border-bottom: 1px solid #800000; }

.team li { float: left; margin-right: 2em; }

.newsthumb { float: left; margin: 0 1em 1em 0; border: 1px gray solid; }

.quote { padding: 10px; background: #eee; border: 1px solid #666; }

.newshead { background: url(../images/bottom_narrow_right.gif) no-repeat top left #800000; padding: 10px; margin: 0!important; color: white; font-weight: bold; border-right: 1px solid #666;}
.newshead .date { color: #ddd; font-weight: normal; margin: 0!important; }
.newstext { margin: 0!important; padding: 10px; background: #eee; border: 1px solid #666; }

#contactinfo { position: absolute; bottom: 14px; left: 5px; color: #666; font-size: 10px; line-height: 14px; }
#contactinfo a { color: #666; }
#contactinfo a:hover { color: #800000; }

#benchmark { position: absolute; top: 0px; right: 0px; color: #eee; }

.hideme { display: none; }

#web #popup_background {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #000000; z-index: 10000; }
#web #popup_content {position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; margin-left: -100px; margin-top: -100px; background: #FFFFFF; border: 4px solid #cccccc; z-index: 10001; }
#web #popup_close {position: absolute; top: 10px; right: 10px; z-index: 5000; }
#web #popup_close a {background: url(../images/close.gif) no-repeat 0 0; display: block; width: 15px; height: 15px; }
#web #popup_close span {display: none; }
#web #popup_text {position: absolute; left: 30px; right: 30px; top: 30px; bottom: 30px; text-align: center; }
#popup_image {visibility:hidden; margin:10px 0; border: 1px solid #666; }
#popup_navigation {visibility:hidden;}
#popup_navigation a { font-weight:bold;}
#popup_navigation .nav {display:block; float:left; width:280px; }
#popup_navigation .overview { float:right; }
#popup_navigation .overview a { padding:0 0 0 15px;}
.popup_thumb_container { position:absolute; top:0px; left:0px; right:0px; bottom:0px; overflow:auto;}
.popup_thumb { float:left; width:132px; height:110px; border:1px solid #333; padding:10px; text-align:center; margin:0 0 5px 5px; cursor:pointer;}

/** Forms **/

legend { padding: 0 0 13px 0; color: #800000; font-size: 15px; line-height: 23px; font-weight: bold; }
.section { padding-bottom: 8px; border: 0px; }
#content .section h3 { padding: 0; float: none; clear: both; }
form { width: 530px; }
form br { clear: both; display: none; }
form label { display: block; padding: 0 0 6px 0; float: left; width: 170px; }
form input { width: 155px; }
form select { width: 161px; }
form textarea { width: 494px; height: 150px; }
form span { display: block; padding-bottom: 2px; }
form label.error span { color: #800000; }
form label.error input { border: 1px solid #800000; color: #800000; }
form label.error input.focus, form label.error input:focus { border: 1px solid #800000; }
form label.postcode input { width: 95px; }
form label.location input { width: 215px; }
form label.email input { width: 325px; }
form label.job input { width: 495px; }
form label.radio span { display: inline; }
form label.radio input { width: auto; background: none; border: 0; }
form label.radio { padding: 0 0 2px 0; }
form label.nofloat { float: none; width: auto; }
form label.postcode { width: 110px; }
form label.location { width: 230px; }
form label.email { width: 342px; }
form label.job { width: auto; }
form .text label { width: auto; }
form .text input { width: 494px; }
form .google_maps { width: auto; }
form .google_maps input { margin-top: 13px; width: 200px; }
input.focus, textarea.focus, input:focus, textarea:focus { color: #333; border: 1px solid #800000; }
input, select { padding: 2px 2px; background: #fff; color: #333; border: 1px solid #333; }
select { padding: 1px; }
textarea { padding: 2px; background: #fff; color: #333; border: 1px solid #333; }
button { padding: 3px 3px 0 3px; margin: 0 0 13px 0; cursor: pointer; border: 1px solid #333; }
#form_selections { margin: 0 0 13px 0; }
#validationMessage { display: none; padding: 10px; border: 1px solid #666; background: #eee; }