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

/**********************************************
colors scheme

#48b1db - expo blue    (<a>)
#a853a2 - purple			(<a>:hover)
#c8338f - hot pink		(background-color)
#7e8889 - grey			(font-color)

**********************************************/

/*******body*******************/

body{
	margin:0;
	padding:0;
	background-color:#c8338f;
	font-family:"Helvetica Neue", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7e8889;
}
	

/********wrapper****************/

#wrapper{
	position:relative;
	margin:0;
	padding:0;
	background-image:url(../../work/images/bg_gradient.jpg);
	background-repeat:repeat-x;
}

/**********************************************
header
**********************************************/
	
#header{
	padding: 0;
	height: 332px; 
	width: 1058px;
	margin: 0 auto;
	position:relative;
	overflow:hidden;
}

#header img{
	border:none;
}

#homeLink{
	position:absolute;
	top:34px;
	left:34px;
}

/**********************************************
nav
**********************************************/

#nav{
	position:absolute;
	top:217px;
	left:14px;
	z-index:100;
}

#nav ul {
    margin:0;
    padding:0;
    list-style:none;
}

#nav li{
	float:left;
	margin:0;
	padding:0;	
}

#work{
    display:block;
	width:101px;
	height:55px;
    background:url(../images/research_work.jpg) no-repeat right top;
    margin:0;
    padding:0;
}

#shop{
    display:block;
	width:92px;
	height:55px;
    background:url(../images/research_shop.jpg) no-repeat right top;
    margin:0;
    padding:0;
}

#research{
    display:block;
	width:138px;
	height:55px;
    background:url(../images/research_research.jpg) no-repeat right top;
    margin:0;
    padding:0;
}

#contact{
    display:block;
	width:133px;
	height:55px;
    background:url(../images/research_contact.jpg) no-repeat right -55px;
    margin:0;
    padding:0;
}

#about{
	position:absolute;
    display:block;
	width:94px;
	height:145px;
    background:url(../images/about.jpg) no-repeat right top;
    margin:0;
    padding:0;
	top:-90px;
	left:572px;
}

#nav a:hover{
	background-position:right -55px;
}

#about_span a:hover{
	background-position:right top;
}

#nav a{
	text-indent:-9000px;
}

/**********content******************/

#content{
	clear:both; /*for IE6*/
	position:relative;
	margin:0 auto;
	width:1058px;
	padding:0;
}

#jonDescription{
	position:absolute;
	top:100px;
	left:30px;
	text-align:right;
	width:252px;
	line-height:16px;
	z-index:100;
}

#caseyDescription{
	position:absolute;
	top:100px;
	left:775px;
	width:252px;
	line-height:16px;
	z-index:100;
}

a{
	color:#48b1db;
}

a:hover{
	color:#a853a2;
}

.pink{
	color:#a853a2;
}

ul{
	padding:0;
	margin:0;
	list-style-type:none;
	font-size:14px;
	z-index:100;
}

#jonLinks{
	position:absolute;
	top:214px;
	left:30px;
	text-align:right;
	width:252px;
}

#caseyLinks{
	position:absolute;
	top:214px;
	left:775px;
	width:252px;
}

#jonLinks li, #caseyLinks li{
	margin:1px 0;
}

#caseyLinks a, #jonLinks a{
	background-color:#FFFFFF;
	padding:0 5px;
	text-decoration:none;
}

#caseyHeadSWF{
	position:absolute;
	top:-35px;
	left:491px;
}

#caseyTorsoSWF{
	position:absolute;
	top:180px;
	left:491px;
}

#caseyLegsSWF{
	position:absolute;
	top:380px;
	left:491px;
}

#jonHeadSWF{
	position:absolute;
	top:-35px;
	left:-53px;
}

#jonTorsoSWF{
	position:absolute;
	top:180px;
	left:-53px;
}

#jonLegsSWF{
	position:absolute;
	top:380px;
	left:-53px;
}