/* general styles */
html, form, img {
	border: 0px;
	padding: 0px;
	margin:0px;
}

body {
   border: 0px;
   padding: 0px;
   margin: 0px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size:12px;
   line-height:1.5;
   color:#fff;
}

   background-color:#FFFFFF;
   overflow:scroll;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address { margin:1em 0; }
div#outer {
    width: 890px; 
    margin:0 auto;
}

/*logo--------------------------------------------------------------------*/

div#logo {
	width:150px;
	height:88px;
	float:left;
	/*margin-left:2em;*/
	margin-top:2em;
}
#strapline h1{
display:block;
	width:700px;
	height:88px;
	float:right;
	margin-top:42px;
	font-size: 18px;
	color:#666;
}

h2 a{
	color: #FFFFFF;
	text-decoration:none;
}

/*main top menu---------------------------------------------------------*/
* {
  padding:0;
  margin:0;
}

/*------------------------------------------------------------------------------------
  @group Header
------------------------------------------------------------------------------------*/

#header{
  height:165px;
  background:url(img/header.gif) 50% 0 no-repeat #fff;
}

.navigation{
  height:45px;
  border-bottom:1px solid #e0e0e0;
}

ul#nav li{
  list-style-type:none;
  float:left;
  margin:0 0 0 10px;
  padding:6px 0 0 0;
  width:170px;
  height:33px;
  border-top:3px solid #fff;
  border-bottom:3px solid #fff;
}
ul#nav li:first-child{ margin-left:0; }
ul#nav li:hover{
  border-top-color:#aaa;
  border-bottom-color:#aaa;
}
ul#nav li.selected{
  border-top-color:#7fa2bb;
  border-bottom-color:#7fa2bb;

}
ul#nav li h4{
  margin:0;
  font-size:12px;
  text-transform:uppercase;
}
ul#nav li h4 a{
  display:block;
  color:#000;
  text-decoration:none;
}
ul#nav li p{
  margin:0;
  font-size:10px;
}
ul#nav li p a{
  display:block;
  color:#999;
  font-weight:normal;
  text-decoration:none;
}
ul#nav li:hover p a{ color:#000; }
ul#nav li.selected p a{ color:#999; }

#header h2#logo, #header p.title{ display:none; }

/* @end */


#content .inner, #footer, #subcontent .inner{
  margin:0 auto;
  padding:0 15px;
  width:890px;
}

#content{
	clear:both;
	padding:10px 10px 20px 10px;
	color:#eee;
	overflow:hidden;
	background-image: url(img/content_back.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	min-height:250px;
	height:auto;
	background-color: #004578;
}

.inner{
   margin:0 auto;
   padding:0 15px;
   width:850px;
   
}
.inner h1{
	color:#fff;
	font-size:16px;
}
h2{
  margin:1em 0 0.5em 0;
  font-size:16px;
}
.sidebar h2{
  font-size:12px;
}

h3{
  font-size:12px;
  margin-bottom:-10px;
}
.sidebar h3:first-child{
  margin-top:20px;
}

h2.go a{
  padding-right:18px;
  color:#fff;
  background:url(img/go_arrow.png) 100% 60% no-repeat;
  text-decoration:none;
}

a {
	color: #3C3631;
}

a:hover {
	color: #1C1611;
}

#main-content .handset {
	margin-top:0px; margin-left:5px; margin-bottom:5px; height:auto; width:auto; float:right;
}

#main-content .handset a{
	color:#0000ff; text-decoration:none;}


#main-content .handset a:hover{
	color:#0000ff; text-decoration:underline;}

input, select, option, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px;}

form{margin-top:5px}

.left{float:left}

.rule{
  margin:15px 0;
  height:2px;
  font-size:1px;
  background:url(img/rule.gif) 0 0 repeat-x;
}


/*------------------------------------------------------------------------------------
  @group Work Feature
------------------------------------------------------------------------------------*/

.work-feature img{
  float:right;
  margin-left:40px;
}

.work-feature h2{
  margin:15px 0;
  font-size:18px;
  line-height:30px;
  color:#FFFFFF;
}
.work-feature h2 a{
  display:block;
  font-size:22px;
  color:#FFFFFF;
  text-decoration:none;
}

.work-feature .goactions{
  margin:15px 0;
}

.work-feature .goactions a{
  color:#FFFFFF;
}

a.button, button{
  display:inline-block;
  margin-right:10px;
  padding:6px 20px 6px 12px;;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border:none;
  font-size:11px;
  color:#fff;
  background:url(img/go_arrow.png) 95% 55% no-repeat #7fa2bb;
  cursor:pointer;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:bold;
  text-decoration:none;
}
a.button:hover, button:hover, .solid-banner a.button{
  color:#000;
  background-color:#fff;
  background-image:url(img/go_arrow-btn-inverse.png)
}


/* @end */
/*------------------------------------------------------------------------------------
  @group Work Listing
------------------------------------------------------------------------------------*/

ul.work{
  margin:0 0 50px 0;
}
ul.work li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html ul.work li {height: 1%;}
ul.work li {display:inline-block; padding-bottom:15px;}
ul.work li {display: block;}
ul.work li{
  list-style-type:none;
  position:relative;
  margin:45px 0 -20px 0;
  border-top:1px solid #adadad;
}
ul.work li img{
  float:left;
  margin-top:-1px;
  margin-bottom:50px;
  border:2px solid #adadad;
}
ul.work li h3{
  margin:0;
  position:relative;
  top:-25px;
  text-transform:uppercase;
    background-color: #7fa2bb;
	padding: 5px;
}
ul.work li .description{
  float:right;
  width:460px;
  margin:0;
}



/* @end */

/*------------------------------------------------------------------------------------
  @group Masthead Blocks
------------------------------------------------------------------------------------*/

.mastheadblocks{
  color:#fff;
  line-height:18px;
  font-size:12px;
  padding-top:20px;
}

.mastheadblocks img.masthead{
  margin-top:20px;
  padding:1px;
  border:1px solid #666;
}

.mastheadblocks h2{
  margin:5px 0 10px 0;
  font-weight:normal;
  color:#fff;
}

.mastheadblocks img.smallpic{
  float:left;
  margin-top:18px;
  margin-right:15px;
  margin-bottom:10px;
  padding:1px;
  border:1px solid #666;
}

/* @end */


/*------------------------------------------------------------------------------------
  @group Columns
------------------------------------------------------------------------------------*/
.columns p{
	line-height:20px;
}	
.columns:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .columns {height: 1%;}
.columns {display:inline-block;}
.columns {display: block;}

.columns .column{
  float:left;
  display:inline;
}

.threecol{
  width:920px;
  margin-left:-20px;
}
.threecol .column{
  margin-left:20px;
  width:280px;
}

.twocol{
  width:960px;
  margin-left:-80px;
}
.twocol .column{
  margin-left:80px;
  width:400px;
}

.twocol .twocol{
  width:440px;
  margin-left:-40px;
}
.twocol .twocol .column{
  margin-left:40px;
  width:180px;
}

/* @end */

/*footer-----------------------------------------------------------------*/		
#footer {
	clear:both; 
	width: 890px;
	height: 30px;
	/*background: url("tab_on.gif") repeat-x 0 0;*/
	padding-top: 6px;
	padding-bottom: 10px;
	font-size: 10px;
	color:#666;
}

#footer a {text-decoration:none; color:#666}

#footer a:hover {color:#666; text-decoration:underline}