body {
	background-color: #cccccc;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0px;
	margin:0px;
	background-image: url(../images/bgimage.gif);
	background-repeat: repeat-x;	
}
a {
	color: #005697;
	text-decoration: none;
}
a:visited {color:#005697;}
.colored  {color: #005697}
a:hover {color: #369;}
a:active { color:#000000;}

h1 {
	font-size: 11px;
	background-color: #005697;
	padding:5px 10px;
	margin:0px;
	color: #ffffff;
	clear: both;
}
h2 {
	font-size:20px;
	font-weight: normal;
	padding: 0;
	margin:0px;
	color: #005697;
}

h3 {
	font-size:12px;
	font-weight: 900;
	padding: 5px 0px 0px 0;
	margin:0px;
	color: #005697;
}
h4 {
	font-size:20px;
	font-weight: normal;
	padding: 0;
	margin:0px;
	color: #005697;
	border-bottom: 1px #005697 solid;
}


img.download {vertical-align:middle;}

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

/* ----------container for layout-------------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
	background-image: url(../images/navbg_stripe.gif);
	background-repeat: repeat-y;
} 

/* ----------banner-------------- */
#banner {text-align: left; padding: 0px; margin: 0px; height: 151px; background-image: url(../images/bgimage.gif); background-repeat: repeat-x;}

#banner img {padding:30px 0 10px 0;} 
#banner li {float: right; list-style-type: none; padding-right: 12px; padding-left: 6px; color: #FFFFFF; margin: 0;}
.bannertext {
	top: 0px;
	padding: 37px 0 50px 0;
	position: absolute;
	width: 450px;
	text-align: right;
	font-size: 11px;
}

/* ----------outer and inner box----------------- */
#outer{ border-left: solid 180px #f5f5f5;  /*background color for link menu*/ 
background-color: #ffffff; /* maincontent bg  */
 } 

#inner{ margin:0px; width:100%; } /* the IE PC hack */ 

/* --------------left navigavtion------------- */
#left {width:180px; float:left; margin-left:0px; margin-right:18px; padding-top: 0px; background-repeat: repeat-y; background-position: right; overflow: hidden;}

/* -----------------content--------------------- */
#content{
	position: relative;
	margin: 0px;
	padding: 20px 0 0 0;
	min-height:400px;
	height:100%!important;
	height:400px;
	clear: both;
}

p{
	padding: 5px 0;
	margin:0px;
	line-height: 1.75em;
}


/*  ----------------footer---------------------- */ 
#footer { padding:0px; margin:0px; text-align: right; height: 40px; background-color: #005697; } 
#mainpic {text-align: right; background-color: #FFFFFF;	padding: 0 0 0 0; margin: 0; height: 185px;}

#footer .facebook{float:left; padding-top:5px; padding-left:5px;}
#footer h1 {padding-right: 10px; padding-top:12px; float:right; clear:none;}
	


div#rightrail {
	width: 242px;
	float: right;
	padding: 0 0 0 23px;
	margin: 0 0 20px 0;
	position: relative;
	font-size: 10px;
	color: #666666;
	line-height: 1.5em;
}
/* horizontal list - navlist in banner*/

#banner ul {
	position: absolute;
	float: right;
	margin: 0;
	width: 800px;
	padding: 7px 0 0 0;
	clear: left;
}

#navlist
{
	padding: 5px 1px 5px 0;
	font: 11px Arial, Verdana, sans-serif;
	width: 95%;
	text-align: right;
	font-weight: 300;
	display: block;
	margin: 0;
}

#navlist li
{
	list-style: none;
	margin: 0;
	display: inline;
	padding: 0;
}

#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.5em;
border-right: 1px solid #cccccc;
text-decoration: none;
}

#navlist li a:link { color: #fff; }
#navlist li a:visited { color: #fff; }

#navlist li a:hover
{
	border-color: #FFFFFF;
	color: #FFFFFF;
}

#maincontent {
	width: 570px;
	float: right;
	clear: none;
	margin: 0;
	padding-right: 20px;
}
.formbox {
	width: 330px;
	margin-right: 0px;
	margin-left: 0px;
	clear: left;
}
.formbox input.gray {background-color: #e8e8e8; font-size: 10px;}
.formbox form 
{
	background-color: #FFFFFF;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 330px;
}
.formbox  textarea.gray {background-color: #e8e8e8; font-size: 10px;}
form {
	background-color: #FFFFFF;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
}
.formbox input {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	background-color: #e8e8e8;
	width: 200px;
}
.formbox label{
	float: left;
	width: 100px;
	display: block;
	text-align: right;
}
#formbox input img {
	padding-top: 2px;
}
.formbox textarea {
	/*padding-top: 30px;*/
	width: 200px;
	background: #e8e8e8;
}
.formbox #submitbutton {
	width: 200px;
}
/*---- YOU ARE HERE EFFECT

ADD ALL PAGE LINK IDS HERE AND ADD ID TO BODY TAG TO ACTIVATE-----*/
body#services .menu a#Services,
body#home .menu a#Home,
body#company .menu a#Company,
body#portfolio .menu a#Portfolio,
body#careers .menu a#Careers,
body#contact .menu a#Contact/*,
body#services .menu a#Services_ie,
body#home .menu a#Home_ie,
body#company .menu a#Company_ie,
body#portfolio .menu a#Portfolio_ie,
body#careers .menu a#Careers_ie,
body#contact .menu a#Contact_ie*/{
	background: #fff;
	color:#369;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/hover.gif);
	}

