﻿body 
{
    margin: 0;
	padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #666666; 
	background: #333333;
	text-align: center;
}

/* headers */
h1, h2, h3
{
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;
	text-align:center;
}
h1 { font-size: 1.5em; color: Black; } 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }

p, h1, h2, h3 
{
	margin: 10px 15px;
}
ul, ol 
{
	margin: 10px 30px;
	padding: 0 15px;
	color: #4284B0;
}
ul span, ol span 
{
	color: #666666; 
}

/* images */
img {	border: 2px solid #CCC; }
img.no-border {	border: none; }
img.float-right {  margin: 5px 0px 5px 15px;  }
img.float-left {  margin: 5px 15px 5px 0px; }
a img {  border: 2px solid #568EB6; }
a:hover img 
{  
  border: 2px solid #CCC !important; /* IE fix*/
  border: 2px solid #568EB6;
}

#wrap
{
    background: #FFF;
	width: 820px; height: 100%;
	margin: 0 auto;	
	text-align: left;
	overflow: auto;
}

#header
{
    position: relative;
    height: 152px;
    background:#808080 url(../img/../img/headerbg1.gif) repeat-x;
}
#header h1#logo
{
    position:absolute;
    padding: 0;
    margin:0;
    width:80%;
    font-size:xx-large;
    text-align:center;
}
    

/* Menu Tabs */
#header ul
{
    z-index: 999999;
    position:absolute;
    margin:0;
    padding:0;
    list-style:none;
    font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;
    right:0;
    bottom:0px; bottom:0px;
}
#header li
{
    display:inline;
    margin:0;
    padding:0;
}
#header a
{
    float:left;
    margin:0;
    padding:0 0 0 4px;
    background: url(../img/tableft.gif) no-repeat left top;
    text-decoration:none;
}
#header a span
{
    float:left;
    display:block;
    padding: 6px 15px 3px 8px;
    background: url(../img/tabright.gif) no-repeat right top;
    color:White;
}
#header a:hover
{
    background-position:0% -42px;
    /* background-color:White; */
}
#header a:hover span
{
    background-position:100% -42px;
    /* text-decoration:underline; */
    color:Black;
}
#header #current a
{
    background-position:0% -42px;
    background-color:White;
}
#header #current a span
{
    background-position:100% -42px;
    /* text-decoration:underline; */
    color:Black;
}

/* Main */
#main
{
    float: left;
	margin-left: 15px;
	padding: 0;
	width: 75%;
}
#main img
{
    float:right;
    margin:0;
    padding:0;
}
#main #projectImg
{
    float:left;
    border:0;
}
#main #SlideShow
{
    float:right;
}
#main #SlideShow img
{
    float:none;
}

#main #SlideShow div
{
    width:auto;
    text-align:center;
}

#photoGallery img
{
    margin:0;
    padding:0;
}
#photoGalleryMain
{
    float:left;
    width:100%;
    
}
#photoGalleryDetail
{
    float:left;
    width:100%;
}

#photoGalleryDetail img
{
    border: none;
    margin: 2px 2px 2px 2px;
}

#projectPhotoGallery
{
    float:right;
    margin:0;
    padding:0;
    width:300px;
}

/* Sidebar */
#sidebar
{
    float:left;
    width:23%;
}
#sidebar p.sideHeader
{
    text-align:center;
    font-weight:bolder;
}
#sidebar ul.sideMenu
{
    list-style:none;
	margin:10px 0 10px 15px;
	padding:0;
}
#sidebar ul.sideMenu li
{
    margin-bottom:1px;
	border: 1px solid #808080;
}
#sidebar ul.sideMenu a 
{
	display:block;
	color: White;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #808080;
	border-left:4px solid #333333;
	min-height:18px;
}
#sidebar ul.sideMenu a:hover
{
    display:block;
	color: White;	
	font-weight:bold;	
	padding:2px 5px 2px 10px;
	background: #808080;
	border-left:4px solid #333333;
	min-height:18px;
}

/* Additional Classes */
.border-none { border: none; }
.border-standard { border: 2px solid #CCC; }