/* CSS Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
/* CSS Reset End*/

/* Globals */
a:link, a:hover, a:visited, a:active, h2, h3 {color:#FFF;}
h2, h3 {margin:20px 0; font-size:25px; text-shadow:0px -1px 2px #000;}
h4 {margin:10px 0; font-size:17px;}
p {margin:10px 0; line-height:1.2;}
ul {list-style:none; list-style-type:none; margin-bottom:25px; padding-left:0px;}
ul li {margin:0 0 5px 0;}
hr {display:none;}
/* Globals End */
	
body{margin:0; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:18px; color:#E1E1E1; line-height:1; text-align:center; background-color:#000;}

#content_wrap {min-width:960px; margin:0 auto; text-align:left;}

/* Logo */
#header {height:275px; margin:0 auto; background:url(../images/structure/header.jpg) no-repeat top center;}
#header h1 {display:none;}

/* Navigation */
#navigation_wrap {width:920px; margin:0 auto;}
#navigation_wrap ul {margin:0; padding:0; text-shadow:0px 0px 8px #555;}
#navigation_wrap ul li {display:inline-block; height:60px; margin-right:50px; text-align:center;}
#navigation_wrap ul li h2{display:inline; font-weight:bold; font-style:italic; font-family:arial;}
#navigation_wrap ul li h2 a{text-decoration:none; }
	
#nav_home {width:87px; background:url(../images/structure/nav_home.png) no-repeat 0 24px;}
#nav_about {width:129px; background:url(../images/structure/nav_about.png) no-repeat 0 24px;}
#nav_contact {width:105px; background:url(../images/structure/nav_contact.png) no-repeat 0 24px;}
#nav_portfolio {width:114px; background:url(../images/structure/nav_portfolio.png) no-repeat 0 24px;}
#navigation_wrap ul li#nav_quote {position:absolute; top:-10px; right:115px; width:145px; height:80px; background:url(../images/structure/nav_quote.png) no-repeat center -12px;}
#navigation_wrap ul li#nav_quote h2 {position:relative; top:17px; text-shadow: 0px 0px 8px #000;}
#navigation_wrap ul li#nav_quote h2 a {padding:30px 0;}
	
/* Introduction */
#introduction_wrap {height:165px; margin:0 auto; background:url(../images/structure/intro_body.jpg) no-repeat bottom center; font-size:17px;}
#introduction_wrap #introduction_content {width:920px; margin:0 auto;}
#introduction_wrap #introduction_content p {margin-bottom:0;}

/* Portfolio */
#portfolio_wrap {margin:0 auto; background:url(../images/structure/portfolio_body.jpg) repeat-y top center; padding-bottom:10px;}
#portfolio_wrap #portfolio_header {height:150px; background:url(../images/structure/portfolio_header.jpg) no-repeat top center;}
#portfolio_wrap #portfolio_content {width:920px; margin:0 auto;}
#portfolio_wrap h3{position:relative; top:-25px; margin:0;}

/* Portfolio Nav Scrollbar*/
#portfolio_nav {position:relative; float:left; width:840px; height:145px; margin-top:20px; overflow:hidden;}
#portfolio_nav .active {position:relative; border:5px ridge #CD0; z-index:9999;}
#portfolio_nav .items {width:20000em; position:absolute; clear:both;}
#portfolio_nav img {float:left; width:260px; margin:5px; border:5px solid #333; -webkit-box-shadow: 0px 0px 10px #111; -moz-box-shadow: 0px 0px 10px #111; -webkit-border-radius:5px; -moz-border-radius:5px; cursor:pointer;}

#portfolio_nav_wrap #outer_nav_next, #portfolio_nav_wrap #outer_nav_prev {position:relative; display:block; top:42px; width:40px; height:100px; background:url(../images/structure/portfolio_navigation_small.png) no-repeat; cursor:pointer;}

#portfolio_nav_wrap #outer_nav_next	{float:right; background-position:top right;}
#portfolio_nav_wrap #outer_nav_next:hover {background-position:-100px right;}
#portfolio_nav_wrap #outer_nav_next.disabled {background-position:bottom right;}

#portfolio_nav_wrap #outer_nav_prev	{float:left; background-position:top left;} 
#portfolio_nav_wrap #outer_nav_prev:hover {background-position:-100px left;}
#portfolio_nav_wrap #outer_nav_prev.disabled {background-position:bottom left;}

/* Portfolio Detail*/
#portfolio_img {position:relative; clear:both; width:880px; height:425px; margin:0; padding:0; border:20px solid #111; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow:0 0 20px #111; -webkit-box-shadow:0 0 20px #111; -moz-box-shadow:0 0 20px #111; overflow:hidden;}

#portfolio_info {position:relative; clear:both; width:920px; height:152px; margin:25px 0 0 0; padding:0; background-color:#DADADA; box-shadow: 0px 0px 15px #111; -webkit-box-shadow: 0px 0px 15px #111; -moz-box-shadow: 0px 0px 15px #111; border-radius:3px; -webkit-border-radius:7px; -moz-border-radius:5px; font-size:16px; color:#333; overflow:hidden; border:2px solid #333;}
#portfolio_info h4, #portfolio_info a {color:#333;}

#portfolio_img div, #portfolio_info div {display:block; float:left; width:880px; margin:0; padding:0;}
#portfolio_info .items div {width:880px; padding:10px 20px;}
#portfolio_img .items, #portfolio_info .items {width:20000em; position:absolute; clear:both;}

#portfolio_img .items div  a {position:relative; display:none; float:left; padding:20px; top:-75px; left:327px; z-index:100; background-color:#CF0; background-color:rgba(215,252,15,0.9); border:1px solid #999; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow:0 0 10px #333; -webkit-box-shadow:0 0 10px #333; -moz-box-shadow:0 0 10px #333; font-weight:bold; color:#333;}

#portfolio_img #inner_nav_prev, #portfolio_img #inner_nav_next {position:absolute; display:none; width:78px; height:200px; top:113px; background:url(../images/structure/portfolio_navigation.png) no-repeat; font-size:1px; cursor:pointer; z-index:10; }

#portfolio_img #inner_nav_prev {left:0; background-position:top left;}
#portfolio_img #inner_nav_prev:hover {background-position:bottom left;}
#portfolio_img #inner_nav_prev.disabled {visibility:hidden !important;}

#portfolio_img #inner_nav_next {right:0; background-position:top right;}
#portfolio_img #inner_nav_next:hover {background-position:bottom right;}
#portfolio_img #inner_nav_next.disabled {visibility:hidden !important;}
/* Portfolio End */

/* About Me */
#about_wrap {margin:0 auto; background:url(../images/structure/about_body.jpg) repeat-y top center; padding-bottom:10px;}
#about_wrap #about_header {height:175px; background:url(../images/structure/about_header.jpg) no-repeat top center;}
#about_wrap #about_content {width:920px; margin:0 auto;}
#about_wrap #about_content h3{position:relative; top:-25px; margin:0;}
#about_wrap #about_content img {float:right; margin:0 0 0 15px; border:1px solid #666;}
#about_wrap #about_content p {margin:0 0 10px 0; font-size:17px;}

/* Contact Me */
#contact_wrap {margin:0 auto; background:url(../images/structure/contact_body.jpg) repeat-y top center; padding-bottom:10px;}
#contact_wrap #contact_header {height:175px; background:url(../images/structure/contact_header.jpg) no-repeat top center;}
#contact_wrap #contact_content {width:920px; margin:0 auto; }
#contact_wrap h3{position:relative; top:-25px; margin:0;}

#contact_form {clear:both; width:920px; margin:0 auto;}
#contact_form ul li label {display:inline-block; width:100px; padding-top:8px; vertical-align:top;}
#contact_form ul li input {width:225px; padding:3px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; font-size:16px;}
#contact_form ul li textarea {width:800px; padding:3px; min-height:110px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; font-family:arial; font-size:16px; resize:none;}
#contact_form ul li .input_submit {float:right; width:125px; padding:2px 5px; background:#FC0; border:2px solid #FF0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font-style:italic; cursor:pointer;}
#contact_form ul li .input_submit:hover {background:#FF0; border:2px solid #FC0;}

#contact_form #contact_message_sent, #contact_form #contact_message_error  {width:100%; margin-bottom:20px; padding:8px; font-weight:bold; font-style:italic; color:#333; text-align:center;}
#contact_form #contact_message_sent {background-color:#FC0; border:3px double #FF0; }
#contact_form #contact_message_error {background-color:#E00; border:3px double #FFF;}
#contact_form .error_inline, #contact_form .error_block {display:inline-block; font-style:italic; color:#FC0;}
#contact_form .error_block {display:block; margin:5px 0 5px 100px;}


#contact_detail {width:920px; margin:50px auto 0;}
#contact_detail h4 {font-size:19px; margin-bottom:25px;}
#contact_detail ul {margin:0;}
#contact_detail #contact_address {float:left; width:320px;}
#contact_detail #contact_icons {float:left; margin-top:5px;}
#contact_detail #contact_icons li {height:36px;}
#contact_detail #contact_icons img {float:left; margin:-6px 10px 0 0;}

/* Copyright */
#copyright {height:100px; background:url(../images/structure/base.jpg) no-repeat bottom center;}
#copyright p {position:relative; width:920px; margin:0 auto; top:65px;}



/* Clear Fix */
.clear {clear:both;}
.clearfix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;} /* Hides from IE-mac \*/
.clearfix {display:block;} /* Hides from IE-mac \*/
/* Clear Fix End */