/*
=========================================
screen stylesheet for colburnbusinesspark
2009 http://coldcactus.com
=========================================
*/

/*
	========
	CONTENTS 
	========
	Basic Rules
	Structure
	Typography
	
	Location Page
	Contact Page
	Demographics Page
	Funding Page
	
	Footer
*/



/* imports */
@import "menu.css";
@import "lightbox.css";



/*
===============
	Basic Rules
===============
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	color: #000;
	background: #2a8aa9 url(/images/bg_page.png) bottom left repeat-x;
}
/* misc */
strong { font-weight: bold; }

/* lists */
ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; list-style-type: none; }

/* links */
a { color: #142e25; text-decoration: underline; }
a:hover { color: #4a7061; text-decoration: underline; }
a img {
	margin: 1px;
	margin: 0;
	border: none;
}
a.external { padding-right: 10px; background: transparent url(/images/external_link.png) top right no-repeat; }
a.external:hover { background-position: right -24px; }

/* images */
img.inline { margin: 0 2px -2px 0; }
img.float { margin: 2px 2px 8px 12px; padding: 2px; }
img.left { float: left; }
img.right { float: right; }
img.spinner { margin: 0 0 -1px 4px; border: none; }

/* flashes */
p.flash_notice, p.flash_error { 
	color: #adc44a;
	font-size: 16px;
	text-align: center;
}
p.flash_error { color: #c46a4a; }

/* Fucking IE! Still valid, makes ugly markup though. Urgh. */
br.clear { clear: both; }



/*
=============
	Structure
=============
*/
div.container {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 970px;
	height: 100%;
}

/* Content Wrappers */
div.wrapper {
	margin-left: 33px;
	background: url(/images/bg_main.png) top right repeat-y;
}
div.holder {
	margin: 0 0 0 12px;
	/* padding: 10px 20px 72px 78px; IE */
	padding: 10px 20px 72px 32px;
	background: transparent url(/images/banner_image.jpg) top left no-repeat;
}

/* Flash Banner */
div.flash_banner { float: left; }
div.flash_banner p.span { display: none; }

/* Main Div */
div.main {
	padding-top: 175px;
	padding-bottom: 24px;
	padding-left: 12px;
}
div.narrow { width: 60%; }
div.right { width: 35%; float: right; clear: right; }

/* Logo */
div.logo {
	margin: 0;
	padding: 0;
	height: 96px;
	background: transparent;
}
div.logo h1 {
	float: right;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 96px;	
}
div.logo h1 a {
	display: block;
	width: 300px;
	height: 96px;
	background: transparent url(/images/logo.png) top left no-repeat;	
}
div.logo h1 a span { display: none; }
div.logo h1 a:hover { background: transparent url(/images/logo.png) no-repeat 0 -96px; }



/*
==============
	Typography
==============
*/
/* Page Headings */
div.page_heading {
	margin, padding: 0;
	float: right;
	margin-top: 24px;
	width: 340px;
	text-align: center;
}
div.page_heading h3 {
	margin, padding: 0;
	margin-bottom: 24px;
	font-size: 18px;
	line-height: 20px;
	color: #142e25;
	text-decoration: underline;
}
div.page_heading p { margin, padding: 0; }

/* Standard Headings */
div.main h3 {
	margin-bottom: 24px;
	font-size: 18px;
	line-height: 20px;
	color: #142e25;
	text-decoration: underline;
}
div.main h4 {
	margin-bottom: 18px;
	padding-top: 32px;
	font-size: 14px;
	line-height: 18px;
	color: #4a7061;
}
div.main h4.top { padding-top: 0; }
h4.float {
	margin-right: 24px;
	float: right;
}
h4.clear { clear: right; }
div.main h4 a {
	text-decoration: none;
	color: #4a7061;
}
div.main h4 a:hover {
	color: #142e25;
}
/* h4.small { font-size: 0.8em; } Not Inheriting? */
div.main h5 {
	margin-bottom: 12px;
	margin-left: 12px;
	padding-top: 18px;
	font-size: 12px;
	line-height: 18px;
	color: #4a7061;
}

/* Spacing */
div.main h4.tight { padding-top: 6px; margin-bottom: 6px; }
div.main h4.top { padding-top: 0; margin-top: 0; }

div.main h3.tight { padding-top: 6px; margin-bottom: 6px; }
div.main h3.mid { padding-bottom: 0; margin-bottom: 0; }
div.main h3.bottom { padding-top: 36px; }

/* Paragraphs */
div.main p {
	padding-left: 12px;
	padding-right: 24px;
	margin-bottom: 12px;
}
p.clear { clear: right; }
p.dropped {
	margin-top: 24px;
}
p.small { font-size: 0.8em; }

/* Links */
a.brochure img {
	padding: 3px;
	border: 1px solid #999;
}
a.brochure img:hover {
	padding: 2px;
	border: 2px solid #555;
}

/* Lists */
div.main ul {
	padding-left: 12px;
}
div.main ul span {
	float: right;
}
ul.indented {
	margin-left: 24px;
}
ul.legal {
	padding-left: 12px;
	padding-right: 24px;
	margin-bottom: 12px;	
}
ul.small { font-size: 0.8em; }



/*
=============
	Home Page
=============
*/
div.unit {
	width: 57%;
	height: 210px;
	margin: 0 0 48px 0;
	padding: 14px 0 0 0;
	border-left: 6px solid #aec7ba;
	background: #f4f4f4;
}
h3.home { padding-bottom: 12px; }
p.home {
	font-size: 1.5em;
	line-height: 1.2em;
}
br.end {
	clear: right;
}
img.home {
	margin: 2px 0 8px 12px;
	padding: 2px;
	border: 1px solid #aec7ba;
	float: right;
}
img.home:hover { background: #aec7ba; }

/* Sidebar */
div.homepage_sidebar {
	float: right;
	width: 35%;
	margin-top: -100px;
}



/*
=================
	Location Page
=================
*/
div.map_switcher {
	margin: 24px 0 18px 0;
}
div.map_switcher img {
	margin: 0 16px 0 0;
	border: 1px solid #142e25;
}
#switch2simple, #switch2google {
	margin: 0;
	padding: 0;
}

div.maps {
	margin: 24px 0 0 12px;
}
#googlemap, #simplemap {
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	width: 485px;
	height: 360px
}
#simplemap {
	border: 1px solid #666;
}
img.bordered {
	
	border: 1px solid #666;	
}



/*
================
	Contact Page
================
*/
/* Contact Form */
div.contact_form {
	float: left;
}
div.contact_form p {
	margin: 0;
	padding: 0;
}
div.contact_form h3 { 
	margin: 24px 0 12px 0;
	padding: 0;
}
div.form {
	margin-left: 12px;
}
#contact_form .formElement {
	margin: 0 0 12px 0;
	padding: 0 0 4px 0;	
	width: 250px;
	border: 1px solid #666;
	color: #000;
	background: #fff;
	outline: none;
}
#contact_form input:hover, #contact_form textarea:hover {
	background-color: #cfe8db;
	border: 1px solid #777;
}
#contact_form input:focus, #contact_form textarea:focus {
	background-color: #bad3c6;
	border: 1px solid #666;
}
#contact_form button {
	margin: 0 0 16px 0;
	padding: 6px 8px;
	color: #000;
	background: #fff;
	border-top: 1px solid #999;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	border-left: 1px solid #999;
}
#contact_form button:hover { background: #cfe8db; }
#contact_form button:active { background: #aec7ba; }
#contact_form p.right {
	margin: 0;
	padding: 0;
	float: right;
}
/* errors */
div.formError {
	float: right;
	color: #c46a4a;
}
div.contact_form h4.formError {
	margin-top: 0;
	padding-top: 0;
	color: #c46a4a;
}


/*
=====================
	Demographics Page
=====================
*/
p span.emphasis { font-weight: bold; }
div.main table {
	margin-left: 12px;
	border: 1px solid #666;
	background: #e4e4e4;
}
div.main table td {
	padding: 2px 12px;
}
div.main table tr.headings {
	font-weight: bold;
}
div.main table span { font-size: 0.8em; }


/*
================
	Funding Page
================
*/
img.funding_link {
	margin: 12px;
}


/*
==========
	Footer
==========
*/
div.footer {
	color: #fff;
	margin: 0 auto 0 auto;
	background: #237894;
	width: 970px;
}
div.footer a {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px dotted #aec7ba;
}
div.footer a:hover { color: #aec7ba; }

div.footer p.right {
	margin-top: 20px;
	margin-right: 12px;
	float: right;
}
div.footer p.left {
	float: left;
	margin-left: 33px;
}
div.footer p.branding {
	float: right;
	clear: right;
	padding-top: 24px;
	margin-right: 4px;
}
div.footer p.branding a {
	border-bottom: none;
}