@charset "utf-8";
/* CSS Document */

body {text-align: center; background-color: #000000; padding: 0; margin: 0;}

/* PAGE STRUCTURE */
#page {width: 818px; margin: 0 auto; background-color: #ffffff; padding: 0;
	background: #ffffff url(http://www.spearcommunications.co.uk/themes/spear/images/page_bg.png) repeat-y;}
#header_index {width: 800px; height: 495px; margin: 0 9px; padding: 0; background-color: #ff5500; text-align: left;
	position: relative; background: #ffffff url(http://www.spearcommunications.co.uk/themes/spear/images/header_home.jpg) no-repeat 30px 175px;}
#header_news {width: 800px; height: 495px; margin: 0 9px; padding: 0; background-color: #ff5500; text-align: left;
	position: relative; background: #ffffff url(http://www.spearcommunications.co.uk/themes/spear/images/header_news.jpg) no-repeat 30px 175px;}
#header_events {width: 800px; height: 495px; margin: 0 9px; padding: 0; background-color: #ff5500; text-align: left;
	position: relative; background: #ffffff url(http://www.spearcommunications.co.uk/themes/spear/images/header_events.jpg) no-repeat 30px 175px;}
#header_clients {width: 800px; height: 495px; margin: 0 9px; padding: 0; background-color: #ff5500; text-align: left;
	position: relative; background: #ffffff url(http://www.spearcommunications.co.uk/themes/spear/images/header_clients.jpg) no-repeat 30px 175px;}
#header_wines {width: 800px; height: 495px; margin: 0 9px; padding: 0; background-color: #ff5500; text-align: left;
	position: relative; background: #ffffff url(http://www.spearcommunications.co.uk/themes/spear/images/header_wines.jpg) no-repeat 30px 175px;}
#header_about {width: 800px; height: 495px; margin: 0 9px; padding: 0; background-color: #ff5500; text-align: left;
	position: relative; background: #ffffff url(http://www.spearcommunications.co.uk/themes/spear/images/header_about.jpg) no-repeat 30px 175px;}
#header_contact {width: 800px; height: 495px; margin: 0 9px; padding: 0; background-color: #ff5500; text-align: left;
	position: relative; background: #ffffff url(http://www.spearcommunications.co.uk/themes/spear/images/header_contact.jpg) no-repeat 30px 175px;}
	
/* COMMON ELEMENTS */
h2 {background-color: #ffffff; padding: 0; margin: 0 0 20px 0; text-align: left; 
	font: 12px Arial, sans-serif; text-transform: uppercase; color: #657748;}
h3 {background: #ffffff url(http://www.spearcommunications.co.uk/themes/spear/images/side_pointer.gif) no-repeat 5px 0; padding: 0 0 0 35px; margin: 0;
	text-align: left; font: 12px Arial, sans-serif; text-transform: uppercase; color: #657748;}
h3 a:link, h3 a:visited {text-transform: none; font-style:italics; text-decoration: none; color: #555555;}
h3 a:hover {text-decoration: underline;}
h4 {background: #ffffff url(http://www.spearcommunications.co.uk/themes/spear/images/side_pointer.gif) no-repeat 5px 0; padding: 0 0 0 35px; margin: 0;
	text-align: left; font: 12px Arial, sans-serif; text-transform: uppercase; color: #657748;}
h5 {padding: 0 0 0 35px; margin: 3px 0 5px 0;
	text-align: left; font: 12px Arial, sans-serif; color: #657748;}
p {background: #ffffff; padding: 0; margin: 0 0 10px 0; text-align: left; 
	font: 12px Arial, sans-serif; line-height: 150%; color: #555555;}
p a {text-decoration: underline; color: #555555;}
ol {background: #ffffff; padding: 0; margin: 0 0 10px 0; text-align: left; 
	font: 12px Arial, sans-serif; line-height: 150%; color: #555555;}
ul {background: #ffffff; padding: 0; margin: 0 0 10px 0; text-align: left; 
	font: 12px Arial, sans-serif; line-height: 150%; color: #555555;}
ol a:link, ol a:visited {text-decoration: none; color: #555555;}
ol a:hover {text-decoration: underline;}
ul a {text-decoration: none; color: #555555;}
ul a:link, ul a:visited {text-decoration: none; color: #555555;}
ul a:hover {text-decoration: underline;}
img {border: none;}

/* HEADER,  NAVBAR AND CONTACT DETAILS (LATTER USE ABSOLUTE POSITIONING) */
h1 {text-indent: -9999px; width: 150px; height: 134px; margin: 20px 0 0 30px; padding: 0; background-color: #ffffff; float: left;
	background-image: url(http://www.spearcommunications.co.uk/themes/spear/images/spear_logo.gif)}
	
#contactdetails {position: absolute; right: 30px; top: 20px;}
#contactdetails ol {list-style-type: none; padding: 0; margin: 0; font: 11px Arial, sans-serif;}
#contactdetails ol li {float: left; padding: 0; margin: 0; color: #abbc8d;}
#contactdetails ol li.tel {border-right: 1px solid #abbc8d; padding-right: 10px; margin-right: 10px;}
#contactdetails ol li.email {}

#navbar {width: 500px; height: 30px; margin: 130px 30px 0 0; background-color: #ffffff; float: right; }
#navbar ol {list-style-type: none; padding: 0; margin: 0;}
#navbar ol li {float: left; padding: 0; margin: 0;}
#navbar ol li a {height: 30px; display: block; text-indent: -9999px; background: #ffffff; margin-right: 28px;}

/* LINK BG IMAGES */
#navbar ol li a#index:link, #navbar ol li a#index:visited {width: 40px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/index.png) no-repeat;}
#navbar ol li a#news:link, #navbar ol li a#news:visited {width: 38px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/news.png) no-repeat;}
#navbar ol li a#events:link, #navbar ol li a#events:visited {width: 48px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/events.png) no-repeat;}
#navbar ol li a#clients:link, #navbar ol li a#clients:visited {width: 51px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/clients.png) no-repeat;}
#navbar ol li a#wines:link, #navbar ol li a#wines:visited {width: 42px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/wines.png) no-repeat;}
#navbar ol li a#about:link, #navbar ol li a#about:visited {width: 46px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/about.png) no-repeat;}
#navbar ol li a#contact:link, #navbar ol li a#contact:visited {width: 64px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/contact.png) no-repeat; margin: 0;}

/* LINK BG ROLLOVERS */
#navbar ol li a#index:hover {background: url(http://www.spearcommunications.co.uk/themes/spear/images/index_roll.png) no-repeat;}
#navbar ol li a#news:hover {background: url(http://www.spearcommunications.co.uk/themes/spear/images/news_roll.png) no-repeat;}
#navbar ol li a#events:hover {background: url(http://www.spearcommunications.co.uk/themes/spear/images/events_roll.png) no-repeat;}
#navbar ol li a#clients:hover {background: url(http://www.spearcommunications.co.uk/themes/spear/images/clients_roll.png) no-repeat;}
#navbar ol li a#wines:hover {background: url(http://www.spearcommunications.co.uk/themes/spear/images/wines_roll.png) no-repeat;}
#navbar ol li a#about:hover {background: url(http://www.spearcommunications.co.uk/themes/spear/images/about_roll.png) no-repeat;}
#navbar ol li a#contact:hover {background: url(http://www.spearcommunications.co.uk/themes/spear/images/contact_roll.png) no-repeat;}


#navbar ol li a#index.active {background: url(http://www.spearcommunications.co.uk/themes/spear/images/index_roll.png) no-repeat;}
#navbar ol li a#news.active {background: url(http://www.spearcommunications.co.uk/themes/spear/images/news_roll.png) no-repeat;}
#navbar ol li a#events.active {background: url(http://www.spearcommunications.co.uk/themes/spear/images/events_roll.png) no-repeat;}
#navbar ol li a#clients.active {background: url(http://www.spearcommunications.co.uk/themes/spear/images/clients_roll.png) no-repeat;}
#navbar ol li a#wines.active {background: url(http://www.spearcommunications.co.uk/themes/spear/images/wines_roll.png) no-repeat;}
#navbar ol li a#about.active {background: url(http://www.spearcommunications.co.uk/themes/spear/images/about_roll.png) no-repeat;}
#navbar ol li a#contact.active {background: url(http://www.spearcommunications.co.uk/themes/spear/images/contact_roll.png) no-repeat;}

/* LEFT*/
#left {width: 490px; margin: 0 0 0 9px; float: left; background-color: #ffffff; text-align: left;
	padding: 30px 30px 20px 30px;}

/*  RIGHT */
#right {width: 190px; margin: 0 9px 0 0; float: right; position: relative;  padding: 30px 30px 0 30px; text-align: left;
	background-color: #ffffff;}
	
/* MAIN */
#main {width: 740px; margin: 0 9px; padding: 30px 30px 0 30px; background-color:#ffffff; text-align: left;}
#topsubnav {width: 500px; padding: 0 0 20px 0; float: right;}
#topsubnav ol {margin: 0; padding: 0; list-style-type: none; float: right;}
#topsubnav ol li {display: block; float: left; font-size: 12px; margin: 0 0px 0 20px;}
	
/* INDEX PAGE */
div.newsitem {margin: 10px 0; }
h2.welcome {text-indent: -9999px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/welcome_h2.gif) no-repeat;}
h2.latestnews {text-indent: -9999px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/news_h2.gif) no-repeat;}
#indexleft {position: relative; width: 460px; margin: 0 0 0 9px; float: left; background-color: #ffffff;
	padding: 30px 30px 20px 30px;}
#indexleft img {padding: 5px 0 15px;}
#indexright {width: 250px; margin: 0 9px 0 0; float: right; position: relative;  padding: 30px 30px 0 0px;
	background-color: #ffffff;}

/* NEWS */
h2.latestnewsstories {text-indent: -9999px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/news_h2.gif) no-repeat; display: block; width: 102px; float: left;}
p.rightclick {float: right; display: block; width: 195px; font-style: italic; margin: 0;}
div.latestnews {border-top: 1px solid #999999; padding: 30px 0 20px 0; position: relative; clear: both;}
div.latestnews p {padding: 0 35px; color: #555555; width: 475px;}
div.latestnews p a {color: #555555;}
div.latestnews img {border: 0px solid #999999}
div.image {float: right; margin: 0 0 30px 30px; width: 202px; text-align: center;}
div.latestnews div.image p {margin: 0; padding: 10px 5px 0 5px; width: 190px;}

/* EVENTS */
h2.forthcomingevents {text-indent: -9999px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/events_h2.gif) no-repeat; width: 180px;}
div.forthcomingevents {border-top: 1px solid #999999; padding: 30px 0 20px 0; position: relative; clear: both;}
div.forthcomingevents p {padding: 0 35px; color: #555555; width: 475px;}
div.forthcomingevents p a {color: #555555;}
div.forthcomingevents p.time {padding: 0 35px; margin: 0;}
div.forthcomingevents p.venue {padding: 0 35px; margin: 0;}
div.forthcomingevents img {float: right; border: 0px solid #999999;}
div.forthcomingevents div.image p {margin: 0; padding: 5px 5px 0 5px; width: 190px;}
select.inputerror {background-color: #F4CCD7;}
input.inputerror {background-color: #F4CCD7;}

/* CLIENTS */
h2.clients {text-indent: -9999px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/clients_h2.gif) no-repeat; width: 98px;  float: left;}
div.clients {border-top: 1px solid #999999; padding: 30px 0 20px 0; position: relative; clear: both; margin: 0; clear: both;}
div.clients h3 {margin-bottom: 15px; }
div.clients h5 {padding 0 35px; color: #555555;}
div.clients p {width: 450px; padding: 0 35px; color: #555555;}
div.clients p a {color: #555555;}
div.clients img {float: right;border: 0px solid #555555;}
div.clients div.image p {margin: 0; padding: 5px 5px 0 5px; width: 190px;}

/* WINES */
h2.wines {text-indent: -9999px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/wines_h2.gif) no-repeat; width: 91px; float: left;}
div.wines {border-top: 1px solid #999999; padding: 30px 0 0 0; position: relative; clear: both;}
div.wines h5 {padding: 0:}
div.wines p {padding: 0 35px; color: #555555;}
div.wines p.origin {padding: 0;}
div.wines p a {color: #555555;}
div.wines p.details {padding: 0;}
div.image img {margin: 0 auto 0px auto; text-align: center;}
div.wines p.winesabv {margin: 0; font-style: italic;}
div.wines p.winesprice {margin: 0; font-style: italic;}
div.wines p.winesretailer {margin: 0; font-style: italic;}
div.wines p.winesoffer {margin: 0; font-style: bold;}
div.wines p.winesdocument {margin: 10px 0 0; }


/* ABOUT */
h2.about {text-indent: -9999px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/about_h2.gif) no-repeat; width: 259px;}
div.about {padding: 0px 0 20px 0; position: relative;}
p.caption {padding: 0px; color: #555555;}
div.about p {width: 490px;}
div.about p a {color: #555555;}
div.about img {float: right; margin: 0 0 30px 30px;}

/* CONTACT */
h2.contact {text-indent: -9999px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/contact_h2.gif) no-repeat; width: 259px;}
ol.contact {list-style-type: none; }
ol.contact li {background: #ffffff url(http://www.spearcommunications.co.uk/themes/spear/images/side_pointer.gif) no-repeat 0px 3px; padding: 0 0 0 30px; margin-bottom: 10px;}

/* EVENT BOOKING */
#fdleft {width: 330px; float: left; margin: 0 0 30px 0;}
#fdright {width: 330px; float: right; margin: 0 0 30px 0;}
fieldset {border: none;}
ol.form {list-style-type: none;}
ol.form li {margin: 5px 5px; clear: both;}
ol.form li label {float: left; width: 90px; text-align: right; padding-right: 5px;}
ol.form li input {width: 210px;}
ol.form li select {}
ol.form li textarea {width: 210px; height: 50px;}
li#form_submit input {width: 100px; margin: 20px 0 0 110px;}


/* FOOTER 1 */
#footer1 {clear: both; height: 0; width: 740px; margin: 0 9px; padding: 20px 30px 0 30px; background-color: #ffffff;}
#footer1_index {clear: both; height: 0px; width: 740px; margin: 0 9px; padding: 0px 30px 10px 30px; background-color: #ffffff;}
#jancis_quote {width: 740px; height: 25px; background: url(http://www.spearcommunications.co.uk/themes/spear/images/quote3.gif) no-repeat; text-indent:-9999px; z-index: 10; margin: 0 0px 0px 0px;}

/* FOOTER 2 */
#footer2 {clear: both; height: 8px; width: 800px; margin: 0 auto; padding: 0; 
	background: #000000 url(http://www.spearcommunications.co.uk/themes/spear/images/XXXfooter_glow.png) no-repeat 0 0;}
#footer2 p {text-align: center; padding: 5px 20px; font: 12px Arial, sans-serif; line-height: 150%; color: #555555;}