@charset "UTF-8";
/*-----------------------------------------------------------------------------
Author: Joel R Freeman (c) 2010
Website: http://www.joelRfreeman.com
Email:	"joelfreeman3d@gmail.com"

CSS main Tools-----------------------------------------------------------Main--*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: .97em;
    font-style: normal;
    color: #a0a0a0;
    text-decoration: none;
	font-family: Georgia, scala, serif;
	}
a {
	color: #13a3f6;
	}
a:hover {
	color: #89dfff;
	}

/*General Layout ------------------------------------------------------Layout--*/
body {
	background: #505050;
	}
div.layout_in {
	width: 960px;
	margin: 0 auto;
	}
div#out_navigation, div#out_footer, div#out_start_header, div#out_start_main, div#out_works_header, div#out_works_main, div#out_motion_header, div#out_motion_main, div#out_process_header, div#out_process_main {
	width:100%;
	float:left;
	}
div#out_navigation {
	background: #282828;
	}
div#out_footer {
	background: #505050;
	}
div#out_start_main, div#out_works_main, div#out_motion_main, div#out_process_main {
	background: #3c3c3c url(images/_general/footer_bg_main.png) bottom repeat-x;
	}
div#out_start_header, div#out_works_header, div#out_motion_header, div#out_process_header {
	background: #282828 url(images/_general/main_bg_header.png) repeat-x;
	}
div#out_start_header { 
	background: url(images/start/start_bg_header.png) top left repeat-x;
	}
div#out_works_header {
	background-position: 0 297px;
	}
div#out_motion_header {
	background-position: bottom;
	}
#showcase_top, #showcase_bottom, #showcase_background, #start_content, #works_header, #works_content, .works_holder, .works_top, .works_center, .works_bottom, #motion_header, #motion_content, #motion_reel_holder, .motion_holder, .motion_top, .motion_center, .motion_bottom {
	width: 100%;
	float: left;
	}
#showcase_top {
	background: bottom left no-repeat;
	height: 15px;
	clear: both;
	}
#showcase_background {
	background:url(images/start/showcase_gradient.png) top left repeat-x;
	}
#showcase_bottom {
	background: url(images/start/showcase_bottom.png) top left no-repeat;
	height: 90px;
	margin: -85px 0 0 0
	}
#start_content {
	background: #3c3c3c;
	}
#works_title {
	background: url(images/works/works_title.png) top left no-repeat;
	width: 220px;
	height: 35px;
	margin-top: 55px;
	float: right;
	}
#works_header {
	background: url(images/works/works_header.png) no-repeat;
	height: 362px;
	margin-top: 17px;
	}
.works_hover_ld {
	background: url(images/works/works_cell_hover.png) no-repeat;
	}
.works_holder {
	background: #999;
	height: 590px;
	margin: 32px 0 50px 0;
	}
.works_top {
	background: #000;
	height: 20px;
	}
.works_center {
	background: url(images/works/works_art_detail.png) bottom left no-repeat;
	height: 500px;
	}
#art8_center {
	height: 395px;
	}
.works_bottom {
	background: black;
	height: 70px;
	}
.works_arrow {
	background: url(images/works/arrow_return.png) 920px -30px no-repeat;
	width: 100%;
	height: 20px;
	float:right;
	}
.works_arrow:hover {
	background-color: #042233;
	background-position: 920px 0px;
	}
.works_info_title, .works_info_text, .works_info_other {
	height: 50px;
	margin: 15px;
	}
.works_info_title, .works_info_subtitle, .works_info_text, .works_info_other {
	font-family: Helvetica, arial, sans-serif;
	text-align: left;
	float: left;
	}
.works_info_title {
	font-size: 1.7em;
	width: 200px;
	color: #eee;
	font-weight:bold;
	margin-left:20px;
	}
.works_info_subtitle {
	width: 200px;
	color: #555;
	font-size: .5em;
	}
.works_info_text {
	width: 500px;
	font-size: 1.1em;
	}
.works_info_other {
	width: 100px;
	}
#motion_title {
	background: url(images/motion/motion_title.png) top left no-repeat;
	width: 275px;
	height: 35px;
	margin-top: 47px;
	float: right;
	}
#motion_header {
	background: url(images/motion/motion_header.png) bottom no-repeat;
	margin-bottom: 7px;
	height: 83px;
	}
#motion_reel_holder {
	background: #000;
	height: 480px;
	margin: 17px 0 120px 0;
	}
