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

* {
	margin:0px;
	padding:0px;
	border:none;

}
body {
	margin: 0;
	padding: 0;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-position: 70px 10px;
	background-repeat: no-repeat;
	height:100%;
}
h1 {
font-size: 24px;



}

h2 {
font-size: 20px;
padding: 10px;


}

h3 {
font-size: 18px;
padding: 8px 8px 8px 12px;

}

h4 {
font-size: 16px;
text-align:center;

}
a, a:link, a:visited {
color: black;
text-decoration: underline;
}

a:hover, a:active {
color: #999999;
}

p 
{
font-size:1.4em;
padding: 5px 12px;

	
/****************************************************** LARGE FLOATING MENU **************************************************************/
}
wrapper {

}
#grayBar {
	background-image:url(../images/bg_graybar.gif);
	background-position:top left;
	background-repeat:repeat-y;
	width: 50px;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	min-height: 700px;
	background-color: #333333;

}

#floatingMenu {
	width: 340px;
	position: absolute;
	top: 119px;
	left: 180px;

}
#floatingMenu.servicesfloat {
	width: 318px;
	position: absolute;
	top: 119px;
	left: 120px;
}
#floatingMenu ul {
	list-style:none;
	margin:0;
	padding:0;
	display: block;
	
}
#floatingMenu li {
	margin:0;
	padding:0;
	display: inline;
	

}
#floatingMenu li a { 
display:block; 
overflow:hidden;
height: 1%;


}
/********************************************************VITAE Large Menu ******************************************************************/
.vitae {
	height:35px;
	background-color: #99CCCC;
	width: 260px;

/************************************************************PROJECTS Large Menu ********************************************************************/
}
li.projects {
	height:35px;
	margin-top: -2px;
	margin-right: 10px;

}
#floatingMenu li#projectsBottom {
	width: 191px;
	display:block;
	background-color:#FFFFCC;
	height: 20px;
}



/***************************************************************** SERVICES Large Menu ***********************************************************************/


#mainBoxServices {
	background-color: #ffffcc;
	position: absolute;
	display:block;
	top: 48px;
	width: 500px;
	z-index: 0;
	visibility: visible;
	left: 438px;
	right: 850px;
	padding: 15px;
	margin-bottom: 100px;
	font-size:1em;
	


}
#Services0 {
	background-color: #ffffcc;
	position: absolute;
	top: 48px;
	width: 500px;
	z-index: 0;
	visibility: visible;
	left: 438px;
	right: 850px;
	padding: 15px 15px 30px 15px;
	margin-bottom: 10px;
	height: 400px;



	}
.services {   /*class for floating menu buttons*/
	height:35px;
	background-position: left center;
	background-repeat:no-repeat;

}
#floatingMenu li#servicesBottom {
	width: 191px;
	display:block;
	background-color:e7ce68;
	height: 20px;


/*****************************************************CONTENT**************************************************************************/

}
#mainBoxProjects, #Project0 {
	background-color: #CCCC33;
	position: absolute;
	top: 48px;
	z-index: 100;
	visibility: visible;
	left: 400px;
	right: 800px;
	margin-bottom: 100px;
	width: 600px;
	font-size:1em;
	padding-bottom: 20px;
}

#projectBox0 {
	margin-left: 15px;
	margin-top: 10px;
	
}
div.projBox {
	background-color: #FFFFCC;
	width: 240px;
	vertical-align:middle;
	text-align: center;
	padding: 10px;
	float: left;
	margin: 10px;
	font-size: 1.4em;
}
.projBox img {
	padding: 5px;
	width: 183px;
	height: 130px;
}
/*****************************************************services**********************************/



	
#mainBoxVitae, #Vitae0 {
	background-color: #CCCCCC;
	position: absolute;
	top: 48px;
	z-index: 100;
	visibility: visible;
	left: 438px;
	right: 800px;
	margin-bottom: 100px;
	width: 500px;
	font-size:1em;

	}
#Vitae0   {


}
#floatingMenu li#vitaeBottom {
	width: 191px;
	display:block;
	background-color:#99CCCC;
	height: 20px;
}


/**************************************************************************************************************************/


	
body>div #Services0, body>div #Vitae0 { /*hack for ie - ie doesn't see child selectors*/
min-height: 400px;
height: auto;

/**************************************Toggle**********************************************************/
}
#zero {
	margin: 20px;
	z-index: 0;
	display: block;



}
 #one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten, #eleven, #twelve, #thirteen, #fourteen, #fifteen   {
	display:none;
	margin: 20px;
	z-index:10;

/********************************************************* SMALL MENU **********************************************************************************/
}		
#smallMenu {
	width: 340px;
	z-index: 0;
	display: block;
	position: absolute;
	left: 20px;
	margin:0px;
	height:141px;


}

#smallMenu ul li img {
	margin-top: 10px;

}
#smallMenu ul {
	position:absolute;
	margin-left: 20px;

}
#smallMenu ul li {
	list-style-type: none;
	display:inline;

	
}
#smallMenu ul li a{
	display:block;
	width: 120px;
	text-decoration:none;
	height: 1%;

}
 img.logo {
position: absolute;
margin: 0px;
margin-top: 0px;
right: 0px;

/************************************************************* L3 Project Pages **************************************************************************/

}
.L3Column_proj {
	background-position: 50px 0px;
	background-image: url(../images/bg_L3_column_proj.gif);
	background-repeat: repeat-y;
	z-index: 0;
	height: 100%;
}
.L3Column_serv {
	background-position: 50px 0px;
	background-image: url(../images/bg_L3_column_serv.gif);
	background-repeat: repeat-y;
	z-index: 0;
	height: 100%;
	
	}
