@charset "utf-8";
/* CSS Document */

/*  CSS Reset  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, 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;
}

:focus {outline: 0;}
.clear {clear: both;}
.skip {display: none;}
.hide {display: none;}
.visible {visibility: visible;}
.left {float: left;}
.right {float: right;}

bold, strong { font-weight: bold;}
i, em { font-style: italic;}

/* Basic CSS */

body {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #858585;
	background: #43851d url(../images/page_bg.jpg) top repeat-x;
}

h1,h2,h3,h4,h5,h6 {
	color: #00aeef;
	font-weight: bold;
	font-size: 1.4em;
	padding: 0.2em 1.4em;
}

h2,h3,h4,h5,h6 {
	font-size: 1em;
	padding: 0.2em 2em;
}

p {
	font-size: 1em;
	padding: 0.5em 2em;
}
p.image img {padding: 0.2em; border: 1px solid #ccc; margin: 0.5em; background: #fff;}
a {	text-decoration: none; 	color: #33649C;}
a:hover { text-decoration: underline;}

ul {
	font-size: 1em;
	margin: 0 3em;
}


/* Layout Divs */

#container {
	width: 960px;
	margin: 0 auto;
}

#colsingle {
	width: 960px;
	margin: 0 auto;
	float:none;
}
	#header {
		background: url(../images/header_bg.jpg) top no-repeat;
		height: 400px;
		position: relative;
	}
	
		#flashBit {
			width: 480px;
			float: right;
		}
	
	#content {
		width: 100%;
		overflow: hidden;
		padding: 0;
	}
	
		
		#colLeft {
			width: 310px;
			float: left;
			color: #fff;
			padding: 1em 0;
		}
		
			#colLeft h1, #colLeft h2, #colLeft h3, #colLeft h4, #colLeft h5, #colLeft h6 {color: #fcf94c;}
			#colLeft a {color: #fcf94c;}
			
			#colLeft a.casestudy {
				display: block;
				font-size: 0.8em;
				padding: 1em;
				margin: 0 1em 1em 1em;
				border-bottom: 1px dotted #ccc;
			}
			
			#colLeft a.casestudy img {
				padding: 0.2em;
				background: #fff;
				border: 1px solid #ccc;
			}
			
			#colLeft a.casestudy span {
				display: block;
			}
			
			#colLeft a.casestudy:hover {
				background: #fcf94c;
				text-decoration: none;
				color: #333;
			}
	
		#colRight {
			width: 640px;
			float: right;
			padding : 1em 0;
		}
		
		/* Box */
		
		div.box {
			background: url(../images/box_bg.gif) top repeat-y;
		}
		div.boxTop {
			background: url(../images/box_top.gif);
			height: 12px;
		}
		div.boxBottom {
			background: url(../images/box_bottom.gif);
			height: 12px;
		}
		
		/* Case Studies */
		
		div.case {
			border-bottom: 1px dotted #ccc;
			margin: 0 1em;
			clear: left;
			font-size: 0.8em;
			padding: 1em 0;
		}
		div.case img {
			padding: 0.2em;
			background: #fff;
			border: 1px solid #ccc;
			margin: 0 1em 1em 0;
			float: left;
		}
		
/*	Form Stylin'	*/
			
			#contact_form {		
				padding: 0.5em 1em;
				font-size: 0.75em;
				color: #333;
				margin: 0 2em;
			}
			
						
			#contact_form fieldset {
				padding: 1em;
				border: 1px solid #ccc;
				margin-bottom: 0.5em;
			}
		
			#contact_form fieldset legend {
				padding: 0 0.5em;
				font-size: 1.2em;
				color: #01AEF0;
			}
			
			#contact_form fieldset label {
				display: block;
				width: 100%;
				float: left;
				clear: left;
			}
			
			#contact_form fieldset input {
				float: left;
				margin: 0 0 0.5em 0;
				font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
				color: #333;
				width: 23em;
			}
			
			#contact_form fieldset textarea {
				font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
				color: #333;
				width: 25em;
			}
			
			#contact_form input.formBtn {
				font-size: 1.2em;
				color: #000;
				width: 8em;
			}

#footer {
		clear: both;
		margin: 1em 0;
		font-size: 0.7em;
		letter-spacing: 0.2em;
		text-align: center;
		color: #fff;
	}
	
	#footer a {color: #fcf94c;}