.motion_holder {
	width: 800px;
	height: 535px;
	margin: 32px 0 50px 80px;
	}
.motion_top {
	background: #000;
	height: 10px;
	}
.motion_center {
	background: #000;
	}
.motion_bottom {
	background: #000;
	height: 70px;
	}
#process_title {
	background: url(images/process/process_title.png) top left no-repeat;
	width: 290px;
	height: 35px;
	margin-top: 55px;
	float: right;
	}
#process_header, #process_content, .process_holder {
	width: 100%;
	float: left;
	}
#process_header {
	background: url(images/process/process_header.png) bottom no-repeat;
	padding-bottom: 82px;
	}
.process_holder {
	margin: 35px 0;
	}
.process_title_cell, .process_title_detail, .process_description, .process_image, .process_img {
	float: left;
	}
.process_title_cell {
	background: #282828 url(images/process/process_title_detail.png) bottom right no-repeat;
	width: 40%;
	height: 40px;
	}
.process_title_detail {
	background-color: #282828;
	width: 60%;
	height: 10px;
	}
.process_description {
	width: 270px;
	clear: left;
	margin: 10px;
	color: #d3d3d3;
	font-size: 15px;
	}
.process_image {
	background: #333;
	width: 200px;
	height: 200px;
	margin: 10px;
	}
.process_img {
	margin: 0 10px;
	}
.process_img .one {
	padding-left: 100px;
	}
.process_img .two {/*max width is 650px*/
	padding-left: 7px;
	}
.process_img .three {
	padding-top: 30px;
	}
.process_img .four {
	padding-right: 200px;
	}
/*Nav--------------------------------------------------------------Navigation--*/
ul {
	list-style: none;
	}
ul.nav_main li, ul.icons li, ul.showcase_nav, ul.resume li {
	display: inline; /* Prevents "stepdown" */
	}
ul.nav_main li a {
	background: url(images/_general/nav_main.png) no-repeat;
	height: 75px;
	line-height: 2em;
	overflow: hidden;
	float: left;
	}
ul.icons {
	margin: 50px 0 0 10px;
	}
ul.icons li a {
	background: url(images/_general/icons_master.png) no-repeat;
	height: 40px;
	width: 40px;
	float: left;
	margin-right: 2px;
	}
#nav_spacer {
	background: url(images/_general/nav_main_spacer.png);
	width: 477px;
	}
#nav_logo {
	background-position: top left;
	width: 175px;
	}
#nav_logo:hover {
	background-position: center left;
	}
#nav_logo.selected {
	background-position:bottom left;
	}
#nav_works {
	background-position: -176px 0px;
	width: 94px;
	}
#nav_works:hover {
	background-position: -176px -76px;
	}
#nav_works.selected {
	background-position: -176px -152px;
	}
#nav_motion {
	background-position: -271px 0px;
	width: 105px;
	}
#nav_motion:hover {
	background-position: -271px -76px;
	}
#nav_motion.selected {
	background-position: -271px -152px;
	}
#nav_process {
	background-position: top right;
	width: 109px;
	}
#nav_process:hover {
	background-position: center right;
	}
#nav_process.selected {
	background-position: bottom right;
	}
#icon_facebook {
	background-position: bottom left;
	}
#icon_facebook:hover {
	background-position: top left;
	}
#icon_twitter {
	background-position: -41px -45px;
	}
#icon_twitter:hover {
	background-position: -41px 0;
	}
#icon_vimeo {
	background-position: -82px -45px;
	}
#icon_vimeo:hover {
	background-position: -82px 0;
	}
#icon_flickr {
	background-position: -123px -45px;
	}
#icon_flickr:hover {
	background-position: -123px 0;
	}
#icon_diviantart {
	background-position: -164px -45px;
	}
#icon_diviantart:hover {
	background-position: -164px 0;
	}
#icon_linkedin {
	background-position: -205px -45px;
	}
#icon_linkedin:hover {
	background-position: -205px 0;
	}
#nav_showcase {
	padding-left: 880px;
	padding-top: 30px;
	}
#nav_showcase li a {
	background:url(images/_general/nav_show1.png) right no-repeat;
	width: 23px;
	height: 23px;
	float: left;
	}
#nav_showcase li a:hover {
	background-position:left;
	}
#nav_showcase li a#select {
	background-position: center;
	}
/* Resume PDF Button */
ul.resume li a {
	background: url(images/_general/footer_btn_pdf_small.png);
	height: 50px;
	width: 85px;
	float: left;
	}
