/* RESETS */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: small;
  font-family: inherit;
  vertical-align: baseline;
}
:focus { outline: 0; }
body {
  line-height: 1;
        margin: 0;
        font-size: small;
}
ol, ul { list-style: none; }
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {content: ""; }
blockquote, q { quotes: "" ""; }
img { border: 0 }

#no_ie6{
  	display: none;
}

/* GENERAL STYLES */

.hover{ cursor: pointer; }
.no_show{ display: none; }
.clearer{ clear: both; }
.active{ background-position: bottom !important;}
.underline{ text-decoration: underline !important; }
.no_underline{ text-decoration: none; }
.flt_left{ float: left; }
em{ font-style: normal; }
.flt_left{ float: left; }
.small{ font-size: 10px; }
.med{ font-size: 14px; }
p{ color: #434343; }
.green{ color: #81920a; }
.dark{ color: #434343; }
.blue{ color: #7b8eaf; }
.grey{ color: #a0a0a0; }
.orange{ color: #d96900; }
.red{ color: #a90909; }
.purple{ color: #520f5e; }
.pink{ color: #f3282c; }
.black{ color: #3a3a3a; }
.darkblue{ color: #14386a; }
.litered{ color: #d31b23; }
.ieblue{ color: #4d80d1; }
.white{ color: #fff; }
.up{ margin-top: -9px; }
.hide_text{ text-indent: -99999px !important; }

/* DESIGN STYLES */
html, body{
	height: 100%;
	float: left;
	font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

#site_holder {
    /*min-height: 100%;
    height: auto !important;
    height: 100%;*/
    height: 2000px;
}

/* navigation */
#nav_holder{
  	width: 5000px;
  	margin: 5px 0 0 0;
}

a.home, a.articles, a.portfolio, a.about, a.contact, a.hireme, a.sky{
  	display: block;
  	float: left;
  	margin: 0 15px 0 0;
  	height: 16px;
  	text-indent: -9999px;
}
a.home{
  	background: url("../images/btn-home.png") top no-repeat;
  	width: 43px;
}
a.articles{
  	background: url("../images/btn-articles.png") top no-repeat;
  	width: 52px;
}
a.portfolio{
  	background: url("../images/btn-portfolio.png") top no-repeat;
  	width: 61px;
}
a.about{
  	background: url("../images/btn-about.png") top no-repeat;
  	width: 44px;
}
a.hireme{
  	background: url("../images/btn-hireme.png") top no-repeat;
  	width: 57px;
}
a.contact{
  	background: url("../images/btn-contact.png") top no-repeat;
  	width: 56px;
}
a.sky{
  	background: url("../images/btn-sky.png") top no-repeat;
  	width: 59px;
}
a.home:hover, a.articles:hover, a.portfolio:hover, a.about:hover, a.contact:hover, a.hireme:hover, a.sky:hover{ background-position: bottom; }

#nav_home, #nav_articles, #nav_portfolio, #nav_about, #nav_hire{
	float: left;
}
#nav_home{ margin: 0 0 0 477px; }
#nav_articles{ margin: 0 0 0 646px; }
#nav_portfolio{	margin: 0 0 0 650px; }
#nav_about{	margin: 0 0 0 641px; }
#nav_hire{ margin: 0 0 0 641px; }
/* END navigation */

#water_main{
	width: 5498px;
	height: 209px;
	margin: 31px 0 0 0;
  	background: url("../images/water-main.gif") no-repeat;
  	z-index: 3;
  	position: absolute;
}

.section_home{
  	margin: 135px 0 0 0;
  	float: left;
  	width: 1000px;
}

.section_article{
  	margin: 135px 0 0 1000px;
  	float: left;
  	width: 1000px;
  	position: absolute;
  	z-index: 2;
}

.section_portfolio{
  	margin: 135px 0 0 2000px;
  	float: left;
  	width: 1000px;
  	position: absolute;
  	z-index: 2;
}

.section_about{
  	margin: 135px 0 0 3000px;
  	float: left;
  	width: 1000px;
  	position: absolute;
  	z-index: 2;
}

.section_hire{
  	margin: 135px 0 0 4000px;
  	float: left;
  	width: 1000px;
  	position: absolute;
  	z-index: 2;
}

.white_hider{
  	height: 100%;
  	width: 100%;
  	background: url("../images/hide-fade.png") repeat-y;
  	margin: -25px 0 0 900px;
  	position: fixed;
	z-index: 2;
}

.wrapper{
  	margin: 0 0 0 38px;
  	width: 950px; 	
  	float: left;
  	z-index: 1;
}

.head_article{
  	margin: 168px 0 0 1130px;
  	position: absolute;
	z-index: 2;
}
.head_portfolio{
  	margin: 168px 0 0 2040px;
  	position: absolute;
	z-index: 2;
}
.head_about{
  	margin: 168px 0 0 3041px;
  	position: absolute;
	z-index: 2;
}
.head_hire{
  	margin: 168px 0 0 4043px;
  	position: absolute;
	z-index: 2;
}

/* Home Styles */
#home_container{
	width: 824px;
	margin: 15px 0 0 0; 
	line-height: 22px;
}

#sidebar_home_head{
  	background: url("../images/head-newtothetank.gif") no-repeat;
  	width: 258px;
  	height: 25px;
}

#home_head{
  	width: 450px;
}
ul#home_list{
	width: 157px;
  	margin: 10px 0 0 30px;
  	float: left;
}
ul#home_list li{
	font-size: 85%;
	line-height: 20px;
	background: url("../images/icon-check.gif") no-repeat;
	text-indent: 20px;
	color: #5a5a5a;
}
#btn2_box{
	width: 108px;
 	float: left;
 	margin: 21px 0 0 0;
}
#btn3_box{
  	width: 100px;
  	float: left;
  	margin: 28px 0 0 0;
}
.divider{
  	width: 520px;
  	height: 23px;
  	background: url("../images/divider.jpg") no-repeat;
  	margin: 35px 0 0 0;
}

#home_content{
  	float: left;
  	width: 473px;
}
#home_content a{
	color: #ef810c;
	text-decoration: none;
}
.side_bar{
	margin: -45px 0 0 73px;
  	float: left;
  	width: 261px;
}
.new_tank{ 
	margin: 5px 0; 
	float: left;
}

/* FOOTER */
#rock_holder{
  	width: 5498px;
  	height: 137px;
  	background: url("../images/rocks.gif") repeat-x;
  	position: absolute;
  	z-index: 4;
}

#rock_holder, .push {
    height: 137px;
}
.bottom_nav{ color: #fff; }
p.home, p.articles, p.portfolio, p.about, p.hire{
  	color: #fff;
  	position: absolute;
  	text-decoration: none;
	font-size: 100%;
	font-weight: bolder;

}
p.home{ margin: 100px 0 0 590px; }
p.articles{ margin: 100px 0 0 1590px; }
p.portfolio{ margin: 100px 0 0 2590px; }
p.about{ margin: 100px 0 0 3590px; }
p.hire{ margin: 100px 0 0 4590px; }
p.bottom_nav a{
  	color: #fff;
  	text-decoration: none;
}
#plant_home1, #plant_articles1, #plant_port1, #plant_port2, #plant_about1, #plant_hire1 {
  	position: absolute;
	z-index: 5;
}
#plant_home1{
  	width: 513px;
	height: 326px;
  	background: url("../images/plant-home1.jpg") no-repeat;
  	margin: -264px 0 0 240px;
}
#plant_articles1{
  	width: 161px;
	height: 161px;
  	background: url("../images/plant-article1.jpg") no-repeat;
  	margin: -119px 0 0 1481px;
}
#plant_port1{
  	width: 80px;
	height: 81px;
  	background: url("../images/plant-port1.jpg") no-repeat;
  	margin: -45px 0 0 2230px;
}
#plant_port2{
  	width: 174px;
	height: 159px;
  	background: url("../images/plant-port2.jpg") no-repeat;
  	margin: -120px 0 0 2575px;
}
#plant_about1{
  	width: 292px;
	height: 173px;
  	background: url("../images/plant-about1.jpg") no-repeat;
  	margin: -120px 0 0 3143px;
}
#plant_hire1{
  	width: 307px;
	height: 178px;
  	background: url("../images/plant-hire1.jpg") no-repeat;
  	margin: -150px 0 0 4388px;
}

		
/* HOVER ANNIMATIONS */
.btn_port_holder em {
	background: url("../images/hover-port.png") no-repeat;
	width: 92px;
	height: 34px;
	top: -4px;
	left: -5px;
	position: absolute;
	display: none;
	z-index: 1;	
}
.btn_portfolio, .btn_resume, .btn_hire, .btn_hire2, .btn_chat, .btn_chat2, .btn_send, .btn_dwn_resume, .btn_linkedin{
	position: absolute;
	z-index: 2;
}
.btn_resume_holder em {
	background: url("../images/hover-port.png") no-repeat;
	width: 92px;
	height: 34px;
	top: 28px;
	left: -5px;
	position: absolute;
	display: none;
	z-index: 1;	
}
.btn_resume_holder, .btn_port_holder, .btn_hire_holder{ position: relative; }
.btn_hire_holder em {
	background: url("../images/hover-hire.png") no-repeat;
	width: 106px;
	height: 44px;
	top: 1px;
	left: -6px;
	position: absolute;
	display: none;
	z-index: 1;	
}
.btn_hire_holder2{
  	margin-top: -150px;
}
.btn_hire_holder2 em {
	background: url("../images/hover-hire.png") no-repeat;
	width: 106px;
	height: 44px;
	top: 1456px;
	left: 37px;
	position: absolute;
	display: none;
	z-index: 1;	
}
p.submit{ position: relative; }
p.submit em {
	background: url("../images/hover-port.png") no-repeat;
	width: 92px;
	height: 34px;
	top: 0px;
	left: 2px;
	position: absolute;
	display: none;
	z-index: 1;	
}
.btn_chat_holder{
	padding: 3px 0 0 0;
  	margin: 0 0 0 403px;
}
.btn_chat_holder em {
	background: url("../images/hover-linkedin.png") no-repeat;
	width: 107px;
	height: 26px;
	top: 218px;
	left: 354px;
	position: absolute;
	display: none;
	z-index: 1;	
}

