/* The DOD Style sheet */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/*=====================
    Basic elements 
=====================*/

html, #page {
	height: 100%;
}

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	min-width:811px;
	margin: 0;
	padding:0;
	text-align: center;
	background: black;	
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


img { border:0;}

/*=====================
    DOD Web Type
=====================*/

h1,h2,h3,h4,h5,h6 {	
	text-decoration: none;
	text-transform:uppercase;
	margin:0;
}


h1 { /* Headline 1 */
	font-size: 3.6em;
	word-spacing: 0.05em;
	letter-spacing: 4px;
	text-align:center;
}

#page h1 { margin: 0 20px 30px 20px;}


#intro h2, #intro h5 {
	text-align:center;
	padding-top:40px;
}

#intro p {
	padding: 0 135px 0 135px;
}

#intro h2, #intro p {
	color:white;
	margin-bottom:30px;
}

#intro h5 {
	padding-top: 100px;

}

#intro h5 a:hover {
	color: #C9C9C9;
}

h2 { /* Headline 2 */
	font-size: 3em;
	word-spacing: 0.05em;
	letter-spacing: 4px;
}

h3 { /* Small Headline */
	font-size: 2.4em;
	word-spacing: 0.05em;
	letter-spacing: 2px;
}

h4 { /* Heading Caps */
	font-size: 1.6em;
	word-spacing: 0.03em;
	letter-spacing: 3px;
}

h5 { /* Small Heading */
	font-size: 1.2em;
	word-spacing: 0.06em;
	letter-spacing: 1px;
	color: #616463;
}

.directive {
	color:#8E8E8E;
	padding: 30px 0px 6px 0px;
}

h6 , #subnav li { /* Small Labels */
	font-size: 1em;
	word-spacing: 0.06em;
	letter-spacing: 1.8px;
	font-weight:normal;
}

p, ol {
	font-size: 1.35em;
	line-height: 1.5em;
	letter-spacing: 0;
	color: #404040;
	text-decoration: none;
	word-spacing: 0.05em;
	text-align: justify;
	padding:0;
	margin:0;
}

#page p {margin-bottom:1.1em;}

ol { /* Ordered lists */
padding-left:20px;
}

.contact {
	font-size: 10px;
	color:black;
	text-transform:uppercase;
	word-spacing: 0.06em;
	letter-spacing: 2px;

}

blockquote {
	margin:0 0 20px 0;
	/**background: transparent url(images/quoteleft.gif) left top no-repeat;**/
}

blockquote p {
	
	padding: 15px 30px 0 30px;
}

.redaccent {
	color: #990000;
}

.align_left {
	float: left;
}

.align_right {
	float: right;
} 

.right_column, .left_column{
float:left;
width:45%;
}

.left_column{
padding-right:5%;
}


/*=== Links ===*/

a:link, a:visited, a:hover, a:active { 
	margin:0;
	border:0px;
	text-decoration:none;
	color: #990000;
}

a:hover {
	color: #1F0508;
}

#page hr { height: 1px; color: #fbfbfb; }

/*=====================
    Structure 
=====================*/

#intro {
padding-top:20px;
}

#introflash {
	width:800px;
	margin:0 auto;
}


#dodheader {
	width:100%;
	height:40px;
	background: url(images/dod_bg.gif);
}

#subheader {
	width:100%;
	padding-top:60px;
	height:30px;
}


#pagecontainer  {
    text-align: left;
    padding-bottom:90px;
    width: 800px;
    margin: auto;
}

#page{
	height:auto;
    background: white;
}

#pagemargin {
	padding: 0px 100px 0px 100px;
}

#dodhead{
	height: 17px;
	width:auto;
	padding-top:20px;
    margin: 0 20px 50px 20px;
    border-width: 0 0 1px 0; 
	border-color: #C9C9C9;
	border-style: solid;
}

#dodhead a{
	color:#990000;
}

#dodhead a:hover{
	color:#8E8F8F;
}

#dodfooter{
	height: 17px;
	width:auto;
    margin: 120px 0 0 20px;
    padding-bottom: 30px;
}

