@charset "utf-8";
/* CSS Document */


html{

}
body {
background: url("../../../../wp-content/themes/staffordlong/images/backgroundblock.gif") #e6e6e6;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#6d6f71;
z-index: 1;
}

#shadow {
    background: url("../../../../wp-content/themes/staffordlong/images/shadow.png") repeat scroll 0 0 ;
    height: 700px;
    left: 50%;
    margin-left: -510px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 1020px;
    z-index: 0;
}


.container_12{
background:#ffffff;
}




#footerarea {
float:left;
width:960px;
height:85px
}



#footerline {
float:left;
margin:0 0 0 240px;
width:700px;
height:32px;
}


#companyinfo {
float:left;
margin:18px 0 0 240px;
padding:0;
width:380px;
}



#companyinfo a{
font-weight:normal;
font-size:10px;
outline:none;

padding:0;
margin:0;
}

#companyinfo a:link, #companyinfo a:visited {
color:#999999;
}

#companyinfo a:hover {
color:#6d6f71;
}


.footercopyright {
color:#999999;
font-size:10px;
margin:0;
padding:0;

}


#extralogos {
float:right;
margin:0 20px 0 0px;
height:35px;
width:300px;
padding:0;
text-align:right;
}






.right_column{
width:720px;
float:right;
min-height:650px;
}

.companylogo {
background:#FFFFFF;
padding:0px;
margin-bottom:20px;
font-size:0.85em;
line-height:1.3;
height:150px;
cursor:pointer;
}



.latestbox{
background:#bcbec0;
padding:0px 10px 0 10px;
margin-bottom:20px;
font-size:0.85em;
line-height:1.3;
width:200px;
min-height:447px;
}

.latestbox a:link, .latestbox a:visited {
color:#FFFFFF;
font-size:13px;
font-style:normal;
font-weight:normal;
}
.latestbox a:hover {
color:#6d6f71;
}











.box{
background:#bcbec0;
padding:0 10px 5px 10px;
margin-bottom:20px;
font-size:0.85em;
line-height:1.3;
min-height:290px;
}

.box a:link, .box a:visited, .caseStudyText a, .caseStudyText a:visited{
color:#FFFFFF;
font-size:13px;
font-style:normal;
font-weight:normal;
}
.box a:hover, .caseStudyText a:hover{
color:#FFFFFF;
}
.box img{
margin-bottom:18px;
}


.box strong {
color:#6d6f71;
font-weight:bold;
font-size:14px;
line-height:2;
}
.box p {
color:#FFFFFF;
font-weight:normal;
font-size:12px;
}



.caseStudyText{
padding:0 10px 10px 10px;
margin-bottom:20px;
font-size:0.85em;
line-height:1.3;
}
.studyBox{
margin-bottom:20px;
}
embed, object {
	outline:none;
	position:relative;
	z-index:300;
}


.workbox {
float:left; 
width:222px; 
margin:0 7px 0 7px; 
display:block;
}







.pfbox{
float:left; 
background:#bcbec0;
padding:0 10px 0px 10px;
margin:0 14px 20px 0px;
font-size:0.85em;
line-height:1.3;
width:144px;
min-height:225px;

}

.pfbox a, .pfbox a:visited,{
color:#FFFFFF;
font-size:13px;
font-style:normal;
font-weight:normal;
}
.pfbox a:hover, {
color:#FFFFFF;
}
.pfbox img{
margin-bottom:18px;
}





.oslbox{
float:left; 
background:#bcbec0;
padding:10px 15px 0px 15px;
margin:0 0 20px 0;
font-size:0.85em;
line-height:1.3;
width:670px;

}

.oslleft{
float:left; 
width:110px;
min-height:128px;
}

.oslright{
float:left; 

margin:0 0 0 15px;
width:545px;

}

.oslbox h2 {
color:#6D6F71;
}

.oslbox a, .oslbox a:visited,{
color:#FFFFFF;
font-size:13px;
font-style:normal;
font-weight:normal;
cursor:pointer;
}
.oslbox a:hover, {
color:#FFFFFF;
}
.oslbox img{
margin-bottom:18px;
}












.newsbox {
width:415px;
height:260px;
background:#F2F2F2;
padding:20px;
cursor:default;
}





.newsbox h2{
line-height:1.3;
margin:0 0 3px 0;
font-size:22px;
}

.newsbox h4{
line-height:1.3;
margin:0 0 5px 0;
}

.newsbox p{
line-height:1.4;
color:#999999;
margin:0 0 5px 0;
}



.newsboxleft {
float:left;
width:255px;
height:260px;
}

.newsboxright {
float:right;
width:140px;
height:260px;
}





.menu {
float:left;
width:700px;
height:28px;
margin:11px 0 0 0;

}


.menu ul  {
margin:0;
padding:0;

}

.menu li {
display:inline; /*block for straight down --  inline-block for gaps inbetween */
}