.btn_chat_holder2 em {
	background: url("../images/hover-linkedin.png") no-repeat;
	width: 107px;
	height: 26px;
	top: 267px !important;
	left: 524px !important;
	position: absolute;
	display: none;
	z-index: 1;	
}


em.chat{
  	background: url("../images/hover-chat.png") no-repeat;
	width: 59px;
	height: 26px;
	top: 0px;
	left: 1px;
	position: absolute;
	display: none;
	z-index: 1;	
}


.btn_resume{ margin: 32px 0 0 0; }
.btn_hire{ margin: 5px 0 0 0; }
.new_tank1, .new_tank2, .new_tank3 {
  	margin-top: 10px;
}
.new_tank1 div, .new_tank2 div, .new_tank3 div{
  	background: url("../images/hover-balloon.png") no-repeat;
	width: 214px;
	height: 54px;
	left: 568px;
	position: absolute;
	display: none;
	font-size: 10px;
	color: #4c4c4c;
	line-height: 12px;
	padding: 19px 0 0 15px;
}
div table tr td{
	color: #4c4c4c;
	font-size: 10px;
  	line-height: 15px;
}
.new_tank1 div{ top: 324px; }
.new_tank2 div{ top: 417px; }
.new_tank3 div{ top: 510px; }

/*portfolio hovers */
.port1 div, .port2 div, .port3 div, .port4 div, .port5 div, .port6 div, .port7 div, .port8 div, .port9 div, .port10 div, .port11 div, .port12 div{
  	background: url("../images/hover-balloon.png") no-repeat;
	width: 214px;
	height: 54px;
	position: absolute;
	display: none;
	font-size: 10px;
	color: #4c4c4c;
	line-height: 12px;
	padding: 19px 0 0 15px;
}
.port1 div { top: 20px; left: 21px; }
.port2 div { top: 20px; left: 233px; }
.port3 div { top: 20px; left: 445px; }
.port4 div { top: 120px; left: 21px; }
.port5 div { top: 120px; left: 233px; }
.port6 div { top: 120px; left: 445px; }
.port7 div { top: 220px; left: 21px; }
.port8 div { top: 220px; left: 233px; }
.port9 div { top: 220px; left: 445px; }
.port10 div { top: 320px; left: 21px; }
.port11 div { top: 320px; left: 233px; }
.port12 div { top: 320px; left: 445px; }

