@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media screen, projection {

/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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, 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; }


/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clearfix { 
	display:inline-block; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }

/* Hide from IE Mac \*/
	.clearfix { display:block; }
/* End hide from IE Mac */

.clear {clear:both;} 	


/*	-------------------------------------------------------------
	Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html {
	font-size: 100%; }

body {
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #666;
	min-width:1019px;
	line-height: 1.7em;
	padding:0;
	margin:0;
	letter-spacing:-0.04em;
	background-color: #333333;} 

img {
	vertical-align: top;}
	
#container {
	width:1019px;
	margin:0 auto;
	padding:0;
	padding-left:7px;
	background: url("../img/bg.gif") repeat-y top left; }

/*	-------------------------------------------------------------
	CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#notification{
	background-color:#CCC;
	border-bottom:1px solid #666;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
}
#notification a{
	color: #3333FF;
	text-decoration: none;
}
.arrow{
		margin-left:470px;}



#logo{
		margin-left:260px;
		padding-top: 30px;}


	
#header{
	margin-top: 50px;
	margin-left: 100px;}
#header img{
	margin-right: 50px;}



#imagestrip {
	position: relative;}
#imagestripcaption{
	position: absolute;
	right: 50px;
	top: 0px;}
#imagestripcontent{
	padding-top: 60px;}



#servicedesign {
	position:relative;
	margin-top:80px;
	margin-left:10px;
	margin-bottom:60px;}

#servicedesign img{
	margin-left:30px;}	

#servicedesigncaption{
	position: absolute;
	right:220px;
	top:180px;}



#storyboards{
	margin-top:80px;
	margin-left:30px;
	margin-bottom:60px;}
#storyboards img{
	margin-left:30px;
	vertical-align: middle;}



#interfaces {
	margin-top:80px;
	margin-left:70px;
	margin-bottom:60px;}

#interfaces img{
	margin-left:50px;
	vertical-align: middle;}



#whitepapers {
	position:relative;
	margin-top:40px;
	margin-left:70px;

	height:320px;}
#team {
	position:absolute;
	top:0px;
	left: 50px;}
#whitepaper {
	position:absolute;
	top:50px;
	left: 365px;}
#whitepapermail {
	position:absolute;
	top:75px;
	left: 540px;}



#comingsoon {
	margin-top:50px;
	margin-left:330px;}



#footer {
	height:88px;
	padding-bottom:30px;}	


/*	-------------------------------------------------------------
	CLOSING STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

}