/* font */
/*@import url('GillSansRegular/stylesheet.css');*/
@import url('GillSansLight/stylesheet.css');

/* general elements */
body { background: url(images/bg.png) 0 -15px repeat-x; margin: 0; }
body, p, a, input, textarea { font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; }
hr { height: 0; border: none; border-top: 1px solid #fff; }
p { margin: 0 0 20px 0; line-height: 18px; }
form { margin: 0; padding: 0; display: inline; }

/* colours */
.green { color: #aed136 !important; }
.grey { color: #939598 !important; }

/* specific elements */
#c1 { width: 912px; margin: 0 auto; position: relative; }
#clearer { clear: both; }
#logo { margin: 0; padding: 0; background: url(images/logo.png); width: 133px; height: 67px; position: absolute; top: 26px; left: 1px; }
#contact-details { position: absolute; top: 77px; right: 3px; background: url(images/contact-details.png); width: 486px; height: 12px; }
#copy, #photo, #news, #quote { float: left; margin: 2px 2px 0 0; position: relative; }
#copy, #photo { margin-top: 1px; }

#copy { width: 454px; height: 606px; position: relative; overflow: hidden; overflow-y: auto; background: #0f75bc url(images/copy-bg.png); }
#copy2 { background: #0f75bc url(images/copy-bg.png); background-repeat: repeat-x; width: 415px; padding: 0 12px 0 12px; position: absolute; top: 0; left: 0; }
#copy p { margin-right: 35px; margin-left: 5px; }
#copy li { margin: 0 0 5px 0; }
#copy ul.spaced li { margin: 0 0 15px 0; }
h2 { width: 419px; margin: 62px 0 20px 0; }
h3 { width: 400px; height: 19px; background: no-repeat; margin: 42px 0 20px 0; }

/* 2011 @font-face change */
h2.text { font-family: GillSansLight, Verdana, sans-serif; color: #a9b8c3; font-weight: 300; font-size: 27px; line-height: 1.1; padding: 28px 0 10px 5px; width: 404px; text-indent: 0 !important; background: url(images/header.png) no-repeat; border-bottom: 1px solid #5c7ebd; }
h2.text span { color: #00aeee; }


#photo, #photo img { width: 454px; height: 341px; }
#photo1, #photo2 { position: absolute; top: 0; left: 0; z-index: 2; }
#photo2 { z-index: 3; }

#news { background: url(images/news-bg.png); width: 202px; height: 263px; padding: 0 10px; }
#news h2 { background: url(images/headers/news-small.png); width: 204px; height: 49px; padding: 0; margin: 16px 0 0 0; }
#news ul { margin: 0; padding: 0 0 0 17px; list-style: disc; }
#news li { margin: 10px 0 0 0; line-height: 18px; }
#news li a { text-decoration: none; }

#menu { list-style: none; margin: 0; padding: 117px 0 0 0; }
#menu a { text-decoration: none; display: block; padding: 4px 0 0 0; height: 21px; width: 112px; text-align: center; font-size: 12px; line-height: 17px; }
#menu a:hover { background: #0f75bc; }
#menu li.selected a:hover { background: none; }
#menu li { display: block; float: left; margin: 0 2px 0 0; padding: 1px 0 0 0; }
#menu li.selected { background: url(images/menu-bg.png); }

#quote { width: 230px; height: 263px; position: relative; overflow: hidden; }
#quote_flash img { border: 0; width: 230px; height: 263px; }
#quote_form { position: absolute; top: 5px; left: 5px; width: 200px; height: 233px; padding: 10px; background: #fff; }
#quote_form h2 { display: none; }
#quote_form label { display: block; float: left; clear: left; width: 45px; color: #154a87; font-size: 12px; } 
#quote_form input, #quote_form textarea { display: block; color: #939598; background: #fff; border: 1px solid #e4e4e5; font-size: 12px; }
#quote_form input {  float: left; width: 151px; height: 16px; margin: 0 0 9px 0; } 
#quote_container { width: 200px; height: 233px; padding: 10px; position: absolute; top: 0; left: 0; z-index: 2; background: #fff; }
#quote_container p { margin: 0 0 10px 0; }
#quote_container p, #quote_container a { color: #154a87; font-size: 12px; }
#quote_form textarea { position: relative; top: 3px; clear: left; width: 188px; height: 92px; padding: 5px; margin: 0 0 7px 0; } 
#quote_form button { height: 19px; width: 70px; background: url(images/send-button.png); border: none; cursor: pointer; float: right; }

#footer { background: #a9b8c3; width: 895px; height: 23px; padding: 6px 15px 0 0; text-align: right; margin: 2px auto 0 auto; position: relative; right: 1px; }
#footer, #footer a { font-size: 11px; color: #ddd; text-decoration: none; line-height: 16px; }
#footer a:hover { text-decoration: underline; }

/* hide elements for CSS browsers */
h1, h2, h3, button, #contact-details { text-indent: -999em; overflow: hidden; }

/* IE 6 hacks */
* html #footer { right: 2px; }
* html #quote { width: 228px; }
* html #quote_form { width: 198px; overflow: hidden; }
* html #contact-details { overflow: hidden; right: 3px; }