/*********************
  general items
*********************/
*{
	margin: 0;
	padding: 0;
}
a img {
	border: 0;
}
ul {
	list-style-type: none;
}
span.strong {
	font-weight: bold;
}

a {
  	color: #0596D5;
	text-decoration: none;
        outline: none;
}
a:hover {
	text-decoration: underline;
}
fieldset {
	display: block;
	border: 0;
}
/*********************
  Main Styles
*********************/
html {
	font: .627em Arial, Helvetica, sans-serif;
}
body {
	text-align: center;
	color: #333;
	background:  url(images/bgImg.jpg) repeat-x 0 0;
}
#container {
	margin: 0 auto;
	width: 954px;
	text-align: left;
	background:  url(images/headerBg.jpg) repeat-x 0 0;
       position:relative;
}

/*********************
  header & footer
*********************/
#header {
	position: relative;
	float: left;
	width: 950px;
	margin: 16px 0;
}
#header img#logo {
	float: left;
	display: block;
}
#tweet {width:430px; height:37px; padding: 10px 5px 5px 70px; background:url(images/tweet.png) no-repeat;position:absolute;left:450px; top:35px; font-size:11px;}
/*constantNav*/
#header #constantNav {
	float: right;
}
#constantNav ul {
	float: left;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
}
 #constantNav ul li {
	float: left;
	display: inline;
	padding: 0 8px;
}
 #constantNav ul li.login {
	background: url(images/loginDvdr.gif) no-repeat center left;
}
 #constantNav ul li a{
	color: #03497e;
}

/*footer*/

#footer {
	clear: both;
	border-top: 1px solid #e5e5e5;
	padding: 24px 0 60px 0;
	width: 950px;
	color: #666;
	text-align: left;
	font-size: 1em;
}
#footer p {
	float: left;
	padding-right: 10px;
}
#footer ul {
}
#footer ul li {
	float: left;
	display: inline;
	padding-right: 2px;
}
#footer ul li a {
	float: left;
	display: block;
	/*text-decoration: underline;*/
	color: #666;
	padding-right: 2px;
}
#footer ul li a:hover {
	/*text-decoration: none;*/
}

/*********************
  navigation
*********************/
#navContainer{
	clear: left;
	height: 36px;
	background: transparent url(images/navBg.gif) repeat-x 0 0;
	padding-bottom: 10px;
}

* html #navcontainer{
	z-index:100;
}

/* navigation */

#nav {
	float: left;
  	width: 664px;
  	height: 36px;
  	position: relative;
  	background: url(images/nav.gif) 0 0 no-repeat;
  	list-style: none;
        z-index:1000;
}
#nav li {
  	position: absolute;
        top: 0;
  	height: 36px;
  	text-indent: -9000px;
}
#nav li a {
  	display: block;
  	height: 36px;
}
#navHome {
	left: 0; 
}
#navHome, 
#navHome a { 
	width: 77px; 
}
#navHome a:hover, 
#navHome:hover, 
#navHome.sfHover, 
 	body#home #navHome { 
	background: url(images/nav.gif) 0 -36px no-repeat; }

#navAbout { 
	left: 78px; 
}
#navAbout, 
#navAbout a { 
	width: 104px; 
}
#navAbout a:hover, 
#navAbout:hover, 
#navAbout.sfHover, 
body#about #navAbout { 
	background: url(images/nav.gif) -78px -36px no-repeat;
}
#navServices { 
	left: 183px;
}
#navServices, 
#navServices a { 
	width: 90px; 
}
#navServices a:hover, 
#navServices:hover, 
#navServices.sfHover, 
body#services #navServices { 
	background: url(images/nav.gif) -183px -36px no-repeat; 
}
#navApproach { 
	left: 274px;
}
#navApproach, 
#navApproach a { 
	width: 108px; 
}
#navApproach a:hover, 
#navApproach:hover, 
#navApproach.sfHover, 
body#approach #navApproach { 
	background: url(images/nav.gif) -274px -36px no-repeat; 
}
#navWork { 
	left: 383px; 
}
#navWork, 
#navWork  a { 
	width: 106px; 
}
#navWork  a:hover, 
#navWork:hover, 
#navWork .sfHover, 
body#work #navWork  { 
background: url(images/nav.gif) -383px -36px no-repeat; 
}
#navBlog { 
	left: 490px; 
}
#navBlog, 
#navBlog a { 
	width: 65px; 
}
#navBlog a:hover, 
#navBlog:hover, 
#navBlog.sfHover, 
body#blog #navBlog { 
	background: url(images/nav.gif) -490px -36px no-repeat; 
}
#navResources { 
	left: 556px; 
}
#navResources, 
#navResources a { 
	width: 107px; 
}
#navResources a:hover, 
#navResources:hover, 
#navResources.sfHover, 
body#resources #navResources { 
	background: url(images/nav.gif) -556px -36px no-repeat; 
}

