/* basic elements */
body { 
	font: 10pt/12pt arial; 
	color: #51472E; 
	background: #8D8267; 
	margin: 0px; 
	}

p { margin: 0em 0% 1em 0%;
	font: 10pt arial; 
	text-align: left;
	line-height: 1.3em;
	color: #51472E;
	}
	
h1 { 
	margin: 1em 0% 0em 0%;
	font: 13pt helvetica, sans-serif;  
	font-weight: bold;
	color: #B98F06;
	line-height: 1.2em;
	}

h2 { 
	margin: 0.5em 0% 0.5em 0%;
	font: 11pt helvetica, sans-serif; 
	font-weight: bold;
	text-align: left;
	color: #0052A0;
	line-height: 1.2em;
	}	

h2.yellow { 
	margin: 0.5em 0% 0.5em 0%;
	font: 11pt helvetica, sans-serif;  
	text-align: right; 
	color: #B98F06;
	line-height: 1.2em;
	}	
		
h2.profile { 
	margin: 0.5em 0% 0.5em 0%;
	font: 13pt helvetica, sans-serif; 
	font-weight: bold;
	text-align: center;
	color: #0052A0;
	line-height: 1.2em;
	}	

h2.services { 
	margin: 0.5em 0% 0.5em 0%;
	font: 9pt helvetica, sans-serif; 
	font-weight: bold;
	color: #0052A0;
	line-height: 1.2em;
	}	

h2.careers { 
	margin: 0.5em 0% 0.5em 0%;
	font: 12pt helvetica, sans-serif; 
	font-weight: bold;
	color: #51472E;
	line-height: 1.2em;
	}	
	
a:link { 
	text-decoration: none;
	background: transparent;
	color: #A54812;
	}
a:visited { 
	text-decoration: none; 
	background: transparent;
	color: #0052A0;
	}
a:hover, a:active { 
	text-decoration: none; 
	background: transparent; 
	color: #5CA5EA;
	}

/* specific divs */

#address {position: absolute;
	left: 15px;
	top: 400px;
	width: 170px;
	z-index: 1;
	}

#address p {margin: 0em 0% 1em 0%;
	font: 8.5pt arial; 
	text-align: left;
	line-height: 1.3em;
	color: #51472E;
	}
#content {width: 1000px;
	height: 720px;
	position: relative;
	top: 0px;
	background: #fff;
	border-left: solid 2px #51472E;
	border-right: solid 2px #51472E;
	border-bottom: solid 2px #51472E;
	}
	
#homebanner {height: 212px;
	position: absolute;
	border-left: solid 2px #51472E;
	border-right: solid 2px #51472E;
	}
	
#homebottomnavigation {position: absolute;
	top: 330px;
	right: 10px;
	}

#homebottomnavigation p {margin: 0em 0% 0em 0%;
	font: 8.5pt arial; 
	font-weight: bold;
	text-align: right;
	line-height: 1.3em;
}

#homecontent {width: 1000px;
	height: 700px;
	position: relative;
	top: 212px;
	background: #fff;
	border-left: solid 2px #51472E;
	border-right: solid 2px #51472E;
	border-bottom: solid 2px #51472E;
	}

#homefooter {position: relative;
	background: #fff;
	left: 10px;
	top: 70px;
	width: 500px;
}
	
#homefooter p {margin: 0.5em 0% 0em 0%;
	font: 8pt arial; 
	text-align: left;
	line-height: 1.3em;
	color: #51472E;
}

#projectcontent {width: 1000px;
	height: 2400px;
	position: relative;
	top: 0px;
	background: #fff;
	border-left: solid 2px #51472E;
	border-right: solid 2px #51472E;
	border-bottom: solid 2px #51472E;
	}

#projectfooter {position: relative;
	background: #fff;
	left: 10px;
	top: 2000px;
	width: 500px;
}
	
#projectfooter p {margin: 0.5em 0% 0em 0%;
	font: 8pt arial; 
	text-align: left;
	line-height: 1.3em;
	color: #51472E;
}

#footer {position: relative;
	background: #fff;
	left: 10px;
	top: 320px;
	width: 500px;
}
	
#footer p {margin: 0.5em 0% 0em 0%;
	font: 8pt arial; 
	text-align: left;
	line-height: 1.3em;
	color: #51472E;
}

#logo {position: relative;
	width: 475px;
	top: 0px;
	left: 0px;
	height: 100px;
	}

#servicescontent {width: 1000px;
	height: 1500px;
	position: relative;
	top: 0px;
	background: #fff;
	border-left: solid 2px #51472E;
	border-right: solid 2px #51472E;
	border-bottom: solid 2px #51472E;
	}

#servicesfooter {position: relative;
	background: #fff;
	left: 10px;
	top: 1120px;
	width: 500px;
}
	
#servicesfooter p {margin: 0.5em 0% 0em 0%;
	font: 8pt arial; 
	text-align: left;
	line-height: 1.3em;
	color: #51472E;
}

#rightbox {position: absolute;
	left: 210px;
	top: 110px;
	width: 740px;
	z-index: 1;
	}

#rightbox2 {position: absolute;
	left: 270px;
	top: 30px;
	width: 350px;
	z-index: 1;
	}

#topavigation {position: relative;
	top: 20px;
	right: 10px;
	width: 222px;
	}

p.topnavigation  {margin: 0em 3% 0em 0%;
	font: 8.5pt arial; 
	font-weight: bold;
	text-align: right;
	line-height: 1.2em;
}

#wrapper {width: 1000px;
margin-left: auto;
margin-right: auto;
}

p.left { margin: 0em 0% 1em 0%;
	font: 10pt arial; 
	float: left;
	line-height: 1.3em;
	color: #51472E;
	}

p.center { margin: 0em 0% 1em 0%;
	font: 10pt arial; 
	text-align: center;
	line-height: 1.3em;
	color: #0052A0;
	}

p.info { margin: 0em 0% 1em 0%;
	font: 8pt arial; 
	text-align: left;
	line-height: 1.2em;
	color: #51472E;
	}

img.right  { margin: 0em 1% 0em 1%;  
	float: right;
	}

img.left  { margin: 0em 1% 0em 0%;  
	float: left;
	}
	

/* OFFICE-STYLE FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 0px;
 width: 160px;
 list-style: none;
 background: #fff;
 border: 0px;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 0;
 left: 160px;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 font: 8pt/12pt arial; 
 color: #51472E; 
 position: relative;
 font-weight: bold;
 background: #fff;
 z-index: 999;
}

/* Links inside the menu */
.menulist li a {
 display: block;
 padding: 0px;
 color: #51472E;
 text-decoration: none;
 }

.menulist ul a {
 display: block;
 padding: 0px 4px 0px 5px;
 color: #51472E;
 text-decoration: none;
 border: 1px solid #B98F06;
 background: #fff;
}

/* HACKS: MSIE6 doesn't support transparent borders, mimic with margins */
* html .menulist li a {
 border-width: 0;
 margin: 1px;
}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist li a:hover, .menulist li a.highlighted:hover, .menulist li a:focus {
 color: #fff;
 background-color: #fff;
}
.menulist li a.highlighted {
 color: #fff;
 background-color: #fff;
}

.menulist ul a:hover, .menulist ul a.highlighted:hover, .menulist ul a:focus {
 color: #FFF;
 background-color: #5CA5EA;
 border: 1px solid #B98F06;
}
.menulist ul a.highlighted {
 color: #FFF;
 background-color: #9ECDF9;
 border: 1px solid #B98F06;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
\*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */