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

body {
	background-color:#020202;	
	background-image:url(images/night.png);
	background-repeat:repeat-x;	
	font-family:Verdana, Helvetica, sans-serif;
	font-size:80%;
	color:#000;
}



a:link {color:#963}      /* unvisited link */
a:visited {color:#666;}  /* visited link */
a:hover {color:#000;}  /* mouse over link */
a:active {color:#963;}  /* selected link */

a.quote:link {color:#edf8fa;}      /* unvisited link */
a.quote:visited {color:#edf8fa;}  /* visited link */
a.quote:hover {color:#ADC9C7;}  /* mouse over link */
a.quote:active {color:#edf8fa;}  /* selected link */




#wrapper {
	width:1088px;
	height:1100px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/morning.png);
	background-repeat:no-repeat;
	}
	


#header {
	position:relative;
	width:960px;
	margin-left:65px;
	top:40px;
}

#nav {
	position:relative;
	height:35px;
	width:900px;
	margin-left:110px;
	top: 50px;
	z-index:1;
}


#feature {
	position:relative;
	float:left;
	margin-left:100px;
	width:612px;
	height:466px;
	background-image:url(images/feature.png);
	background-repeat:no-repeat;
	padding: 30px 20px 20px 20px;
	text-align:left;
	top: 100px;
}


#feature2 {
	position:relative;
	float:left;
	margin-left:100px;
	width:612px;
	height:666px;
	background-image:url(images/feature2.png);
	background-repeat:no-repeat;
	padding: 10px 20px 20px 20px;
	text-align:left;
	top: 100px;
}

#feature3 {
	position:relative;
	float:left;
	margin-left:100px;
	width:612px;
	height:679px;
	background-image:url(images/history.png);
	background-repeat:no-repeat;
	padding: 10px 20px 20px 20px;
	text-align:left;
	top: 115px;
	z-index:9;
	overflow:hidden;
}


#back {
	position:relative;
	top:-54px;
	margin-left:0px;
	width:60px;
	height:15px;
	z-index:2;	
	float:left;
	
}

#next {
	position:relative;
	top:-56px;
	margin-left:554px;
	width:60px;
	height:15px;
	z-index:2;	
}



#plank {
	position:relative;
	top:-40px;
}


#sample3_rnr {
	position:relative;
	top:-260px;
	margin-left:120px;
	float:left;
	z-index:5;	
}

#sample2_rnr {
	position:relative;
	top:-300px;
	margin-left:-30px;
	z-index:7;	
}

#sample1_rnr {
	position:relative;
	top:-290px;
	margin-left:-80px;
	z-index:6;	
}



#sample3_dm {
	position:relative;
	top:-240px;
	margin-left:125px;
	float:left;
	z-index:5;	
}


#sample1_dm {
	position:relative;
	top:-250px;
	margin-left:-20px;
	z-index:6;	
}


#sample3_ww {
	position:relative;
	top:-280px;
	margin-left:110px;
	float:left;
	z-index:7;	
}

#sample2_ww {
	position:relative;
	top:-240px;
	margin-left:-170px;
	z-index:5;	
}

#sample1_ww {
	position:relative;
	top:-260px;
	margin-left:-10px;
	z-index:6;	
}

#sample3_flash {
	position:relative;
	top:-170px;
	margin-left:305px;
	float:left;
	z-index:6;	
}


#sample1_flash {
	position:relative;
	top:-326px;
	margin-left:130px;
	z-index:5;	
}

#sample3_banners {
	position:relative;
	top:-210px;
	margin-left:140px;
	float:left;
	z-index:6;	
}


#sample1_banners {
	position:relative;
	top:-246px;
	margin-left:108px;
	z-index:5;	
}

#sample3_photos {
	position:relative;
	top:-450px;
	margin-left:290px;
	z-index:6;	
}


#sample1_photos {
	position:relative;
	top:-270px;
	margin-left:144px;
	float:left;
	z-index:5;	
}

#sample3_illustrations {
	position:relative;
	top:-480px;
	margin-left:360px;
	z-index:6;	
}


#sample1_illustrations {
	position:relative;
	top:-290px;
	margin-left:124px;
	float:left;
	z-index:5;	
}

#sample3_poster {
	position:relative;
	top:-240px;
	margin-left:110px;
	float:left;
	z-index:5;	
}

#sample2_poster {
	position:relative;
	top:-280px;
	margin-left:-40px;
	z-index:6;	
}

#sample1_poster {
	position:relative;
	top:-230px;
	margin-left:-40px;
	z-index:7;	
}

#sample3_layout {
	position:relative;
	top:-280px;
	margin-left:80px;
	float:left;
	z-index:5;	
}

#sample2_layout {
	position:relative;
	top:-310px;
	margin-left:-50px;
	z-index:6;	
}

#sample1_layout {
	position:relative;
	top:-290px;
	margin-left:-90px;
	z-index:7;	
}


#summary_rnr {
	position:relative;
	top:-270px;
}

#summary_dm {
	position:relative;
	top:-180px;
}

#summary_ww {
	position:relative;
	top:-200px;
}

#summary_flash {
	position:relative;
	top:-260px;
}

#summary_banners {
	position:relative;
	top:-150px;
}

#summary_photos {
	position:relative;
	top:-460px;
}

#summary_illustrations {
	position:relative;
	top:-480px;
}