/* secondary nav */

#nav li ul {
	width: 116px;
	list-style: none;
	position: absolute;
	left: 0px;
	top: -9000px;
	z-index:1000;
}
#nav li:hover ul, 
#nav li.sfHover ul { 
	top: 36px; 
}
#nav ul li {
	text-indent: 0; 
	position: static;
}
#nav ul li, 
#nav ul li a {
	height: 1%; 
	width: 150px;
}
#nav ul li a {
	padding: 12px 14px;
	color: #fff;
	background: #143f63;
	border-bottom: 1px solid #3f5b71;
	/*border-left: 1px solid #3f5b71;
	border-right: 1px solid #3f5b71;*/
	text-decoration: none;
	font-size: 1.1em;
	font-weight: normal;
}
#nav ul li.first a {
	border-top: 1px solid #3f5b71;
}
#nav ul li a:hover {
	background: #0596D5;
}

* html #nav li:hover ul, #nav li.sfhover ul { top: 36px; } 

/* search */
div#search form#search {
	float: right;
	width: 230px;
	padding: 5px 4px 0 0;
}
div#search form#search fieldset {
	border: none;
	height: 27px;
}
div#search form#search input#searchField {
	float: left;
	padding: 5px 6px;
	margin: 0 0 0 0;
	border: none;
	width: 154px;
	height:  17px;
	color: #333;
	vertical-align: bottom;
	background: url(images/searchField.gif) no-repeat top left;
}
div#search form#search input#search_btn {
	float: left;
	padding: 0px;
	margin: 0px 0 0 0;
	vertical-align: bottom;
	height:  27px;
}

/*********************
  main content items
*********************/
#content {
	float: left;
	width: 954px;
	padding-bottom: 40px;
	background: #fff;
}
#flash_content {
	float: left;
	clear: left;
	width: 952px;
	height: 313px;
	background: #fff url(images/featuredImg.jpg) no-repeat 0 0;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}
