html {
	
}

body {
	background-color:#555;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size:14px;
	background:url(/images/contentbg.png) top left repeat-x #2D4A54!important;
}

address {
	font-style:normal;
}

h2 {
	font-family: "RockoUltraFLF","Helvetica Neue", helvetica, arial, sans-serif;
	font-weight:bold;
	font-weight:700;
	font-size:4.2em;
	margin-bottom:0.25em;
	color:#1B2F37;
	/*color:#f72500;*/
}

h3 {
	font-family: "RockoUltraFLF","Helvetica Neue", helvetica, arial, sans-serif;
	font-weight:bold;
	font-weight:600;
	font-size:2em;
	letter-spacing:0px;
	color:#f72500;
}

h4 {
	font-family: "RockoUltraFLF","Helvetica Neue", helvetica, arial, sans-serif;
	font-weight:bold;
	font-weight:600;
	letter-spacing:0px;
	font-size:1.5em;
	color:#f72500;
}

#content h2, #teaser h2 {
	text-shadow : 2px 2px 2px #132429;
}

#content h3 {
	text-shadow : 2px 2px 2px #132429;
}

#content h4 {
	text-shadow : 0 1px 2px #000;
}

a:link, a:visited {
	color:#75F3FF;
}

a:hover, a:active {
	color:#fff;
}

a img {
	border:none;
}

ul, ol {
	font-size:90%;
	margin:1em 0em;
	border-top:1px dotted #666;
	padding-top:0.75em;
}

li {
	margin:0 0 0.75em 0;
	padding-bottom:0.75em;
	padding-left:2.5em;
	background:url(/images/cogicon20.png) top left no-repeat transparent;
	border-bottom:1px dotted #666;
	font-size:120%;
}

input:focus, textarea:focus {
	background-color:#fff !important;
}

#wrapper {
	background-color:#666;
	margin:0 auto;
}

#header {
	height:115px;
	background:url(../images/logobg.gif) bottom left repeat-x #f72500;
}

	#header h1 {
		float:left;
		margin-top:40px;
	}
	
	#contactline {
		padding-top:5px;
		float:right;
		text-align:right;
	}
	
	#contactline a:link, #contactline a:visited {
		color:#fff;
		font-weight:bolder;
	}
	
	#contactline a:hover, #contactline a:active {
		color:#14252A;
	}

#teaser {
	position:relative;
	background:url(/images/teaserbg.jpg) bottom center no-repeat #0D8EDF;
	padding-bottom:2em;
}

	#teaser .inner {
		position:relative;
	}

	#intro {
		float:left;
		margin-top:40px;
		/*width:530px;*/
	}
	
		#intro h2 {
			/*color:#1B2F37;*/
			color:#DA2500;
			width:550px;
			margin-bottom:0.25em;
		}
	
		#intro p {
			margin-top:0;
			font-size:1.5em;
			line-height:1.4;
			width:550px;
			color:#05334F;
			font-family: "RockoFLF","Helvetica Neue", helvetica, arial, sans-serif;
		}
	
	#graphic {
		position:absolute;
		bottom:-120px;
		right:0;
		z-index:100;
	}
	
