<!--

body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: "Lucida Grande", "Myriad Pro", Helvetica, Arial, san-serif;
	font-size: 12px;
	color: #fff;
	background: url("../images/bg.jpg") no-repeat left top;
	background-color: #1f1f1f;
}

#main {
	width: 900px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#topleft {
	height: 142px;
	position: relative;
	z-index: 1;
}

#menu {
	position: absolute;
	padding: 0px 0px 0px 34px;
	height: 25px;
	line-height: 100%;
	background:url("../images/arrow_green.gif") no-repeat left top;
	width: 400px;
	height: 20px;
	top: 60px;
	left: 0px;
	z-index: 4;
}

#menu div.spacer {
	float: left;
	display: block;
	width: 30px;
	height: 10px;
}
	
	#menu a:link,
	#menu a:visited,
	#menu a:active {
		float: left;
		color: #bbb;
		text-decoration: none;	
		margin: 0px;
		font-weight: bold;
	}
	
	#menu a:hover {
		color: #caff75;
	}


#hiddenbox div.on 	{					display: block;					}					#hiddenbox div.off	{					display: none;					}

#submenu {
   position: absolute;
   padding: 8px 10px 8px 0px;
   line-height: 100%;
   top: 85px;
   left: 34px;
   font-size: 11px;
   font-weight: bold;
   z-index: 6;
   display: none;
}

#submenu div.spacer {
	float: left;
	display: block;
	width: 30px;
	height: 10px;
}
	
	#submenu a:link,
	#submenu a:visited,
	#submenu a:active {
		float: left;
		color: #bbb;
		text-decoration: none;	
		margin: 0px;
		font-weight: bold;
		float: left;
	}
	
	#submenu a:hover {
		color: #caff75;
	}

#clientarea {
   position: absolute;
   padding: 8px 10px 8px 10px;
   line-height: 100%;
   height: 21px;
   top: 10px;
   left: 34px;
   font-size: 11px;
   background-color: #111;
   z-index: 2;
}

#clientarea a:link,
#clientarea a:visited,
#clientarea a:active {
	color: #caff75;
	text-decoration: none;
}

#clientarea a:hover {
	color: #fff;
	text-decoration: underline;
}

#clientarea input { 
  font-family: "Lucida Grande", "Myriad Pro", Helvetica, Arial, san-serif;
  padding-left: 5px;
  line-height: 100%;
  background-color: #444; 
  border-color: #999;
  border-style: inset;
  border-width: 1px; 
  color: #ddd; 
}

#top {
	margin: 0px;
	height: 142px;
	z-index: 0;
}

#top div.client {
	display: block;
	width: 580px;
	height: 25px;
	z-index: 3;
	margin: 5px;	
}

#top div.left {
	width: 580px;
	float: left;
	z-index: 0;
}

#top div.right {
	width: 270px;
	float: left;
	text-align: right;
	z-index: 0;
}

#top br {
	clear: both;
}

#logo {
	margin-top: 24px;	background: url("../images/logo.jpg") top right no-repeat;}#logo a.logo:link,#logo a.logo:visited,#logo a.logo:hover,#logo a.logo:active {	display: block;	margin-top: 0px;	margin: 0px auto 0px auto;	width: 266px;
	height: 81px;}#logo h1 {	display: none;}

#content {
	margin: 0px;
	padding: 0px;
}

#content br {
	clear: both;
}

#content div.left {
	width: 580px;
	float: left;
	z-index: 0;
}

#content div.right {
	width: 230px;
	float: left;
	z-index: 0;
}

#content div.copy {
	margin: 0px 0px 0px 34px;
	padding: 0px 0px 0px 0px;
	line-height: 130%;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	color: #fff;
}

#content div.copy img {
	margin: 20px 0px 0px 0px;
}

#content div.title	{					position: relative;					display: block;					font-weight: normal;					margin: 0px 0px 20px 34px;
					padding: 8px 0px 8px 10px;
					width: 570px;					text-align: left;					font-size: 16px;					font-style: normal;					color: #fff;
					background-color: #111;					}#content div.title span	{					text-align: left;					font-size: 13px;					font-style: normal;					color: #555;					}#content span.sml	{					position: absolute;					display: block;					top: 0px;					right: 0px;					padding: 10px 10px 8px 0px;					text-align: right;					font-weight: normal;					font-style: normal;					color: #888;					}
					
#content div.additional	{					margin: 5px 0px 5px 0px;					color: #777;
					font-size: 11px;					}
					
#content span.sml a:link,
#content span.sml a:visited,
#content span.sml a:active {					color: #ccc;
					text-decoration: none;
					font-size: 10px;					}
#content span.sml a:hover {					color: #caff75;					}
					