td .td_width_mid{ width: 35px; }
td .td_width_short{ width: 15px; }
td .td_width_long{ width: 140px; }


/* Portfolio */
#port_container{
  	width: 645px;
  	float: left;
}
.side_bar_port{
	width: 258px;
	float: right;
  	margin: 205px 25px 0 0;
}

.port_row{ padding-bottom: 22px; }
a.port_link{ margin: 0 13px 0 0; }
.port1, .port2, .port3, .port4, .port5, .port6, .port7, .port8, .port9, .port10, .port11, .port12{ float: left; }
#shadowbox_title_inner a{
	text-decoration: underline;
}

/* About */
.side_bar_about{
	width: 258px;
	float: left;
  	margin: 0 25px 0 85px;
}

.about_intro{ padding-bottom: 55px; }
#tools{ height: 275px; }

/* Articles */
.article_head{
  	border-bottom: solid #d7d7d7 1px;
  	width: 458px;
  	height: 27px;
}
.date{
  	float: left;
  	text-transform: uppercase;
  	color: #a7a7a7;
  	font-size: 10px;
  	padding-right: 10px;
}
.comments{ text-transform: uppercase; }
.comments a{ font-size: 10px; text-decoration: none; }
.comments a:hover{ text-decoration: underline; }
#archive{ height: 235px; }
/* CONTACT FORM */
/* Overlay */
#contact-overlay {background-color:#000;}

