@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */


html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
/*---------------------------------------------------------*/
a{
	color: #666;	
	
	}
a:hover{
	color:#000;
	text-decoration:none;
	}
li {
	float:left;
	clear:none;
	}
ul{
	margin-top:30px;	
	height:100%;
	width:100%;
	margin-left:0px;
	
	}
#static_footer{
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	margin:auto;
	width:730px;
	height:25px;
	clear:none;
	
	}
.static_subject_footer{
	position:absolute;
	top:800px;
	left:60px;
	
	}

#static_container{
	width:1000px;
	height:100%;
	margin:auto;
	position:relative;
	}
#static_icon{
	background:url(images_noFlash/natehulldotcom.png);
	width:668px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	
	
	}
#static_nav_print{
	margin-top:-390px;
	margin-left:133px;
	}
#static_nav_print, #static_nav_print span{
	
	width:144px;
	height:260px;
	display:block;
	position:relative;
	overflow: hidden;
	
	}
#static_nav_print span{
	
	height:520px;
	background: url(images_noFlash/nav_print_sprite.png);
	}

#static_nav_print span:hover{
	top:-260px;
	
	}
/*#static_nav_print span:focus, #static_nav_print span:active{
	top:-88px;
	
	}*/
	
#static_nav_web{
	margin-top:-200px;
	margin-left:710px;
	}
#static_nav_web, #static_nav_web span{
	
	width:155px;
	height:240px;
	display:block;
	position:relative;
	overflow: hidden;
	
	}
#static_nav_web span{
	
	height:480px;
	background: url(images_noFlash/nav_web_sprite.png);
	}

#static_nav_web span:hover{
	top:-240px;
	
	}
/*#static_nav_web span:focus, #static_nav_web span:active{
	top:-88px;
	
	}*/
#static_nav_illustration{
	margin-top:-358px;
	margin-left:455px;
	}
#static_nav_illustration, #static_nav_illustration span{
	
	width:214px;
	height:176px;
	display:block;
	position:relative;
	overflow: hidden;
	
	}
#static_nav_illustration span{
	
	height:352px;
	background: url(images_noFlash/nav_illustration_sprite.png);
	}

#static_nav_illustration span:hover{
	top:-176px;
	
	}
/*#static_nav_illustration span:focus, #static_nav_illustration span:active{
	top:-88px;
	
	}*/
#static_nav_about{
	margin-top:125px;
	margin-left:230px;
	}
#static_nav_about, #static_nav_about span{
	
	width:376px;
	height:270px;
	display:block;
	position:relative;
	overflow: hidden;
	
	}
#static_nav_about span{
	
	height:540px;
	background: url(images_noFlash/nav_about_sprite.png);
	}

#static_nav_about span:hover{
	top:-270px;
	
	}
/*#static_nav_about span:focus, #static_nav_about span:active{
	top:-88px;
	
	}*/
/*-------------------------------------------------static_print_design------------------*/
#extradiv3{
	background: url(images_noFlash/port_pages/print_top_bg.png);
	height:184px;
	width:100%;
	position:absolute;
	top:0;
	
	
	
	}
#breadcrumb_print{
	position:absolute;
	top:200px;
	left:700px;
	
	}
#home_icon_main{
	background: url(images_noFlash/port_pages/bg_home_icon.png);
	width:350px;
	height:263px;
	position: absolute;
	left:550px;
	top:460px
	
	}

#static_print_container{
	width:900px;
	height:768px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-50px;
	position:relative;
	background:url(images_noFlash/print_layout.png);
	
	}

#static_print_trans{
	position:absolute;
	top:195px;
	left:110px;
	}

#static_print_hallway{
	position:absolute;
	left:355px;
	top:65px;
	}

	
#static_print_san{
	position:absolute;
	left:545px;
	top:125px;
	}

#static_print_buk{
	position:absolute;
	left:235px;
	top:440px;
	}

#static_print_dbk{
	position:absolute;
	left:480px;
	top:310px;
	}

#static_print_abandon{
	position:absolute;
	top:500px;
	left:423px;
	}

#static_print_csph{
	position:absolute;
	left:675px;
	top:370px;
	}


