/* 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
img { display:block; }
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* END RESET */


body {
	font-family:'Droid Sans', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	background:url(../images/bg.jpg);
	padding:60px 0 0;
}
#blocks {
	background:url(../images/bg-blocks.png);
}
#blocks-logo {
	background:url(../images/bg-logo.png) center top no-repeat;
}
#blocks-fade {
	background:url(../images/bg-fade.png) 0 315px repeat-x;
}
.wrapper {
	width:950px;
	margin:0 auto;
	position:relative;
}
.replace {
	font-family:'Droid Sans', Arial, Helvetica, sans-serif !important;
	font-weight:normal !important;
	text-shadow:0 1px 0 #000 !important;
}
.clear {
	clear:both;
}


/* GLOBAL NAV BAR */
#global-nav {
	width:100%;
	height:60px;
	background:url(../images/bg-global-nav.gif) repeat-x;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
#global-nav .wrapper {
	height:60px;
}
#companies {
	width:443px;
	height:121px;
	background:url(../images/bg-companies.png) no-repeat;
	position:absolute;
	top:0;
	right:0;
	z-index:200;
}
#companies.over {
	background-position:0 -121px;
}
#companies.on {
	background-position:0 -242px;
}
#companies h1 {
	width:443px;
	height:60px;
	text-indent:-9999px;
	margin:0 0 8px;
	cursor:pointer;
}
/* logos */
#companies ul {
	display:none;
	padding:0 0 0 11px;
}
#companies.on ul {
	display:block;
}
#companies ul li {
	display:inline;
	float:left;
	width:117px;
	height:28px;
}
#companies ul li.eecoder {
	margin:0 32px 0 0;
}
#companies ul li.aggregate {
	margin:0 35px 0 0;
}
#companies ul li a {
	display:block;
	width:117px;
	height:28px;
	text-indent:-9999px;
	background:url(../images/a-companies.png) no-repeat;
}
#companies ul li a:hover {
	background-position:0 -28px;
}
#companies ul li.aggregate a {
	background-position:-117px 0;
}
#companies ul li.aggregate a:hover {
	background-position:-117px -28px;
}
#companies ul li.hire a {
	background-position:-234px 0;
}
#companies ul li.hire a:hover {
	background-position:-234px -28px;
}

/* END GLOBAL NAV BAR */


/* HEADER */
#header {
	margin:0 0 31px;
}
#header .wrapper {
	padding:16px 0 10px;
	background:url(../images/bg-header.gif) left bottom repeat-x;
}
#header .wrapper span.box {
	display:block;
	width:20px;
	height:20px;
	position:absolute;
}
#header .wrapper span.box1 {
	top:100px;
	left:303px;
}
#header .wrapper span.box2 {
	top:360px;
	left:263px;
}
#header .wrapper span.box3 {
	top:420px;
	left:743px;
}
#header h1 {
	width:364px;
	height:85px;
	text-indent:-9999px;
	margin:0 0 443px -20px;
	background:url(../images/bg-header-h1.png) no-repeat;
}
#header h2 {
	width:456px;
	height:37px;
	text-indent:-9999px;
	margin:0 0 15px;
	background:url(../images/bg-header-h2.png) no-repeat;
}
#header p {
	font-size:16px;
	line-height:20px;
	text-shadow:0 1px 0 #000;
	margin:0 0 25px;
}
#header p.last {
	font-size:22px;
	line-height:normal;
	color:#9c0;
}
#header a {
	text-decoration:none;
	color:#9c0;
}
#header a:hover {
	color:#6cc;
}
/* END HEADER */


/* CONTENT */
#content {
	padding:0 0 48px;
}
#content h2 {
	font-size:24px;
	color:#6cc;
	text-shadow:0 1px 0 #000;
	margin:0 0 10px;
}

/* about */

