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

html {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	background:url(images/bg_gradient.jpg);
	
}




/* Reset */

body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,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,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	position:relative;
	
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
/* end reset */
a: active{
	text-decoration:none;
	}

#container {
	background-image:url(images/bg.jpg);
	width:1280px;
	height:628px;
	margin: auto;
	
	
	}
#content {
	background-image:url(images/bg_centerImage.jpg);
	width:646px;
	height:480px;
	float:left;
	margin-left:325px;
	border:hidden;
	
	
	}
#resume {
	margin-left:515px;
	margin-top:10px;
	}
#reel{
	margin-left:560px;
	margin-top:95px;
	}
#reel a:active{
	background:url(images/btn_reel_over.png);
	width:77px;
	height:15px;
	}
	

#footer{
	height:50px;
	width:100%;
	clear:left;
	color:#CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	font-variant: small-caps;
	background-color:#312d2a;
	text-align:center;
	margin-top: -1px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	}
#footer span li{
	font-weight:lighter;
	
	
	
	
	
	}
#footer li {
	float:left;
	clear:none;
	margin-right:10px;
	margin-top:15px;
	
	
	
	}
#footer ul {
	text-align:center;
	
	
	}
#footer a:link{
	color:#CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	font-variant: small-caps;	
	}
#footer a:visited{
	font-style: italic;
	color: #999;	
	
	}
#footer a:hover {
	font-weight: bold;
	
	}
#footer a:focus{
	font-weight: bolder;
	text-decoration: none;	
	
	}

#footerText{
	margin:auto;
	width:905px;
	height:50px;
	}

/*-----------------------------------Reel-----*/

#player{
	width:400px;
	height:300px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	}
#contentReel{
	background:url(images/bg_centerImageREEL.jpg);
	width:646px;
	height:480px;
	float:left;
	margin-left:325px;
	border:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: lighter;
	color: #CCC;	
	
	}
/*--------------------------------Resume------*/
#contentReel h1{
	font-size: medium;
	font-weight: bold;	
	margin-left:25px;
	}
	
#contentReel li{
	margin-bottom:2px;
}
#skills{
	width:646px;
	height:70px;
	margin-top:10px;
	
	margin-left:100px;
	
	}
#skills h2{
	margin-bottom:5px;
	font-weight:bold;
	
	}

#skills ul{
	float:left;
	clear:none;
	margin-right:20px;
	}
#abilities{
	width:646px;
	margin-left:100px;
	
	
	}
#abilities h3{
	clear:left;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:20px;
	
	}
#abilities ol{
	list-style-position: inside;
	list-style-type: square;	
	}
#education {
	margin-left:100px;
	margin-top:20px;
	width:346px;
}

#education h4{
	margin-bottom:5px;
	font-weight:bold;
	
	}
#links{
	float:left;
	clear:none;
	position:absolute;
	top:433px;
	}
#links a{
	color: #CCC;	
	margin-left:530px;
	margin-top:-50px;
	}
#links a:hover{
	font-weight:bolder;
	
	
	
	}
#links li{
	margin-bottom:10px;
	
	
	}
/*------------------------experience-----------*/

#experience h1{
	margin-bottom:10px;
	
	
	}
#experience{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
	}
#experience span{
	font-weight:bold;
	margin-right:3px;
	
	
	}
#experience li{
	margin-bottom:5px;
	
	
	
	
	}
/*--------------------------------flat resume--------------------*/

#wrapper{
	background:url(images/resume2_bg.jpg);
	height:2298px;
	
	
	
	
	
	}
#resume2{
	background:url(images/resume_flat.jpg);
	height:2298px;
	width:900px;
	margin:auto;
	
	
	
	}