/* CSS Document */

body, html {
background			: #061040;
text-align			: center;
margin				: 0px;
padding				: 0px;
}

/* These declarations center the layout on the pages. Do not change. */
#container {
position			: relative;
margin				: auto;
width				: 780px;
}

/* These declarations position the button navigation */
#menu { 
visibility			: visible;
position			: absolute;
top					: 59px;
left				: 486px;
height				: 48px;
width				: 288px;
}

#windowframe { 
background-color	: #061040;
visibility			: visible;
position			: absolute;
top					: 31px;
left				: 29px;
width				: 253px;
height				: 253px;
}

#topbar { 
visibility			: visible;
position			: absolute; 
top					: 81px;
left				: 0px;
width				: 780px;
height				: 134px;
background-color	: #050F4D; /* consider background image declaration*/
}

/* feature title */
#featuretitle {
visibility			: visible;
position			: absolute;
top					: 52px;
left				: 306px;
width				: 205px;
height				: 21px;
color				: #66b815;
font-family			: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 10px; text-align: left; 
}

#client { 
visibility			: visible;
position			: absolute;
top					: 100px;
left				: 296px;
padding				: 10px; /* will affect how close the client names are to the button navigation */
color				: #495bb4;
font-family			: Verdana, Arial;
font-size			: 17px;
font-weight			: bold;
width				: 500px;
text-align			: left;
}

#descriptiontext {
	visibility			: visible;
	position			: absolute;
	top					: 143px;
	left				: 305px;
	width				: 453px;
	height				: 61px;
	text-align			: left;
	color				: #CCCCCC;
	font-size			: 13px;
	font-family			: Arial, Helvetica, SunSans-Regular, sans-serif;
}

#mainwindow {
	visibility			: visible;
	position			: absolute;
	top					: 215px;
	left				: 0px;
	width				: 780px;
	height				: 225px;
}

/* Positions archive subnav */
#projectlinks {
visibility			: visible;
position			: absolute;
top					: 290px;
left				: 29px;
width				: 253px;
height				: 120px;
color				: #ffffff;
padding				: 0px;
margin				: 0px;
text-align			: center;
}

#bottombar { 
visibility			: visible; 
position			: absolute; 
top					: 439px; 
left				: 0px; 
width				: 780px; 
height				: 27px; 
}

#marker1 { 
visibility			: visible;
position			: absolute;
top					: 422px;
left				: 92px;
width				: 205px;
height				: 18px;
color				: #66b815;
font-family			: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size			: 13px;
text-align: left;
}

#marker2 { 
visibility			: visible;
position			: absolute;
top					: 422px;
left				: 366px;
width				: 205px;
height				: 18px;
color				: #66b815;
font-family			: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size			: 13px;
text-align: left;
}

#arrow1 { 
visibility			: visible; 
position			: absolute;
top					: 419px;
left				: 61px;
width				: 22px;
height				: 37px;
color				: #66b815;
font-family			: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size			: 32px; 
}

#arrow2 { 
visibility			: visible;
position			: absolute;
top					: 419px;
left				: 334px;
width				: 22px;
height				: 37px;
color				: #66b815;
font-family			: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size			: 32px; 
}

#emailR5 { 
visibility			: visible;
position			: absolute;
top					: 533px;
left				: 0px;
width				: 565px;
height				: 15px;
font-family			: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size			: 13px;
font-weight			: bold;
color				: #7987b4;
text-align			: left;
}

#address {
visibility			: visible;
position			: absolute;
top					: 508px;
left				: 0px;
width				: 565px;
height				: 19px;
text-align			: left; /* consider background image */
}

#emailR5 a:link { 
color				: #7987b4;
}

#emailR5 a:hover { 
color				: #7987b4;
}

#emailR5 a:visited { 
color				: #7987b4;
}

#emailR5 img {
vertical-align		: text-top;
}

#RESlogo { 
background-color	: #061040;
visibility			: visible;
position			: absolute;
top					: 472px;
left				: 600px; 
width				: 150px;
height				: 90px;
}

#project  { background-color: #061040; visibility: visible; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px;}
#projectA { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectB { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectC { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectD { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectE { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectF { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectG { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectH { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectI { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectJ { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectK { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectL { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectM { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectN { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectNewArch { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#projectPreArch { background-color: #061040; visibility: hidden; position: absolute; top: 46px; left: 44px; width: 214px; height: 214px; }
#flashdetect { background-color: #061040; visibility: visible; position: absolute; top: 600px; left: 0px; width: 1px; height: 1px; border: 0px solid #ffffff; }

#arrow3 { 
visibility			: visible;
position			: absolute;
top					: 416px;
left				: 635px;
width				: 22px;
height				: 37px;
color				: #66b815;
font-family			: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size			: 22px; 
font-weight			: normal;
}

#cd { 
visibility			: visible;
position			: absolute;
top					: 421px;
left				: 660px;
width				: 105px;
height				: 37px;
color				: #66b815;
font-family			: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size			: 13px; 
z-index				: 100px;
}

#arrow3 a{color: #66b815; text-decoration:none;}
#cd a{color: #66b815; text-decoration:none;}
#descriptiontextcareer {
	visibility			: visible;
	position			: absolute;
	top					: 148px;
	left				: 39px;
	width				: 700px;
	height				: 61px;
	text-align			: left;
	color				: #ffffff;
	font-size			: 13px;
	font-family			: Arial, Helvetica, SunSans-Regular, sans-serif;
	line-height: 17px;
}
#careertitle {
	visibility			: visible;
	position			: absolute;
	top					: 98px;
	left				: 30px;
	padding				: 10px; /* will affect how close the client names are to the button navigation */
	color				: #495bb4;
	font-family			: Verdana, Arial;
	font-size			: 17px;
	font-weight			: bold;
	width				: 500px;
	text-align			: left;
}