*{
	padding: 0;
	margin: 0;
}

a{
	outline: none;
}

body{
	background-color: #96B4DE;
	font: 62.5%/1.5em Helvetica, Arial, Sans-Serif;	
}

#top_grad{
	background: transparent url(../images/grad_top.png) top left repeat-x;
	height: 176px;
	width: 100%
}

#wrapper_1{
	width: 960px;
	margin: 0 auto;}
	
#wrapper_2{
	width: 848px;
	padding-left: 75px;
	margin: 0 auto;}

#header{
	float: left;
	margin-bottom: 25px;
	margin-top: 15px;
}

#header h1#escape_hatch{text-indent: -2000px;}

#header h1#escape_hatch a{
	background: transparent url(../images/logo.png) top left no-repeat;
	height: 155px;
	width: 328px;
	display: block;}

#navigation{
	float: right;
	margin: 80px 0 0 0;
}

#navigation ul#links{
	width: 426;
	height: 253;}	

#navigation ul#links li{
	float: left;
	list-style: none;	
	text-indent:-2000px;}

/*  me link */

#navigation ul#links li#me a{
	background: transparent url(../images/nav.png) 0 -100px no-repeat;
	height: 70px;
	width: 90px;
	margin-top: 2px;
	display: block;}
	
#navigation ul#links li#me a:hover{
	background: transparent url(../images/nav.png) 0 -14px no-repeat;
	height: 70px;
	width: 90px;
	margin-top: 2px;
	display: block;}
	
/*  motion link */

#navigation ul#links li#motion a{
	background: transparent url(../images/nav.png) -112px -96px no-repeat;
	height: 70px;
	width: 90px;
	display: block;}
	
#navigation ul#links li#motion a:hover{
	background: transparent url(../images/nav.png) -112px -10px no-repeat;
	height: 70px;
	width: 90px;
	display: block;}
	
/*  print link */

#navigation ul#links li#print a{
	background: transparent url(../images/nav.png) -217px -96px no-repeat;
	height: 70px;
	width: 90px;
	display: block;}
	
#navigation ul#links li#print a:hover{
	background: transparent url(../images/nav.png) -217px -10px no-repeat;
	height: 70px;
	width: 90px;
	display: block;}
	
/*  contact link */

#navigation ul#links li#contact a{
	background: transparent url(../images/nav.png) -325px -96px no-repeat;
	height: 70px;
	width: 90px;
	display: block;}
	
#navigation ul#links li#contact a:hover{
	background: transparent url(../images/nav.png) -325px -10px no-repeat;
	height: 70px;
	width: 90px;
	display: block;}

/* Divider */

#divider{
	background: transparent url(../images/stripes.png) top left repeat-x;
	width: 100%;
	height: 39px;
	clear: both;
	margin: 0 0 25px 0;
}

/* Content */

#wrapper_2{
	margin-left: 100px;
}

#top_content, .top_content{
	background: transparent url(../images/content_top.png) top left no-repeat;
	width: 848px;
	height: 39px;
}

#middle_content, .middle_content{
	background: transparent url(../images/content_middle.png) top left repeat-y;
	width: 848px;
	float: left;
}

#bottom_content, .bottom_content{
	background: transparent url(../images/content_bottom.png) top left no-repeat;
	width: 848px;
	height: 45px;
}

#middle_content, .middle_content{
	padding: 5px 20px 5px 20px;
}

#middle_content p#blurb{
	float: left;
}

#middle_content object#demo{
	float: left;
	padding-left: 25px;
}

.clear{
	clear: both;
}

#bottom_grad{
	background: transparent url(../images/grad_bottom.png) top left repeat-x;
	height: 176px;
	width: 100%;
}

#footer{
	font-size: 1.3em;
	color: #fff;
	text-align: right;
	/*margin-right: 130px;*/
	width: 848px;
	margin: 0 auto;
}

/* Me.html */

#title, #title_2, #title_3{
	text-indent: -2000px;
}

#title h1{
	background: transparent url(../images/me.png) top left no-repeat;
	height: 72px;
	width: 216px;
	
}

#title_2 h1{
	background: transparent url(../images/motion.png) top left no-repeat;
	height: 87px;
	width: 367px;
	
}

#title_3 h1{
	background: transparent url(../images/contact.png) top left no-repeat;
	height: 93px;
	width: 443px;
	
}

#middle_content p#images{
	float: left;
	padding-left: 20px;
}

#middle_content p#about{
	float: left;
	width: 438px;
	padding-left: 50px;
	
}

ul#motion_list li{
	list-style-type: none;
}

.middle_content p{
	float: left;
}

.middle_content object{
	float: left;
	padding-left: 45px;
}

#middle_content ul#social, #middle_content ul#contacts{
	float: left;
	list-style-type: none;
	font-family: Verdana;
	font-size: 3em;
	font-weight: bold;
	color: #fff;
	line-height: 2.3em;
	text-shadow: 0 0 3px #1e3363;
}

#middle_content ul#social{
	padding: 0 40px 0 30px;
}

#middle_content ul#social a{
	padding-left: 10px;
}

#middle_content span{
	color: #1e3363;
}

#middle_content ul#social a, #middle_content ul#contacts a{
	color: #fff;
	text-decoration: none;
}

#middle_content ul#social a:hover, #middle_content ul#contacts a:hover{
	color: #fed29d;
}