#dodfooter h6{
	width:630px;
	padding-bottom:4px;
    border-width: 0 0 1px 0; 
	border-color: #C9C9C9;
	border-style: solid;
}

img.stamp {
	float:right;
	margin: -127px 20px 0 0 ;
}

.corners {
  height:1px;
  background:white;
  margin:0 1px 0 1px;
  overflow:hidden;
  }  

#footer {
    height:40px;
    width:100%;
    background: black;
	border-width: 1px 0 0 0; 
	border-color: #242424;
	border-style: solid;
		
}

.postheader {
	margin: 45px 0 2px 0;
	padding-bottom:5px;
	border-width: 0 0 1px 0; 
	border-color: #C9C9C9;
	border-style: solid;
}

/*=====================
    Menus
=====================*/

#mainnav {
	width: 810px;
    margin:auto;
    padding-top:10px;
    height:40px;
}


#nav {
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 810px;
	}


#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}
	
#nav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}

#nav a:hover {
	background-position: 0 -30px;
	}

#nav a.selected {
	background-position: 0 -60px;
	} 


/*====  Main menu  ===*/

#thome a  {
	width: 78px;
	background: url(images/mainnav_dod.gif) top left no-repeat;
	}

#thome_red a  {
	width: 78px;
	background: url(images/mainnav_dod_red.gif) top left no-repeat;
	}

#tapproach a  {
	width: 172px;
	background: url(images/mainnav_approach.gif) top left no-repeat;
	}

#tportfolio a  {
	width: 175px;
	background: url(images/mainnav_portfolio.gif) top left no-repeat;
	}

#tbulletin a  {
	width: 167px;
	background: url(images/mainnav_bulletin.gif) top left no-repeat;
	}
	
#tprofile a  {
	width: 218px;
	background: url(images/mainnav_tprofile.gif) top left no-repeat;
	}
	
/*====  Sub menu  ===*/

#subnav {
	width: 800px;
    margin: auto;
    text-align: centre;
    margin:0 auto;
}

#subnav ul {
	padding:0;
	margin:0 12px;
	}

#subnav li {
	text-decoration: none;
	text-transform:uppercase;
	font-size:1.2em;
    list-style: none;
	display: inline;
	font-weight:bold;
}

#subnav li a { 
	color:#616463;
	letter-spacing: 2px;
	padding: 0 15px 0 15px;
}

#subnav li a:hover {
	color:#8E8F8F;
}

#subnav li.current_page_item a {
	color: #ffffff;
}

#subnav h6 { color: #404040; margin-bottom:10px; border-bottom: dotted 1px #111; }


/* ==== Portfolio Navigation === */


#folioheader {
	width: 616px;
    margin: auto;
    padding-top:30px;
    height:60px;
}


#folionav {
	margin: 0;
	padding: 0;
	height: 60px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 616px;
	}



#folionav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}
	
#folionav a {
	float: left;
	margin-right:4px;
	padding: 60px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:60px; /* for IE5/Win only */
	}

#folionav a:hover {
	background-position: 0 -60px;
	}

#folionav a.selected {
	background-position: 0 -120px;
	} 
	
/*=== Folio Tabs ===*/

#ftall a  {
	width: 84px;
	background: url(images/foliotab_all.gif) top left no-repeat;
	}

#finspiring a  {
	width: 84px;
	background: url(images/foliotab_inspiring.gif) top left no-repeat;
	}

#fbranding a  {
	width: 84px;
	background: url(images/foliotab_branding.gif) top left no-repeat;
	}

#fdesigning a  {
	width: 84px;
	background: url(images/foliotab_designing.gif) top left no-repeat;
	}
	
#fdelivering a  {
	width: 84px;
	background: url(images/foliotab_delivering.gif) top left no-repeat;
	}

#fmarketing a  {
	width: 84px;
	background: url(images/foliotab_marketing.gif) top left no-repeat;
	}

#fexecuting a  {
	width: 84px;
	background: url(images/foliotab_executing.gif) top left no-repeat;
	}

	
	
/*=====================
    Footer
=====================*/

#footercontainer {
	width: 850px;
	padding-top:10px;
    margin: auto;

}

.footer_left {
		float: left;
		color: #5E5D5D;
}

