/*
SNEINTON BUSINESS FORUM
http://www.sneintonbusinessforum.com

Website design and coding by 2hD - http://www.2hd.co.uk
*/





/* --------------------------------------------------------------------------------- GLOBAL RESET -- */
/* Based on code from Nick Rigby - http://www.nickrigby.com */


*
	{
	margin: 0;
	padding: 0;
	}
	
a img, iframe
	{
	border: 0;
	}

h1, h2, h3, h4, h5, h6
	{
	font-size: 100%;
	font-weight: normal;
	}

ul, ol, dl, li, dt, dd
	{
	list-style: none;
	}

form, fieldset
	{
	border: 0;
	}
input, textarea, select, button
	{
	font: inherit;
	}


table
	{
	border-collapse: collapse;
	border: 0;
	}
td, th, caption
	{
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	}


/* --------------------------------------------------------------------------------- GLOBAL LAYOUT -- */

	
body
	{
	margin: auto;
	text-align: center;
	font-family: Helvetica, Arial, Verdana,sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #333;
	background: #fff url('images/bg-body.png') repeat-x top;
	}

#container
	{
	width: 900px;
	margin: auto;
	text-align: left;
	background: transparent url('images/bg-page.png') no-repeat center top;
	}
	
#header
	{
	height: 130px;
	background: white url('images/bg-header.png') repeat-x top;
	}

#header a#title
	{
	display: block;
	height: 130px;
	width: 160px;
	text-indent: -2000px;
	background: transparent url('images/logo.png') no-repeat 0px 30px;
	}

#content
	{
	}

#extra
	{
	clear: left;
	padding-top: 100px;
	padding-bottom: 5px;
	font-size: 80%;
	line-height: 120%;
	color: #999;
	background-color: transparent;
	}

#footer
	{
	clear: both;
	padding-top: 5px;
	padding-bottom: 20px;
	font-size: 80%;
	line-height: 120%;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ddd;
	color: #999;
	background-color: transparent;
	}

#header,
#navigation,
#intro
	{
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 20px;
	margin-right: 20px;
	}

#main
	{
	margin-left: 40px;
	margin-right: 40px;
	}


#extra,
#footer
	{
	margin-left: 40px;
	margin-right: 40px;
	}


/* --------------------------------------------------------------------------------- ACCESSIBILITY -- */



#accessibility
	{
	display: inline;
	float: right;
	margin-top: 30px;
	margin-right: 30px;
	font-size: 7pt;
	}

#accessibility ul
	{
	padding: 0;
	margin: 0;
 	list-style: none;
	text-align: right;
	}

#accessibility ul li
	{
	display: inline;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	}

#accessibility ul li#skip_to_content
	{
	visibility: hidden;
	}

#accessibility ul li a
	{
	padding: 5px;
	text-decoration: none;
	color: #666;
	background-color: transparent;
	}

#accessibility li a:hover
	{
	color: yellow;
	background-color: #000;
	}


/* --------------------------------------------------------------------------------- NAVIGATION -- */



#navigation
	{
	height: 29px;
	background: transparent url('images/bg-menu.png') repeat-x top;
	}

#navigation ul
	{
	margin-left: -10px;
 	list-style: none;
	}

#navigation ul li
	{
	display: inline; 	/* IE float margin bug fix */
	float:left;
	}

#navigation ul li a
	{
	display: block;
	text-decoration: none;
	padding:5px 10px 5px 10px;
	color: #666;
	background-color: transparent;
	}

#navigation ul li a.active
	{
	color: #fff;
	background-color: #367074;
	}

#navigation ul li a:hover
	{
	background-color: transparent;
	color: #000;
	}


/* --------------------------------------------------------------------------------- INTRO BANNER -- */


#intro
	{
	height: 198px;
	background: #5ba9af url('images/bg-intro.png') no-repeat top left;
	}

#intro h2
	{
	width: 530px;
	padding-top: 60px;
	font-size: 220%;
	font-weight: normal;
	line-height: 130%;
	color: #fff;
	}

#intro p
	{
	width: 450px;
	font-size: 120%;
	line-height: 130%;
	margin-top: 0.75em;
	color: #fff;
	}