#about {
	float:left;
	width:445px;
}
#about p {
	line-height:20px;
	text-shadow:0 1px 0 #000;
	margin:0 0 25px;
}
/* logos */
#companies-alt {
	padding:102px 0 0 12px;
	margin:34px 0 0;
	background:url(../images/bg-companies-alt.png) no-repeat;
}
#companies-alt a {
	display:block;
	float:left;
	width:117px;
	height:28px;
	text-indent:-9999px;
	background:url(../images/a-companies.png) no-repeat;
}
#companies-alt a:hover {
	background-position:0 -28px;
}
#companies-alt a.eecoder {
	margin:0 32px 0 0;
}
#companies-alt a.aggregate {
	margin:0 35px 0 0;
	background-position:-117px 0;
}
#companies-alt a.aggregate:hover {
	background-position:-117px -28px;
}
#companies-alt a.hire {
	background-position:-234px 0;
}
#companies-alt a.hire:hover {
	background-position:-234px -28px;
}
/* projects */
#projects {
	float:right;
	width:470px;
}
#projects a {
	display:block;
	float:left;
	width:130px;
	height:130px;
	padding:9px;
	border:1px solid #0e3d3d;
	margin:0 10px 10px 0;
	background:#000;
	position:relative;
}
#projects a.three {
	margin:0 0 10px;
}
#projects a img {
	position:absolute;
	top:9px;
	left:9px;
}
#projects a span {
	display:block;
	width:130px;
	height:130px;
	position:absolute;
	top:9px;
	left:9px;
	cursor:pointer;
}
#projects a.eecoder:hover span {
	background:url(../images/a-eecoder.png) no-repeat;
}
#projects a.aggregate:hover span {
	background:url(../images/a-aggregate.png) no-repeat;
}
#projects a.hire:hover span {
	background:url(../images/a-hire.png) no-repeat;
}
/* END CONTENT */


/* FOOTER */
#footer {
	background:url(../images/bg-footer.jpg) repeat-x;
}
#footer .wrapper {
	padding:40px 0;
}
#footer h3 {
	font-size:18px;
	color:#6cc;
	text-shadow:0 1px 0 #000;
	margin:0 0 16px;
}
/* contact */
#contact {
	float:left;
	width:620px;
	position:relative;
}
#contact p {
	margin:0 0 20px;
}
#contact p.last {
	width:73px;
	height:40px;
	position:absolute;
	top:158px;
	left:320px;
}
#contact input.text, #updates input.text {
	display:block;
	width:276px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
	padding:13px 12px 12px;
	background:url(../images/form-input.gif) no-repeat;
}
#contact input.submit, #updates input.submit {
	display:block;
	width:73px;
	height:40px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	padding:0;
	background:url(../images/button-send.gif) no-repeat;
	cursor:pointer;
}
#contact input.submit:hover {
	background-position:0 -40px;
}
#contact textarea {
	display:block;
	width:276px;
	height:75px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808080;
	padding:13px 12px 12px;
	background:url(../images/form-textarea.gif) no-repeat;
	position:absolute;
	top:38px;
	right:0;
	resize:none;
}
#contact-message p, #mailing-list-message p {
	font-size:18px !important;
	line-height:normal !important;
	color:#9c0 !important;
	padding:0 0 0 30px;
	background:url(../images/icon-check.gif) 0 50% no-repeat;
}
/* updates */
#updates {
	float:right;
	width:270px;
	position:relative;
}
#updates h3 {
	margin:0 0 1px;
}
#updates p {
	line-height:20px;
	color:#808080;
	margin:0 0 15px;
}
#updates form {
	width:270px;
	height:40px;
	margin:0 0 20px;
	position:relative;
}
#updates input.text {
	width:166px;
	background:url(../images/form-input2.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
}
#updates input.submit {
	background:url(../images/button-join.gif) no-repeat;
	position:absolute;
	top:0;
	right:0;
}
#updates input.submit:hover {
	background-position:0 -40px;
}
/* share */
#share {
	width:151px;
	height:40px;
	background:url(../images/bg-share.gif) no-repeat;
}
#share h4 {
	float:left;
	width:57px;
	font-size:12px;
	line-height:40px;
	text-transform:uppercase;
	text-shadow:0 1px 0 #000;
	padding:0 12px;
}
#share ul {
	padding:12px 0 0;
}
#share ul li {
	display:inline;
	float:left;
	margin:0 5px 0 0;
}
#share ul li a {
	display:block;
	width:16px;
	height:16px;
	text-indent:-9999px;
	background:url(../images/a-share.gif) no-repeat;
}
#share a:hover {
	background-position:0 -16px;
}
#share .twitter a {
	background-position:-16px 0;
}
#share .twitter a:hover {
	background-position:-16px -16px;
}
#share .email a {
	background-position:-32px 0;
}
#share .email a:hover {
	background-position:-32px -16px;
}
/* END FOOTER */