html {
	height: 100%;
}

a, li a, ul#work li a { position:relative;top:0px;z-index:10; }

body {
	background: #FFF;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	color: #414042; /* 90% */
	height: 100%;
}

/* *************************************** */
/* Structure */
/* *************************************** */

#header {
	position:absolute;
	width: 950px;
	height: 150px;
}

.header-col {
	float:left;
	width: 226px;
	margin: 20px 15px 0 0;
}

.logo-col {
	float:left;
	width: 226px;
	margin: 10px 15px 0 0;
	text-align: center;
}

/* *************************************** */
/* Main Navigation */
/* *************************************** */

ul#nav-main {
	float:left;
}

ul#nav-main li {
	font-size: 13px;
}

ul#nav-main li a {
	color:#414042;
	text-decoration: none;
	font-weight: bold;
	border: 0;
}

ul#nav-main li a:hover, ul#nav-main li a.selected {
	border-bottom: 1px solid #00ff99;
}

/* *************************************** */
/* Links */
/* *************************************** */

a {
	border-bottom: 1px solid #00ff99;
	text-decoration: none;
	color: #414042;
}

a:hover {
	border-bottom: 1px solid #000;
}

/* *************************************** */
/* Project Scroller */
/* *************************************** */

#scroller {
	position:absolute;
	top: 150px;
	 /*6a6a6c*/
	width: 100%;
	height: 100%;
	z-index: 1;
}

#box8{
	position:absolute;
}
#box8 div{ /* Scroll Panel */
	width:630px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	clear:both;
}

.mask1{
	position:relative;
	width:100%;
	height: 500px;
	overflow:hidden;
}

.sample{
	margin:5px 0 25px 0px;
}

.buttons{
	padding:0px;
}

#plusminus {
	position:absolute;
	top: 180px;
	z-index: 100;
	width: 100%;
}

#plusminus #prev8 {
	position:absolute;
	left: 0;
	background:#FFF url(../images/minus.jpg) no-repeat;
	width: 50px;
	height: 50px;
	z-index: 101;
}

#plusminus #prev8:hover {
	background:#FFF url(../images/minus-hover.jpg) no-repeat;
	border: 0;
}

#plusminus #next8 {
	position:absolute;
	right: 0;
	background:#FFF url(../images/plus.jpg) no-repeat;
	width: 50px;
	height: 50px;
	z-index: 101;
	border: 0;
}

#plusminus #next8:hover {
	background:#FFF url(../images/plus-hover.jpg) no-repeat;
	border: 0;
}

.buttons span{
	cursor:pointer;
	margin: 0;
	padding: 0;
	}

.buttons span img {
	border-bottom: 3px solid #eaeaea;
}
	
.buttons span.active, .buttons span:hover{ 
	padding: 0;
	margin: 0;
	}
	
.buttons span.active img, .buttons span:hover img{ 
	border-bottom: 3px solid #00ff99;
	}
	
#slidercontrols {
	position:absolute;
	top: 150px;
	left: 351px;
	z-index: 101;
	background:#eaeaea;
	height: 30px;
	width: 400px;
}

#thumbslide {
	float:left;
	padding: 5px 0 0 7px;
	width: 250px;
}

#slideshowtitle {
	float:left;
	padding: 5px 0 0 0;
	margin: 0 10px 0 0;
	font-weight:bold;
}

#slideshow {
	float:left;
	padding: 5px 0 0 0;
}


/* *************************************** */
/* Misc Styles */
/* *************************************** */

#end {
	margin-right: 0;
}

/* *************************************** */
/* Headers */
/* *************************************** */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 0px;
	line-height: 1.2em;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: 0px;
	line-height: 1.2em;
	margin: 0 0 5px 0;
}

h3 {
	border-top: 1px solid #cfcfcf;
	border-bottom: 5px solid #cfcfcf;
	padding: 5px 0;
}

/* *************************************** */
/* Project Info Drop Down */
/* *************************************** */

#dropdown {
	position:absolute;
	top: 150px;
	z-index: 100;
	left: 241px;
	width: 110px;
	height: 30px;
}

#projectpanelcontent {
	background:#FFF;
	width: 700px;
}

#projectpanelcontainer {
	margin: 50px 10px 30px 110px;
	float:left;
	width: 580px;
}


#projectpaneltab {
	
}