/* --------------------------------------------------------------------------------- CONTENT FORMAT -- */


#content h2,
#content form legend
	{
	margin-bottom: 0.5em;
	font-size: 150%;
	line-height: 100%;
	font-weight: normal;
	}

#content h3
	{
	margin-bottom: 0.25em;
	font-size: 150%;
	line-height: 130%;
	font-weight: normal;
	}

#content h4
	{
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	font-size: 100%;
	line-height: 130%;
	font-weight: bold;
	}

#content p
	{
	margin-bottom: 0.75em;
	}

#content ul
	{
	margin-left: 3em;
	margin-bottom: 0.75em;
	}

#content ul li
	{
	list-style-type: disc;
	}

#content table
	{
	width: 100%;
	padding: 0;
	margin: 1em 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	}

#content table td,
#content table th
	{
	padding: 0.1em 0;
	margin: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	}

#content .readmore
	{
	margin-top: 0.5em;
	}

#content .readmore a
	{
	text-decoration: none;
	font-weight: bold;
	}

#content a
	{
	text-decoration: none;
	color: #f63;
	}

#content a:hover
	{
	background-color: #f63;
	color: #fff;
	}

#content .gallery
	{
	margin-top: 1em;
	font-style: italic;
	}


#content .gallery a:hover
	{
	background-color: white;
	}

#content .gallery a img
	{
	padding: 5px;
	padding-bottom: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px #ccc solid;
	background-color: white;
	}

#content .gallery a:hover img
	{
	background-color: #ddd;
	}






/* SECTION-SPECIFIC FORMATTING */


#main
	{
	background: transparent url('images/bg-main.png') repeat-x top;
	padding-top: 20px;
	font-size: 12px;
	}


/* --------------------------------------------------------------------------------- STATIC -- */


.static
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 520px;
	}


/* --------------------------------------------------------------------------------- HOME -- */


.home #latest_news
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 260px;
	margin-right: 20px;
	}

.home #latest_news ul
	{
	padding: 0;
	margin: 0;
	}

.home #latest_news ul li
	{
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 16px;
	list-style-type: none;
	background: transparent url(images/tick.png) no-repeat left top;
	}


.home #latest_news h3,
.home #directory h3,
#announcement h3
	{
	margin-bottom: 0.5em;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	}

.home #directory
	{
	float: left;
	width: 260px;
	margin-right: 20px;
	}


.home #directory a#search_directory
	{
	display: block;
	height: 40px;
	width: 230px;
	margin-bottom: 0.5em;
	text-indent: -999em;
	background: transparent url('images/button-searchdirectory.png') no-repeat top center;
	}

#announcement
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 260px;
	height: 240px;
	margin-top: 20px;
	font-size: 12px;
	background: transparent url('images/postit.jpg') no-repeat top center;
	}

#announcement h3
	{
	margin-top: 5px;
	}

#announcement h4
	{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 150%;
	font-weight: normal;
	line-height: 110%;
	}

#announcement div
	{
	line-height: 130%;
	}

#announcement .event_preview
	{
	padding: 13px 25px;
	}

.home #announcement
	{
	margin-top: 0px;
	}



/* --------------------------------------------------------------------------------- CONTACT US-- */


.contact form
	{
	position:relative;
	}

.contact fieldset
	{
	border-width:0;
	}

.contact fieldset legend
	{
	padding-bottom: 0.5em;
	margin-top: 5px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	}

.contact div.field,
.contact div.checkbox
	{
	margin-bottom: 1.5em;
	}

.contact label
	{
	font-weight: bold;
	}

.contact div.button
	{
	text-align: left;
	}

.contact div.checkbox input
	{
	text-align: left;
	padding: 0.25em;
	}

.contact div.field input,
.contact div.field textarea
	{
	display: block;
	width: 80%;
	padding: 0.25em;
	font-family: inherit;
	}

.contact div.field select
	{
	display: block;
	width: 80%;
	font-family: inherit;
	}

.contact div.button
	{
	text-align: left;
	}

