*{
	margin:0px;
	padding:0px;
}

img, div {
	behavior: url(lib/iepngfix.htc);
	border:none;
	outline:none;
}

body{
	background: #2B3C00 url(images/body_back.jpg) top repeat-x;
	font-size:14px;
	font-family:"Helvetica";
	padding-bottom:50px;
}
a{
	color:#66FFFF;
	text-decoration:none;
}

.float{
	float:left;
}
.float.right{
	float:right;
}
.wrapper{
	width:960px;
	overflow:hidden;
	margin:0 auto;
}
hr.clear{clear:both;height:1px;visibility:hidden;}

#header{
	height:475px;
	background: transparent url(images/top_banner.png) bottom center no-repeat;
}
#header .wrapper{
	position:relative;
	height:100%;
}
#header .toggle{
	background:transparent url(images/toggle_back.png) top left no-repeat;
	width:86px;
	height:25px;
	display:block;
	position:absolute;
	bottom:30px;
	right:0;
	text-transform:uppercase;
	font-size:12px;
	padding:7px 0 0 10px;
	color:#FFFFCC;
}
#header .toggle img{
	float:right;
	margin-right:14px;
	margin-top:-3px;
}

#grown{text-align:center;}
#grown h1{
	color:#FFFFCC;
	font-size:69px;
	margin-bottom:5px;
	margin-top:15px;
}
#grown h2{
	color:#FFFFCC;
	font-size:25px;
}
#grown .tabs{margin-top:20px;position:relative;padding-top:89px;}
#grown .tabs ul.options{
	list-style-type:none;
	width:182px;
	position: absolute;
	z-index:10;
	left:395px;
	top:0;
}
#grown .tabs ul.options li{
	float:left;
	padding:6px 8px;
	z-index:1000;
	cursor:pointer;
}
#grown .tabs ul.options li.active{
	background:transparent url(images/tab_active.png) top center no-repeat;
}
#grown .tabs #tab_cont{
	clear:both;
	width:656px;
	margin:0 auto;
	margin-top:-1px;
}
#grown .tabs #tab_cont .top{
	background:transparent url(images/tabcont_top.png) top left no-repeat;
	height:5px;
}
#grown .tabs #tab_cont .middle{
	background:transparent url(images/tabcont_middle.png) top left repeat-y;
	padding:0px 20px 10px;
	max-height:205px;
	overflow:hidden;
}
#grown .tabs #tab_cont .bottom{
	background:transparent url(images/tabcont_bottom.png) top left no-repeat;
	height:12px;
}

#tab_cont #twitter{
	text-align:left;
}
#tab_cont #twitter ul{
	list-style-type:none;
}
#tab_cont #twitter ul li{
	background:transparent url(images/tab_twitter_divider.png) bottom center no-repeat;
	width:100%;
	color:#FFFFCC;
	padding:13px 0;
}

#tab_cont #blog{text-align:left;}
#tab_cont #blog ul{
	list-style-type:none;
}
#tab_cont #blog ul li{
	float:left;
	width:268px;
	padding:10px 20px;
	color:#FFFFCC;
	margin-top:20px;
	height:149px;
	line-height:25px;
}
#tab_cont #blog ul li h2 a{
	font-size:18px;
	margin-bottom:5px;
	margin-top:-10px;
	display:block;
}
#tab_cont #blog ul li h2 a:hover{
	text-decoration:underline;
}
#tab_cont #blog ul li.first{
	background:transparent url(images/tab_post_divider.png) 100% 50% no-repeat;
}

.wrapper.menu{position:relative;height:50px;width:100%!important;margin-top:15px;}
ul.menu{
	list-style-type:none;
	position:absolute;
}
ul.menu li{
	float:left;
	margin-right:150px;
}
ul.menu li a{
	text-decoration:none;
	color:#FFFFCC;
	font-size:34px;
	font-weight:bold;
	display:block;
}

#content{
	position:relative;
	margin-top:20px;
}
#content .item{
	position:absolute;
	top:0;left:0;
	display:none;
	color:#FFFFCC;
	font-size:16px;
	line-height:24px;
	width:960px;
}
#content .item h2{
	font-size:30px;
	font-weight:bold;
}
#content .item p{
	margin-bottom:15px;
}
#content .item img.border{
	border:#6D9D02 solid 10px;
}

#skills ul{
	list-style-type: none;
	width:100%;
	position: relative;
	height:450px;
}
#skills ul li{
	float:left;
	margin-bottom:25px;
}
#skills ul li.clear{
	clear:both;
}
#skills ul li span{
	display:block;
	margin-right:25px;
	padding:10px;
}
#skills ul li span.hover, #skills ul li span.active{
	background:#6D9D02;
}
#skills ul li span img{height:54px;}
#skills ul li div h3{
	font-size:23px;
	margin-bottom:10px;
}
#skills ul li div{
	display:none;
	position: absolute;
	left:475px;
	top:0;
	width:485px;
	font-size:14px;
}
#skills ul li div.active{display:block;}

form .txt{
	font-size:20px;
	padding:10px;
	display:block;
	width:500px;
	margin:0 auto;
	margin-bottom:20px;
	background-color:#597600;
	border:#99c40b solid 1px;
	color:#ffffca;
	font-weight:normal;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
}
form textarea.txt{height:200px;}
form .btn{
	display:block;
	width:160px;
	height:42px;
	background:transparent url(images/button_norm.png) top left no-repeat;
	
	color:#FFFFCC;
	font-size:22px;
	padding-top:14px;
	margin:0 auto;
}
form .btn:hover{
	background:transparent url(images/button_hover.png) top left no-repeat;
}