#flash_content a{
	text-indent: -9000px;
}
#flash_content h2{
	float: right;
	width: 489px;
	position: relative;
	right: 30px;
	top: 40px;
	color:#0596D5;
	font-size:30px;
	font-weight:normal;
}
#flash_content h3{
	clear: right;
	float: right;
	width: 489px;
	position: relative;
	right: 30px;
	top: 54px;
	font-size:20px;
	font-weight:normal;
}
#flash_content a{
	clear: right;
	float: right;
	background: url(../images/featuredBtn.gif) no-repeat 0 bottom;
	width: 193px;
	height: 43px;
	display: block;
	position: relative;
	right: 30px;
	top: 64px;
}
#green_content {
	float: left;
	clear: left;
	width: 952px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background: #ecf6ee;
        padding-bottom:16px;
}
#green_content div#experience, 
#green_content div#case_study {
	float: left;
}
#green_content div#experience {
	padding: 20px 20px 20px 40px;
}
#green_content div#case_study {
	padding: 20px 40px 20px 20px;
}
#green_content div#experience , 
#green_content div#case_study {
        width: 414px;
}
/*
#green_content div#experience h2, 
#green_content div#case_study h2{
	width: 414px;
	height: 25px;
        font-size: 2.4em;
}*/
#green_content div#experience p, 
#green_content div#case_study p {
	font-size: 1.2em;
	line-height: 1.2em;
	/*padding-top: 20px;*/
        padding-top: 10px;
}
#green_content div#buttons {
	clear: both
}
#green_content div#buttons a#experienceBtn, #green_content div#buttons a#caseBtn{
	text-indent: -9000px;
	height: 33px;
	display: block;
}
#green_content div#buttons a#experienceBtn{
	width: 271px;
	background: url(images/experienceBtn.gif) no-repeat 0 0;
        float: left;
        position: relative;
        left: 40px;
}
#green_content div#buttons a#caseBtn{
	width: 312px;
	background: url(images/caseBtn.gif) no-repeat 0 0;
        float: left;
        position: relative;
        left: 224px;
}
#green_contentBtm {
        margin-bottom: 30px;	
        clear: left;
        width: 954px;	
        height: 4px;
	background: url(images/green_contentBtm.gif) no-repeat 0 0 ;
}
* html #green_contentBtm {
        margin-bottom: 20px	
}
#secondaryHdr {
       background: #ecf6ee url(images/secondaryHdr.gif) no-repeat 0 0;
       float:left;
       height: 100px;
       width: 954px;
       border-top: 1px solid #dddddd;
       margin-bottom: 20px
}
#secondaryHdr  h2{
       position: relative;
       top: 24px;
       left: 30px;
       font-size: 2.4em;
float: left;
}


#secondaryHdr  #secondaryHdrImg{
     float: right;      
     position: relative;
     right: 30px;
     width: 160px;
     height: 100px;
     background: url(images/secondaryHdrImg.gif) no-repeat 0 0;
}
div.intro {
      background:transparent url(../images/secondaryBackground.jpg) no-repeat scroll 0 0;
}

/*columns*/
#left_col {
	float: left;
	width: 620px;
	border-right: 1px solid #e5e5e5;
}
#right_col {
	float: left;
	/*margin-left: 8px;*/
	padding-left: 22px;
	width: 307px; 
}

#left_col p, #right_col p, #left_col a, #right_col a, #left_col li, table#services tbody tr td p,  table#services tbody tr td a {
	font-size: 1.2em;
	line-height: 1.2em;
}

#left_col p a {
	font-size: 1.1em;
	line-height: 1.2em;
}

#main_content {
	float: left;
	width: 620px;
}

/*services_content & certification*/
.services_content, .certification {
	float: left;
	clear: left;
	padding: 0 25px 10px 35px;
	width: 560px;
}
.services_content {
       background: url(images/servicesTop.jpg) no-repeat 0 0;
}

.certification {
       padding-top: 20px;	
	border-top: 1px solid #e5e5e5;
}

.services_content div#how {
	width:  420px;
}
/*.services_content h2, .certification h2 {
	padding-bottom: 8px;
	height: 19px;
	width: 173px;
	text-indent: -9000px;
	background: url(images/servicesHdr.gif) no-repeat 0 0;
        font-size: 2.4em;
}*/
.services_content #top p {
	padding-bottom: 5px;
	color: #666;
}
.services_content #top {
	float: left;
	clear: left;
	margin-bottom: 15px;
	padding-bottom: 7px;
	width: 576px;
	border-bottom: 1px solid #e5e5e5;
}
.certification div.links {
	padding: 30px 80px 0 80px
}
.certification a img.a  {
        margin: 0 40px
}
.secondary_services {
        clear:left;
        float:left;
        padding:20px 33px;
}


/************************right col*/

#right_col #sideNav {
	padding-bottom: 14px;

}
#right_col #sideNav ul li {
	width: 288px;
}

* html #right_col #sideNav ul li {
	width: 269px;
}

#right_col #sideNav ul li a,  #right_col #sideNav ul li.on{
	padding: 4px 4px 4px 38px;
	width:230px;
	background:transparent url(images/bullet_grey.gif) no-repeat 20px 6px;
	display: block;
}


#right_col #sideNav ul li#sidenavHead{
       border-bottom: 1px dashed #dddddd;
        font-weight: bold;
}