.contact div.button input
	{
	padding: 5px;
	font-family: inherit;
	font-size: 120%;
	}

.contact div.field label
	{

	}

form small
	{
	display: block;
	font-size: 90%;
	color: #999;
	}


/* --------------------------------------------------------------------------------- TEAM -- */


#content .team
	{
	clear: both;
	margin-left: 240px;	
	padding-bottom: 3em;
	font-size: 12px;
	}

#content .team h3 *
	{
	display: inline;
	}

#content .team .mugshot
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 200px;
	height: 200px;
	margin-left: -220px;
	margin-top: 0px;
	background: transparent url('images/bg-mugshot.png') no-repeat center center;
	}

#content .team .mugshot img
	{
	display: block;
	width: 174px;
	height: 154px;
	margin: 12px 12px 0 12px;	
	border: 1px #eee solid;
	}

#content .team .about
	{
	width: 360px;
	}


/* --------------------------------------------------------------------------------- NEWS -- */


#content .news
	{
	clear: both;
	width: 520px;
	padding-bottom: 1em;
	margin-bottom: 1em;	
	border-bottom: 1px #ddd solid;
	}

#content .news .excerpt
	{
	font-weight: bold;
	}

#content .news .date
	{
	font-style: italic;
	}

#subscribe form
	{
	position:relative;
	padding-top: 1em;
	padding-bottom: 2em;
	}

#subscribe fieldset
	{
	border-width:0;
	}

#subscribe fieldset legend
	{
	padding-bottom: 0.5em;
	margin-top: 5px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	}

#subscribe div.field
	{
	position:relative;
	margin-bottom: 0.5em;
	}

#subscribe div.field input
	{
	width: 80%;
	padding: 0.25em;
	font-family: inherit;
	font-size: 120%;
	}

#subscribe div.button
	{
	text-align: left;
	}

#subscribe div.field label
	{
	position:absolute;
	top:3px;
	left:5px; 
	padding: 0.15em;
	z-index:1;
	font-size: 120%;
	color:#666;
	}



/* --------------------------------------------------------------------------------- EVENTS -- */


#content .events
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 520px;
	}
	
#content .event
	{
	clear: both;
	float: left;
	width: 520px;
	padding-bottom: 0.5em;
	margin-bottom: 1.5em;
	border-bottom: 1px #ddd solid;
	}

#content .event div.description
	{
	padding-top: 1em;
	margin-left: 5em;
	}

#content .event h3
	{
	padding-top: 0em;
	}

#content .event .date_calendar 
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 4em;
	margin-top: 0;
	margin-right: 1em;
	text-align: center;
	line-height: 130%;
	border: 1px #f3c7b0 solid;
	}

#content .event .date_calendar span
	{
	display: block;
	margin: 0;
	}

#content .event .date_calendar span.month
	{
	padding: 3px;
	font-weight: bold;
	font-size: 150%;
	background: #f47836 url('images/bg-calendar.png') repeat-x center;
	color: white;
	}

#content .event .date_calendar span.day
	{
	padding-top: 12px;
	padding-bottom: 10px;
	font-size: 250%;
	font-weight: bold;
	}

#content .event ul
	{
	margin-left: 1em;
	}

#content .event ul li
	{
	padding-left: 16px;
	list-style-type: none;
	background: transparent url(images/tick.png) no-repeat left center;
	}



/* --------------------------------------------------------------------------------- DIRECTORY -- */


#directory_intro
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 260px;
	margin-right: 20px;
	}

#directory_join
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 260px;
	margin-right: 20px;
	}

#directory_latest
	{
	display: inline; 	/* IE float margin bug fix */
	float: right;
	width: 260px;
	}





form#directory_search label
	{
	display: block;
	font-weight: bold;
	color: white;
	}
form#directory_search #search_what
	{
	position: relative;
	display: inline;
	float: left;
	width: 300px;
	}
form#directory_search #search_submit
	{
	padding-top: 1.1em;
	}
form#directory_search #search_what input
	{
	padding: 3px;
	font-size: 16px;
	font-family: inherit;
	
	}

form#directory_search p.hints
	{
	margin-top: 0.5em;
	font-size: smaller;
	color: #99cccc;
	}

