<style>


BODY { font-family: verdana, sans-serif; font-size: 11px; line-height: 16px; }
A { text-decoration: none}

body {
	background-color: #333333; 
}

/*-------------------------------  TYPE  -------------------------------*/

a:link { color: #CC9900; }
a:visited {	color: #CC9900; }
a:hover {	color: #CC9900; }
a:active {	color: #CC9900; }

.hometext { font-family: verdana, sans-serif; font-size: 12px; line-height: 17px; color: #333333; }
.homenews { font-family: verdana, sans-serif; font-size: 10px; line-height: 15px; color: #333333; }

.text { font-family: verdana, sans-serif; font-size: 10.5px; line-height: 16px; color: #333333; }
.bold { font-family: verdana, sans-serif; font-size: 10px; line-height: 14px; font-weight: bold; color: #333333; }
.subhead { font-family: verdana, sans-serif; font-size: 12px; line-height: 16px; font-weight: bold; color: #333333;}
.head { font-family: verdana, sans-serif; font-size: 20px; line-height: 19px color: #333333;}
.caption { font-family: verdana, sans-serif; font-size: 8.5px; line-height: 14px color: #333333;}
.captionlist { font-family: verdana, sans-serif; font-size: 8.5px; line-height: 17px color: #333333;}
.contact { font-family: verdana, sans-serif; font-size: 8.5px; line-height: 14px color: #333333;}

.text p {margin: 0px;}

/*-------------------------------  LAYOUT  -------------------------------*/

#container {
	margin: 20px auto;
	position: relative;
	width: 940px;
}

.logo-sub {
	position:absolute;
	width:265px;
	height:50px;
	z-index:3;
	left: 58px;
	top: 62px;
}
.logo-sub {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../imgs/logo-sub.png');
}
.logo-sub[class] {
  background: url('../imgs/logo-sub.png') no-repeat;
}

#textleft {
	position:absolute;
	width:245px;
	height:384px;
	z-index:4;
	left: 65px;
	top: 128px;
}

#textright {
	position:absolute;
	width:530px;
	height:25px;
	z-index:7;
	left: 335px;
	top: 128px;
}

#nav {
	position:absolute;
	width:294px;
	height:29px;
	z-index:1;
	left: 335px;
	top: 85px;
}

#copyright {
	color: #8baa67;
	position:absolute;
	width:550px;
	height:32px;
	z-index:2;
	left: 73px;
	top: 580px;
}

#copyrightsub {
	color: #8baa67;
	position:absolute;
	width:550px;
	height:32px;
	z-index:2;
	left: 73px;
	top: 580px;
}

#nextproject {
	position:absolute;
	width:135px;
	height:28px;
	z-index:1;
	left: 744px;
	top: 492px;
}



/*-------------------------------  PROJECTS GRID  -------------------------------*/


#top1 {
	position:absolute;
	width:125px;
	height:100px;
	z-index:3;
	left: 0px;
	top: 0px;
}
#top2 {
	position:absolute;
	width:125px;
	height:100px;
	z-index:3;
	left: 135px;
	top: 0px;
}
#top3 {
	position:absolute;
	width:125px;
	height:100px;
	z-index:3;
	left: 270px;
	top: 0px;
}
#top4 {
	position:absolute;
	width:125px;
	height:100px;
	z-index:3;
	left: 405px;
	top: 0px;
}



#mid1 {
	position:absolute;
	width:125px;
	height:100px;
	z-index:3;
	left: 0px;
	top: 125px;
}
#mid2 {
	position:absolute;
	width:125px;
	height:100px;
	z-index:3;
	left: 135px;
	top: 125px;
}
#mid3 {
	position:absolute;
	width:125px;
	height:100px;
	z-index:3;
	left: 271px;
	top: 125px;
}
#mid4 {
	position:absolute;
	width:125px;
	height:100px;
	z-index:3;
	left: 405px;
	top: 125px;
}



#bottom1 {
	position:absolute;
	width:125px;
	height:100px;
	z-index:3;
	left: 0px;
	top: 250px;
}
#bottom2 {
	position:absolute;
	width:125px;
	height:100px;
	z-index:3;
	left: 136px;
	top: 250px;
}
#bottom3 {
	position:absolute;
	width:125px;
	height:100px;
	z-index:3;
	left: 271px;
	top: 250px;
}
#bottom4 {
	position:absolute;
	width:125px;
	height:100px;
	z-index:3;
	left: 405px;
	top: 250px;
}


/*-------------------------------  PROJECTS GRID CAPTIONS -------------------------------*/



#projectsgrid div.caption {
	margin: 0px;
	border: 0px solid #ccc;
	padding: 0px;
}

#projectsgrid div.right {margin-right: 0;}
div.left  { margin-left: 0;}

#projectsgrid div.caption img {
	margin: 0;
	padding:0;
}

#projectsgrid div.caption p{
	margin: 0px;
	padding: 0px;
	border-top: 0px #ddd dotted;
	font-size: 9px;
}



/*-------------------------------  PROJECTS THUMBNAILS  -------------------------------*/


	
#projects_large {
	position:absolute;
	width:395px;
	height:340px;
	z-index:6;
	left: 335px;
	top: 130px;
}

#projects_large #large_1,
#projects_large #large_2,
#projects_large #large_3, 
#projects_large #large_4, 
#projects_large #large_5,
#projects_large #large_6,
#projects_large #large_7,
#projects_large #large_8,
#projects_large #large_9,
#projects_large #large_10
{
	position:absolute;
	display:none;
}

#projects_large #large_1 {
	display:inline;
}

#projectphotocredit {
	position:absolute;
	width:395px;
	height:20px;
	z-index:6;
	left: 0px;
	top: 343px;
}

#projectphotocaption {
	width:200px;
	height:20px;
	z-index:6;
}

#phototh1 {
	position:absolute;
	width:57px;
	height:49px;
	z-index:7;
	left: 744px;
	top: 130px;
}
#phototh2 {
	position:absolute;
	width:57px;
	height:49px;
	z-index:7;
	left: 744px;
	top: 188px;
}
#phototh3 {
	position:absolute;
	width:57px;
	height:49px;
	z-index:7;
	left: 744px;
	top: 246px;
}
#phototh4 {
	position:absolute;
	width:57px;
	height:49px;
	z-index:7;
	left: 744px;
	top: 304px;
}
#phototh5 {
	position:absolute;
	width:57px;
	height:49px;
	z-index:7;
	left: 744px;
	top: 362px;
}
#phototh6 {
	position:absolute;
	width:57px;
	height:49px;
	z-index:7;
	left: 744px;
	top: 420px;
}
#phototh7 {
	position:absolute;
	width:57px;
	height:50px;
	z-index:7;
	left: 809px;
	top: 130px;
}
#phototh8 {
	position:absolute;
	width:57px;
	height:50px;
	z-index:7;
	left: 809px;
	top: 188px;
}
#phototh9 {
	position:absolute;
	width:57px;
	height:50px;
	z-index:7;
	left: 809px;
	top: 246px;
}
#phototh10 {
	position:absolute;
	width:57px;
	height:49px;
	z-index:7;
	left: 809px;
	top: 304px;
}