/* Container */
#contact-container {
	width:518px !important; 
	left:50%; 
	top:15%; 
	margin-left:-210px; 
	font-family:'Trebuchet MS', Verdana, Arial; 
	font-size:16px; 
	text-align:left;
}
#contact-container .contact-content, #contact-container .portfolio-content  {
	background: url(../images/contact/contact-middle.png) repeat-y; 
	color:#ddd; 
	width: 518px;
	height:40px;
}
#contact-container h1 {
	color: #7f92b2; 
	margin:0 0 0 15px; 
	padding:0 0 6px 12px; 
	font-size:1.2em; 
	text-align:left;
}
#contact-container .contact-loading {
	position:absolute; 
	background:url(../images/contact/loading.gif) no-repeat; 
	z-index:8000; 
	height:55px; 
	width:54px; 
	margin:-14px 0 0 170px; 
	padding:0;
}
#contact-container .contact-message {text-align:center;}

#contact-container .contact-error {
	width:92%; 
	font-size:.8em; 
	background:#000; 
	border:2px solid #ccc; 
	font-size:0.8em; 
	font-weight:bold; 
	margin:0 auto; 
	padding:2px;
}
#contact-container br {clear:both;}

#contact-container form {
	padding:0; 
	margin:0;
}
#contact-container label {
	clear:left; 
	display:block; 
	width:100px; 
	float:left; 
	text-align:right; 
	padding-right:4px; 
	font-weight:bold;
}
#contact-container .contact-input {
	font-family:'Trebuchet MS', Verdana, Arial; 
	float:left; 
	padding:2px; 
	margin:2px; 
	background:#eee; 
	border:1px solid #fff; 
	width:250px;
}
#contact-container textarea {height:84px;}

