/* ----------------------------------------------------------------------------------------------------------------------

Basic site wide style sheet for brighton website designs

Includes: Font syles and colours, Branding, navigation, main backgrounds and footer areas.

Version: 1.1
Author: Darren Baldwin
Email: darren@brightonwebsitedesigns
Website: www.brightonwebsitedesigns.co.uk


------------------------------------------------------------------------------------------------------------------------ *



/* Reset css
   ----------------------------------------------------  */
fieldset,img
{
	border:0;
	margin:0;
	padding:0;
}

body,td,th
{
	font-size:62.5%;
	margin:0;
	padding:0;
}

a:active,a
{
	outline:0;
}

p,td,li,ul,ol,h1,h2,h3,h4,h5,h6,address,blockquote
{
	font-family:"Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight:400;
	color:#57404f;
	margin:0;
	padding:0;
}

html p,address,ul,blockquote
{
	text-align:left;
	font-size:1.8em;
	line-height:1.8;
	margin:0 0 10px;
	padding:0;
}

/* main site backgrounds
   ----------------------------------------------------  
 light beige full page rpt
   ----------------------------------------------------  */
html
{
	background:#f5f3ee url(../site%20wide%20images/mainBG.jpg) repeat;
}

/* top diagnals and darker section 
   ----------------------------------------------------  */
body
{
	background:url(../site%20wide%20images/topBG.jpg) repeat-x top;
}

/* End of site backgrounds 
   ----------------------------------------------------  
main containing div
   ----------------------------------------------------  */
#container
{
	width:995px;
	margin:0 auto;
}

/* branding
   ----------------------------------------------------  */
#branding
{
	height:169px;
	text-align:center;
	margin:0;
	padding:0;
}

/* main intro 
   ----------------------------------------------------  */
#intro
{
	height:297px;
	margin:10px 0 0;
	padding:20px 0 0;
}

/* main navigation
   ----------------------------------------------------  */
#nav
{
	text-align:center;
	margin:0;
	padding:8px 0 0;
}

#nav li
{
	display:inline;
	list-style:none;
	font-size:1.3em;
	font-weight:400;
	margin:0;
	padding:0;
}

#nav a:link,#nav a:visited,#nav a:active
{
	font-family:"Helvetica Neue", Helvetica, arial, sans-serif;
	text-decoration:none;
	color:#57404f;
	margin:0;
	padding:13px 20px;
}

#nav a:hover
{
	background:#D1F5FC;
	color:#432f3c;
}

/* footer section BDW contact info
   ----------------------------------------------------  */
#footer
{
	clear:both;
	height:440px;
}

#address
{
	background:#88acb3;
	float:left;
	width:223px;
	font-size:1.6em;
	line-height:1.4;
	font-style:normal;
	color:#FFF;
	height:90px;
	margin:40px 45px 0 18px;
	padding:10px 10px 10px 15px;
}

#footer p
{
	width:410px;
	float:left;
	line-height:1.4;
	font-size:1.6em;
	background:#88ACB3;
	height:90px;
	color:#FFF;
	margin:40px 45px 0 0;
	padding:10px 10px 10px 15px;
}

#footer a:link,#footer a:visited,#footer a:active
{
	color:#57404F;
	text-decoration:none;
	margin-top:30px;
}

#footer a:hover
{
	color:#FFF;
	background:#594450;
}

#footer h3
{
	text-transform:uppercase;
	color:#57404F;
	font-size:2.2em;
	background:url(../site%20wide%20images/h3BG.jpg) repeat-x;
	height:61px;
	font-weight:700;
	text-align:center;
	width:963px;
	display:block;
	margin:0 0 0 18px;
	padding:35px 0 0;
}

#footer img
{
	float:left;
	margin-top:40px;
	margin-bottom:40px;
}


/* sub navigation
   ----------------------------------------------------  */
#sub_nav
{
	background:url(../site%20wide%20images/h3BG.jpg) repeat-x;
	height:40px;
	font-weight:700;
	text-align:center;
	width:963px;
	display:block;
	clear:both;
	margin-right:0;
	margin-left:18px;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	margin-bottom: 30px;
}

#sub_nav li
{
	list-style:none;
	display:inline;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:700;
	color:#FFF;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-left: 0;
}
#sub_nav ul {
	margin-bottom: 30px;
}

#sub_nav a:link,#sub_nav a:visited,#sub_nav a:active
{
	color:#FFF;
	border-bottom:1px dotted #FFF;
	margin:0;
	padding:0;
}

#sub_nav a:hover
{
	background:#57404F;
	border-style:none;
}


/* W3c validation
   ----------------------------------------------------  */
#xhtml
{
	background:url(../site%20wide%20images/h3BG.jpg) repeat-x;
	height:40px;
	font-weight:700;
	text-align:center;
	width:963px;
	display:block;
	clear:both;
	padding: 0px 0 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 18px;
}

#xhtml li
{
	list-style:none;
	display:inline;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:700;
	color:#FFF;
	margin:0;
	padding:0 20px 0 0;
}

#xhtml a:link,#xhtml a:visited,#xhtml a:active
{
	color:#FFF;
	border-bottom:1px dotted #FFF;
	margin:0;
	padding:0;
}

#xhtml a:hover
{
	background:#57404F;
	border-style:none;
}

/* classes
   ----------------------------------------------------  */
.current
{
	background:#D1F5FC;
}

body,div,dl,dt,dd,ul,ol,li,pre,form,input,p,blockquote,address,th,td,#nav ul,#xhtml ul
{
	margin:0;
	padding:0;
}

#branding h1,#branding p,#intro p
{
	text-indent:-9999px;
}