@charset "utf-8";
/* reset */

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; }

img, fieldset{ border:none; }

/* layout */
html, body {height:100%; background: #080808 ;} 
#wrapper {height: auto;	width: 100%;}
.set_Width {width: 960px; margin: 0px auto; z-index:-10; height:10px;}

/* header */

#header {background: url(../img/header_Bg.png) repeat-x; float: left;	height: 86px; width: 100%;}
#header_Text {float: right; margin-top: 26px; width:auto;}
#logo {float: left; margin-top: 14px; width: 250px;}

/* main body */
#main {float: left; width: 100%; height:100%; background: url(../img/main_Bg.png) repeat;}
#main_Content {
	background: url(../img/main_Highlight.png) no-repeat right top;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
#main_Nav {
	float: left;
	margin-top: 35px;
	margin-left: 30px;
	width:auto;
	height: 400px;
	
}
#main_Nav li{margin-top: 15px;}
#main_Intro {
	float: left;
	margin-left: 130px;
	margin-top: 34px;
	width: 680px;
}
#main_Current {
	float: left;
	margin-left: 130px;
	margin-top: 50px;
	width: 600px;
}
#main_Current img {
	float: right;
	margin-left: 20px;
	margin-top: 30px;
}

/* main nav */
.about a{
	width:137px;
	height:26px;
	background: url(../img/about_up.png) no-repeat;
	display:block;
}
.portfolio a{
	width:137px;
	height:36px;
	background: url(../img/portfolio_up.png) no-repeat;
	display:block;
}
.services a{
	width:137px;
	height:29px;
	background: url(../img/services_up.png) no-repeat;
	display:block;
}
.blog a{
	width:137px;
	height:35px;
	background: url(../img/blog_up.png) no-repeat;
	display:block;
}
.about a:hover {background: url(../img/about_over.png) no-repeat;}
.portfolio a:hover {background: url(../img/portfolio_over.png) no-repeat;}
.services a:hover{background: url(../img/services_over.png) no-repeat;}
.blog a:hover{background: url(../img/blog_over.png) no-repeat;}

.about a.active {background: url(../img/about_over.png) no-repeat;}
.portfolio a.active {background: url(../img/portfolio_over.png) no-repeat;}
.services a.active{background: url(../img/services_over.png) no-repeat;}
.blog a.active{background: url(../img/blog_over.png) no-repeat;}
/* footer */

#footer {
	background: #080808 url(../img/footer_Top.png) repeat-x left top;
	height: auto;
	min-height:280px;
	width: 100%;
	float: left;
	overflow:visible;
}
#illustration {	margin-top: -222px;	margin-left: -125px; width:300px;}
#main_Footer {width: 100%; float: left;}

#find_Me {
	float: right;
	width: 240px;
	margin-top: 20px;
	border-bottom:1px dashed #303030;
	padding: 0 10px 6px 0;
}
#find_Me .li_long {	width: 100px; margin-top: 0px;}

#find_Me li {float: left; width: 16px;	margin-left: 15px; 	margin-top: 4px;}
#quick_About {float: left; width: 550px;}
#quick_About p {width: 525px; display: block; float: left; margin-top: 15px;}

#skinny {
	color: #FFF;
	background: #B01B14 url(../img/left_End.png) no-repeat left top;
	float: left;
	width: 100px;
	height: 31px;
	text-align: center;
	margin-top: 20px;
	padding: 0px 0px 0px 3px;
}
#skinny_cap {float: left; width: 7px; height: 31px;	margin-top: 20px;}
#skinny span {margin-top: 4px; display: block;}

#validate {
	float: right;
	width: 240px;
	margin: 8px 0 ;
	text-align: right;
	border-bottom:1px dashed #303030;
	padding: 0 10px 14px 0;
}
#validate img{margin: 4px 10px -5px 20px;}

#copyright {
	float: right;
	width: 240px;
	margin: 4px 0 6px 0;
	border-bottom:1px dashed #303030;
	padding: 0 10px 12px 0;
}

/* contact */
#contact {
	background: url(../img/contact.png) no-repeat;
	height: 239px;
	width: 236px;
	display:none;
	margin: -28px 0 0 775px;
	position: relative;
	float:right;
}
#contact form {
	margin: 40px 20px 0 30px;
}
#contact form label {
	width: 180px;
	display:block;
	margin: 12px 0 6px 0;
	border-bottom:1px dashed #303030;
	padding: 0 0 6px 0;
}
#contact form input {
	border:1px solid #303030;
	margin: 0 0 4px 6px;
	width: 160px;
	background: #CCC;
}

#contact a {margin: -6px -4px 0 0; display:block; float:right;}
#contact #messageSent {color:#ff9933; display:none;}

/* portfolio */
div#port_container { margin: 0; overflow: hidden; width: 690px; }

ul#filter { float: left; font-size: 16px; list-style: none; margin: 0 0 10px 4px; width: 100%; }
ul#filter li { 
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #fff; }

ul#portfolio { float: left; list-style: none; margin-left: 0; }
ul#portfolio li { 
	float: left; 
	margin: 0; 
	padding: 0;
	width: 220px;
}
ul#portfolio li.email { display: none;}
ul#portfolio li.print { display: none;}
ul#portfolio li.misc { display: none;}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { display: block; }

/* lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%;	display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; 	float: right;}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {padding: 0 10px;  color: #666; }
#lightbox-container-image-data #lightbox-image-details {width: 70%;  float: left; text-align: left;}	
#lightbox-image-details-caption { font-weight: bold;}
#lightbox-image-details-currentNumber {display: block;  clear: left;  padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {	width: 66px; float: right; padding-bottom: 0.7em;}

/* typography */

#header_Text, #main_Nav, #find_Me, #skinny, #quick_About, #validate, #copyright, #main_Intro, #main_Current, #contact, port_Nav {font-family: "Gill Sans", "Gill Sans MT", "Calisto MT", Georgia;}

#header_Text {color: #DD3C0E;	font-size: 24px;}
#header_Text a, #contact a {color: #fff; text-decoration:none;}
#header_Text a:hover, #contact a:hover {text-decoration: underline;}
#main_Nav {color: #DD3C0E; font-size: 36px;}
#main_Content #main_Nav li{ list-style: none;}
#main_Content #main_Nav li a{ color: #DD3C0E; text-decoration: none;}
#main_Content #main_Nav li a:hover{ color: #fff; text-decoration: underline; }
#main_Intro h1 {font-size: 48px; color: #09f;}
#main_Intro p {font-size: 24px ; color: #FFF;}
#main_Current h2 {font-size: 36px; color: #09F;}
#main_Current p a {color: #DD3C0E;}

#skinny, #main_Current p, #contact {color: #fff;}
#quick_About {color: #4A4A4A;}
#find_Me, #validate a, #copyright, #copyright a {color: #999;}
#find_Me li {list-style: none;}
#quick_About, #validate, #copyright {font-size: 14px;}
#skinny, #contact {font-size: 16px;}
#copyright { text-align:right }