/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body {color:#333; background-color:#38352e; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 62.5%;}
div#sitename { background: url(images/mainLayout_02.jpg); margin: 0 auto; padding: 0; width: 805px; height: 55px;}
div#navigation {  }
div#container { background: url(images/1_pixel_rundown.jpg); font-size: 1.1em; line-height: 1.5em; margin: 0 auto; width: 805px;}
h1{ font: 3em Helvetica, Arial, Verdana; margin-bottom: 6px; }
p, ol, ul { margin-bottom: 12px; }
/* Removes Firefox imposed outline */
a { outline: none; }
a.url, a.url:visited { color: #333; text-decoration: none; font-weight: bold;}
a.url:hover {color: #847145; text-decoration: none; font-weight: bold; border-bottom: 1px solid #333;}
ol, ul, blockquote { margin-left: 26px; }
blockquote { margin-right: 26px; }
.description { font: 1em Verdana, Arial, Helvetica; padding-left: 3px; margin-bottom: 5px; line-height: 1.1em; }

/* =Main Navigation
-------------------------------------------------------*/
#main-nav { height: 20px; 
			width: 500px;
}
#main-nav dl { position: relative; top:  0px; left: 15px ;}
/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 0px;
} 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */
#main-nav dt { float: left; }
#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:20px; /* IE 5/Win hack */ 
	padding: 20px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	

}

#main-nav dt a:hover {
	background-position: 0 -20px;
}

#main-nav dt#home,
#main-nav dt#home a { width: 60px; background-image: url(images/nav_home.jpg); background-repeat: no-repeat;padding-right: 10px; }

#main-nav dt#services,
#main-nav dt#services a { width: 60px; background-image: url(images/nav_services.jpg); background-repeat: no-repeat;padding-right: 10px; }

#main-nav dt#portfolio,
#main-nav dt#portfolio a { width: 60px; background-image: url(images/nav_portfolio.jpg); background-repeat: no-repeat;padding-right: 10px; }

#main-nav dt#contact,
#main-nav dt#contact a { width: 60px; background-image: url(images/nav_contact.jpg); }

/* =Content Areas
------------------------------------------------------- */
div#content { background: url(images/Main_topWall.jpg); background-repeat:no-repeat;  float: left; width: 100%; height: 409px; }
div.column1 { float: left; width: 400px; margin-left: 60px; margin-top: 40px; }
div.feature { border: none; background: url(images/featured_proj_box.jpg) no-repeat; width: 400px; height: 220px; margin-bottom: 3px; }
div#monoSlideshow{
	padding: 20px 5px 5px 5px; width: 390px; height: 193px;
}
div.column2 { float: left; width: 290px; margin-left: 0px; margin-top: 40px;
}
div.alt { color: #847145; float: right; margin-right: 30px; }
span.smtxt {font-size: .7em; }
div#footer {background: url(images/bottom_wood.jpg); background-repeat:no-repeat; margin: 0 auto; padding: 0 0 3px 0; width: 805px; height: 168px;}
div#last {
	margin: 0 auto; padding: 0; color: #847145; width: 805px; height: 100px;
}
div#last img.hosted {
	float: right; padding-left: 6px;
}
div#last .copy { font-size: .9em;
	float: right;
	text-align: right;
	margin-top: 3px;
}
.clearing { clear: both; }

/* =Portfolio Areas
------------------------------------------------------*/
.port_box {
	width: 400px;
	margin: 0px 0 10px 0 ;
	padding-bottom: 10px;
	border: 1px solid #7e6e4a;
	background-color: #38352e;
	color: #b8ad97;
}
.port_title {
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 7px;
	padding-left: 2px;
	padding-bottom: 0px;
	border-bottom: 1px solid ;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}
.port_93x93 {
	float: left;
	margin: 5px 3px 8px 3px;
	width: 93.5px;
	height: 93.5px;
	border: 1 solid #b8ad97;
}
.port_380 {
	margin: 5px auto;
	width: 390px;
	height: 90px;
}

a#web1 {
	display: block;
	height: 93px;
	overflow: hidden;
	position: relative;
	width: 93px;
}
a#web1 span {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: url(images/tDBZ_movie12_rl.jpg) no-repeat;
}
a#web1:hover span { background-position: 0 -93px; }

a#web2 {
	display: block;
	height: 93px;
	overflow: hidden;
	position: relative;
	width: 93px;
}
a#web2 span {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: url(images/tDBZ_biobroly_rl.jpg) no-repeat;
}
a#web2:hover span { background-position: 0 -93px; }

a#web3 {
	display: block;
	height: 93px;
	overflow: hidden;
	position: relative;
	width: 93px;
}
a#web3 span {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: url(images/tDBZ_movie9_rl.jpg) no-repeat;
}
a#web3:hover span { background-position: 0 -93px; }

a#web4 {
	display: block;
	height: 93px;
	overflow: hidden;
	position: relative;
	width: 93px;
}
a#web4 span {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: url(images/tDBZ_broly2nd_rl.jpg) no-repeat;
}
a#web4:hover span { background-position: 0 -93px; }

a#mb1 {
	display: block;
	height: 93px;
	overflow: hidden;
	position: relative;
	width: 93px;
}
a#mb1 span {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: url(images/tDrive_flv_rl.jpg) no-repeat;
}
a#mb1:hover span { background-position: 0 -93px; }

a#mb2 {
	display: block;
	height: 93px;
	overflow: hidden;
	position: relative;
	width: 93px;
}
a#mb2 span {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: url(images/tAfro_flv_rl.jpg) no-repeat;
}
a#mb2:hover span { background-position: 0 -93px; }

a#mb3 {
	display: block;
	height: 93px;
	overflow: hidden;
	position: relative;
	width: 93px;
}
a#mb3 span {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: url(images/tDesertPunk_flv_rl.jpg) no-repeat;
}
a#mb3:hover span { background-position: 0 -93px; }

a#mb4 {
	display: block;
	height: 93px;
	overflow: hidden;
	position: relative;
	width: 93px;
}
a#mb4 span {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: url(images/tSamurai7_flv_rl.jpg) no-repeat;
}
a#mb4:hover span { background-position: 0 -93px; }



/* =Contact
------------------------------------------------------*/
#contact-area {
	width: 400px;
	margin-top: 25px;
}

div.column1 h2 {
	float: right;
	padding-right: 35px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 250px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 130px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 87px;
	float: right;
	margin-right: 30px;
	background: url(images/cntc_submit.png) no-repeat;
	border: none;
}

label {
	float: left;
	text-align: right;
	margin-right: 5px;
	width: 100px;
	padding-top: 5px;
	font-size: 1em;
}