/*----------------------illustration-----------------------------*/
#breadcrumb_illustration{
	position:absolute;
	top:200px;
	left:-100px;
	
	
	}

#static_illustration_container{
	width:900px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-50px;
	position:relative;
	
	}
#static_illustration_psycho{
	position:absolute;
	top:225px;
	left:75px;
	}

#static_illustration_train{
	position:absolute;
	top:85px;
	left:338px;
	}

#static_illustration_girl{
	position:absolute;
	left:545px;
	top:145px;
	}

#static_illustration_gun{
	position:absolute;
	top:432px;
	left:12px;
	}

#static_illustration_guy{
	position:absolute;
	top:490px;
	left:215px;
	}

#static_illustration_face{
	position:absolute;
	top:345px;
	left:485px;
	}

/*----------------------------about_me_resume---------------------------------*/
#resume_breadcrumb{
	position:absolute;
	left:0px;
	top:-50px;
	}

#resume{
	width:500px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;	
	line-height:18px;
	border:1px double  #CCC;
	padding:15px;
	position:relative;
	}
#resume span{
	color:#000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	
	}
#title{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;	
	color:#000;
	
	
	}
.resTitle{
	border-bottom:1px dotted #000;
	}
.resTitle span{
	font-variant: small-caps;	
	color:#000;
	
	font-size:18px;
	}
#footer_container{
	height:20px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-20px;
	float:none;
	
	}
/*------------------------------static_web_design-----------------------------*/
#static_web_container{
	width:900px;
	height:768px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-30px;
	position:relative;
	}
#web_breadcrumb{
	position:absolute;
	top:180px;
	left:700px;
	}
#static_web_zen{
	position:absolute;
	top:207px;
	left:115px;
	}

#static_web_backdraft{
	position:absolute;
	top:7px;
	left:460px;
	}

#static_web_zen2{
	position:absolute;
	left:415px;
	top:185px;
	}

#static_web_special{
	position:absolute;
	top:435px;
	left:257px;
	}
#static_web_fashion{
	position:absolute;
	top:228px;
	left:597px;
	}
#static_web_shannon{
	position:absolute;
	top:412px;
	left:555px;
	}

/*--------------------------------contact.php---------------------------*/


#form_container{
	width:300px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px double  #CCC;
	padding:15px;
	position:relative;
	}
.req{
	color:#F00;
	
	}
.txt_input{
	margin-bottom:20px;
	
	
	}
#form_thanks{
	position:absolute;
	top:350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#f00;
	
	
	}
/*-------------------------------------Shannonwilkerson.net--------------------*/
#extraWebDiv1{
	background:url(images_noFlash/port_pages/web_top_bg.jpg);
	height:184px;
	width:100%;
	position:absolute;
	top:0;
	
	
	
	}

#static_shannon_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	width:940px;
	height:500px;
	position:relative;
	
	}
.static_breadcrumb{
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	margin-bottom:10px;
	float:left;
	
	}
@media screen and (-webkit-min-device-pixel-ratio:0){
.static_breadcrumb {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	margin-bottom:10px;
	float:left;
	margin-left:-40px;
	}
}

#static_shannon_tv{
	height:500px;
	
	
	}
#static_shannon_description{
	width:300px;
	position:absolute;
	left:600px;
	top:100px;
	
	}
#static_shannon_title{
	margin-left:-5px;
	}
.port_description{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	
	
	}
	
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------web design pages ------------------------------------------------------------------------
-------------------------------
/*--------------------------------------------specialkinds.com------------------------*/

#static_special_container{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:503px;
	position:relative;
	margin-top:0px;
	
	}
#static_special_tv{
	margin-top:-30px;
	}
#breadcrumb_special{
	position:absolute;
	left:600px;
	top:200px;
	}
#static_special_description{
	width:300px;
	position:absolute;
	top:280px;
	left:600px;
	
	}
#static_special_title{
	margin-left:-5px;
	margin-top:0px;
	margin-bottom:5px;
	
	}


/*-------------------Backdraft BBQ--------------------------*/
#static_backdraft_container{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:700px;
	position:relative;
	margin-top:-60px;
	}
#breadcrumb_backdraft{
	position:absolute;
	left:500px;
	top:200px;
	}
