/*	Global css for BusinessNetwork.co.uk
	by Chris Wilkinson
	
	1.	Colors
	2.	Global Reset
	3.	Links
	4.	Typography
	5.	Lists
	6.	Tables & Forms
	7.	Structure
		A.	Body
		B.	Header
		C.	Footer
	8.	Navigation
		A.	Main Menu
	9.	Misc
	
	*/

/* 1=Colors
--------------------------------------------------
green : 9dce66
	
/* 2=Global Reset
-------------------------------------------------- */
html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, img, q, s, samp, small, strike, strong, em, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* 3=Links
	-------------------------------------------------- */
a, a:visited { color: #9dce66; text-decoration: underline; outline: 0; font-style: inherit; font-weight: inherit; line-height: inherit; }
	a:hover { color: #007d9a; }
	h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited { color: #333; text-decoration: none; font-weight: bold; }
	h4 a, h4 a:visited, h5 a, h5 a:visited { text-decoration: none; line-height: inherit; font-weight: bold; }
	h3 a:hover { color: auto; }
	h4 a:hover, h5 a:hover { text-decoration: underline; }
	p a, p a:visited { line-height: inherit; }
	
/*	--------------------------------------------------
	=Typography
	-------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 { color: #333; font-weight: bold; }
	h1 { font-size: 30px; line-height: 1; }
	h2 { font-size: 28px; line-height: 1.2; margin: 9px 0; }
	h3 { font-size: 24px; line-height: 1; margin: 3px 0 9px; }
	h4 { font-size: 18px; line-height: 1; margin: 8px 0 10px; }
	h5 { font-size: 14px; line-height: 18px; }
	h6 { font-size: 12px; line-height: 1.5; }

	p { font-size: 13px; line-height: 18px; margin: 0 0 18px; color: #444; }
	p img 	{ margin: 0; }

	em 		{ font-style: italic; font-weight: inherit; line-height: inherit; color: #555; }
	strong 	{ font-style: inherit; font-weight: bold; line-height: inherit; }

/*	Blockquotes -------------------- */
		blockquote, blockquote p { font-size: 14px; line-height: 20px; color: #777; }
		blockquote { text-indent: -0.5em; margin: 0 0 18px; padding: 20px 20px 0 19px; border-left: 1px solid #ddd; }
		blockquote.solid { background: #f5f5f5; }

		blockquote p { margin: 0; padding: 0 0 9px; }
		blockquote p:before { content: "\201c"; }
		blockquote p:after { content: ""; }
		blockquote p.last:after { content:"\201d"; }

		blockquote cite { display: block; padding: 0 0 9px .5em; font-size: 12px; color: #555; }
		blockquote cite:before { content: "\2014 \0020"; }
		blockquote cite a, blockquote cite a:visited { color: #555; }
		blockquote cite a:hover { color: #555; text-decoration: none; }

		p small { font-size: 91.666667%; line-height: 1.616161; }
		h1 small { font-size: 66.666667%; color: #777; }

		.muted { font-weight: normal; }

		hr { border: solid #ddd; border-width: .1em 0 0; clear: both; margin: 17px 0 18px; height: 0; }
		hr.spacious { margin: 26px 0 27px; }
		body.ie6 hr { margin: 8px 0 9px; }

		address { color: #333; font-size: 1.2em; line-height: 1.5; margin: 0 0 1.5em; }
		
/*	--------------------------------------------------
	=Lists
-------------------------------------------------- */

ol, ul 		{ margin: 0 0 18px 36px; }
ol 			{ list-style: decimal; }
ul 			{ list-style: square; }
ol.clean,ul.clean	{ margin: 0 0 18px; padding: 0; list-style: none; }
li 			{ font-size: 13px; line-height: 18px; }
li ol,
li ul 		{ margin: 0 2em; }
li li 		{ font-size: 1em; }

/* TODO get global button styles working (CW) */
/*	--------------------------------------------------
	=Buttons 

		<button class="small button on-white">
		<button class="medium button on-gray">
		<button class="large button on-dark-gray">

	-------------------------------------------------- 

	.button, a.button {
		background: url(/i/buttons/button-matrix.gif) repeat-x 0 0;
		display: inline-block;
		width: auto;
		padding: 0 1.5em 0 0;
		overflow: visible;
		text-decoration: none;
		text-shadow: 0 1px 1px #fff;
		font-weight: bold;
		color: #333;
		cursor: pointer;
		border: 0;
		line-height: 1;
	}

	.button span, a.button span {
		background: url(/i/buttons/button-matrix.gif) repeat-x 0 0;
		position: relative;
		display: block;
		padding: 0 0 0 1.5em;
		white-space: nowrap;
		line-height: 1;
	}

	.simple.button { background: #999; font-size: 14px; color: #fff; text-shadow: 0 0 0 #000; padding: 5px 15px 7px; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
	.simple.button:hover { background: #333; color: #fff; }

	body.ff .button span, body.ff a.button span, body.ff a.button:visited span { left: -2px; }
	body.ff2 .button, body.ff2 a.button { display: -moz-inline-box; }

	button::-moz-focus-inner { border: none; }

	/*	Button Sizes ----- 
	.button.large, a.button.large, a.button.large:visited {height: 40px; font-size: 18px;   }
	.button.medium, a.button.medium, a.button.medium:visited { height: 30px; font-size: 14px; }
	.button.medium span, a.button.medium span, a.button.medium:visited span { height: 30px; line-height: 30px; font-size: 14px; text-shadow: 0 -1px 1px #fff; }
	.button.small, a.button.small, a.button.small:visited { height: 18px; line-height: 18px; font-size: 11px; text-transform: uppercase; }
	.button:hover, a.button:hover { color: #777; text-shadow: 0 -1px 1px #fff; }

	.button.on-gray { background-position: right -324px; }
	.button.on-gray span { background-position: 0 -288px; }
	.button.on-gray:hover { background-position: right -396px; }
	.button.on-gray:hover span { background-position: 0 -360px; }

	.button.on-dark-gray { background-position: right -468px; }
	.button.on-dark-gray span { background-position: 0 -432px; }
	.button.on-dark-gray:hover { background-position: right -540px; }
	.button.on-dark-gray:hover span { background-position: 0 -504px; }

	.button.on-light-blue { background-position: right -612px; }
	.button.on-light-blue span { background-position: 0 -576px; }
	.button.on-light-blue:hover { background-position: right -684px; color: #fff; text-shadow: 0 1px 1px #2892a0; }
	.button.on-light-blue:hover span { background-position: 0 -648px; }

	.small.button, .small.button span { background: none; padding: 0; }
	.small.button { background: #777; padding: 0 10px; -webkit-border-radius: 9px; color: #fff; text-shadow: 0 0 0 #fff; }

	.button.secondary { color: #666 !important; opacity: .75; }
	.button.secondary:hover { opacity: 1; }*/

h6#logo a, h6#logo a:visited { float: left; margin: 15px 0 0; height: 3.6em; width: 15em; text-indent: -999em; }

/* --------------------------------------------------
=Structure
-------------------------------------------------- */
body {background: url(../images/bg.jpg) repeat-x #fff ; font: normal 62.5%/1 "Arial", Helvetica, Helvetica Neue, Verdana, sans-serif; text-shadow: 0 0 1px #fff; color: #333;}
/* browser specfic changes*/
body.safari { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}

#wrapper { border-top: 5px solid #9dce66; }
/* =Container ------------------------------------- */
#container { position: relative;  margin: 0 auto; padding: 0; }	

/* =Header ---------------------------------------- */
#header { position: relative; height: 42px; margin: 0 auto 3em; }
img#logo{margin-top:-5px;float:left;}
	
/* =Navigation ---------------------------------------- */

ul#nav { float: right; list-style-type: none; margin: 0; }
ul#nav li { display: block; float: left; font-size: 15px; padding: 0; line-height: 1; }
ul#nav li a, ul#nav li a:visited { display: block; font-weight: bold;  margin: 0 0 0; padding: 25px 20px 10px 20px; text-decoration: none; color: #333; cursor: hand; text-shadow: 0 1px 1px #fff; }
ul#nav li a:hover, ul#nav li.current a, ul#nav li.current a:visited { background: #9dce66; color: #fff; border: 0;  text-shadow: 0 0 0 #fff; }
ul#nav li span { display: block;  font-weight: bold; }

/* =Footer ---------------------------------------- */
#site-info { background:url(/images/footer.jpg) repeat-x top center #467735;
margin: 5px 0 0 0; padding: 20px 0 0 90px; clear: both; height:300px; position:relative;}
				
					div.container { width: 900px; margin: 0 auto; padding: 0; position: relative; }

					#site-info div.column-row { margin: 0 10px; width: 880px; position: relative;}
					#site-info div.five { width: 250px;}
					#site-info h3 { margin: 0; }
					#site-info h4 { margin: 0; font-weight: normal; border: 0; color:#fff; }
					#site-info h5 { margin: 0; padding: .45em 9px 0; }
					#site-info h6 { margin: 0; }
					#site-info p { font-size: 12px; color: #a8c5f3; }
					#site-info p strong { color: #333; }

					#footer { width: 840px; padding: 35px 10px 9px; margin: 150px 0 0 0px; border-top: 1px solid #619338; }
					#footer p.copyright { padding: 0; }

					#site-info a, #site-info a:visited { font-weight: inherit; color: #fff; text-decoration: underline; }
					#site-info a:hover { text-decoration: none; }

			
					#site-info form { background-repeat: no-repeat; background-position: 0 0; margin: 5px 0 4px; height: 57px; position: relative; width: 270px; overflow: hidden; }
					#site-info form div { background-repeat: no-repeat; background-position: right -27px; width: 240px; height: 23px; padding: 2px 0 2px 10px; position: absolute; top: 0; left: 0; }
					#site-info form input.input-text { background: #fff !important; display: block; width: 160px; margin: 0; padding: 3px 0 2px; border: 0; color: #333; font-size: 12px; }
					#site-info form input.input-text:focus { background: #fff; outline: none; }
					#site-info form button { background-position: 0 0; background-repeat: no-repeat; height: 27px; position: absolute; top: 0; right: 0; text-indent: -999em; cursor: pointer; }
					#site-info form button:hover { background-position: 0 -27px; }

					
					#site-info #news form button { background-image: url(/img/newsBtn.gif); width: 58px; }
					#site-info #news form input.input-text { width: 165px; }


					#site-info ul { float: right; height: 2.7em; margin-right: -12px; padding: 0; list-style: none; }
					#site-info ul li { display: inline; }
					#site-info ul li a, #site-info ul li a:visited { float: left; width: auto; margin: 0; padding: 3px 12px 3px; }
					#site-info ul li.rss a { padding-left: 31px; border: 0; }



/*	--------------------------------------------------
	=Misc
	-------------------------------------------------- */
	.left { float: left; }
	.right { float: right; }
	.clear { clear: both; }

	div.pagination { width: 100%; height: 36px; text-align: center; margin: 0 0 3.6em; padding: 0; font-size: 12px; line-height: 1; }
	div.pagination a, div.pagination a:visited { padding: 3px 11px 4px; font-size: 12px; line-height: 1; text-decoration: none; font-weight: bold; border: .1em solid #ddd; text-shadow: 0 1px 1px #fff; -webkit-border-radius: 2px; }
	div.pagination a:hover { color: #fff; text-shadow: 0 -1px 1px #007d9a; background: #2daebf; border: .1em solid #007d9a; }
	div.pagination .disabled { color: #bbb; border: 0; }
	div.pagination .current { padding: 4px 12px 5px; color: #777; font-weight: bold; }
	.inactive { color: #777; }
	div.pagination .prev_page, div.pagination .next_page { margin: 0 2em 0 2em; }

	/*	--------------------------------------------------
	=Misc
	-------------------------------------------------- */

	.right { float: right; }
	.important { color: #e33100; }
	.centered { text-align: center; }
	div.spacer { clear: both; }
	
	
	/* APPLY FORM */
	div#applyForm fieldset { border: none; }
	div#applyForm label { float: left; width: 25%; }
	div#applyForm textarea { width: 25em; }
	div#applyForm input.button { width: 40%; margin-left: 30%; }


	/* Insolvency Direct colors */
	.green.label { background: #a5c941; text-shadow: 0 0 1px #a5c941; }
	.blue.label { background: #2daebf; text-shadow: 0 0 1px #2daebf; }
	.magenta.label { background: #a9014b; text-shadow: 0 0 1px #a9014b; }
	.red.label { background: #e33100; text-shadow: 0 0 1px #e33100; }
	.orange.label { background: #ff5c00; text-shadow: 0 0 1px #ff5c00; }
	.yellow.label { background: #fc9200; text-shadow: 0 0 1px #fc9200; }
	
	
	/*	--------------------------------------------------
		=Tables
		-------------------------------------------------- */

		table { width: 100%; margin: 0 0 1.8em; }
		thead, ul li.thead { background: #333; text-shadow: 0 1px 1px #222; }
		td, th, ul li.thead span { font-size: 1.2em; line-height: 1.5; padding: 4px 5px; }
		th, ul li.thead span { font-weight: bold; color: #fff; }
		th.select { -webkit-border-top-left-radius: .6em; }
		th.status { -webkit-border-top-right-radius: .6em; }
		tr.alt td { background: #f5f5f5; }
		table a, table a:visited { text-decoration: none; }
		table a:hover { text-decoration: underline; }
		table td.date { width: 100px; }
		table a.muted, table a.muted:visited { color: #ccc; margin-left: 5px; }
		table tbody tr:hover a.muted, table tbody tr:hover a.muted:visited, table a.muted:hover { color: #777; }

	/*	--------------------------------------------------
		=Forms
		-------------------------------------------------- */

		form { margin: 0 0 18px; padding: 0; }
		form fieldset {  }
		label { display: block; font-size: 14px; font-weight: bold; line-height: 1.5; cursor: pointer; }
		form input.input-text, form textarea { display: block; background: #fff; margin: 0; padding: 3px 4px; width: 206px; font: 12px/18px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; text-shadow: 0 0 1px #fff; border: 1px solid #ccc; color: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 1px #fff; }
		form input.input-text:focus, form textarea:focus { outline: none; border-color: #999; }
		form input.medium, form textarea.medium { width: 324px; } /* 340px */
		form input.large, form textarea.large { width: 566px; } /* 580px */
		form input.fluid, form textarea.fluid { width: 680px; }
		form input.title { font-size: 14px; }
		form hr { border-bottom: 1px solid #fff; margin: 17px 0; }

		/*	Wrap inputs and textareas with a nice border ---------- */
		form span.wrap { background: #eee; display: inline-block; margin: 0 0 12px; padding: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		form span input.input-text, form span textarea { margin: 0; }
		form span.wrap p { padding-right: 0 !important; }
		body.ff2 form span.wrap { display: block; }
		body.ff2 form span.wrap input.input-text, body.ff2 form span.wrap textarea { width: 96%; }

		form div.select-list span.wrap select { background: #fff; border: 1px solid #999; }
		form div.file-upload { margin: 0 0 4px; }

		/*	Action bar for all forms ---------- */
		form fieldset.actions { border-top: 1px solid #ddd; }
		form fieldset.actions div { border-top: 1px solid #fff; padding: 12px 0 13px; text-align: right; }
		form fieldset.actions div * { display: inline-block; }

		form fieldset.padded { background: #f5f5f5; padding: 9px 15px; }

		/*	Lists of options (vertical or horizontal) ---------- */
		form ul.options-list, form ul.options-inline { margin: 0 0 18px; padding: 0; list-style: none; }
		form ul.options-list input { margin: 0; }
		body.ff3 form ul.options-list input { position: relative; top: 2px; }
		form ul.options-list li label, form ul.options-inline li label { font-size: 1em; line-height: inherit; font-weight: normal; color: #555; }

		/*	Inline lists of options as radion or checkboxes ---------- */
		form ul.options-inline li, form ul.options-inline li label { display: inline; color: #777; }
		form ul.options-inline li.label { font-weight: normal; color: #555; background: none; padding: 0 5px 0 0; text-transform: none; font-size: 12px; line-height: inherit; }


	
		/*	=Container ------------------------------------- */
		#container { position: relative; width: 880px; margin: 0 auto; padding: 0; }	

		

		h6#logo a, h6#logo a:visited { float: left; margin: 3.1em 0 0; height: 3.6em; width: 15em; text-indent: -999em; }

/*	=Page Headers */
		div.page-header { width: 880px; position: relative; margin: 0 0 20px; padding:20px 0 35px 0; border-bottom: 5px solid #eee; clear: both; background-position: right bottom; background-repeat: no-repeat; }
		div.page-header h1 { display: block; font-size: 45px; line-height: 1; font-weight: bold; letter-spacing: -3px; margin: 0; color: #222; }
		div.page-header h2 { margin: 6px 0 0; font-size: 20px; line-height: 1.25; color: #777; font-weight: normal; }
		div.page-header h2 a, div.page-header h2 a:visited { text-decoration: underline; font-weight: inherit; line-height: inherit; }

/* =Grid -------------------------------------------------- */
		

		.column-row { margin: 0 0 18px -20px; }
		.column, .columns { float: left; display: inline; margin: 0 0 0 20px; }
		.secondary.columns { padding: 1.8em 0 0; }

		.one 					{ width: 40px; }
		.two 					{ width: 100px; }
		.three 					{ width: 160px; }
		.four 					{ width: 220px; }
		.five 					{ width: 280px; }
		.six 					{ width: 340px; }
		.seven 					{ width: 400px; }
		.eight 					{ width: 460px; }
		.nine 					{ width: 520px; }
		.ten 					{ width: 580px; }
		.eleven 				{ width: 640px; }
		.twelve 				{ width: 700px; }
		.thirteen 				{ width: 760px; }
		.fourteen 				{ width: 820px; }
		.fifteen 				{ width: 880px; }
		.sixteen 				{ width: 940px; }
		.one-half 				{ width: 420px; padding-right: 10px; }
		.one-third 				{ width: 280px; }
		.two-thirds 			{ width: 580px; }
		.eleven .column-row 	{ width: 660px; }
		.twelve .column-row 	{ width: 760px; }

		.offset-by-one-half 	{ margin-left: 50px; }
		.offset-by-one 			{ margin-left: 80px; }
		.offset-by-two 			{ margin-left: 140px; }
		.offset-by-three 		{ margin-left: 200px; }
		.offset-by-four 		{ margin-left: 260px; }
		.offset-by-five 		{ margin-left: 320px; }
		.offset-by-six 			{ margin-left: 380px; }
		.offset-by-seven 		{ margin-left: 440px; }
		.offset-by-eight 		{ margin-left: 500px; }
		.offset-by-nine 		{ margin-left: 560px; }
		.offset-by-ten 			{ margin-left: 620px; }
		.offset-by-eleven 		{ margin-left: 680px; }
		.offset-by-twelve 		{ margin-left: 740px; }
		.offset-by-thirteen 	{ margin-left: 800px; }
		.offset-by-fourteen 	{ margin-left: 880px; }

		.last { margin: 0; }

		/* Clear the columns automagically */
		.column-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		* html .column-row { height: 1%; }
		.column-row { display: inline-block; }
		.column-row { display: block; }

	/*	IE6 Problems ---------- */
		body.ie .column-row 			{ width: 900px; }
		body.ie .eight .column-row		{ width: 480px; }
		body.ie .nine .column-row		{ width: 540px; }
		body.ie .ten .column-row		{ width: 600px; }
		body.ie .eleven .column-row 	{ width: 660px; }
		body.ie .twelve .column-row		{ width: 720px; }
		body.ie .thirteen .column-row	{ width: 780px; }
		body.ie .fourteen .column-row	{ width: 840px; }
		body.ie .fifteen .column-row	{ width: 900px; }



		::-moz-selection { background: #ffc; color: #000; }
		::selection { background: #ffc; color: #000; }	

	
		img#logo{margin-top:15px;}
		
		p#debtBtn:hover {background-position:0 58px;}
		ul.inline li{display:inline;}
		
			ul.more-busnet { height: 27px; margin: 0 0 9px; padding: 0; list-style: none; }
			ul.more-busnet li { display: inline; }
			ul.more-busnet li a { float: left; display: inline; margin: 0 10px 0 0; padding: 5px 10px 4px 20px; background-position: left center; background-repeat: no-repeat; }
			body#contactPage div#content ul.more-busnet li a { color: #777; }
			ul.more-busnet li.twitter a { background-image: url(/i/twitter.png); }
		
			ul.more-busnet li.delicious a { background-image: url(/i/delicious.gif); }
			ul.more-busnet li.rss a { background-image: url(/i/rss-white.gif); }

/* --------------------------------------------------
=Page specfic overrides
-------------------------------------------------- */		
#headerHome{font-size: 50px;}


/* latest tweet */
#tweet{background: url(/i/tweet.jpg) #badcf6 no-repeat bottom;padding: 15px 30px 20px 20px;}
#tweet p{color:#3e6f94;}
#tweet a:link {color:#45a0e6;}
#tweettop{background: url(/i/tweettop.jpg);height:17px;
}


#men {background: url(/i/networking.png);height:42px;width:43px;position:absolute;bottom:0;right:0;text-indent: -9999px;}e;bottom:0;right:0;text-indent: -9999px;}