#content div.subcopy {
	margin: 15px 0px 15px 34px;
	padding: 0px 0px 0px 0px;
	line-height: 130%;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	color: #bbb;
}

#content div.subcopy a:link,
#content div.subcopy a:visited,
#content div.subcopy a:active {
	color: #fff;
	text-decoration: none;
}

#content div.subcopy a:hover {
	color: #caff75;
}

#content div.sidebar {
	margin: 8px 0px 0px 97px;
	padding: 0px 0px 0px 0px;
	font-family: Georgia, "Times New Roman", serif;
	color: #fff;
}

#content div.sidebar img {
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

#content div.sidebar2 {
	margin: 55px 0px 0px 87px;
	padding: 0px 0px 0px 0px;
	font-family: "Lucida Grande", "Myriad Pro", Helvetica, Arial, san-serif;
	color: #fff;
	text-align: left;
}

#content div.sidebar3 {
	margin: 55px 0px 0px 87px;
	padding: 7px 8px 0px 10px;
	font-family: "Lucida Grande", "Myriad Pro", Helvetica, Arial, san-serif;
	color: #999;
	font-size: 11px;
	text-align: left;
	background-color: #111;
	display: none;
}

#content a.sidebar2:link,
#content a.sidebar2:visited,
#content a.sidebar2:active {
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 5px 10px;
	color: #aaa;
	text-align: left;
	width: 150px;
	display: block;
	background-color: #111;
	text-decoration: none;
}

#content a.sidebar2:hover {
	color: #caff75;
	text-decoration: none;
}

#projectlist {
	font-size: 10px;
	color: #777;
	margin: 0px 0px 10px 10px;
}

#email {
	font-size: 15px;
}
#email a:link,#email a:visited,#email a:active{
	color: #fff;
	text-decoration: none;
}
#email a:hover {
	color: #caff75;
}
#phone {
	color: #aaa;
	font-size: 23px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#address {
	color: #999;
	font-size: 14px;
}

#thumbs {
	padding: 0px;
	margin: 30px 0px 0px 34px;
	font-family: "Lucida Grande", "Myriad Pro", Helvetica, Arial, san-serif;
}

#thumbs br {
	clear: both;
}

#thumbs div.featured {
	color: #fff;
	margin: 0px 0px 6px 0px;
	font-size: 10px;
}

#thumbs div.project {
	color: #fff;
	margin: 5px 0px 0px 0px;
	font-size: 13px;
}

#thumbs a:link,#thumbs a:visited,#thumbs a:active {
	float: left;
	display: block;
	width: 135px;
	height: 130px;
	color: #fff;
	//background-color: #555;
	text-decoration: none;
}
#thumbs a:hover {
	//background-color: #aaa;
}

#career {
	margin: 20px 0px 15px 34px;
	padding: 0px;
	display: block;
	width: 580px;
}

#career div.leftcol {
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	background-color: #1a1a1a;
	width: 368px;
	float: left;
	height: 240px;
	z-index: 0;
	font-size: 11px;
	color: #999;
}

#career div.rightcol {
	border: 1px solid #555;
	background-color: #111;
	width: 209px;
	float: right;
	height: 240px;
	z-index: 0;
	color: #999;
	font-size: 10px;
}

#career div.rightcol a:link,#career div.rightcol a:visited,#career div.rightcol a:active {
	font-size: 16px;
	text-decoration: none;
	color: #fff;
}

#career div.rightcol a:hover {
	color: #caff75;;
}

#info {
	margin: 0px 0px 15px 34px;
	padding: 0px;
	display: block;
	width: 580px;
	height: 200px;
	background:url("../images/office.jpg") no-repeat left top;
}

#infosub {
	margin: 0px 0px 0px 34px;
	padding: 0px;
	width: 580px;
}

#infosub div.leftcol {
	margin-top: 15px;
	padding: 0px 15px 0px 0px;
	border-right: 1px solid #555;
	width: 274px;
	float: left;
	height: 440px;
	z-index: 0;
	font-size: 11px;
	color: #aaa;
}

#infosub div.rightcol {
	margin-top: 15px;
	padding: 0px 0px 0px 15px;
	width: 275px;
	float: right;
	height: 440px;
	z-index: 0;
	color: #aaa;
	font-size: 11px;

}

#infosub a:link,#infosub a:visited,#infosub a:active {
	text-decoration: none;
	color: #fff;
}

#infosub a:hover {
	color: #caff75;
}

.resize {
	padding: 15px;	
}

#footer {
	padding: 5px 5px 5px 0px;
	margin: 20px 0px 0px 34px;
	font-family: "Lucida Grande", "Myriad Pro", Helvetica, Arial, san-serif;
	text-align: left;
	font-size: 10px;
	color: #666;
}
#div2 {
	display: none;		
}
#div3 {
	display: none;		
}

//-->