#static_backdraft_description{
	width:300px;
	position:absolute;
	left:500px;
	top:300px;
	}
#static_backdraft_title{
	margin-left:-5px;
	margin-top:-30px;
	margin-bottom:5px;
	
	}
#static_backdraft_tv{
	margin-top:-30px;
	margin-left:auto;
	margin-right:auto;
	}
#backdraft_icon{
	position:absolute;
	top:550px;
	left:490px;
	background:url(images_noFlash/port_pages/bg_home_level.png);
	width:289px;
	height:68px;
	}
/*-----------------------------Zen Garden----------------------------*/

#static_zen_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:-35px;
	width:1000px;
	height:700px;
	position:relative;
	
	}

#breadcrumb_zen{
	position:absolute;
	top:170px;
	left:630px;
	}
#static_zen_description{
	width:300px;
	position:absolute;
	left:630px;
	top:300px;
	}
#static_zen_title{
	margin-left:0px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
/*-----------------------------Zen Jungle----------------------------*/

#static_zen2_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	width:1000px;
	height:500px;
	position:relative;
	
	}

#breadcrumb_zen2{
	position:absolute;
	top:40px;
	left:630px;
	}
#static_zen2_description{
	width:300px;
	position:absolute;
	left:630px;
	top:150px;
	}
#static_zen2_title{
	margin-left:0px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
/*------------------------------------Fashion page----------------------------------*/
#static_fashion_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	width:1000px;
	height:500px;
	position:relative;
	
	}

#breadcrumb_fashion{
	position:absolute;
	top:40px;
	left:630px;
	}
#static_fashion_description{
	width:300px;
	position:absolute;
	left:630px;
	top:150px;
	}
#static_fashion_title{
	margin-left:0px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
/*---------------------------------------------------------------------------------------------------------------------------------------------------- Illustration Pages ---------------------------------------------------------------------------------------------------------*/
#extraWebDiv2{
	background: url(images_noFlash/port_pages/illustration_top.png);
	height:200px;
	width:100%;
	position:absolute;
	top:0;
	
	
	
	}

/*------------------------illustration_surprise.html------------------------*/


#static_psycho_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:900px;
	height:550px;
	position:relative;
	}
#breadcrumb_psycho{
	position:absolute;
	top:160px;
	left:500px;
	}
#static_psycho_description{
	width:300px;
	position:absolute;
	left:500px;
	top:280px;
	}
#static_psycho_title{
	margin-left:-5px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
/*-------------------------------------illustration_railway.html--------------------------*/

#static_railway_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:900px;
	height:550px;
	position:relative;
	}
#breadcrumb_railway{
	position:absolute;
	top:160px;
	left:500px;
	}
#static_railway_description{
	width:300px;
	position:absolute;
	left:500px;
	top:280px;
	}
#static_railway_title{
	margin-left:0px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
/*-------------------------------------illustration_girl.html--------------------------*/

#static_girl_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:900px;
	height:550px;
	position:relative;
	}
#breadcrumb_girl{
	position:absolute;
	top:160px;
	left:500px;
	}
#static_girl_description{
	width:300px;
	position:absolute;
	left:500px;
	top:280px;
	}
#static_girl_title{
	margin-left:-5px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
/*-------------------------------------illustration_gun.html--------------------------*/


#static_gun_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:900px;
	height:550px;
	position:relative;
	}
#breadcrumb_gun{
	position:absolute;
	top:160px;
	left:500px;
	}
#static_gun_description{
	width:300px;
	position:absolute;
	left:500px;
	top:270px;
	}
#static_gun_title{
	margin-left:-5px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
/*-------------------------------------illustration_irrational.html--------------------------*/


#static_irrational_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:900px;
	height:550px;
	position:relative;
	}
#breadcrumb_irrational{
	position:absolute;
	top:160px;
	left:500px;
	}
#static_irrational_description{
	width:300px;
	position:absolute;
	left:500px;
	top:270px;
	}
#static_irrational_title{
	margin-left:-5px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
/*-------------------------------------illustration_upface.html--------------------------*/


#static_upface_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:900px;
	height:550px;
	position:relative;
	}
