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


#wrapper{
width:660px;
margin: 50px auto 0 auto;
height:auto;
position:relative;
}

h1{
	color: #abc4c7;
	font-size: 50px;
	font-family:"Century Gothic";
	font-weight:300;
	}

h2{
	color: #333333;
	font-size:24px;
	font-family:"Century Gothic";
	font-weight:100;
}

h3{
	color: #868686;
	font-size:18px;
	font-family:"Century Gothic";
	font-weight:100;
}

p{
	color: #333333;
	font-size:12px;
	font-family: Helvetica, sans-serif;
	font-weight:normal;
	line-height:18px;
	}

.list p{
color:#6D999F;
}	
	
a, a:visited{
text-decoration:none;
color:#ABC4C8;
}


p.footer-text {
	color:#777;
	font-size:11px;
	font-family:"Century Gothic", Helvetica;
	font-weight:100;
	line-height:12px;
	}

#header{
float:left;
width:100%;
border-bottom: 1px solid #abc4c7;
height:79px;
}

#aboutme{
float:left;
width:200px;
margin-top:30px;

}

#videos{
float:right;
margin-top:30px;
width:420px;
}

.videothumb{
width:160px;
float:left;
margin:20px;
display: block;
width: 160px;
height: 90px;
padding: 0px 0 0 0;
background: /jpg/compalt.jpg;
}

a.videoThumb:hover {
background-position: 0 -25px;
}

#categories{
float:left;
margin:30px 0 0 0px;
width:69%;
height:30px;
}

.category{
width:182px;
float:left;
border-bottom: 1px solid #abc4c7;
margin-left:45px;
}

#lists{
float:left;
width:69%;
}

.list{
width:172px;
float:left;
margin:0 0px 0 55px;
}

#resume{
float:right;
}


#footer{
width:95%;
float:left;
margin:20px 0 0 30px;
border-top: 1px solid #abc4c7;
}

.footer-text{
text-align:center;
}


.novick_rollover{
width:160px;
height:90px;
float:left;
margin-top:10px;
display:block;
background:url(http://www.nealbarenblat.com/jpg/novickroll.jpg) 0 -90px no-repeat;
}

.novick_rollover a{
width:160px;
height:90px;
display:block;
}

.novick_rollover:hover {
background-position:0 0;
}

.comp_rollover{
width:160px;
height:90px;
float:left;

display:block;
background:url(http://www.nealbarenblat.com/jpg/comproll.jpg) 0 -90px no-repeat;
}

.comp_rollover a{
width:160px;
height:90px;
display:block;
}

.comp_rollover:hover {
background-position:0 0;
}

.mograph_rollover{
width:160px;
height:90px;
float:right;

display:block;
background:url(http://www.nealbarenblat.com/jpg/mographroll.jpg) 0 -90px no-repeat;
}

.mograph_rollover a{
width:160px;
height:90px;
display:block;
}

.mograph_rollover:hover {
background-position:0 0;
}

.trailer_rollover{
width:160px;
height:90px;
float:right;
margin-top:10px;
display:block;
background:url(http://www.nealbarenblat.com/jpg/trailerroll.jpg) 0 -90px no-repeat;
}

.trailer_rollover a{
width:160px;
height:90px;
display:block;
}

.trailer_rollover:hover {
background-position:0 0;
}