form#directory_search #search_submit input
	{
	padding-top: 3px;
	}



.autocompleter
	{
	text-align: left;
	border: 1px solid #6FBEFF;
	width: 250px;
	background-color: #EFF8FF;
	}
 
.autocompleter ul li
	{
	padding: 2px 10px 2px 20px;
	background: transparent url(images/tag.png) no-repeat 2px center;
	white-space: nowrap;
	font-size: 11px;
	border-top: 1px #ddd solid;
	}
 
.autocompleter ul li.selectAutocompleter
	{
	background-color: #d2fb8f;
	}


div#search_info
	{
	padding-bottom: 0.5em;
	margin-bottom: 0em;
	}

div.search_pagination
	{
	margin-top: 0.5em;
	padding-top: 0.5em;
	border-top: 1px solid #ddd;
	text-align: right;
	color: #999;	
	}

div.search_pagination strong
	{
	color: #444;	
	}

#content .business
	{
	position: relative;
	clear: left;
	padding-top: 1em;
	padding-left: 35px;
	margin-bottom: 0.5em;
	background: transparent url(images/icon-flag.png) no-repeat 0px 6px;
	border-top: 1px solid #ddd;
	}

#content .business h3
	{
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	}
	
#content .business h3 a
	{
	display: block;
	background: transparent url(images/button-website.png) no-repeat right center;
	}


* html #content .business h3 a	/* corrects block link IE bug */
	{ 
	width:100%; 
	}

#content .business h3 a:hover
	{
	color: #f63;
	background-color: transparent;
	}

#content .business div.location 
	{
	margin: 0;
	}

#content .business div.contacts
	{
	color: #999;
	}
	
#content .business div.contacts span.tel
	{
	font-weight: bold;
	padding-right: 1em;
	}

#content .business div.contacts span 
	{
	color: #333;
	}

#content .business div.description 
	{
	margin-top: 0.5em;
	padding-left: 1em;
	font-style: italic;
	border-left: thick solid #eee;
	}

#content .business div.categories 
	{
	margin-top: 0.5em;
	font-weight: normal;
	}

hr
	{
	clear: left;
	visibility: hidden;
	}



#content dl.listings
	{
	margin-left: 0;
	}

#content dl.listings dt
	{
	margin: 0;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 0;
	font-weight: bold;
	background: transparent url(images/icon-flag-mini.png) no-repeat left center;
	}
#content dl.listings dd
	{
	margin: 0;
	padding-left: 20px;
	padding-bottom: 5px;
	}


/* --------------------------------------------------------------------------------- SIDEBAR -- */


#sidebar
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 260px;
	margin-top: 20px;
	font-size: 90%;
	line-height: 150%;
	}

#sidebar dl.linklist
	{
	list-style-type: none;
	padding-bottom: 0.5em;
	border-bottom: 1px #ddd solid;
	}

#sidebar dl.linklist dt
	{
	margin-top: 0.5em;
	padding-top: 0.5em;
	border-top: 1px #ddd solid;
	font-weight: bold;
	}

#sidebar div.feed a
	{
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: transparent url('images/icon-news.png') no-repeat center left;
	font-weight: bold;
	}

#sidebar div.feed a:hover
	{
	color: #f63;
	}

/* --------------------------------------------------------------------------------- SITEMAP -- */


#content ul.sitemap,
#content ul.sitemap ul
	{
	margin-left: 0em;
	margin-top: 0.5em;
	}

#content ul.sitemap li
	{
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0.5em;
	padding-left: 18px;
	background: transparent url('images/icon-page.png') no-repeat top left;
	}

#content ul.sitemap li p
	{
	margin: 0;
	}

/* --------------------------------------------------------------------------------- FOOTER -- */


#footer p
	{
	margin-bottom: 0.5em;
	}

#footer a
	{
	text-decoration: none;
	color: #f63;
	}


/* --------------------------------------------------------------------------------- ERROR -- */

.error
	{
	}

.error p
	{
	padding: 50px 70px;
	background: transparent url('images/error-404.png') no-repeat left center;
	}