/*
#right_col #sideNav ul li#sidenavHead{
       background: none;
        font-weight: bold;
        font-size: 1.4em;
        margin:4px 4px 4px 10px;
width:258px;
}

#right_col #sideNav ul li#sidenavHead a, #right_col #sideNav ul li#on{      
background: none;
padding: 4px 4px 4px 10px;
width:258px;
font-size: 1em;
}

#right_col #sideNav ul li#sidenavHead a:hover {
	background: #03497d;
	color: #fff;
	text-decoration: none;
}*/




#right_col #sideNav ul li.on{
	font-size: 1.2em;
        font-weight: bold;
	width: 230px;
}
#right_col #sideNav ul li a:hover {
	background: #03497d url(images/bullet_blue.gif) no-repeat 20px 6px;
	color: #fff;
	text-decoration: none;
}
#right_col #newslever {
	padding-bottom: 14px;
  	float: left;
}
#right_col #newslever h2 {
	background:transparent url(images/newsleverHdr.gif) no-repeat 0 0;
	height:19px;
	padding-bottom:14px;
	text-indent:-9000px;
	width:180px;
}
#right_col #newslever p {
	padding: 0 12px 12px 0;
}
#right_col #newslever a {
	clear: left;
        margin-left:10px;
}
#right_col #newslever #newsleverContainer {
	float: left;
}
#right_col #newslever form#newsletter {
	float: left;
	padding: 0 0 20px 10px;
}

* html #right_col #newslever form#newsletter {
	padding: 0 0 10px 10px;
}

#right_col #newslever form#newsletter fieldset {
	float: left;
}
#right_col #newslever form#newsletter fieldset div.row label {
       color:#999;
       float:left;
       line-height:1.2em;
       font-size:1.1em;
      margin:10px 0px 3px 0px;
       text-align:left;
       vertical-align:bottom;
      width: 65px;
}
#right_col #newslever form#newsletter fieldset div.row {
       margin:0pt;
}
#right_col #newslever form#newsletter fieldset div.company{
	background: url(../images/formFieldBg.gif) repeat-x 0 0;
	height: 32px;
	float:  left;
}
#right_col #newslever form#newsletter input#name, #right_col #newslever form#newsletter input#email {
	padding: 8px 6px 6px 6px;
	margin: 0;
	border: none;
	width: 190px;
	height:  32px;
	color: #999;
        font-size: 1.1em;
	vertical-align: bottom;
	background: url(images/formField.gif) no-repeat top left;
}
#right_col #newslever form#newsletter input#company {
	float: left;
	padding: 8px 6px 6px 6px;
	margin: 0;
	border: none;
	width: 134px;
	height:  32px;
	color: #999;
        font-size: 1.1em;
	vertical-align: bottom;
	background: url(images/formFieldL.gif) no-repeat top left;
}

* html #right_col #newslever form#newsletter input#company {
	width: 134px;
}

#right_col #newslever form#f_search input#signup_btn {
	border: none;
	float: left;
	padding: 6px 0 6px 0px;
	margin: 0;
	vertical-align: bottom;
	height:  32px;
}

#right_col .divider {
	width: 288px;
	height: 1px;
	background:transparent url(images/sidebarDiv.gif) no-repeat 0 0;
  	float: left;      
  	clear: left;
}
#right_col #blog {
}
#right_col #blog h2 {
	background:transparent url(images/blogHdr.gif) no-repeat 0 0;
	height:56px;
	padding-bottom:14px;
	text-indent:-9000px;
	width:190px;
	float: left;
	margin-top: 30px;
}
#right_col #blog h3 {
	font-size: 1.4em;
}
#right_col #blog a.blogRSS {
	float: right;
	padding: 60px 80px 0 0;
}
#right_col a#blog  {
	float: left;
}
#right_col #blog #about_Mitch{
	background: #f0f0f0;
	float: left;
	clear: left;
	margin-bottom: 30px;
	margin-top:15px;
	padding-right:10px;
	width:290px;  
}
#right_col #blog #about_Mitch h2 {
	height:56px;
	padding-bottom:14px;
	text-indent:-9000px;
	width:190px;
}
#right_col #blog #about_Mitch h4 {
	padding:26px 0 10px 0;
	font-size: 1.6em;
}
#right_col #blog #about_Mitch p {
	font-size:1.1em;
	font-style: italic;
	line-height:1.2em;
	padding-bottom: 12px;
}
#right_col #blog #about_Mitch img{
	float: left;
	margin-right:5px;
}
ul#feed {
	clear: both;	
}
ul#feed li {
	padding: 0 20px 15px 0;
}
ul#feed li h3 {
	color: #3a91a2;
	font-size: 1.2em;
}
ul#feed2 li h3 {
	padding-bottom: 1px;
}
ul#feed li span {
	color: #999999;
}
ul#feed li p {
	padding-top: 8px;
}