#projectpaneltab a {
	font-size: 13px;
	color: #5a5b5e;
	text-decoration: none;
	border: none;
	font-weight: bold;
	width: 100px;
	height: 20px;
	display:block;
	background:#FFF;
	padding: 5px 5px 5px 5px;
}

#projectpaneltab a span img {
	margin: 0 0 0 10px;
}

#projectpaneltab a:hover {
	font-size: 13px;
	color: #FFF;
	background: #00ff99;
	text-decoration: none;
	border: none;
	font-weight: bold;
}

#projectpanel-left {
	float:left;
	width: 300px;
}

#projectpanel-right {
	float:left;
	width: 280px;
}

#projectpanel-right h2 {
	width: 270px;
	margin: 0 0 10px 0;
}

#projectpanel-right p {
	margin: 0 0 10px 0;
	width: 270px;
}

/* *************************************** */
/* Main */
/* *************************************** */

#main {
	position:absolute;
	top: 150px;
	 /*6a6a6c*/
	 background:#f2f2f3;
	width: 100%;
	min-height:100%;
	height: auto;
}

#filter {
	position:absolute;
	top: 150px;
	z-index: 100;
	left: 241px;
	width: auto;
	height: 25px;
	padding: 5px 10px 0 10px;
	background:#FFF;
}

#filter p {
	float:left;
	margin: 0 10px 0 0;
	font-weight: bold;
}

ul.filter {
	float:left;
}

ul.filter li {
	display:inline-block;
}

ul.filter li a {
	background:url(../images/radiobutton.jpg) top left no-repeat;
	padding: 0 0 0 17px;
	border: 0;
	margin: 0 5px 0 0;
}

ul.filter li a:hover, ul.filter li a.selected {
	background:url(../images/radiobutton-active.jpg) top left no-repeat;
}

ul#work {
	float:left;
}

ul#work li {
	display:block;
	margin: 0 0 5px 0;
}

ul#work li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #676767;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing:normal;
	line-height: 1.2em;
	text-decoration: none;
	border: 0;
}

ul#work li a:hover {
	color: #00ff99;
}

#main-cont {
	float:left;
	width: 718px;
	margin: 50px 0 0 242px;
}

#blog {
	float:left;
	width: 960px;
	margin: 20px 0 0 0;
}

#blog-left {
	float:left;
	width: 688px;
	margin: 0 15px 0 20px;
}

#blog-right {
	float:left;
	width: 226px;
	margin: 45px 0 0 0;
}

.blog-item {
	float:left;
	margin: 0 0 30px 0;
}

.blog-title {
	float:left;
	width: 488px;
	padding: 0 0 0 220px;
	margin: 0 0 15px 0;
}

.blog-col {
	float:left;
	width: 205px;
	margin: 0 15px 0 0;
}

.blog-col p {
	margin: 7px 0 0 0;
}

.blog-main {
	float:left;
	width: 468px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #cfcfcf;
}

.blog-main img {
border-bottom: 10px solid #cfcfcf;
}

.blog-main p {
margin: 10px 0;
}

p.pagin {
float:left;
margin: 0 0 0 220px;
}

ul#blogside {
	float:left;
	width: 226px;
	margin: 6px 0;
}

#index {
	float:left;
	width: 718px;
	margin: 20px 0 0 242px;
}

.index-work {
	float:left;
	margin: 0 20px 0 0;
	width: 220px;
}

.index-work a.thumb {
	border: 0;
}

ul.index-work-cont {
	font-size: 11px;
}

ul.index-work-cont li.title {
	color: #FFF;
	font-weight:bold;
}

ul.index-work-cont li a:link, ul.index-work-cont li a:active, ul.index-work-cont li a:visited {
	color: #999999;
}

ul.index-work-cont li a:hover {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}

/* *************************************** */
/* Profile */
/* *************************************** */

#profile {
	float: left;
	margin: 20px 0 0 240px;
}

#profile h1 {
	color: #676767;
	font-weight: normal;
}

#profile-left {
	float:left;
	width: 470px;
	margin: 0 15px 0 0;
}

#profile-right p {
	margin: 7px 0 10px 0;
}

#profile-right strong {
	display: block;
}

#profile-right {
	float:left;
	width: 226px;
	
}

#line {
position:fixed;
top:0px;
left:0px;
z-index: 1;
width:850px;
height:1200px;
background:url(../images/greenline.png) 0 0 no-repeat;
}