/*************************************************************************
	Broadwater Mailing
	Developed by The Development Studio - http://www.thedevstudio.co.uk
	for TwoBelowZero - http://www.twobelowzero.net
	MODULE: 	global.css
	PURPOSE:	all rules for site
*************************************************************************/

/*Auto float clearing for compliant browsers
*************************************************************************/
#wrapper:after,
#banner:after,
#primarynav:after,
#main:after,
#content:after,
#footer:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/* General Rules and classes
*************************************************************************/
body {
	color:#006699;
	background:#FFF;
	font: normal 1.00em/1.2em Arial,"Helvetica Neue","Helvetica",sans-serif;
	padding:0;
	margin:0; 
}
#skipto {
	position:absolute;
	left:-1000em;
}
.floatright {
	float:right;
	text-align:right;
}
.floatleft {
	float:left;
	text-align:left;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}
.imgleft {
	float:left;
	margin:0 20px 20px 0;
}
.centred {
	text-align:center;
	margin:0 auto;
}
.hilite {
	color:#F47321;
}
big {
	font-size:1.2em;
	font-weight:bold;
}
br.clear {
	clear:both;
	height:0;
	line-height:10px;
	font-size:0;
}

/* Layout (sizes / floats / positions of main elements)
*************************************************************************/
#wrapper {
	width:962px;
	margin:0 auto;
}
#main {
	width:909px;
	margin:0 27px 0 26px;
	padding:0 0 20px 0;
	clear:both;
	background:#F2F9EC url(../img/bg-main-top.png) top left no-repeat;
	min-height:350px;
}
#content {
	float:left;
	width:614px;
	margin:10px 0 0 237px;
	padding:11px 11px 0 14px;
	font-size:0.70em;
	line-height:1.3em;
	background:#FFF url(../img/bg-content-top.png) top left no-repeat;
}
#contentbottom {
	clear:both;
	width:639px;
	height:60px;
	margin:0 -11px 0 -14px;
	font-size:0;
	background:#FFF url(../img/bg-content-bot.png) bottom left no-repeat;	
}
#primarybar {
	float:left;
	width:237px;
	margin-left:-876px;
}
#images {
	float:right;
	margin-left:30px;
	width:222px;
}

/* Typography
*************************************************************************/

.green {color: #71BA36 }
.red {color: #CC0000}

a,a:link {
	color:#006699;
	text-decoration:underline;
}
a:visited {
	color:#999;
}
a:hover {
	color:#71BA36;
}
a img {
	border:none;
}
p,ol,ul,dl,blockquote {
	margin:0 0 1em 0;
}
h1,h2,h3,h4,h5,h6 {
	font: bold 1em/normal Arial,"Helvetica Neue","Helvetica",sans-serif;
	margin:1em 0 0.25em;
	color:#71ba36;
}
h1 {
	font-size:1.3em;
	line-height:normal;
	margin-top:0;
}
h2 {
	font-size:1.1em;
	line-height:normal;
}

#content ul,
#content ol {
	margin-left:3em;
	padding:0;
	color:#006699;
}
#content li {
	margin:0 0 10px 0;
	padding:0;
}


/* Banner
*************************************************************************/
#banner {
	height:229px;
	position:relative;
	overflow:hidden;
	background:#C9E5B3 url(../img/bg-banner.jpg) left top no-repeat;
	color:#006699;
}
#banner #logo {
	position:absolute;
	top:0;
	right:50px;
}
#banner p {
	margin:0;
	padding:0;
	font: normal 0.80em/normal Verdana,Arial,"Helvetica Neue","Helvetica",sans-serif;
	letter-spacing:-0.05em;
}
#banner #tagline1 {
	position:absolute;
	bottom:20px;
	left:130px;
	font-size:1.05em;
	font-weight:bold;
	letter-spacing:normal;
}
#banner div {
	position:absolute;
	right:60px;
	top:130px;
	text-align:right;
}
#banner div em {
	font-size:0.95em;
	color:#7BC043;
}
#banner div span {
	font-weight:bold;
	font-size:1.1em;
	color:#7BC043;
}
#banner div big {
	font-weight:bold;
	font-size:1.4em;
}
#banner div #tagline2 {
	margin-bottom:10px;
}
	
/* Primary Sidebar
*************************************************************************/
#primarybar {
	background:url(../img/bg-menu.png) 0 10px no-repeat;
}
#nav {
	width:176px;
	min-height:250px;
	margin:44px 0 0 0;
	padding:0;
}
#nav li {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	position:relative;
	color:#7BC043;
	font: normal 0.60em/normal Verdana,Arial,"Helvetica Neue","Helvetica",sans-serif;
	overflow:hidden;
	cursor:pointer;
	text-align:right;
}
#nav li a,
#nav li a:visited,
#nav li strong {
	font-weight:normal;
	display:block;
	height:20px;
}
#nav li span {
	position:absolute;
	right:0;
	top:0;
	display:block;
	margin:0;
	padding:0;
	z-index:10;
	height:20px;
	width:100%;
	background-position:right top;
	background-repeat:no-repeat;
	cursor:pointer;	
}
/* Normal state */
#nav #navHome span {
	background-image:url(../img/menu-home-off.png);
}
#nav #navServices span {
	background-image:url(../img/menu-service-off.png);
}
#nav #navAbout span {
	background-image:url(../img/menu-about-off.png);
}
#nav #navNews span {
	background-image:url(../img/menu-news-off.png);
}
#nav #navMailtips span {
	background-image:url(../img/menu-mail-off.png);
}
#nav #navCasestudy span {
	background-image:url(../img/menu-casestudy-off.png);
}
#nav #navTalk span {
	background-image:url(../img/menu-talk-off.png);
}