#contact-container .contact-top {
	width: 518px;
	height:17px; 
	background:url(../images/contact/contact-top.png) no-repeat; 
	padding:0 0 0 5px; 
	margin:0;
}
#contact-container .contact-bottom {
	width: 518px;
	height:17px;  
	background:url(../images/contact/contact-bottom.png) no-repeat; 
	font-size:.7em; 
	text-align:center;
}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {
	position:relative; 
	top:-4px; 
	text-decoration:none; 
	color:#666;
}
#contact-container .contact-bottom a:hover {color:#888;}

#contact-container .contact-button {
	margin:4px 0 0 4px; 
	cursor:pointer; 
	height:24px; 
	border:0; 
	font-size:1em; 
	font-weight:bold; 
	color:#fff; 
	text-align:center; 
	vertical-align:middle;
}
#contact-container .contact-send {
	width: 83px;
	height: 25px; 
	background:url("../images/contact/btn-send.png") no-repeat;
}
#contact-container .contact-cancel {
	width: 83px;
	height: 25px; 
	background:url("../images/contact/btn-cancel.png") no-repeat;
}
h1.contact-title{
  	font-weight: bold;
  	padding-bottom: 10px;
}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {
	text-decoration:none; 
	font-weight:bold; 
	font-size:1.2em; 
	position:absolute; 
	top:10px;
	margin-left: 90px;
	left:400px; 
	color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}

.small_chat{
  	margin: 10px 0 0 75px;
}

/* portfolio images / buttons */
.pics { 
	height: 295px; 
	width: 462px; 
	padding:0; 
	margin:0 0 0 27px; 
	overflow: hidden;
}
.pics img { 
	height: 285px; 
	width: 452px; 
	border: solid #fff 5px;
}

#nav{ margin-left: 32px; }
#nav a#prev, #nav a#next, #nav a#visit {
	display: block;
	width: 83px;
	height: 25px;
	float: left;
	margin: 10px 10px 0 0;
	font-size: 0px;
	text-indent: -9999px;
}
#nav a#prev{ background: url("../images/contact/btn-prev.png") no-repeat; }
#nav a#next{ background: url("../images/contact/btn-next.png") no-repeat; }
#nav a#visit{ background: url("../images/contact/btn-visit.png") no-repeat; margin-left: 370px !important; margin-top: -25px; }
.designedby{ 
	float: left; 
	font-size: 10px;
	margin: 25px 0 0 5px;
}
.designedby a{
	font-size: 10px;
  	color: #c1c1c1;
  	text-decoration: none;
}

/* Accordion */
/* Header links styling */
h3.head a { 
	color: #81920a;
	display:block; 
	background: #fff url(../images/accordion-closed.gif) no-repeat; 
	background-position: 98% 50%;
	padding: 3px 6px;
	text-decoration: none;
}
h3.head a:hover { 
	color: #81920a;
	background: #f1f1f0 url(../images/accordion-closed.gif) no-repeat; 
	background-position: 98% 50%;
}
h3.selected a { 
	background: #fff url(../images/accordion-open.gif) no-repeat; 
	background-position:98% 50%;
	color: #81920a;
	padding: 3px 6px;
}
h3.selected a:hover { 
	background: #fff url(../images/accordion-open.gif) no-repeat; 
	background-position:98% 50%;
	color: #81920a;
}
p.inner_accord{
  	color: #e26d00;
  	margin: 0 0 0 5px;
  	width: 230px;
}
a.article_link{
  	width: 210px;
  	display: block;
	text-decoration: none;
	padding: 4px 0 4px 15px;
	font-size: 12px;
}
a.article_link:hover{
	background: #f2f2f2;
}
p.articles_para{ margin: 10px 0 40px 0; width: 460px; line-height: 22px;}


