html, body {
	margin: 0;
	padding: 0;
	background-image: url(../images/background.gif);
	scrollbar-face-color: #E8E8E8;
	scrollbar-arrow-color: #AD002A;
	scrollbar-track-color:#FFF;
	color: #666;
}

.clear {
clear:both;
height:1px;
overflow:hidden; }

hr {
margin: 0;
padding: 0;
height: 1px;
color: #CCCCCC }


img { border: 0; margin: 0; padding: 0; }

.header {
	border-top: 4px solid #555;
	margin: 0;
	height: 84px;
	border-bottom: 1px solid #d0d0d0;
	background-image:  url(../images/header-main-bg.gif);
	background-repeat: repeat;
}

.headerlower {
	border-top: 1px solid #FFFFFF;
	border-bottom: 6px solid #FFF;
	background-color: #E2E2E2;
}


/* --- navigation --- */
#navcontainer {
padding: 50px 0 0 39px;
margin: 0;
float: left }
#nav, #nav ul {
float: left;
list-style: none;
color: #FFF;
padding: 0;
margin: 0; }
#nav li {
float: left;
padding: 0;
margin: 0;
list-style-type: none }
#nav a {
display: block;
margin: 0;
padding: 0 12px 5px 12px;
font: bold 11px Arial, Verdana, Helvetica, sans-serif; color:#555;
text-decoration: none; }
#nav a:hover {
display: block;
margin: 0;
padding: 0 12px 5px 12px;
font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #AD002A;
text-decoration: none; }
#nav img {
border: 0; }
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 220px;
w\idth: 220px;
margin: 0 0 0 13px; }
#nav ul li a:hover {
background-color: #CCC;
color: #FFF;
text-decoration: none;
color: #AD002A;
margin: 0;
padding: 5px 5px 5px 10px;
} 
#nav li ul a {
width: 220px;
w\idth: 220px;
margin: 0;
padding: 5px 5px 5px 10px;
background-color: #FFF;
border-bottom: 1px solid #CCC; border-left: 3px solid #AD002A;
font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #555;
text-decoration: none; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
border-top: none;
width: 220px;
w\idth: 220px;
 }

.maincontainer {
	margin: auto;
	height: 470px;
	background-color: #E2E2E2;
	padding: 4px;
	border-bottom: 6px;
}

#maincontentwrapper {
margin: auto;
width: 730px;
height: auto;
padding: 8px;
background-color: #E2E2E2;
}

#maincontent {
margin: auto;
height: 100%;
padding: 8px;
background-color: #FFF;
border: 1px solid #CCC;
background-image: url(../images/abstract-background.jpg);
background-position: bottom right;
background-repeat: repeat-y;
}

#homecontent {
margin: auto;
background-color: transparent;
}

/*#homeimg {
margin: 0;
background-color: transparent;
background: url(images/homeimgright.gif) no-repeat;
background-position: bottom right;
}*/

#profileimg {
margin: 0;
background-color: transparent;
background-image: url(../images/green-grass.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

#contactimg {
margin: 0;
background-color: transparent;
background-image: url(../images/contact.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}


ul { margin: 0 0 10px 0; padding: 0; }

li {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 0 40px;	
	line-height: 1.8em;
	padding: 0;
	list-style-type: disc;
	 }


#list ol { margin: 0 0 10px 0; padding: 0; }


#list li {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 0 40px;	
	line-height: 1.8em;
	padding: 0;
	 }

a:link, a:visited {
	color: #AD002A;
	text-decoration: underline;
}
a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

p {
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #2B2B2B;
	line-height: 1.8em;
	margin: 0;
	padding: 0 0 6px 0;	
}

.hometext {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #2B2B2B;
	line-height: 3em;
}


h1 {
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	color: #AD002A;
	margin: 0;
	padding: 0 0 12px 0;
}

h2 {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	color: #AD002A;
	margin: 0;
	padding: 0 0 12px 0;
}

.mainimage {
	padding: 0 0 20px 0;
}
.divider {
	padding: 10px 0;
}

.red {color: #AD002A}


.footer {
	margin: 0;
	padding: 0;
	background-color:#555;
	color: #FFF;
	height: 40px;
	border-top: 6px solid #FFF;

}
.footer p {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
}

.footer a:link, .footer a:visited {
	color: #FFF;
	text-decoration: none;
}

.footer a:hover, .footer a:active {
	color: #FFF;
	text-decoration: underline;
}

#scroller {
	overflow: auto;
	height: 320px;
	width: auto;
	padding: 2px 10px 5px 0;
	margin: 0 0 0 0;
}

#scrollersmall {
	overflow: auto;
	height: 285px;
	width: auto;
	padding: 2px 10px 5px 0;
	margin: 12px 0 0 0;
}

/* form */
.button {
	background-color:#AD002A;
	color:#FFF;
	cursor:pointer;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #FFF;
	margin: 20px 0 0 0;
	height: 34px;
	width: 80px;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase
}
input {
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	height: 18px;
	width: 322px;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #efefef;
	border-radius: 5px;
	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px; 
}
textarea {
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	height: 180px;
	width: 322px;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #efefef;
	border-radius: 5px;
	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px; 
}

#holdingtable {
background: #FFF;
border: 1px solid #555;}

#recentnews {
	background-color: #FFF;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0; }

#recentnews p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.9em; }

.newsdivider {
	border-top: 1px solid #ccc; }

#recentnews a:link, #recentnews a:visited {
	color: #AD002A;
	text-decoration: none;
}
#recentnews a:hover, #recentnews a:active {
	color: #AD002A;
	text-decoration: underline;
}

#photos {
margin: 8px 0 0 0;
}

.services {
margin: 0 0 6px 0;
padding: 0;
}

/* ======  directions ====== */

#directionscontainer  {
width: 725px;
background-color: #ededed;
margin: 0 0 10px 0;
padding: 10px;
overflow: hidden }
.directionsleft  {
float: left;
width: 380px;
margin: 0;
padding: 0;
font: 12px Arial, Verdana, Helvetica, sans-serif; color:#555; }
.directionsright  {
float: right;
width: 290px;
margin: 0;
padding: 0 0 0 35px;
font: 12px Arial, Verdana, Helvetica, sans-serif; color:#555;
border-left: 1px dotted #AD002A }
.directionsright form {
margin: 3px 0 0 0;
padding: 0;
font: 12px Arial, Verdana, Helvetica, sans-serif; }
.directionsright input {
font: 12px Arial, Verdana, Helvetica, sans-serif; color: #555;
width: 120px;
margin: 0 0 0 5px;
padding: 1px; }
.directionsright input.submit {
font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #AD002A;
width: 30px;
margin: 0;
padding: 0; }

/* ======  capabilities ====== */

.capabilities form {
margin: 3px 0 0 0;
padding: 0;
font: 12px Arial, Verdana, Helvetica, sans-serif; }
.capabilities select {
font: 12px Arial, Verdana, Helvetica, sans-serif; color: #555;
width: 400px;
margin: 0 0 0 5px;
padding: 1px; }

/* ======  titles ====== */

#service-title {
float: left;
margin: 0;
padding: 0; }
#service-back {
float: right;
margin: 0;
padding: 0; }

/* ====== case studies ====== */
#casestudy  {
width: 710px;
background-color: #ededed;
margin: 10px 0;
padding: 10px; }

/* ====== careers ====== */
#careers  {
width: 705px;
background-color: #e5e5e5;
margin: 10px 0;
padding: 20px; }

#careers h4 {
margin: 0 0 10px 0;
padding: 0;
font: 16px/20px Arial, Verdana, Helvetica, sans-serif; }