* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	font: normal 73%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	padding-top:25px;
	color: white;
/*#555;*/
	background:#000000;
	text-align: center;		
}


#container
{
	position:relative;
	width: 1010px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
	font-size:13px;
}

/* header */
#header {
	text-align: left;	
	background:url(../images/websitebanner.jpg);
	width:1009px; 
	height:162px;
}

/* navigation */
#navigation {
	background:#000000;
	font-size: 13px;
	font-family: 'Arial';
	font-style: normal;
	font-weight: normal;
}

#navigation ul {
	padding-top:4px;
	color:#B76D00;
	float:right;
}

#navigation ul li {
	float:left;
	list-style-type:none;
	padding-left:10px;
	padding-right:30px;
	font-family: "Trebuchet MS", Arial;
}


/* main */
#divider {
	position:absolute; 
	overflow:hidden; 
	left:191px; 
	top:188px; 
	width:810px; 
	height:2px; 
	z-index:16; 
	background-color:#545351;
}

#dividerfull {
	position:absolute; 
	overflow:hidden; 
	top:188px; 
	width:100%; 
	height:2px; 
	z-index:16; 
	background-color:#545351;
}

#main {
	position:absolute; 
	overflow:hidden; 
	left:212px; 
	top:192px; 
	width:790px;
	z-index:0;
}

#mainfull ul, #main ul, #mainfull ol {
	padding-left:42px;
	list-style-image: url(../images/paste27.jpg);
}

#mainfull ol {
	list-style-type:decimal;
	list-style-image:none;
}
#mainfull {
	position:absolute; 
	overflow:hidden; 
	right:10px;
	top:192px; 
	width:100%;
	z-index:0;
}

#main h3 {
	clear:both;
	font-size:13px;
	color:white;
	font-family: "Trebuchet MS", Arial;
	font-weight:normal;
}

#main h2, #mainfull h2 {
	clear:both;
	font-size:12px;
	color:white;
	font-family: "Trebuchet MS", Arial;
	font-weight:normal;
	font-style: italic; 
	letter-spacing: 0.15cm;
	text-transform: lowercase;
}

.subh3 {
	font-size: 12px; 
	color: white; 
	font-weight: normal; 
	font-style: italic;
	letter-spacing: 0.15cm; 
	text-transform: none;
}

#mainfull h3 {
	clear:both;
	font-size:13px;
	color:white;
	font-family: "Trebuchet MS", Arial;
	font-weight:normal;
}

/* links */
a { background: inherit; color: #B76D00; text-decoration: none; }
a:hover { background: inherit; color: #B76D00; text-decoration: underline; }

/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;}
h1 { font-size: 1.4em; color: #65944A; }
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; letter-spacing: 0.2cm}

p, h1, h2, h3 {
	margin: 10px 15px;
}

.ws8 {font-size: 11px;}

/* images */
img {
	border: 1px solid #DADADA;
	padding: 5px;
	background: black;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

#projectnavigation {
	position:absolute; 
	left:5px; 
	top:188px; 
	width:180px; 
	height:320px; 
	z-index:5;
	background: url(../images/paste25.jpg);
}

#projectnavigation ul {
	list-style-image: url(../images/paste27.jpg);
	margin-left:40px;
	font-size:11px;
	font-family: "Trebuchet MS", Arial;
}

#projectnavigation h3 {
	margin:0;
	padding:15px;
	text-align:center;
	font-size:13px;
	color:white;
	font-family: "Trebuchet MS", Arial;
	font-weight:normal;
}

#projectnavigation li {
	clear:both;
	padding:2px;
	color:#C0C0C0;
}

#projectnavigation a { background: inherit; color: white; text-decoration: none; }
#projectnavigation a:hover { background: inherit; color: #C0C0C0; text-decoration: none; }


#subprojects {
	text-align:center;
}

#subprojects a:hover span  { /*CSS for enlarged image on hover*/
position: absolute;
 color:white; font-weight:bold;     
        visibility: visible;
        top: 0px;
        right: 20px;
        /*position where enlarged image should offset horizontally */
}

#subprojects a span { /*CSS for enlarged image on hover*/
position: absolute;
       
        visibility: hidden;
       
        /*position where enlarged image should offset horizontally */
}

#fix a:hover { zoom: 1; }


#subprojects span { /*CSS for enlarged image*/
	position: absolute;
	padding: 8px;
	
	visibility: hidden;
	color: black;
	text-decoration: none;
}

a:hover {
zoom: 1;
}

a.hit {
	color:#C0C0C0;
}
a.hit:hover { 
	color: #B76D00;
	text-decoration: underline 
}

#gallery {width:514px;position:relative; height:60px; padding-top:356px; margin:0;} 
#gallery img.left {border:none; width:50px; height:50px; background:#000000; float:left;cursor:pointer; margin-left:12px;}
#gallery img.right {border:none; width:50px; height:50px; background:#000000; float:left;cursor:pointer; float:right;margin-right:12px;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#000000; border:2px solid #000000; border-width:5px 2px;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #FAFAFA; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* using background images */

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}

#gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li b {color:#FFFFFF;}

#gallery ul li.chosen {border-color:#FFFFFF; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0;  height:355px; background:#000000; border-width:1px 1px 0 1px;}
#gallery ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;}
#gallery ul li.chosen span {display:none;}

#back {
	font-weight:bold;
	position: absolute;
    top: 6px;
    right: 20px;
}