#content {
	background:url(../images/contentbg.png) top left repeat-x #2D4A54;
	padding:50px 0 50px 0;
	color:#dedede;
	line-height:1.5;
}


	
	#content h2, #content h3, #content h4 {
		margin-bottom:0em;
	}
	
	#content h2+p, #content h3+p, #content h4+p {
		margin-top:0;
	}
	
	#content p {
		margin:1em 0;
	}
	
	#content strong {
		font-weight:bolder;
		color:#fff;
		text-shadow : 2px 2px 2px #132429;
		
	}
	
	#content a:link, #content a:visited {
		color:#0D8EDF;
		font-weight:bold;
	}
	
	#content a:hover, #content a:active {
		color:#f72500;
	}

	#aboutus {
		float:left;
		width:500px;
		padding-right:50px;
		border-right:1px dotted #666;
	}
	
	
	#thingswedo {
		float:right;
		margin-top:8px;
	}
	
		#thingswedo li {
			text-shadow : 2px 2px 2px #132429;
			font-weight:bolder;
		}
	
	#recentwork {
		clear:both;
		padding:0 0;
		margin-top:1em;
		border-top:1px dotted #666;
	}
	
		
	
		
		div.workitem {
			float:left;
			width:230px;
			margin:0 5px;
		}
		
			div.last {
				margin-right:0;
			}
			
			div.first {
				margin-left:0;
			}

			div.workitem img {
				padding:4px;
				background-color:#efefef;
				border:1px solid #cdcdcd;
				width:220px;
			}
			
			
			
	#projectreq {
		margin-top:40px;
		float:right;
	}
	
	#contact {
		position:relative;
		float:left;
		clear:both;
		padding:0;
		margin-top:2em;
		/*background:url(/images/contentbg.png) top left repeat-x #2D4A54!important;
		border-bottom:6px solid #002C38;*/
		color:#dedede;
		width:100%;
		border-top:1px dotted #666;
	}
	
		#contact div.inner {
			margin:0 auto;
		}
	
		
		#contact h3 {
			margin-top:1em;
		}
		
		#contactform {
			position:relative;
			width:550px;
			border-right:1px dotted #666;
			z-index:999;
			margin-top:1em;
			margin-right:45px;
			float:left;
		}
		
		
		#contactform p {
			margin-bottom:0.5em;
		}
		
		#contact a:link, #contact a:visited {
			color:#0D8EDF;
		}
		
		#contact a:hover, #contact a:active {
			color:#f72500;
		}
		
		#contact .vcard {
			font-weight:bold;
			position:relative;
		}
		
			#contact .vcard p {
				margin:0.5em 0;
			}
			
			.vcard .org {
				font-size:110%;
				color:#f72500;
			}
			
			.vcard h4 {
				margin-top:1em;
			}
			
			.skype, .twitter, .vcard-download {
				margin-top:1em;
				padding-left:35px;
				height:25px;
				display:block;
			}
			
			.skype {
				background:url(/images/skypeicon.gif) left top no-repeat transparent;
			}
			
			.twitter {
				background:url(/images/twittericon.gif) left top no-repeat transparent;
			}
			
			.vcard-download {
				background:url(/images/vcardicon.gif) left top no-repeat transparent;
			}
			
		#message {
			display:none;
			position:absolute;
			top:50px;
			left:450px;
			width:350px;
			height:60px;
			padding:10px;
			background-color:#FCFFDF;
			-moz-border-radius:10px;
			-khtml-border-radius:10px;
			border:4px solid #EEEFB3;
		}
	
#footer {
	clear:both;
	float:left;
	width:100%;
	background-color:#f72500;
	padding:1.5em 0;
	font-size:85%;
	border-top:9px solid #002C38;
}

	#footer .copyright {
		float:left;
	}
	
	#footer .creds {
		float:right;
	}
	
	#footer .creds a:link, #footer .creds a:visited {
		color:#000;
	}
	


/* Forms */

label {
	display:block;
	margin-bottom:0.25em;
}

label strong {
	font-weight:bold;
	font-weight:700;
}

#email, #name, #mailmessage {
	font-size:110%;
	font-family:inherit;
	color:#333;
	padding:4px;
	width:400px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #2D4A54;
	background-color:#C3D8DF;
}

#mailmessage {
	height:100px;
}

#mailinglist {
	width:100px;
}

form .note {
	float:left;
	width:270px;
	margin-right:85px;
	font-size:80%;
	line-height:1.3;
}

#mailsubmit {
	width:auto;
	background:none;
	border:none;
}

/* Widths */
	.inner {
		width:960px;
		margin:0 auto;
	}
	
	
	.onecol {
		width:120px;
	}
	
	.twocol {
		width:240px;
	}
	
	.threecol {
		width:360px !important;
	}
	
	.threehalfcol {
		width:420px !important;
	}
	
	.fourcol {
		width:480px;
	}
	
	.fivecol {
		width:600px;
	}
	
	.sixcol {
		width:720px;
	}
	
	.sevencol {
		width:840px;
	}
	
	.eightcol {
		width:960px;
	}
	
	h2.eightcol {
		width:960px !important;
	}
	
	
/* General Utility Classes */
	
	.clearer {
		visibility:hidden;
		clear:both;
	}
	
	.error {
		color:#BF474C !important;
	}
	.error input, .error textarea {
		border-color:#BF474C !important;
		background-color:#FFDFE0 !important;
	}