.menu .button a {
width:137px;
height:28px;
display:block;
margin:0  3px 0 0;
padding:0;
outline:none;
float:left; /* float right to flow button other way */
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:2.4;
text-decoration:none;
}


.menu .button a:link, .menu .button a:visited  {
color:#FFFFFF;
background:#bcbec0;
}


.menu .button a:hover {
color:#FFFFFF;
background:#7e9b2d;
}

.menu .button a:active {
color:#FFFFFF;
background:#c8cacc;
}

.selected {

height:30px;
display:block;
margin:0  10px 0 0;
padding:0;
outline:none;
float:left; /* float right to flow button other way */

text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
line-height:2.5;
text-decoration:none;
font-weight:bold;

color:#FFFFFF;
background:#000000;
}







/*************************************************MAIN NAV */
#nav {  
  float:left;
  margin:0 0 0 5px;
  position:relative;
  z-index:10;
}
#nav ul{
}
#nav li {
font-size:15px;
  list-style:none;
  float:left;
  margin:0 0 3px 0;
  width:220px;
}
#nav a, #nav a:visited {
  text-decoration:none;
  font-weight:normal;
  color:#ffffff;
  outline:0;
  padding:0 0 0 10px;
  display:block;
  background:#bcbec0;
  line-height:1.85;
}       
#nav a:hover {
  color: #7e9b2d;
}
#nav ul ul li{
font-size:0.7em;
margin:0;
}
#nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current_page_parent ul li.current_page_item a, #nav li.current_page_parent ul li.current_page_item a{
  color: #ffffff;
  background:#729415;
}
#nav li.page_item a:hover, #nav li.current_page_item a:hover, #nav li.current_page_parent ul li.current_page_item a:hover{
color:#747679;
}
#nav li.page_item ul a, #nav li.page_parent ul a{
color:#6d6f71;
background:#ffffff;
}
#nav li.page_item ul{
display:none;
}
#nav li.current_page_item ul, #nav li.current_page_parent ul{
display:block;
margin:5px 0 5px 0;
}





















#searchContainer
{
	float:left;
    width:175px;
	height:20px;
	padding:5px 0 0 0;
}
#searchContainer input.field {
margin-top:2px;
background-color:#ffffff;
width:120px;
}
#searchContainer input.goBtn {
margin:0;
}
#searchContainer label {
display:none;
}
#incoming {
display:none;
}
.searchBox{
margin-bottom:10px;
}
.searchBox h3{
font-size:120%;
}
.searchBox h3 a, .searchBox h3 a:visited{
color:#CF7019;
}
.searchBox h3 a:hover{
color:#7E9B2D;
}
.searchBox hr{
padding-bottom:10px;
border-color:#CF7019;
}
small{
font-weight:bold;
}
textarea{
width:500px;
}
input{
background:#FFFFFF;
color:#333333;
font-weight:bold;
}
p.postmetadata{
color:#999999;
font-size:0.9em;
}
ul.image_list li{
list-style-type: none;
margin:0 10px 0 0;
float:left;
}
ol.commentlist li {
list-style-type: none;
}
.commentlist {
background:#C5C5C5;
}
.fn{
color:#FFFFFF;
font-weight:bold;
}
/*lightbox*/
#gallery li{
list-style-type:none;
list-style-position:outside;
margin:0 10px 0 0;
float:left;
}
.clear{
clear:both;
}
.quote{
margin:20px 100px 20px 0;
color:#666666;
}
.quote img{
float:left;
padding:0 10px 0 0;
}
.center{
margin:0 0 0 10px;
}


h1{
background:#ffffff url(../images/logo.png) top left no-repeat;
float:left;
height:84px;
width:223px;
color:#6d6f71;
padding:0;
margin:0;
line-height:1.3;
}
h1 a{
float:left;
height:84px;
width:223px;
text-indent:-2000px;
color:#695c51;
margin:0;
padding:0;
font-size:65%;
}
h2{
font-size:180%;
color:#6d6f71;
padding:0 0 5px 0;
margin:0;
font-weight:normal;
}
h3{
font-size:14px;
color:#ffffff;
padding:10px 0 5px 0;
margin:0;
font-weight:bold;
}
h3 a, h3 a:visited {
color:#cf7019;
font-size:1.2em;
} 
h3 a:hover {
color:#7E9B2D;
} 
.commentlist a, .commentlist a:visited, small a, small a:visited {
 color:#333333;
}

strong {
color:#6d6f71;
font-weight:bold;
}



em {
font-style:normal;
}

p {
margin:0 0 0.8em 0;
}

a, a:visited {
 text-decoration:none;
 font-weight:bold;
 color:#7E9B2D;
 outline:0;
 margin:0;
 padding:0;
}

a:hover {
  color: #6d6f71; 
}

ul {
margin: 0;
padding:0;
}

li {
list-style-position:inside;
list-style-type: disc;
margin:0 0 5px 0;
}

hr {
margin:0;
padding:0;
border-color:#6d6f71;
display:block;
}