body {
	background-color:#e6efeb;
	overflow:auto;
	}
	
#dottedline {
height: 0;
border-bottom: 2px dotted #997E48;
width:1200px;
float:left;
margin-top:20px;
} 
	
#header {
	background:#e6efeb;
	width:100%;
	height:130px;
	float:left;
	top:0px;
	right:0px;
	margin: 0px;
	padding: 0px;
	}
	
#header img{
	border-style:none;
	}
	
#nav1 {
	background:#FFFFFF;
	width:1200px;
	height:40px;
	position:bottom;
	border: 1px solid #997E48;
	float:left;
	}
	
	
#nav1 a:link{
	color:#FF842B;
	font-size:15px;

	text-decoration:none;
	text-align:center;
	}
	
#nav1 a:hover{
	color:#997E48;
	font-size:15px;
	text-decoration:none;
	}
	
	
#titlebar {
	background:url('../img/me_design.jpg') no-repeat;
	background-color:#FFF;
	height:92px;
	width:1200px;
	float:left;
	border: 1px solid #997E48;
	}

#titlebar a {
display:block;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
}

#titlebarhome {
	background:url('../img/me_home.jpg') no-repeat;
	background-color:#FFF;
	height:92px;
	width:1200px;
	float:left;
	border: 1px solid #997E48;
	}

#titlebarhome a {
display:block;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
}

#titlebarcode {
	background:url('../img/me_code.jpg') no-repeat;
	background-color:#FFF;
	height:92px;
	width:1200px;
	float:left;
	border: 1px solid #997E48;
	}
	
#titlebaralgo {
	background:url('../img/me_algo.jpg') no-repeat;
	background-color:#FFF;
	height:92px;
	width:1200px;
	float:left;
	border: 1px solid #997E48;
	}

#titlebarcode a {
display:block;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
}
	
#project1 {
	width:1200px;
	float:left;
	}
	
#projectVideo1 {
	float:left;
	margin-left:15px;
	margin-top:20px;
	border: 3px double #997E48;
	height:225px;
	width:400px;
	}
	
#projectVideo2 {
	float:left;
	margin-left:15px;
	margin-top:20px;
	border: 3px double #997E48;
	height:265px;
	width:400px;
	}
	
#projectVideo3 {
	float:left;
	margin-left:15px;
	margin-top:20px;
	border: 3px double #997E48;
	height:300px;
	width:400px;
	}

#projectVideo4 {
	float:left;
	margin-left:15px;
	margin-top:20px;
	border: 3px double #997E48;
	height:576px;
	width:400px;
	}



#projectImage1 {
	float:left;
	margin-left:15px;
	margin-top:20px;
	border: 3px double #997E48;
	height:300px;
	width:500px;
	}
	
#projectImage2 {
	float:left;
	margin-left:15px;
	margin-top:20px;
	border: 3px double #997E48;
	height:600px;
	width:355px;
	}
#projectImage3 {
	float:left;
	margin-left:0px;
	margin-top:20px;
	border: 3px double #997E48;
	height:200px;
	width:700px;
	}
	
#projectImage4 {
	float:left;
	margin-left:0px;
	margin-top:20px;
	border: 3px double #997E48;
	height:200px;
	width:600px;
	}
	
#projectImage5 {
	float:left;
	margin-left:0px;
	margin-top:20px;
	border: 3px double #997E48;
	height:350px;
	width:600px;
	}
	
#projectImage5b {
	float:center;
	margin-left:0px;
	margin-top:20px;
	border: 3px double #997E48;
	height:355px;
	width:600px;
	}
	
	
#projectImage6 {
	float:left;
	margin-left:0px;
	margin-top:20px;
	border: 3px double #997E48;
	height:250px;
	width:600px;
	}
	
	
#projectImage7 {
	float:center;
	margin-left:0px;
	margin-top:20px;
	border: 3px double #997E48;
	height:600px;
	width:600px;
	}
	
#projectImage8 {
	float:center;
	margin-left:0px;
	margin-top:20px;
	border: 3px double #997E48;
	height:500px;
	width:400px;
	}

#projectImage9 {
	float:center;
	margin-left:0px;
	margin-top:20px;
	border: 3px double #997E48;
	height:400px;
	width:400px;
	}

#projectImage10 {
	float:center;
	margin-left:0px;
	margin-top:20px;
	border: 3px double #997E48;
	height:120px;
	width:600px;
	}

#projectTextBox {
	margin-left:15px;
	margin-top:6px;
	width:400px;
	float:left;
	padding-top:7px;
	padding-left:10px;
	}


	
#more {
	height:15px;
	width:50px;
	background-color:#FF842B;
	padding-left:10px;
	font-family:Calibri;
	font-size:10px;
	color:#FFF;
	margin-top:20px;
	}

#more a:link{color:#FFF;text-decoration:none;}
#more a:visited{color:#FFF;text-decoration:none;}
#more a:hover{color:#9b4900;}


#description {
	height:15px;
	width:200px;
	background-color:#9F8858;
	margin-top:35px;
	padding-left:10px;
	font-family:Calibri;
	font-size:12px;
	color:#FFF;
	text-align:left;
	}
	

	
	
	
#projectText1 {
	color:#997E48;
	font-family:Calibri;
	font-size:14px;
	margin-top:12px;
	width:600px;
	float:left;
	padding-top:7px;
	}
	
#photoSub1 {
	height:14px;
	width:594px;
	background-color:#d5cab4;
	border: 1px solid #997E48;

	color:#56472a;
	font-family:Calibri;
	font-size: 12px;
	font-style:italic;
	margin-top:1px;
	margin-bottom:5px;
	padding-bottom:5px;
	padding-left:10px;
	float:left;
	}
	
#photoSub2 {
	height:14px;
	width:690px;
	background-color:#d5cab4;
	border: 1px solid #997E48;

	color:#56472a;
	font-family:Calibri;
	font-size: 12px;
	font-style:italic;
	margin-top:0px;
	margin-bottom:5px;
	padding-bottom:5px;
	padding-left:10px;
	float:left;
	}
	
#photoSub3 {
	height:14px;
	width:394px;
	background-color:#d5cab4;
	border: 1px solid #997E48;

	color:#56472a;
	font-family:Calibri;
	font-size: 12px;
	font-style:italic;
	margin-top:1px;
	margin-bottom:5px;
	padding-bottom:5px;
	padding-left:10px;
	float:left;
	}
	




.projectTitle1 {
	color:#FF842B;
	font-family:Calibri;
	font-weight:bold;
	font-size:28px;
	float:left;
	}
	

/*---------------------NAVIGATOR FONTS------------------------*/
@font-face {
	font-family: Calibri;
	src: url(‘../fonts/Calibri.ttf’);
}

.myFont {
  font-family: Calibri;
  font-size: 3.9em;
}

.myFontNav {
  font-family: Calibri;
  font-size: .9em;
}


/*---------------------DROP NAVIGATION------------------------*/
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#997E48; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:8px}
ul.menu ul {position:absolute; bottom:45px; left:0; background:#e6efeb; display:none; opacity:0; list-style:none} /*Can change the bottom position to get the correct positioning of your "Drop Up" Menu*/
ul.menu ul li {position:relative; border:1px dotted #997E48; width:150px; }
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:none}
ul.menu ul li a:hover {color:#FFF; background-color:#FF842B; }
ul.menu ul ul {left:200px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #e6efeb}