.footer_right  {
		float: right;
		color:white;
}

.footer_right  a {
		color: #C9C9C9;
}

.footer_right  a:hover {
	color: #FFFFFF;
}

	
/* ==== Images ======*/

img.featureimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

img.news {
	float:left;
	margin: 10px;
}



/* ==== Contact ======*/

#locations  {
	text-align:center;
}

#locations h5{
padding-top:5px;
	letter-spacing: 4px;
}


/* ===== Portfolio ===== */

#project_area { padding: 10px 0 0 10px;}

.project_box { width:150px; height:150px; float:left; margin: 0 7px 7px 0;}
.project_box h5 { color:#222222; }
.project_box img {float:left; height:150px; width: 150px;}
.info { padding: 5px; position:absolute; width:140px; background: url(images/white_gell.png) repeat;}
.info p { font-size:1.1em; line-height:1.1em; display: block; margin:0; text-align:left; }

#postend {margin-top:20px;}

.alignleft,img.alignleft{float:left;margin:5px 10px 5px 0;}
.alignright,img.alignright{float:right;margin:5px 0 5px 10px;}
.wp-caption {border-bottom:1px solid #ddd; text-align:center;padding-top:5px;}
.wp-caption img{border:none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:15px;color:#111;margin:0;padding:5px 5px 0 0 ; text-align:center}


/* EasyClearing*/
.clearfloat:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfloat
{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfloat
{height: 1%;}

.clearfloat
{display: block;}
/* End hide from IE-mac */



/* ===== Frontpage ===== */
.splash {background: url(images/splash_bg.jpg)  top center repeat-x #800e00;}


.fp a:hover {color:#c90000; }
#fp_container  { text-align: left; width: 850px; margin: auto; }

#fp_intro { width:auto; height:290px; background: url(images/fp_header.png) center repeat #7d0e00;}
.fp_row { width:auto; background:#000; padding:30px 0 10px 0;}
.fp_row p {color:#c2c2c2; text-align: left; }

.fp_col {float:left; margin-right:20px;}
.col1 {width:65px;}
.col2 {width:150px;}
.col3 {width:235px;}
.col4 {width:320px;}
.col5 {width:405px;}
.col6 {width:490px;}
.col7 {width:575px;}
.col8 {width:660px;}
.col9 {width:745px;}
.col10 {width:830px;}

#fp_who {}
#fp_who h4 {color:#fff}
#fp_who p.intro { width:300px; font-size:16px; color:#ebebeb; padding-right:20px; }

#fp_profiles {padding:0; }
#fp_profiles h5 {padding-bottom:10px;}
#fp_profiles b {color:#fff; letter-spacing: 1px;}
#fp_profiles p { font-size:1.3em; line-height:1.1em; padding:0 0 20px 0;}
#fp_profiles .contact {color:#c2c2c2;}
#fp_profiles img { padding-right:10px;}

#fp_connect p {font-size:1.1em; text-transform: uppercase; letter-spacing: 1px; padding:10px 0 0 0;}
#fp_connect b, #fp_connect a {color:#fff;}
.link_arrow {background: url(images/fp_arrow.png) 210px 20px no-repeat;}
a:hover .link_arrow {color:#fff; background: url(images/fp_arrow_active.png) 210px 20px no-repeat;}
#fp_connect img { padding-right:10px;}

#fp_doing p {margin-right:10px;}
#fp_doing h5, #fp_dodcast h5, #fp_latest h5 {padding-top:15px;}

#fp_pledge p {font-size:1.1em;}

#fp_latest h6 {color:#464646; padding-bottom: 5px;}
#fp_latest h4 {color:#fff; font-size:1.4em; text-transform:none; padding-right:70px; letter-spacing: 0;}
#fp_latest h4 a {color:#fff;}
#fp_latest p {padding:0 30px 10px 0; margin:0 0 10px 0; font-size:1.3em; line-height:1.3em; text-align: left; border-bottom: solid 1px #252525}

#fp_logos {padding-bottom:60px;}
.arrow {width:50px; height:100px;} 
.anyClass {float:left;}
.anyClass li {padding:0 3px 0 3px;}