/* Globals
----------------------------------------------------------------------------------- */
html, body {
	height: 100%;
	}
body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #898989;
	margin: 0;
	padding: 0;
	background:#121212;
	}

div {
	margin: 0;
	padding: 0;
	}
	
img { border: 0; }

p {
	margin: 5px 0px;
	padding: 0;
	}
	
a {
	outline: none;
	}

/* Containers
----------------------------------------------------------------------------------- */
#hauser {
	margin: 0 auto;
	background:url(../images/bgTop.gif) fixed repeat-x;
	}
#plants {
	margin: 0 auto;
	background:url(../images/foliageBg.png) fixed no-repeat;
	}
#container {
	width: 902px;
	margin: 0 auto;
	}
	
/* Header
----------------------------------------------------------------------------------- */
#header {
	width: 898px;
	padding: 10px 0px 60px 0px;
	position: relative;
	}
	
h1.logo {
	background: url(../images/logo.png) center top no-repeat;
	height: 75px;
	width: 100%;
	text-indent: -9000px;
	margin: s0px;
	}
	
#accept {
	position: absolute;
	right: 15px;
	top: 35px;
	width: 250px;
	margin: 0;
	padding: 0;
	z-index: 10;
	}
	
#nav {
	position: absolute;
	left: 180px;
	top: 100px;
	margin: 0;
	padding: 0;
	z-index: 100;
	}
	
#nav li {
	float: left;
	margin: 0px 20px;
	padding: 0;
	list-style: none;
	}

#nav li a {
	outline: none;
	}
	
/* Contact Form
----------------------------------------------------------------------------------- */
#cForm {
	border: 2px #ccc solid;
	}
	
.contactform {
	color: #fff;
	background: #111111;
	}
	
input {
	border: none;
	}
	
/* Content
----------------------------------------------------------------------------------- */
#content_wrapper {
	width: 902px;
	}
	
.project {
	width: 902px;
	height: 400px;
	background: url(../images/project-back.png) no-repeat;
	position: relative;
	}
	
.screen {
	position: absolute;
	top: 11px;
	left: 11px;
	width: 621px;
	height: 375px;
	}

.description {
	position: absolute;
	top: 15px;
	right: 14px;
	width: 230px;
	}
	
h2 {
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	height: 30px;
	width: 228px;
	}
	
.website {
	position: absolute;
	left: -1px;
	top: -1px;
	}
	
.spacer {
	height: 50px;
	}
	
/* Title Backgrounds
----------------------------------------------------------------------------------- */
.aist {
	background: url(../images/aist.png) no-repeat;
	}
.cg {
	background: url(../images/cg.png) no-repeat;
	}
	
.mm {
	background: url(../images/mmort.png) no-repeat;
	}

.topv {
	background: url(../images/topv.png) no-repeat;
	}
	
.nhsas {
	background: url(../images/nhsas.png) no-repeat;
	}
	
.ke {
	background: url(../images/ke.png) no-repeat;
	}
	
.lift {
	background: url(../images/lift.png) no-repeat;
	}
	
.nh {
	background: url(../images/nh.png) no-repeat;
	}
	
.chen {
	background: url(../images/chen.png) no-repeat;
	}
	
.ll {
	background: url(../images/ll.png) no-repeat;
	}
	
.ross {
	background: url(../images/ross.png) no-repeat;
	}
	
.jp {
	background: url(../images/jp.png) no-repeat;
	}
	
.hatch {
	background: url(../images/hatch.png) no-repeat;
	}
	
.vri {
	background: url(../images/vri.png) no-repeat;
	}
	
.dt {
	background: url(../images/dt.png) no-repeat;
	}
	
.hp2 {
	background: url(../images/hp2.png) no-repeat;
	}
	
.pc {
	background: url(../images/pc.png) no-repeat;
	}
	
.me {
	background: url(../images/me.png) no-repeat;
	}
	
.aistv2 {
	background: url(../images/aistv2.png) no-repeat;
	}
	
.major {
	background: url(../images/major.png) no-repeat;
	}
	
.gm {
	background: url(../images/gm.png) no-repeat;
	}
	
.hp3 {
	background: url(../images/hp3.png) no-repeat;
	}
	
.hof {
	background: url(../images/hof.png) no-repeat;
	}
.hcs {
	background: url(../images/hcs.png) no-repeat;
	}
.bvs {
	background: url(../images/bvs.png) no-repeat;
	}
.maple {
	background: url(../images/maple.png) no-repeat;
	}
.monte {
	background: url(../images/hm.png) no-repeat;
	}
.voa {
	background: url(../images/voa-title.png) no-repeat;
	}
.mobhooks {
	background: url(../images/mh.png) no-repeat;
	}
.sketch {
	background: url(../images/johnny.png) no-repeat;
	}
.paint {
	background: url(../images/twist.png) no-repeat;
	}
.guerilla {
	background: url(../images/gb.png) no-repeat;
	}
.sb {
	background: url(../images/sb.png) no-repeat;
	}
.green {
	background: url(../images/gr.png) no-repeat;
	}
	
/* Icons & Buttons
----------------------------------------------------------------------------------- */
.tools {
	width: 148px;
	height: 25px;
	background: url(../images/faded-icons.png) no-repeat;
	position: relative;
	margin: 20px 0px 30px 0px;
	}
	
.cms {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 25px;
	height: 25px;
	}
	
.seo {
	position: absolute;
	left: 31px;
	top: 0px;
	width: 25px;
	height: 25px;
	}
	
.rep {
	position: absolute;
	left: 62px;
	top: 0px;
	width: 25px;
	height: 25px;
	}
	
.crm {
	position: absolute;
	left: 92px;
	top: 0px;
	width: 25px;
	height: 25px;
	}
	
.ecom {
	position: absolute;
	left: 123px;
	top: 0px;
	width: 25px;
	height: 25px;
	}	
.small {
	font-size:10px;

}
	
/* FOOTER
----------------------------------------------------------------------------------- */
#footer {
	font-size: 11px;
	line-height: 13px;
	width: 902px;
	margin: 0px auto;
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 20px;
	height: 80px;
	color: #333;
	text-align: left;
	position: relative;
	border-top: 1px solid #222;
	}
	
#footer .top {
	float: right;
	margin-right: -3px;
	}
	
#footer a {
	text-decoration: none;
	color: #444;
	outline: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}