/* about section */
#name{
  	background: url("../images/head-name.gif") no-repeat;
  	width: 458px;
  	height: 27px;
}
#resume{
  	background: url("../images/head-resume.gif") no-repeat;
  	width: 458px;
  	height: 28px;
}
p.about_para{ margin: 10px 0 0 0; width: 460px; line-height: 22px;}
ul.about_ul{ line-height: 18px; background: #f7f6f6; border: solid #ebebeb 1px; padding: 10px 0 10px 10px;}
ul.about_ul li{ margin-left: 15px; }
ul.about_ul li.no_left{ margin-left: 0px !important; font-weight: bold; }

.plugoo{
	position: absolute;
	z-index: 500;
	margin: 10px 0 0 0;
	float: left;
}
.status{
  	position: absolute;
  	margin: -27px 0 0 262px;
}
.side_bar_hireme .status{
  	margin: -29px 0 0 262px !important;
}
.side_bar_hireme .hide_chat{
  	margin: -36px 0 0 257px !important;  	
}
.hide_chat{
  	background: url("../images/hide-chat.png") no-repeat;
  	width: 187px;
  	height: 186px;
  	position: absolute;
  	margin: -34px 0 0 257px; 
  	z-index: 501;
}
p.directions{
	width: 150px;
  	float: right;
  	margin-right: 35px;
  	line-height: 16px;
  	color: #fff;
}

/* hire me section */
.hireme label{ width: 150px; margin-left: 0; }
.side_bar_hireme{
	margin: 50px 0 0 50px;
  	float: left;
}
.notice{
  	position: absolute;
  	margin-top: -12px;
}
.notice ol{ display: none; }

/* fish */
#fish_home1{
  	background: url("../images/fish-home01.jpg") no-repeat;
  	width: 157px;
  	height: 147px;
  	margin-top: -200px;
  	position: absolute;
}
#fish_home2{
  	background: url("../images/fish-home02.jpg") no-repeat;
  	width: 204px;
  	height: 121px;
}

#fish_articles1{
  	background: url("../images/fish-articles01.jpg") no-repeat;
  	width: 197px;
  	height: 118px;
  	margin: 100px 0 0 580px;
  	position: absolute;
}
#fish_articles2{
  	background: url("../images/fish-articles02.jpg") no-repeat;
  	width: 220px;
  	height: 162px;
  	margin: 810px 0 0 540px;
  	position: absolute;
}

#fish_portfolio1{
  	background: url("../images/fish-portfolio01.jpg") no-repeat;
  	width: 158px;
  	height: 130px;
  	margin: -175px 0 0 45px;
  	position: absolute;
}
#fish_portfolio2{
  	background: url("../images/fish-portfolio02.jpg") no-repeat;
  	width: 255px;
  	height: 122px;
  	margin: 47px 0 0 175px;
}

#fish_about1{
  	background: url("../images/fish-about01.jpg") no-repeat;
  	width: 132px;
  	height: 135px;
  	margin: 125px 0 0 565px;
  	position: absolute;
}
#fish_about2{
  	background: url("../images/fish-about02.jpg") no-repeat;
  	width: 176px;
  	height: 138px;
  	position: absolute;
  	margin: 1110px 0 0 360px;
}

#fish_hire1{
  	background: url("../images/fish-hire01.jpg") no-repeat;
  	width: 148px;
  	height: 171px;
  	margin: 125px 0 0 375px;
  	position: absolute;
}
#fish_hire2{
  	background: url("../images/fish-hire02.jpg") no-repeat;
  	width: 220px;
  	height: 122px;
  	position: absolute;
}
#fish_hire3{
  	background: url("../images/fish-hire03.jpg") no-repeat;
  	width: 158px;
  	height: 131px;
  	margin: 585px 0 0 0;
  	position: absolute;
}

#dove_about2, #dove_articles2, #dove_portfolio2, #dove_hire1{
  	display: none;
}


/*shadow box links */
#shadowbox_title_inner a, span.design_luke{
	color: #fff;
	padding: 0 15px;
	font-size: 11px;
}

/* port links */
a.cg{ color: #3bbd41 !important; }
a.temkin{ color: #008bba !important; }
a.origin{ color: #83891f !important; }
a.gf{ color: #d6a141 !important; }
a.westfab{ color: #8a7e72 !important; }
a.ph{ color: #a5c1d6 !important; }
a.lg{ color: #ff8b50 !important; }
a.sc{ color: #4e90fe !important; }
a.dojo{ color: #1bb755 !important; }