@charset "utf-8";
/* CSS Document */

/* ------------- "generic" styles */
body {
	margin: 0; 
	padding: 0;
	background: url(../images/bg3.gif) repeat; 
	color: #333;
	font: 72% Futura, Avenir, Verdana;
	}

h1 {
	font: bold 140% Futura, Avenir, Century Gothic, Verdana;
	display: none;
	}

img.h1 {
	margin: 10px 0 15px 0px;
	}
	
h2 {
	font: bold 120% Futura, Avenir, Century Gothic, Verdana;
	}

h3 {
	font: bold 100% Futura, Avenir, Century Gothic, Verdana;
	margin: 0px;
	}

a {
	text-decoration: underline;
	color: #555;
}

a:hover {
	text-decoration: underline;
	color: #63c531;
}

a img {
	border: 0;
}

p {
	margin: 0 0 1em;
	width: 500px;
	font: 105% Futura, Avenir, Verdana;
}

p.contact {
	margin: 0;
	width: 500px;
	font: 105% Futura, Avenir, Verdana;
}

/* ------------- wrapper styles */

#wrapper {
	width: 865px;
	margin: 10px auto;
	}

#top {
	background: url(../images/top.png) no-repeat;
	height: 119px;
	margin: 0;
	position: relative; /*to position hidden home page link*/
}

#main {
	background: url(../images/middle.png) left no-repeat;
	height: 366px;
	margin: 0;
}

#bottom {
	background: url(../images/bottom.png) no-repeat;
	height: 105px;
	margin: 0;
	position: relative; /*to position hidden home page link*/
}

#content {
	float: left;
	clear: none;
	width: 525px;
	overflow: auto;
	}

#contentWrapper {
	width: 525px;
	height: 300px;
	overflow: auto;
	}



/* ------------- navcontainer styles */

#navcontainer
{
float: left;
margin: 10px 10px 0 60px;
padding: 0 28px 0 40px;
width: 160px;
position: relative;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
margin: 0;
font: 600 119%/1.2em Futura, Avenir, "Century Gothic", Verdana;
text-align: right;
text-transform: uppercase;
padding: 0;
}

#navcontainer li a
{
display: block;
padding: 10px 5px 0px 0.5em;
text-decoration: none;
width: 100%;
color: #808184;
border-bottom: 3px solid #e6e7e7;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
color: #555;
/*border-bottom: 3px double #aecb4a;*/
}

#navcontainer li a#current
{
color: #63c531;
}

#currentProject {
	margin: 10px 0 0 0;
	position: absolute;
	background: url(../images/currentProject.png) no-repeat;
	width: 160px;
	height: 138px;
	top: 216px;
	left: 40px;
	}
/* ------------- subList styles */


.subList
{
margin: 0;
/*font: 600 100%/1.0em Futura, Avenir, "Century Gothic", Verdana;*/
text-align: right;
text-transform: uppercase;
padding: 0;
}

.subList a
{
display: block;
padding: 5px 5px 2px 0.5em !important;
text-decoration: none;
width: 70%;
color: #808184;
border-bottom: 1px solid #e6e7e7 !important;
font: 600 89%/0.8em Futura, Avenir, "Century Gothic", Verdana !important;
}

/*html>body #subList li a { width: auto; } */

.subList a:hover
{
color: #555;
/*border-bottom: 3px double #aecb4a;*/
}

.subList a#currentSub
{
color: #63c531;
}

/* ------------- end subList styles */

/* ------------- hotspot styles */

a.logoLink {
	width: 107px;
	padding: 0px 90px 40px 20px;
	font-size: 28pt;
	position: absolute;
	text-decoration: none;
	left: 94px;
	top: 23px;
} 

a.logoLink span {
	visibility: hidden;
} 

a.sideLogoLink {
	width: 31px;
	padding: 0px 3px 130px 3px;
	font-size: 28pt;
	position: absolute;
	left: 22px;
	top: -118px;
	text-decoration: none;
} 

a.sideLogoLink span {
	visibility: hidden;
} 

a.featuredLink {
	width: 4px;
	padding: 0 76px 112px 80px;
	text-decoration: none;
	position: absolute;
	left: 1px;
	top: 1px;
	}

a.featuredLink span {
	visibility: hidden;
} 
	
/* ------------- end hotspot styles */

/* ------------- thumbnail styles */

#thumbNailWrapper {
	padding-left: 0px;
	height: 300px;
	overflow: auto;
	}

#thumbNailSector {
	width: 505px;
	}
	
.thumbnail {
	float: left; 
	padding: 0 0 10px 16px;
	}

.thumbnail img{
	border: none;
	}

.webThumbWrap {
	width: 220px;
	float: left;
	padding: 0 0 16px 0;
	}

.webThumbWrap p {
	float: left;
	font-size: x-small !important;
	text-align: center;
	width: 180px;
	padding: 0 0 0px 40px;
	margin: 0;
	}	
	
.webThumb {
	float: left;
	margin: 0 0 0 36px;
	}
	
.webThumbWrap img {
	border: none;
	}
	
/* ------------- end thumbnail styles */

/* ------------- form styles */

.littleNote {
	float: right;
	padding-left: 20px;
	}

#button {
	width: 105px !important;
	}
	
#captcha {
	float: left;
	clear: none !important;
	width: 240px !important;
	}

#captcha img {
	float: left;
	margin-right: 6px;
	}

#captcha label {
	display: inline !important;
	float: left;
	width: 105px !important;
	padding-top: 3px;
	padding-right: 0px !important;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 3px;
	margin-left: 0pt;
	text-align: left;
	font-size: 120%;
	}

#captcha input {
	float: left;
	width: 40px !important;
	margin-right: 6px !important;
	font-size: 140% !important;
	}

/* ------------- end form styles */