@charset "utf-8";

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
		background: #543D2E;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.mainbody #container {
	width: 736px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	font:normal 100% "Trebuchet MS";
	background:#543D2E;
}

.mainbody img{
	border: none;
}

.mainbody #header-wrapper {
	width: 736px;
	height: 102px;
	margin: 0 0;
	text-align: left;
	background: #543D2E;
}

.mainbody #namelogo {
	float: left;
	width:196px;
	height:102px;	
	/*background: url(../images/namelogo.jpg)*/
}

.mainbody #header-mid {
	float: left;
	width: 500px;
	height: 102px;
	background: #BAD2D4;
}
.mainbody #header-top {
	float: left;
	width: 500px;
	height: 47px;
	background: url(../images/header-top-img.jpg);
}

.mainbody #demoreel-link {
	float: right;
	width: 149px;
	height: 47px;
	background: url(../images/demoreel_link.jpg);
}

.mainbody #demoreel-link a {
	display:block;
	width: 149px;
	height: 47px;
}

.mainbody #demoreel-link a:hover {
	display:block;
	width: 149px;
	height: 47px;
	background: url(../images/demoreel_link_hover.jpg);
}

.mainbody #navbar {
	float: left;
	width:500px;
	height:44px;
	background: url(../images/navbar.jpg);
}

.mainbody #header-right{
	float: left;
	width: 40px;
	height: 102px;
	background: url(../images/header_right_corner.jpg);
}

/* END OF HEADER */

.mainbody #mainContent {
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-top: 15px;	
	padding-left: 50px;
	padding-right: 45px;
	font-size: 14px;
	text-align:justify;
	color: #3C2315;
	background: url(../images/bodybg.jpg) repeat-y;
}

.mainbody #mainContent h1{
	font-size:16px;
	/*color: #4F392C;*/
	color:#fff;
}

.mainbody #empty {
	background:#006666;
}

.mainbody #footer {
	clear: both;
	height: 94px;
	padding: 0 0;
	margin: 0 0;
	background: url(../images/footer.jpg);
}

/* INDEX PAGE */
.aboutme{
	padding: 20px 28px 10px 20px;
	width:640px;
}
.aboutme #desc{
	padding: 0 2px 0 3px;
	text-align:justify;
	font-size:13px;
}
.aboutme #banner{
	width:600px;
	height:200px;
}

/* RESUME PAGE RELATED SYLES */
#resume-content {
	width: 600px;
	padding: 0;
}

#resume-links {
	padding: 0 0 0 0;
	margin: 0 0 0 380px;
	width: 200px;
	height: 26px;
}

#pdflink{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	width: 150px;
	height: 20px;
	padding: 5px 0 0 20px;
}

#resume-links img{
	float:right;
	width: 25px;
	height: 25px;
	padding: 1px 0 0 0;
}

#resume-links a{
	color: #3C2315;
}

#resume{
	width:600px;
	margin: 10px 0 0 10px;
	padding-top: 20px;	
}

/* ANIMATIONS PAGE RELATED SYLES */

#animationContent {
	margin:0;
	padding:10px;
	margin: 20px 0 0 10px;
}

#anim-left-col {
	float:left;
	margin:0;
	padding:10px;
	width: 200px;
	border: 1px solid #333333;
}

#anim-right-col {
	float:right;
	margin:0;
	padding:10px;
	width: 200px;
	border: 1px solid #333333;	
}

.animThumb {
	
}

.animThumb img{
	border:1px solid #3C2315;
}

#drawingContent {
	width:520px;
	margin:0;
	padding:10px;
	padding-left: 60px;
}

#drawingContent img{
	border:1px solid #3C2315;
}

#contactContent{
	padding: 0;
	margin: 20px 0 0 120px;
	margin-left: 120px;
	width: 400px;
}

#contactContent a{
	color:#4F392C;
}

#contactContent a:hover{
	color:#3C2315;
}

#contact-name{
	color:#4F392C;
	font-size:20px;
}

#contact-info{
	color:#4F392C;
	font-weight: bold;
	font-size:14px;
}