body { margin:0; padding:0; font:14px/1.5 arial, sans-serif; color: #d0d0d0; background: #383838; } 
input, textarea { font:1em arial, sans-serif; }
table { font-size:1em; margin:0 auto; }
table p { margin:0; }
p, table, .shout, .shout2, .quote, h1, h2, h3, h4, h5, h6 { margin: 16px 0; }
ul { list-style-type:square; margin:0 0 25px 40px; line-height:1.8; }
ul li { margin: 10px 0; line-height: 1.6; }
a { outline:none; color: #fff; }
a:hover { text-decoration:none; }
a img {  }
a:hover img {  }
a img.noback { background:none; padding:0; border:none; }
a:hover img.noback { background:none; padding:0; border:none; }
h1 { font-size: 32px; font-weight: bold; color: #fff; letter-spacing: -0.04em; padding: 10px 0 30px 0; margin: 0 0 30px 0; border-bottom: 5px solid #fff; line-height: 0.9; }
h1 span { font-weight: normal; color: #9e9e9e; font-size: 26px; }
h2 { font-size: 28px; color: #fff; font-weight: normal; letter-spacing: -0.07em; } 
h3 { font-size: 16px; color: #9e9e9e; font-weight: normal;  letter-spacing: -0.08em;} 
h4 {  } 
h5 {  }
h6 {  }
pre {  }
address {  }
del {  }
strong { color: #f74d52; }
img.clsleft { margin-right:20px; margin-bottom:15px; float:left; }
img.clsmiddle { margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsright { margin-left:20px; margin-bottom:15px; float:right; }
img.clsborderleft { border:1px solid #444; padding:12px; margin-right:20px; margin-bottom:15px; float:left; background: #222; } 
img.clsbordermiddle { border:1px solid #444; padding:12px; margin-right:20px; margin-left:20px; margin-bottom:15px; background: #222; }
img.clsborderright { border:1px solid #444; padding:12px; margin-left:20px; margin-bottom:15px; float:right; background: #222; }
.datatable { border-top:1px solid #444; }
.datatable th {  } 
.datatable td { border-bottom:1px solid #444; padding:8px 4px;  } 
.notes { font-size:0.9em; } 
.shout { font-size:1.2em; } 
.shout2 { font-size:1.2em; } 
.submit, .reset { cursor:pointer; outline:none; border:none; color:#fff; padding:5px; background:#000; } 
.reset { background:#333; } 
.quote, blockquote {  } 
.caption { float:right; width:220px; padding:15px; margin:0 0 0 25px; } 
.custom1 {  } 
.custom2 {  } 
.border { border:1px solid #444; padding:12px; background: #222; } 
.noborder { border:0; }
.clear { clear:both; }
.contact_form, .contact_form fieldset  { display:inline; }
.contact_form label { display:block; float:left; width:150px; padding:2px 0; }
.contact_form input, .contact_form textarea { width:300px; margin-bottom:8px; }
.contact_form textarea { height:140px; }
.contact_form p { text-align:right; margin-top:10px; }

#container { margin:0 auto; width:960px; background: #383838; }
#head { overflow: hidden; }
#head img { float: left; }
#sitelogo img { border: 0; }

#menu, #menu ul { margin: 0; padding: 0; }
#menu { position: relative; z-index: 4; }
#menu ul { height: 63px; background: url(menu.png) no-repeat; padding: 14px 30px 0 30px;  }
#menu li { list-style-type: none; display: block; float: left; background: url(sep.gif) right no-repeat; margin: 0; line-height: 1; }
#menu li a { display: block; color: #fff; text-decoration: none; padding: 17px 22px; text-transform: uppercase; text-shadow: -1px -1px 0 #4e4e4d;  }
#menu li a:hover { color: #ddd; border-bottom: 3px solid #fff; padding-bottom: 14px; }
#menu #active { font-weight: bold; }

#banner { position: relative; top: -29px; z-index: 3; }
#banner img { display: none; }

#cycle-next { position: absolute; right: -36px; top: 130px; width: 70px; height: 70px; background: url(cycle-next.png) left no-repeat; z-index: 10; cursor: pointer; }
#cycle-prev { position: absolute; left: -36px; top: 130px; width: 70px; height: 70px; background: url(cycle-prev.png) left no-repeat; z-index: 10; cursor: pointer; }

#cycle-next:hover, #cycle-prev:hover { background-position: right; }
#pagebody { padding: 0 45px 20px 45px; }

#home-right { width: 364px; float: right; position: relative; top: -45px; z-index: 20; margin: 0 -30px 0 30px; }

.left-col { width: 500px; }

.right-col { width: 364px; float: right; }

.margin-bottom { margin-bottom: 20px; }

.white { color: #fff; }

#home-right-text { padding: 0 20px; }

.inner { width: 960px; margin: 0 auto; }

#footer .inner { background: #161616; overflow: hidden; width: 920px; padding: 40px 20px 0 20px; }

.form {margin:15px 0; width:510px;}
.form .inputsurround {overflow:hidden; padding:10px 0 0 0; }
.form .inputsurround label { float:left; width:40%; }
.form .inputsurround input, .form .inputsurround textarea { width:260px; background: #fff; border: 0; padding: 4px; }
.form .inputsurround .submit {background: #e0292f; border: 0; cursor: pointer; color: white; padding:6px; margin:5px auto; clear:both; width: auto !important; }

#footer .form {margin:15px auto 0 auto; width: auto; }
#footer .form .inputsurround {overflow:hidden; padding:10px 0 0 0; }
#footer .form .inputsurround label {float:left; width:60px; text-align: right; line-height: 1; padding: 7px 8px 0 0; }
#footer .form .inputsurround input, #footer form .inputsurround textarea {float:right; width:200px; clear:right}
#footer #footer-submit { background: url(footer-submit.png) no-repeat; width: 137px; height: 62px; float: right; text-indent: -9999em; cursor: pointer;  }

#footer-contact { float: left; width: 198px; }
#footer-logo { float: left; width: 297px; font-size: 12px; margin: 0 45px; }
#footer-enquiry { float: left; background: #262626; padding: 10px 30px 0 10px; text-align: right; color: #9e9e9e; }
#footer-enquiry h2, #footer-enquiry h3 {  margin: 0; padding: 0; }
#footer input, #footer textarea { border: 0; font-size: 12px; font-family: sans-serif; padding: 5px; }
#footer textarea { height: 100px; }

.left { float: left } 