#breadcrumb_upface{
	position:absolute;
	top:160px;
	left:500px;
	}
#static_upface_description{
	width:300px;
	position:absolute;
	left:500px;
	top:270px;
	}
#static_upface_title{
	margin-left:-5px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
/*-------------------------------------------------------------------------------------------------------------------------------------------------- PRINT SECTION ----------------------------------------------
/*-------------------------------------print_bukowski.html--------------------------*/


#static_buk_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:900px;
	height:550px;
	position:relative;
	}
#breadcrumb_buk{
	position:absolute;
	top:60px;
	left:600px;
	}
#static_buk_magazine{
	margin-top:50px;
	
	
	}
#static_buk_description{
	width:300px;
	position:absolute;
	left:600px;
	top:230px;
	}
#static_buk_title{
	margin-left:-5px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
/*-------------------------------------print_trans.html--------------------------*/


#static_trans_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:1000px;
	height:550px;
	position:relative;
	}
#breadcrumb_trans{
	position:absolute;
	top:60px;
	left:600px;
	}
#static_trans_comp{
	margin-top:50px;
	
	
	}
#static_trans_description{
	width:300px;
	position:absolute;
	left:600px;
	top:230px;
	}
#static_trans_title{
	margin-left:-5px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
/*-------------------------------------print_hallway.html--------------------------*/


#static_hallway_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:800px;
	height:550px;
	position:relative;
	}
#breadcrumb_hallway{
	position:absolute;
	top:60px;
	left:400px;
	}
#static_hallway_comp{
	margin-top:50px;
	height:450px;
	
	}
#static_hallway_description{
	width:300px;
	position:absolute;
	left:400px;
	top:230px;
	}
#static_hallway_title{
	margin-left:-10px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
/*-------------------------------------print_sanIsabel.html--------------------------*/


#static_sanIsabel_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:1000px;
	height:550px;
	position:relative;
	}
#breadcrumb_sanIsabel{
	position:absolute;
	top:60px;
	left:400px;
	}
#static_sanIsabel_comp{
	margin-top:50px;
	height:450px;
	
	}
#static_sanIsabel_description{
	width:300px;
	position:absolute;
	left:600px;
	top:230px;
	}
#static_sanIsabel_title{
	margin-left:-120px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
#sanIsabel_magnify{
	position:absolute;
	left:300px;
	top:300px;
	
	}
#sanIsabel_big{
	position:absolute;
	left:240px;
	top:300px;
	
	}
#sanIsabel_small{
	position:absolute;
	left:350px;
	top:300px;
	
	
	}
/*-------------------------------------print_dbk-glass-logo.html--------------------------*/


#static_dbk_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:750px;
	height:550px;
	position:relative;
	}
#breadcrumb_dbk{
	position:absolute;
	top:60px;
	left:400px;
	}
#static_dbk_comp{
	margin-top:50px;
	margin-left:100px;
	
	}
#static_dbk_description{
	width:300px;
	position:absolute;
	left:400px;
	top:230px;
	}
#static_dbk_title{
	margin-left:-5px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
	
/*-------------------------------------print_abandoned.html--------------------------*/


#static_abandoned_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:750px;
	height:550px;
	position:relative;
	}
#breadcrumb_abandoned{
	position:absolute;
	top:60px;
	left:400px;
	}
#static_abandoned_comp{
	margin-top:50px;
	margin-left:0px;
	height:450px;
	}
#static_abandoned_description{
	width:300px;
	position:absolute;
	left:400px;
	top:230px;
	}
#static_abandoned_title{
	margin-left:-5px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}
.preview_cycle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-right:5px;
	
	
	}

/*-------------------------------------print_csph.html--------------------------*/


#static_csph_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:800px;
	height:550px;
	position:relative;
	}
#breadcrumb_csph{
	position:absolute;
	top:60px;
	left:500px;
	}
#static_csph_comp{
	margin-top:50px;
	margin-left:0px;
	
	}
#static_csph_description{
	width:300px;
	position:absolute;
	left:500px;
	top:200px;
	}
#static_csph_title{
	margin-left:-5px;
	margin-top:-50px;
	margin-bottom:5px;
	
	}