/* END YOU ARE HERE EFFECT */


.clearboth {
	clear: both;
}
.disclaimer {
	font-size: 10px;
	color: #666666;
	text-align: center;
	width: 800px;
	margin: 10px auto 10px auto;
}
#rightrail img {
	border: solid 1px #e8e8e8;
}
#rightrail img:hover {
	border: 1px solid #999999;
}

/*-- RIGHT RAIL LIST -- */
#rrlistcontainer
{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 13px;
	text-align: center;
	border: 1px solid #ccc;
}

ul#rrlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}

ul#rrlist li
{
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

ul#rrlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 1em;
border-width: 0px;
border-color: #ccc;
border-style: solid;
color: #777;
text-decoration: none;
background: #ffffff;
}

#rrlistcontainer>ul#rrlist li a { width: auto; }

ul#rrlist li#active a
{
background: #cccccc;
color: #336699;
}

ul#rrlist li a:hover, ul#rrlist li#active a:hover
{
color: #336699;
background: transparent;
}
.smalltext {
	font-size: 11px;
}
div#rightcolumn {
	width: 285px;
	float: right;
	padding: 0 0 0 23px;
	margin: 0 0 20px 0;
	position: relative;
	background-color: #FFFFFF;
}
#rightcolumn li {
	list-style: none;
	padding: 6px;
	border-bottom: 1px solid #CCCCCC;
}
#rightcolumn ul {
	margin: 0px;
	padding: 10px 0 0 0;
}
.padright {
	padding-left: 10px;
}
.threecolumns {
	margin: 0 13px 0 0;
	padding: 5px;
	float: left;
	width: 165px;
	text-align: left;
}
.threecolumns img {
	border-width: 0px;
}
.projectcolumns {
	margin: 0 13px 0 0;
	padding: 5px;
	float: left;
	width: 165px;
	text-align: center;
}
.projectcolumns img{
	border: 0
}


ul.keyfacts  {
	line-height: 1.75ems;
	list-style: square;
	padding: 0px;
	margin: 0 0 5px 20px;
}
ul.keyfacts li {
	list-style: square;
	padding: 10px 0 0 0;
	margin: 0px;
}
#careers ul.keyfacts  {
	line-height: 1.25ems;
	list-style: square;
	padding: 0px;
	margin: 0 0 5px 20px;
}
#careers ul.keyfacts li {
	list-style: square;
	padding: 5px 0 0 0;
	margin: 0px;
}
.back {
	padding-top: 20px;
	padding-bottom: 20px;
}
.padbottom {
margin: 0 0 10px 0}

.rightbox {
	width:245px;
	float:right;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background: #e8e8e8;
	margin: 0 0 20px 0;
}
.jobsindent {
	width: 60px;
	display: block;
	float: left;
	color: #005697;
}
.indent {
	width: 100px;
	display: block;
	float: left;
	color: #000;
}
.negmarginleft {
	margin-left: -10px;
}
#services #maincontent li {
	list-style: none;
	padding: 6px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
}
#services #maincontent ul {
	margin: 0px;
	padding: 10px 0 0 0;
}
div#leftcolumn {
	width: 285px;
	float: left;
	padding: 0;
	margin: 0 0 20px 0;
	position: relative;
}
#leftcolumn li {
	list-style: none;
	padding: 6px;
	border-bottom: 1px solid #CCCCCC;
}
#leftcolumn ul {
	margin: 0px;
	padding: 10px 0 0 0;
}
.paragraph {
	line-height: 12px;
	width: 180px;
	font-size: 10px;
}

.whitetext {
	color: #FFFFFF;
}
.careers {
	font-size: 14px;
	font-weight: 900;
	padding: 15px 0 0 0;
	display: block;
}
.padleft {
	padding-top: 20px;
	padding-left: 10px;
	float:left;
}
.bullet_offset{
	width:220px;
	padding-left:15px;
	padding-top:1px;
	background-image: url(../images/checkbox.gif);
	background-repeat: no-repeat;
	background-position: left top;
}