.L3Column_vitae {
	background-position: 5 	0px 0px;
	background-image: url(../images/bg_L3_column_vitae.gif);
	background-repeat: repeat-y;
	z-index: 0;
	height: 100%;


}div.L3#smallMenu {
	z-index:1000;
	position:absolute;
	top: 50px;
	left: 13px;
	float:none;
/********************************************************************************/	
	
	}
#L3VitaeBox {
	width: 382px;
	background-color: #FFFFCC;
	z-index: 10;
	top: 198px;
	margin-bottom: 200px;
	padding-bottom: 10px;
	margin-left: 159px;
	position: absolute;
	font-size: 1.0em;

	
}#L2_5ProjectBox {
	width: 382px;
	background-color: #FFFFCC;
	z-index: 10;
	top: 202px;
	margin-bottom: 200px;
	padding-bottom: 10px;
	margin-left: 159px;
	position: absolute;
	font-size: 1em;
	left: 4px;
	}

#L2_5ProjectBoxWrap {
	padding-bottom: 20px;

}
#L3ServicesBox {
	width: 600px;
	background-color: #fefed4;
	z-index: 10;
	top: 190px;
	margin-bottom: 200px;
	position: absolute;
	font-size: 1em;
	left: 198px;
	display: block;
}
#L3ServicesBox img {
	margin: 10px;
		
	
}
#L3ProjectBox p, #L3VitaeBox p, #L3ProjectBox p {
	margin-top: 5px;
	color:black;
	padding: 0px 15px;
}
.projectTitle {
	padding: 10px;
	
}
#backBar {
	position: absolute;
	top: 180px;
	left: 32px;
	height: 18px;
	display:block;
	width: 316px;
	color: #000000;
	background-color: #FFCC33;
	vertical-align: text-top;
	z-index: 100;

	}
#backBar p, #backBar a {
	text-align:right;
	font-size: 10px;
	line-height: normal;
	padding: 2px 10px 2px 0px;
	background-color: #FFCC33;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
}
div.intro {
	position: absolute;
	top: 215px;
	left: 32px;
	height: 105px;
	display:block;
	width: 488px;
	background-color: #FFCC33;
	vertical-align: text-top;
	z-index: 100;
}
div.intro h2{
	color: #000000;
	font-size: 16px;
}
#L3Photo {
	position: absolute;
	left: 297px;
	top: -62px;
	z-index:40;
}
#L3caption {
	left:18px;
	color: #ffffff;
	top: 0px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	height: 38px;

}#LargePhotoBoxL3 {
	position: absolute;
	top: 340px;
	width: 500px;
	left: 20px;
	display: block;


}#LargePhotoBoxL3 img {
	float: right;
	margin-right: 0px;
	margin-bottom: 50px;


}
#PhotoDisplay {
	border: 1px solid white;
	


	}
	
#PhotoDisplay2_5  {
max-width: 530px;
	margin-left: 600px;
	margin-top: 114px;
	z-index: 10;
	margin-bottom: 200px;
	padding-bottom: 10px;
	font-size: 1em;
}#PhotoDisplay2_5 img {
	border: 1px solid white;
}
#PhotoDisplay2_5 a  {
font-size:12px;
margin-left: 0;
padding: 10px 0px;
display:block;
}
#PhotoDisplay2_5 a:link, #PhotoDisplay2_5 a:visited  {
color: white;
}
#PhotoDisplay2_5 a:hover, #PhotoDisplay2_5 a:active  {
color: #666666;
}
#ThumbnailsL3 {
	margin-left: 555px;
	margin-top: 320px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#ThumbnailsL3 ul{
width: 350px;
}
#ThumbnailsL3 li{
	float:left;
	list-style:none;
	margin: 8px;
	width: 100px;
	height: 100px;
	margin: 5px;
	display:block;
	border: 1px solid white;
}

#ThumbnailsL3 li.horiz img{
	width: 100px;
	height: 75px;
	margin: 12px 0px 13px 0px;

}
#ThumbnailsL3 li.vert img {
	height: 100px;
	width: 75px;
	margin: 0px 13px 0px 12px;

/**************L3 images within content  *****************/

}

.L3Button {
	font-size: 14px;
	background-color: #FFCC33;
	font-weight: bold;
	padding: 3px 3px 3px 5px;
}
#PhotoDisplay2_5 a {
font-size: 14px;
text-decoration:none;
	font-weight: bold;

}

.L3Button a, .L3Button a:link, .L3Button a:visited {
	text-decoration: none;
	
	}

.L3Button a:hover, .L3Button a:active {
	text-decoration: underline;

}
.alignRight {
float: right;
}
.alignLeft {
float: left

/**************************************************************** Contact ********************************************************/
}
#contactWrapper {
	position: absolute;
	left: 200px;
	top: 100px;
	width: 1000px;
	color: 000;
	color: #000000;
	font-weight: bold;
}
#contactBox {
	width: 293px;
	position: absolute;
	left: 163px;
	top: 98px;
}
.login {
	margin-top:20px;
	
}
#contactEmail {
	display: none;
	position: absolute;
	top: 161px;
	left: 442px;
	width: 600px;
}
#contactEmail img {
	margin: 0px;
}