@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}

a{ 
        text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:62.5%;
	font-weight:normal;
}

abbr,acronym { border:0;
}


p {
font-family: Arial, Helvetica, Sans-serif;
font-size: 13px;
color: black;
margin-left: 52px;
padding: 0.2em ;
line-height: 1.2em;
}


/*********************************************
			end reset
*********************************************/
/*********************************************
			Body Styling
*********************************************/
body {
background: url(../images/bg_header.jpg) repeat-x;
background-color:#cbcbcb;
margin: 0;
padding: 0;
}

#container {
width: 960px;
margin: 0 auto;
}

/*********************************************
			Header
*********************************************/
#header {
background:url(../images/header.jpg) no-repeat;
width: 912px;
height: 396px;
margin-left: 25px;
}

.indent {
text-indent:-9999px;
}

/*********************************************
			Navigation
*********************************************/
#navigation {
margin-top: 280px;
margin-left: 188px;
 
}

li {
float:left;
padding: 0px 15px 0px 0px;
}


/*********************************************
			Main Body
*********************************************/
#mainbody{
height: 100%;
width: 960px;
padding-top: 40px;
text-align: center;
}

/*********************************************
			Resume
*********************************************/
.resume{
height: 100%;
width: 700px;
margin:0 auto;

text-align: left;
font-family:'Molengo',Helvetica, Arial, sans-serif
}
.resume h2 {font-size: 16px;  font-weight: bold; float: left; width: 100%; padding-top: 15px; padding-bottom: 5px;}
.experience {padding-top: 10px;}
.resume a {color: #729bb7; font-weight:bold; }
.resume a:hover {color: #ca88cc;}
.resume a:visited {color:#49716e;}
blockquote {float: left; margin-left: 3em;
	color: #5a5a5a;
	border-left: 2px solid #999;
	padding-left: 1em;  width: 100%;}

/*********************************************
			Demo Reel
*********************************************/
div.reel {
width: 866px; 
height: 595px; 
margin: 30px auto 0px auto; 

}

ul#reelplayer {width: 866px; height:85px;}

#reelplayer  li {float:left; margin:0; padding: 0; }
li#reel2010 {width:387px;}
a#quicktime_btn {display:block; width:150px; height:85px; background: url(http://www.adamamaral.com/images/demoreel/quicktime.jpg) no-repeat; background-position: 0px 0px;}
a#quicktime_btn:hover {background-position: 0px -85px;}
a#vimeo_btn {display:block; width:161px; height:85px; background: url(http://www.adamamaral.com/images/demoreel/vimeo.jpg) no-repeat; background-position: 0px 0px;}
a#vimeo_btn:hover {background-position: 0px -85px;}
a#youtube_btn {display:block; width:168px; height:85px; background: url(http://www.adamamaral.com/images/demoreel/youtube.jpg) no-repeat; background-position: 0px 0px;}
a#youtube_btn:hover {background-position: 0px -85px;}
/*********************************************
			Gallery
*********************************************/

div.row {
width: 756px; 
height: 273px; 
margin: 0px auto 0px auto; 
padding-top: 20px; 
padding-bottom: 20px;
}
img.columnone { 
float:left;
margin-right: 40px;
}
img.columntwo {
float:right;
margin-left: 40px;
}


a.rollover img{border:none;}
a.rollover img:hover {border:2px dashed #343434; margin:-2px;}

#backtotop{
clear:both;
text-align:right;
}
/*********************************************
			Footer
*********************************************/
#footer {
clear:both;
background: url(../images/bg_footer.jpg) repeat-x;
height:165px;
}

img#copywright{
float:right;
margin-top: 25px;
}

/*********************************************
			Fuck Internet Explorer 6
*********************************************/
#ie-message {
background:#C00;
text-align:center;
border-bottom:1px solid #900;
color: #fff;
position:absolute;
top:0;
padding:5px;
width:100%;
}
#ie-message a {
color: #fff;
}