/* CSS DOCUMENT */
body { font-size:14px; color:#444444; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:0; background:url(http://www.htw.co.uk/images0910/htwback.jpg) top repeat-x #000000; }

:-moz-any-link :focus { outline:none; }
:focus { -moz-outline-style:none; outline:none; }

/* HEADINGS */
h1 { font-size:46px; margin:0; padding:10px 0 0; color:#163173; }
h2 { font-size:32px; margin:0; padding:10px 0px; color:#c8ad5a; line-height: 36px;}
h3 { font-size:24px; margin:0; padding:0; color:#163173; }
h4 { font-size:20px; margin:0; padding:10px 0 0; }

a:link, a:visited {text-decoration: none; color:#c8ad5a; }
a:hover { color: #163173; }

/* MAIN DIVS */
#wrapper { width:980px; background-color:#ffffff; margin:0 auto; padding:0; }
#header { text-align:right; font-weight:bold; padding:3px 20px; font-size:12px; background:#000033 url(http://www.htw.co.uk/images0910/HTWname.png) top left no-repeat; position:relative; height:328px; }
#headerimg { height:250px; background-color:#163173; position:absolute; top:42px; left:0; width:980px; z-index:1; border-top:1px solid #926d00; }
#htwlogo { position:absolute; top:125px; right:40px; z-index:3; }
#htwaward { position:absolute; top:65px; left:85px; z-index:3; }
#nav { height:44px; background:url(http://www.htw.co.uk/images0910/nav2.png) left repeat-x; position:absolute; top:293px; left:0; width:960px; text-align:left; padding:0 10px; margin:0; }
#main { position:relative; }
#content { float:left; width:680px; margin:20px 0 20px 30px; line-height:20px; font-size:14px; color:#444444; }
#content .strong { line-height:24px; color:#333333; }
#buttons { float:right; width:200px; margin:85px 30px 20px 0; }
#buttons .button { display:block; height:60px; padding:20px 20px 20px 80px; border:1px solid #dddddd; margin-bottom:20px; font-size:13px; clear:both; text-decoration:none; color:#444444; }
#buttons .pricelist { padding-top:30px; height:50px; background:url(http://www.htw.co.uk/images0910/pricelist.png) left no-repeat; }
#buttons .recruitment { padding-top:40px; height:40px; background:url(http://www.htw.co.uk/images0910/recruitment.png) left no-repeat; }
#buttons .button:hover { border:1px solid #c8ad5a; color:#947004; cursor:pointer; }
#main .toplink,#main .toplink:visited { position:absolute; bottom:0; right:30px; margin:0; display:block; padding:5px 10px; background:#434343; color:#ffffff; text-decoration:none; font-size:12px; border-top:1px solid #c8ad5a; border-left:1px solid #c8ad5a; border-right:1px solid #c8ad5a; border-collapse:collapse; z-index:3; }
#main .toplink:hover { color:#c8ad5a; }
#bar { height:44px; background:url(http://www.htw.co.uk/images0910/bar.png) left repeat-x; border-bottom:1px solid #c8ad5a; z-index:1; }
#footer { height:260px; background:url(http://www.htw.co.uk/images0910/footer.png) left repeat-x; position:relative; color:#cccccc; }
#footer .left { position:absolute; top:20px; left:30px; width:600px; line-height:18px; font-size:12px; }
#footer .right { position:absolute; top:20px; right:30px; width:250px; padding-top:40px; }
#footer .phone { display:block; padding:15px 5px 15px 60px; font-size:26px; color:#dddddd; margin-bottom:20px; background:url(http://www.htw.co.uk/images0910/iphone.png) no-repeat left; }
#footer .fax { display:block; padding:15px 5px 15px 60px; font-size:18px; color:#dddddd; background:url(http://www.htw.co.uk/images0910/fax.png) no-repeat left; }
#footer .legal { position:absolute; left:30px; top:180px; font-size:11px; }
#footer a:link,#footer a:visited { color:#cccccc; text-decoration:none; }
#footer a:hover { color:#c8ad5a; }

/* LINKS */
#top { position:absolute; top:0; left:530px; }
#top li { list-style-type:none; display:inline; margin:0; padding:0; }
#top a:link,#top a:visited { color:#c8ad5a; text-decoration:none; padding:11px 10px; display:block; float:left; }
#top a:hover { color:#fff; }
#top a.active { color:#ffffff; }
#top,#nav2 { padding:0; margin:0; font-size:14px; }
#nav2 li { list-style-type:none; display:inline; margin:0; padding:0; }
#nav2 a:link,#nav2 a:visited { color:#ffffff; text-decoration:none; padding:11px 10px; display:block; float:left; }
#nav2 a:hover { color:#163173; }
#nav2 a.active { color:#ffffff; }
#footer .strong { font-weight:bold; font-size:12px; }
.gold { color:#c8ad5a; }
#content .strong { font-size:16px; font-weight:bold; }
.contact { border: 1px solid #cccccc; padding:5px; color:#333333; }
.smallbold { font-size: 10px; color:#c8ad5a; }
.fourcolumn { width:150px; padding:9px; float: left; height:200px; font-size: 12px;}
.fourcolumn h3 {font-size: 16px;}
#form {margin-bottom: 20px;}
.column {float: left; width:215px; margin-right: 10px;}
.halfcolumn {float: left; width:330px; margin: 10px 10px 0px 0px;}
.halfcolumn h2 { line-height:28px; font-size: 24px; }
.halfcolumn h3 { line-height:20px; font-size: 16px; }
.center {text-align: center;}
.smalltext {font-size: 12px;}
.businessbox { position: relative; border: 1px solid #dddddd; padding:10px 20px 20px 250px; height: 150px; margin-top: 10px; font-size: 12px;}
.businessbox img { position: absolute; top:20px; left:20px; }
.businessbox h2 {color: #444444;}

/* MAP */
#map { position:relative; width:680px; height:465px; background: url(http://www.htw.co.uk/images0910/map.jpg);}
#returnlink { display:block; position:absolute; bottom:0; right:0; color:white; background:#333333; padding:3px; }
#map .bullet { display:block; position:absolute; width:40px; height:40px; text-decoration:none; z-index:2; }
#map .aldershot {position: absolute; top:155px; left:325px; z-index: 2;}
#map .brighton {position: absolute; top:380px; left:500px; z-index: 3;}
#map .southampton {position: absolute; top:375px; left:100px; z-index: 4;}
#map .winchester {position: absolute; top:255px; left:130px; z-index: 4;}
#map .hedgeend {position: absolute; top:310px; left:120px; z-index: 5;}
#map .brentford {position: absolute; top:40px; left:460px; z-index: 1;}
#map .popup { position:absolute; display:none; background: #ffffff; z-index:10; padding:10px; border:1px solid #dddddd;}
#map div.popup h3 { padding:0; margin:0; }
#map div.popup .popupcontent { font-size:12px; text-align:justify; }
#map div.popup img {margin-top:10px;}
.job-box {margin-top:10px; width: 680px; font-size: 12px; border: 1px solid #c8ad5a;}
.job-box th {background: #c8ad5a; color: #ffffff; padding:5px; font-size: 18px;}
.job-box td {padding:5px; color: #444444; text-align: center;}
.job-box td a {font-size: 14px; text-transform: uppercase; margin:0px 10px;}
#map_canvas {width:420px; height:420px;}
#branchpage {margin-top: 20px; width:680px;}
#branchpage input {border: 1px solid #dddddd; padding:5px;}
#branchpage p strong {font-size: 10px; color: #163173;}
#contactpage input, #contactpage textarea { border:1px solid #cccccc; background: #ffffff; color: #666666; padding:3px; width:300px; }
#contactpage table table input {width:100px;}
#contactpage table table {width:520px;}
#contactpage .submitbutton, #contactpage .btn { background:#163173; color: #ffffff; border:none; padding:7px 20px; width:120px;}
#contactpage .submitbutton:hover, #contactpage .btn:hover { background:#c8ad5a; cursor: pointer; }
#contactpage #radio90, #contactpage #radio91 {width: 20px;}