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

body{

background-position:0 0;
background-image:url(../images/bg.jpg);
background-repeat:repeat;
}

a{

color:white;
text-decoration:none;

}

#footer{

font-family:Gills Sans,Verdana, Arial, Helvetica, sans-serif;
color:white;
font-size:10px;
width: 840px;
margin:0px auto;
text-align:right;
}


h2{

font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
font-weight:normal;
margin-bottom:10px;

}

h3{

font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
font-weight:400;
margin-bottom:10px;
margin-top:20px;

}

h4{

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
font-style:italic;
margin-bottom:10px;

}

p{

width:420px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
font-weight:normal;
line-height:13px;


}

.p2 {

width:225px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
font-weight:normal;
line-height:13px;


}
.quotes

{

font-style:italic;
font-size:10px;

}




#logo{

width: 876px;
display:block;
margin:0px auto;
height:65px;
top:25px;
background-image:url(../images/msplogo.png);
background-repeat:no-repeat;
background-position:left;
}


/*Headings*/

#interactive_hd {

display:block;
background-image:url(../images/interactive_hd.gif);
background-repeat:no-repeat;
width:52px;
height:6px;
margin-bottom:15px;

}

#video_hd {

display:block;
background-image:url(../images/video_hd.gif);
background-repeat:no-repeat;
width:52px;
height:6px;
margin-bottom:15px;

}


#about_hd {

display:block;
background-image:url(../images/about_hd.gif);
background-repeat:no-repeat;
width:52px;
height:6px;
margin-bottom:15px;

}






#content_stage {
	position: relative;
	top:10px;
	margin:0px auto;
	width: 876px;
	height: 491px;
	overflow: hidden;
	background-image:url(../images/content_box_bg.png);
	background-repeat:no-repeat;
	
}





	#content_listing {
		position: absolute;
		width: 1980px; /* Triple the width */
		height: 491px;
		top: 0;
		left: -660px; /* Negative item width */
	}
	
		.content_item {
			position: absolute;
			
			width: 660px;
			height: 491px;
			top: 0;
			left: 0;
		}
		
			
.project{

width:463px;
height:500px;
margin:60px 25px 50px 92px; 


}

img{border:none;}

#content_container, #content_container2, #content_container3,
#content_container4, #content_container5, #content_container6,
#content_container7, #content_container8, #content_container9,
#content_container10, #content_container11, #content_container12 {
	position: relative;
	width: 420px;
	height: 220px;
	overflow: hidden;
}




.slide_content {
	position: absolute;
	width: 420px;
	height: 220px;
	top: 0;
	left: -420px;
	background: #ffffff;

	text-align: center;
}

#numerical_links, #numerical_links2, #numerical_links3, #numerical_links4, #numerical_links5, #numerical_links6, #numerical_links7, #numerical_links8,
#numerical_links9, #numerical_links10, #numerical_links11, #numerical_links12{
margin-right:36px;

float:right;

}



#aar_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/aar1.gif);
background-repeat:no-repeat;

}

#hd_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/hd3.jpg);
background-repeat:no-repeat;

}


#doro_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/doro1.gif);
background-repeat:no-repeat;

}

#fuse_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/fuse1.gif);
background-repeat:no-repeat;

}	

#jones_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/jones1.gif);
background-repeat:no-repeat;

}	

#marmi_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/marmi1.gif);
background-repeat:no-repeat;

}
			
#night_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/night1.png);
background-repeat:no-repeat;

}

#practical_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/practical1.gif);
background-repeat:no-repeat;

}

#rocks_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/rocks1.gif);
background-repeat:no-repeat;

}

#sms_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/sms1.gif);
background-repeat:no-repeat;

}

#snoop_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/snoop1.png);
background-repeat:no-repeat;

}



#tradewind_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/tradewind1.gif);
background-repeat:no-repeat;

}

#watson_image{

display:block;
width:420px;
height:220px;
background-image:url(../images/interactive/watson1.gif);
background-repeat:no-repeat;

}
/*Primary Navigation*/



ul, li {

list-style:none;
float:left;

}

#nav{
	position:absolute;
	z-index:999;
	width:100px;
	top:140px;
	left:0px;


}

#download{

position:absolute;
z-index:200;
right:444px;
top:430px;

}


a#resume{

display:block;
background-image:url(../images/download_res_btn.gif);
background-repeat:no-repeat;
background-position:top;
width:125px;
height:16px;
text-decoration:none;

}

a#resume:hover{

display:block;
background-image:url(../images/download_res_btn.gif);
background-repeat:no-repeat;
background-position:bottom;
width:125px;
height:16px;
text-decoration:none;}

a#interactive{

display:block;
background-image:url(../images/interactive_btn.gif);
background-repeat:no-repeat;
background-position:top;
width:127px;
height:24px;
text-decoration:none;

}	

a#interactive:hover{

display:block;
background-image:url(../images/interactive_btn.gif);
background-repeat:no-repeat;
background-position:bottom;
width:127px;
height:24px;
text-decoration:none;

}	

a#video{

display:block;
background-image:url(../images/video_btn.gif);
background-repeat:no-repeat;
background-position:top;
width:65px;
height:24px;
text-decoration:none;

}	

a#video:hover{

display:block;
background-image:url(../images/video_btn.gif);
background-repeat:no-repeat;
background-position:bottom;
width:65px;
height:24px;
text-decoration:none;

}


a#print{

display:block;
background-image:url(../images/print_btn.png);
background-repeat:no-repeat;
background-position:top;
width:59px;
height:24px;
text-decoration:none;

}	

a#print:hover{

display:block;
background-image:url(../images/print_btn.png);
background-repeat:no-repeat;
background-position:bottom;
width:59px;
height:24px;
text-decoration:none;

}

a#about{

display:block;
background-image:url(../images/about_btn.png);
background-repeat:no-repeat;
background-position:top;
width:107px;
height:24px;
text-decoration:none;

}	

a#about:hover{

display:block;
background-image:url(../images/about_btn.png);
background-repeat:no-repeat;
background-position:bottom;
width:107px;
height:24px;
text-decoration:none;

}
			
			
/* Buttons */


#left_control{

position:absolute;
z-index:200;
left:230px;
top:200px;

}




#right_control{

position:absolute;
z-index:200;
right:77px;
top:200px;

}



			
/*a#content_arrow_right {

display:block;
background-image:url(../images/right_button.gif);
background-position:top;
height:177px;
width:32px;


}

a:hover#content_arrow_right{

display:block;
background-image:url(../images/right_button.gif);
background-position:bottom;
height:177px;
width:32px;

}*/

a#content_arrow_right {

display:block;
background-image:url(../images/right_arrow.gif);
background-position:top;
height:40px;
width:25px;


}

a:hover#content_arrow_right{

display:block;
background-image:url(../images/right_arrow.gif);
background-position:bottom;
height:40px;
width:25px;

}


a#content_arrow_left{

display:block;
background-image:url(../images/left_arrow.gif);
background-position:top;
height:40px;
width:25px;


}

a:hover#content_arrow_left{

display:block;
background-image:url(../images/left_arrow.gif);
background-position:bottom;
height:40px;
width:25px;

}