ul#feed li p a {
	font-size: 1.1em;
}

/* services */
div#services_list {
	padding-top: 70px;
	}

div.services {
	padding: 0 0 30px 110px;
	margin: 0;
}
div.services img.icon{
	float: left;
	margin-left: -110px;
}
div.services h3 {
	clear: none;
        font-size: 2em;
        padding-bottom:4px;
        /*background:transparent url(images/emailHdr.gif) no-repeat scroll 0pt;
	height:18px;
	padding-bottom:14px;
	text-indent:-9000px;*/
}

table#services{
	width:  100%;
	border-collapse:collapse;
}

table#services tbody tr td{
	width:  296px;
	border: 1px solid #dddddd;

}

/*table#services tbody tr td#5 {
	background:#ccc;
}*/

table#services tbody tr.rowA{
	border-bottom: 1px solid #dddddd;
}

table#services tbody tr.rowA td, table#services tbody tr.rowB td{
	padding-bottom: 10px;
	
}

/*table#services tbody tr.rowA td.02, table#services tbody tr.rowB td.05{
	border-right: 1px solid #dddddd;
}*/


table#services tbody tr.rowA td p, table#services tbody tr.rowB td p{
	padding: 10px 20px 20px 20px;
line-height: 1.6em;
}
table#services tbody tr.rowA td a.more, table#services tbody tr.rowB td a.more{
	margin-left: 20px;
}


table#services tbody tr td.btm {
	background:#ddd;
	height:  20px;
}

div.tableBtm {
	background:#ddd;
	height:  20px;
}

/*table#services tbody tr td#01{
	border: 1px solid #dddddd;
	background:#999;
}*/

table#services div.db{
	background:#01456c;
}

table#services div.lb{
	background:#0596d5;
}

table#services div{
	height:52px;
}

table#services div h3 { 
	color:#fff;
        text-align:center;
	font-size:1.4em;
	padding-top: 8px;
        margin: 0
}
table#services div h3.oneline {
	padding-top: 16px;
        margin: 0 
}

table#services div h3 a{
       color:#fff;	
       margin: 0
}

table#services img{
	padding: 10px 30px 0 30px;

}

/* clear fix */
.clear {
  clear: both;
}
.clearLeft {
  clear: left;
}

.left{
  float: left;
}
/*********************
  april's hacks
*********************/
#secondary_content {
padding: 0 35px 10px 35px;
}

#secondary_services {
padding: 20px 33px;
}


#secondary_content p {
padding:5px 0px 5px 0px;
line-height: 1.6em;
}

#secondary_content p.intro:first-letter{
font-size: 28px;
font-weight: bold;
line-height: 1em;
vertical-align:baseline;
}


#secondary_content h1 {
font-size:  2.2em;
border-bottom:1px dashed #f0f0f0;
padding:15px 0 4px 0;
clear:both;
}

#secondary_content h1.subhead {
/*font-size:32px;*/
border-bottom:1px dashed #f0f0f0;
padding:15px 0 4px 0;
clear:both;
}

#secondary_content h1.subhead a{
color:#333;
font-size:100%;
}

#secondary_content h1.subhead a:hover{
text-decoration:none;
color: #0596D5;
}

#secondary_content ul {
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 15px;
	vertical-align:text-top;
}