/*Highlighted state */
#nav #navHome.sfhover span,
#nav #navHome.current span,
#nav #navHome:hover span {
	background-image:url(../img/menu-home-on.png);
}
#nav #navServices.sfhover span,
#nav #navServices.current span,
#nav #navServices:hover span {
	background-image:url(../img/menu-service-on.png);
}
#nav #navAbout.sfhover span,
#nav #navAbout.current span,
#nav #navAbout:hover span {
	background-image:url(../img/menu-about-on.png);
}
#nav #navNews.sfhover span,
#nav #navNews.current span,
#nav #navNews:hover span {
	background-image:url(../img/menu-news-on.png);
}
#nav #navMailtips.sfhover span,
#nav #navMailtips.current span,
#nav #navMailtips:hover span {
	background-image:url(../img/menu-mail-on.png);
}
#nav #navCasestudy.sfhover span,
#nav #navCasestudy.current span,
#nav #navCasestudy:hover span {
	background-image:url(../img/menu-casestudy-on.png);
}
#nav #navTalk.sfhover span,
#nav #navTalk.current span,
#nav #navTalk:hover span {
	background-image:url(../img/menu-talk-on.png);
}

#nav li ul {
	font-size:1em;
	margin:0;
	padding:0 0 5px 0;	
}
#nav li div {
	padding:0 0 0px 0;
}
#nav ul li br {
	line-height:1;
}
#nav ul li {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	color:#7BC043;
	font: normal 1em/normal Verdana,Arial,"Helvetica Neue","Helvetica",sans-serif;
	overflow:hidden;
	cursor:pointer;
	text-align:right;	
}
#nav ul li a,
#nav ul li a:visited {
 text-decoration:none;
 color:#71BA36;
 padding:0;
 margin:0;
 display:inline;
 height:auto;
}
#nav ul li a:hover {
	color:#006699;
	text-decoration:none;	
}
#nav ul li.current a,
#nav ul li.current a:visited {
	color:#006699;
	text-decoration:underline;	
}
#nav ul li a:hover,
#nav ul li.current a:hover {
	color:#006699;
	text-decoration:underline;
}

/* Quote
*************************************************************************/
blockquote {
	font-size:0.73em;
	line-height:normal;
	font-style:italic;
	color:#808080;
	margin:0 14px;
	padding:0;
	background:url(../img/quote-left.png) left top no-repeat;
}
blockquote p {
	margin:0;
}
blockquote p {
	text-indent:20px;
	padding:3px 0 0 0;
}
blockquote p.author {
	display:inline;
	text-indent:0;
	font-weight:bold;
	padding:0 20px 0 0;
	background:url(../img/quote-right.png) right bottom no-repeat;
}


/* Image Sidebar
*************************************************************************/
#images {
	
}
#images img {
	display:block;
	margin:0;
}
#images p {
	font-size:0.80em;
	font-style:italic;
	color:#999999;
	margin:5px 0 5px 0;
}

/* main body form(s)
*************************************************************************/

#content fieldset {
	border: none;
}
#content form label {
	margin-left: 10px ;
	float: left;
	width: 100px;
}
#content legend {
	display: block;	
}	 	
#content form input[type="text"], form textarea {
	width:  220px;
	border:  1px solid #0D72B9;
	color: #0D72B9;
	font: normal 1.1em/1.2em Arial,"Helvetica Neue","Helvetica",sans-serif;
}
#content input:focus {
	background-color: #EBF9FD;
}	
#content form textarea {
	height: 50px;
}
.ddfmwrap {
	margin: 10px 0 10px 0;
}
.error, .errorlist {
	margin: 10px 0 10px 0;
	text-align:center;
	color: red;
} 

/* Footer
*************************************************************************/
#footer {
	width:909px;
	margin:0 auto 30px;
	padding:0 0 10px;
	background:#F2F9EC url(../img/bg-main-bot.png) bottom left no-repeat;
	color:#006699;
	font: normal 0.6em/normal Verdana,Arial,"Helvetica Neue","Helvetica",sans-serif;	
	letter-spacing:-0.05em;
}
#footer div {
	position:relative;
	margin-left:237px;
	width:639px;
	text-align:center;
}
#footer div p {
	margin:0;
	padding:0;
	line-height:normal;
}
#footer div p em {
	color:#71BA36;
	font-style:normal;
	padding:0 0 0 10px;
}
#footer div p.contact {
	font-weight:normal;
}
#footer div p.disclaim {
	padding:10px 0 0 0;
	color:#999;
}

#footer div img {
	position:absolute;
	right:0;
	top:0;
}