#summary_poster {
	position:relative;
	top:-210px;
}

#summary_layout {
	position:relative;
	top:-270px;
}



#testimonial {
	position:relative;
	width:860px;
	height:78px;
	top:-46px;
	margin-left:80px;
	padding: 8px 20px;
	background-image:url(images/quotes.png);
	background-repeat:no-repeat;
	clear:both;
	color:#fff;
	z-index:12;
}

#marqueecontainer{
	position: relative;
	top:-3px;
	width: 860px; 
	height: 46px; 
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	font-style:italic;
	color:#fff;

}



#gall {
	float:right;
	position:relative;
	width: 200px;
	height: 664px;
	top:100px;
	margin-right:116px;
	padding-top:18px;
	text-align:center;
	z-index:8;
	color:#fff;
}

#skills {
	position:relative;
	top:-3px;
	width:200px;
	height:200px;
	padding: 6px 10px 8px 12px;
	background-image:url(images/links.png);	
	background-repeat:no-repeat;
	overflow:hidden;
	color:#000;
}

#awards {
	width:200px;
	height:200px;
	position:relative;
	top:-6px;
	padding: 6px 10px 8px 12px;
	background-image:url(images/links.png);	
	background-repeat:no-repeat;
	overflow:hidden;
	color:#000;
}

#education {
	width:200px;
	height:200px;
	position:relative;
	top:-10px;
	padding: 6px 10px 8px 12px;
	background-image:url(images/links.png);	
	background-repeat:no-repeat;
	overflow:hidden;
	color:#000;
}

#copy {
	color:#fff;
	font-size:.8em;
}

#clients {
	position:relative;
	top:140px;
	margin-left:120px;
	float:left;
	width:200px;
	height:204px;
	padding:10px 10px 10px 8px;
	text-align:center;
	background-image:url(images/links.png);
	background-repeat:no-repeat;
}

#resources {
	position:relative;
	float:right;
	top:140px;
	margin-right: 128px;
	width:200px;
	height:204px;
	padding:10px 10px 10px 8px;
	text-align:center;
	background-image:url(images/links.png);
	background-repeat:no-repeat;
}

#friends {
	position:relative;
	clear:both;
	top:-84px;
	width:200px;
	height:204px;
	margin-left:424px;
	padding:10px 10px 10px 8px;
	text-align:center;
	background-image:url(images/links.png);
	background-repeat:no-repeat;
}

#network {
	position:relative;
	top:-50px;
	margin-left:120px;
	float:left;
	width:200px;
	height:204px;
	padding:10px 10px 10px 8px;;
	text-align:center;
	background-image:url(images/links.png);
	background-repeat:no-repeat;
}

#events {
	position:relative;
	float:right;
	top:-50px;
	margin-right: 128px;
	width:200px;
	height:204px;
	padding:10px 10px 10px 8px;
	text-align:center;
	background-image:url(images/links.png);
	background-repeat:no-repeat;
}

#muse {
	position:relative;
	clear:both;
	top:-270px;
	width:200px;
	height:204px;
	margin-left:424px;
	padding:10px 10px 10px 8px;
	text-align:center;
	background-image:url(images/links.png);
	background-repeat:no-repeat;
}

#page {
	position:relative;
	top:100px;
	margin-left:114px;}



.slider {
	position:relative; 
	overflow:hidden; 
	float:left;
	top:5px;
	width:570px;
	height:549px; 	 
	margin-bottom:20px; 
	margin-left:10px;
	align:left;
	}
	
.slidercontent {
	position:absolute;
	width: 570px;
	height: 560px;
}

.slidercontent .upper {
	border-bottom:1px solid #000;
	}
	
.section {
	padding:10px;
	}

#arrow_up {
	position:relative;
	float:right;
	margin-right:0px;
	top:10px;

	
}

#arrow_down {
	position:relative;
	top:515px;
	float:right;
	margin-right:0px;

	
}


#footer {
	width:988px;
	height:50px;
	margin-left:34px;
	position:relative;
	top:-20px;
}



#footer2 {
	clear:both;
	width:988px;
	height:50px;
	margin-left:34px;
	position:relative;
	top:90px;
}

#footer3 {
	clear:both;
	width:988px;
	height:50px;
	margin-left:34px;
	position:relative;
	top:57px;
}

#footer4 {
	clear:both;
	width:988px;
	height:50px;
	margin-left:34px;
	position:relative;
	top:-110px;
}

#copy {
	color:#fff;
	font-size:.8em;
}


/*TYPE*/

h1 {
	font-size:1.2em;
}

h2 {
	font-size:1em;
}

.content {
	font-size:.9em;	
}

.caption {
	font-size:.9em;	
}

.job {
	font-weight:bold;
	font-size:.9em;
}

.desc {
	font-size:.8em;	
}



/*FORM*/
#title1 {
	width:60px;	
	margin-left:80px;
}

#title2 {
	width:60px;	
	margin-left:80px;
}
#title3 {
	width:60px;	
	margin-left:80px;
}
#title4 {
	width:60px;	
	margin-left:80px;
}

.input {
	position:relative;
	margin-left:170px;
	top:-18px;
}

.input2 {
	position:relative;
	margin-left:90px;
	top:-18px;
}

#send {
	position:relative;
	margin-left:170px;
}