#secondary_content ol {
	padding:0px 0px 0px 27px;
	margin:0px 0px 0px 15px;
list-style-type:decimal;
text-indent:0px;
}

#secondary_content ul li{
background:transparent url(images/bullet_greyS.gif) no-repeat scroll 0 6px;
padding:0px 4px 0px 12px;
line-height: 1.6em;
vertical-align:text-top;
}

#secondary_content li ul li {
background:transparent url(images/dash_greyS.gif) no-repeat scroll 0 6px;
padding:0px 4px 0px 10px;
margin:0px 0px 0px -30px;
line-height: 1.6em;
font-size:100%;
vertical-align:text-top;
}

#secondary_content ol li{
padding:0px;
line-height: 1.6em;
vertical-align:text-top;
}


#secondary_content h3 {
	padding-bottom: 10px;
	padding-top: 30px;
	font-size:16px;
	clear:both;
}

#secondary_content h4 {
	padding-bottom: 10px;
	padding-top: 10px;
	font-size:16px;
	clear:both;
}


.thumbnail 
{
float:left;
text-align:center;
width:240px;
margin:15px;
}
.thumbnail img
{
margin:10px;
border:2px solid #f0f0f0;
}
.thumbnail h3
{
padding-left:15px; 
padding-right:15px;
}




#portfoliolist img
{
margin-right:20px; 
margin-top:5px;
width:63px;
height:78px;
float:left;
}

.detailfeatureinside
{
float:left;
clear:none;
width:450px;
margin-bottom:25px;
}

.detailfeatureinside p
{
padding-bottom:0px;
margin-bottom:0px;
}

#portfoliolist 
{
clear:both; 
}

#portfoliolist h3
{
display:inline;
}


#detailpage
{
padding:20px 20px 0px 20px;
margin-bottom:40px;
}

#detailpage h1
{
/*font-size:32px;*/
padding:5px 0px 20px 0px;
}

#detailpage h3
{
display:inline;
font-size:20px;
}


#detailpage img
{
margin:0px 25px 0px 0px; 
border:5px solid #fff;
}


#detailpage p
{
padding:0px 0px 15px 0px;
}

#detailfeature
{
background: #f0f0f0;
padding:20px;
margin:10px 0px 20px 0px;
height:165px;
}

#detailfeature img
{
float:left;
}

#detailfeature a
{
font-size:120%;
font-weight:bold;
}

#detailfeature div.portfoliodisplay
{
width:290px;
float:left;
}


#secondary_content h3.contactlink
{
padding:20px;
background: #f0f0f0;
margin: 15px 20px 20px 20px;
}

#sidenavHead {
font-weight:bold;
}

#approachlist 
{
margin:20px;
padding:25px;
clear:both;
background: #f0f0f0;
}

#approachlist div.bignumber
{
margin-right:20px; 
font-size:60px;
font-weight:bold;
float:left;
height:72px;
width:30px;
color:#888;
}

#approachlist h3
{
clear:none;
margin:0px;
padding:0px;
}

#approachlist p
{
clear:none;
margin: 0px 0px 0px 56px;
padding: 10px 0px 0px 0px;
}

#detailpage div.bignumber
{
margin-right:20px; 
font-size:60px;
font-weight:bold;
float:left;
height:72px;
width:30px;
color:#888;
}

#detailpage h1.approachanchor
{
/*font-size:26px;*/
padding:0px 0px 4px 0px;
margin:0px;
border-bottom:1px dashed #f0f0f0;
}

#detailpage div.approachbody
{
padding-left:60px; 
padding-top:10px;
}

.mitchmessage
{
background:#f0f0f0; 
padding:25px;
margin-bottom:10px;
}

.byline
{
font-style:italic;
}


/*form*/
form#comment_form fieldset{
background:#f0f0f0; 
padding:25px;
}


.commentauthor
{
margin:10px 0px 0px 0px;
}

.commentbody
{
margin:15px;
padding:15px;
background:#F6FBFF;
}

.blacklink a
{
text-decoration:none;
color:#000000;
font-size: 1 em;
}