ul.resume li a:hover {
	background-position: bottom;
	}

/*Headings-----------------------------------------------------------Headings--*/
h1, h2 {
	text-indent: -2000px;
	height: 0px;
	}
h3 {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	color: #eee;
	margin: 15px 10px;
	}
/*Content-------------------------------------------------------------Content--*/
img {
	border: none;
	}
p#text1, p#text2 {
	margin-top: 20px;
	padding-bottom: 30px;
	}
div p#text1 {
	background: url(images/start/text_ddc.png) no-repeat;
	width: 170px;
	height: 100px;
	float: left;
	margin-left: 250px;
	}
div p#text2 {
	width: 250px;
	height: 100px;
	float:right;
	font-style: italic;
	font-size: 1.6em;
	color: gray;
	margin-right: 280px;
	}
div p img#email {
	float: left;
	clear: both;
	margin: 0 0 64px 80px;
	}
.works_btn a{
	width: 95px;
	height: 350px;
	float: left;
	display: inline;
	padding-left: 1px;
	}
.works_btn a:hover {
	background: url(images/works/works_cell_hover.png) top left no-repeat;
	}
#art1 {
	background: url(images/works/works_art01.png) 0 20px no-repeat;
	}
#art2 {
	background: url(images/works/works_art02.png) 0 20px no-repeat;
	}
#art3 {
	background: url(images/works/works_art03.png) 0 20px no-repeat;
	}
#art4 {
	background: url(images/works/works_art04.png) 0 20px no-repeat;
	}
#art5 {
	background: url(images/works/works_art05.png) 0 20px no-repeat;
	}
#art6 {
	background: url(images/works/works_art06.png) 0 20px no-repeat;
	}
#art7 {
	background: url(images/works/works_art07.png) 0 20px no-repeat;
	}
#art8 {
	background: url(images/works/works_art08.png) 0 20px no-repeat;
	}
#art9 {
	background: url(images/works/works_art09.png) 0 20px no-repeat;
	}
#art10 {
	background: url(images/works/works_art10.png) 0 20px no-repeat;
	}
/*Footer---------------------------------------------------------------Footer--*/
#footer_top {
	background: url(images/_general/footer_bg_03.png) bottom left no-repeat;
	width: 100%;
	height: 95px;
	float: left;
	}
#footer {
	background: #505050;
	width: 100%;
	float: left;
	}
#footer p#copywrite {
	width: 500px;
	height: 50px;
	padding-top: 20px;
	text-align: right;
	font-family: "century gothic", helvetica, arial, sans-serif;
	font-size: 0.9em;
	float: right;
	clear: both;
	}
#footer p#copywrite a {
	font-family: "century gothic", helvetica, arial, sans-serif;
	font-size: 1.2em;
	}
.footer_titles {
	width: 120px;
	height: 30px;
	margin: 15px 10px 0 5px;
	}
.footer_titles img {
	position: relative;
	left: -10px;
	}
.info_blocks {
	width: 200px;
	padding: 0 10px;
	float: left;
	}
#pdf a {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	}
ul#services li {
	padding-bottom: 15px;
	}
/*Contact_Form---------------------------------------------------Contact_Form--*/
#contact-area {
	padding-left: 70px;
	}
#contact-area input, #contact-area textarea {
	background: #333;
	padding: 3px;
	width: 200px;
	font-family: Helvetica, arial, sans-serif;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #000;
	}
#contact-area textarea {
	height: 200px;
	}
#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #89dfff;
	}
#contact-area input.submit-button {
	width: 100px;
	float: right;
	}
#contact-area input.submit-button:hover {
	background: #222;
	}
/*Showcase-----------------------------------------------------------Showcase Gallery--*/
img { border: none;}
#photo_1, #photo_2, #photo_3 {
	}
#photo_1 {
	background: url(images/start/showcase_work1.png) top center no-repeat;
	width: 100%;
	height: 390px;
	padding: 92px 0 0 0;
	float: left;
	clear: both;
	}
#photo_2 {
	background: url(images/start/showcase_work2.png) top center no-repeat;
	width: 100%;
	height: 390px;
	padding: 92px 0 0 0;
	float: left;
	clear: both;
	}
#photo_3 {
	background: url(images/start/showcase_work3.png) top center no-repeat;
	width: 100%;
	height: 390px;
	padding: 92px 0 0 0;
	float: left;
	clear: both;
	}