/* ------------------------------------------
Body Elements
------------------------------------------ */
* {
margin:0;
padding:0;
border:0;
}
body, html { padding: 0; margin: 0; }
body {
background:#003a63 url(/images/bgrepeat.png) repeat-x top left;
text-align:center;
}
p           { margin:0 0 18px 0; }
ul, ol      { list-style-type:none; }
blockquote  { margin:0 0 18px 18px; font-style:italic; }
strong 		{ font-weight:700; }
hr { clear:both; float:none; width:100%; height:1px; margin:18px 0 18px 0; border-top:0; }
.left 			{ float:left; }
.right 			{ float:right; }
.bold 			{ font-weight:700; }
.underlined 	{ text-decoration:underline; }
.center 		{ text-align:center; }
.center_block 	{ display:block; margin:0 auto; }
.clear 			{ clear:both; }
.clearfix:after {content:"___"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix 		{display:block;}
.clearleft { clear:left; }
.clearright { clear:right; }
/* ------------------------------------------
Document Styles
------------------------------------------ */
a, a:active, a:visited {
color:#004b98;
text-decoration:underline !important;
outline:none;
}
a:hover {
color:#002750;
text-decoration:none;
}
/* ------------------------------------------
Layout Elements
------------------------------------------ */
#wrapper {
position:relative;
width:850px;
margin:0 auto;
text-align:left;
min-height:450px;
}


#siteHead { position: relative; margin-bottom: 30px; padding-top: 48px; }

/* ------------------------------------------
Logo Style
------------------------------------------ */
h1#logo, h1#logo a { width: 142px; height: 62px; }
h1#logo a {
display:block;
background:transparent url(/images/logo.png) no-repeat;
text-indent:-9999px;
outline:none;
}
/* ------------------------------------------
Upper Right Social Media Icons
--------------------------------------------*/
ul.contact2 {
	position:absolute;
	right: 0;
	bottom: 0;
    font:11px/1.5em Helvetica,"Helvetica IT",Arial,sans-serif;
    }
    ul.contact2 li {
		float:left;
		margin:0 10px 0 0;
        padding:0 6px 5px 0;
		color:#fff;
		background:transparent url(/images/bg_bar_right.png) no-repeat right 0.3em;
        }
	    ul.contact2 li.last {background:none; margin:0; padding:0;}
		ul.contact2 li.icon {
				margin-right:0;
		        padding-right:0;
				background:none;
		        }
		ul.contact2 li a:link, ul.contact2 li a:visited,
		ul.contact2 li a:hover, ul.contact2 li a:active {
				padding-right:6px;
				color:#fff;
				height:16px;
				text-decoration:none !important;
				display:block;
				float: left;
				}
		ul.contact2 li a span, div.socialicons ul li a span {
				display:none;
				}
div.socialicons { position: absolute; top: 48px; right: 0; }
div.socialicons ul li {margin:0 0 0 0; padding:0 6px 5px 0; float: left; }
div.socialicons ul li a:link.twitter, div.socialicons ul li a:visited.twitter,
div.socialicons ul li a:hover.twitter, div.socialicons ul li a:active.twitter {padding:0px 12px 5px 12px; background:url(/images/icon_twitter.png) no-repeat;}
div.socialicons ul li a:link.facebook, div.socialicons ul li a:visited.facebook,
div.socialicons ul li a:hover.facebook, div.socialicons ul li a:active.facebook {padding:0px 12px 5px 12px; background:url(/images/icon_facebook.png) no-repeat;}
div.socialicons ul li a:link.linkedin, div.socialicons ul li a:visited.linkedin,
div.socialicons ul li a:hover.linkedin, div.socialicons ul li a:active.linkedin {padding:0px 12px 5px 12px; background:url(/images/icon_linkedin.png) no-repeat;}

/* ------------------------------------------
Main Menu Style
------------------------------------------ */
#topnav {
width:100%;
height:48px;
margin:0px;
padding:0px;
background:#232323;
}
#topnav ul {
white-space:nowrap;
margin:0px;
padding:0px;
}
#topnav li {
display:inline;
list-style-type:none;
margin:0px;
padding:0px;
}
#topnav ul li a {
float:left;
padding:48px 0px 0px;
overflow:hidden;
height:0px !important;
outline:none;
}
/* ------------------------------------------
Individual Tab Styles
------------------------------------------ */
#topnav li.whatwedo a {
width:192px;
background:url(/images/nav_whatwedo.png) no-repeat;
}
#topnav li.whatwedo a:hover, #topnav li.whatwedo a.selected {
background:url(/images/nav_whatwedo.png) no-repeat 0px -48px;
}
#topnav li.case a {
width:167px;
background:url(/images/nav_case.png) no-repeat;
}
#topnav li.case a:hover, #topnav li.case a.selected {
background:url(/images/nav_case.png) no-repeat 0px -48px;
}
#topnav li.howwedoit a {
width:186px;
background:url(/images/nav_howwedoit.png) no-repeat;
}
#topnav li.howwedoit a:hover, #topnav li.howwedoit a.selected {
background:url(/images/nav_howwedoit.png) no-repeat 0px -48px;
}
#topnav li.ourpeople a {
width:178px;
background:url(/images/nav_ourpeople.png) no-repeat;
}
#topnav li.ourpeople a:hover, #topnav li.ourpeople a.selected {
background:url(/images/nav_ourpeople.png) no-repeat 0px -48px;
}
#topnav li.contact a {
width:127px;
background:url(/images/nav_contact.png) no-repeat;
}
#topnav li.contact a:hover, #topnav li.contact a.selected {
background:url(/images/nav_contact.png) no-repeat 0px -48px;
}
/* ------------------------------------------
Sub Menu Styles
------------------------------------------ */
#topnav ul li ul {
position:absolute;
background:#092641/*url(/images/nav_dropdownbg.png) no-repeat bottom left*/;
left:-999em;
}
#topnav ul li:hover ul, #topnav ul li.sfhover ul {
left:auto;
z-index:1;
}
#topnav ul li ul.subnav {
width:205px;
margin:48px 0px 15px 0px;
padding-bottom:20px;
font:12px/normal Verdana,"Lucida Grande",Lucida,sans-serif;
}
#topnav ul li ul.subnav li a,  #topnav ul li ul.subnav li a:hover {
margin:10px 0px 0px 10px;
padding:2px 25px 17px 6px;
background:none;
color:#fff;
text-decoration:none !important;
}
/* ------------------------------------------
Body Content Styles
------------------------------------------ */
#content {
padding:0;
background:#fff;
min-height:325px;
}
#contentbottom {
margin:0px;
padding:0px;
height:4px;
background:transparent url(/images/contentbottom.png) no-repeat;
}
#pagecontent {
margin-top:42px;
}
.pagecontenttitle { 
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#004b98;
padding:0 0 10px;
margin:0 0 12px;
line-height:1.2;
border-bottom:1px solid #d7d7d7;
}
.content_left {
float:left;
width:60%;
margin:0 15px;
height:auto;
position:relative;
}
.content_home {
float:left;
width:59%;
margin:0 15px;
height:auto;
position:relative;
}
.content_left_full {
float:left;
width:95%;
margin:0 15px;
height:auto;
position:relative;
}
	.section { 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:700;
	color:#004b98;
	}
	.sectiontitle { 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#004b98;
	}
	.quote {
	font-size:12px;
	color:#004b98;
	}
		.quote em {
		font-size:14px;
		letter-spacing:-1px;
		}
.content_right {
height:auto;
width:30%;
float:right;
position:relative;
}
.content_tabs { float:left; margin:20px 15px 0; height:auto; position:relative; }
.content_tabs .content { float:left; width:400px; padding-right:60px; }
.content_tabs .screen { margin-top:30px; float:right; width:300px; }
.content_tabs .screen div a:link { margin-top:6px; padding-right:5px; float:right; font-size:11px; color:#a0a0a0; text-decoration:none; }
.content_tabs { display:none; }

div.agency {position:relative; display:block; margin:60px 0 0 30px; width:auto;}
div.agency div {float:left; width:50%; margin:0 0 5em 0;}
div.agency div.last {margin-right:0;}
div.agency div span {float:left; width:45%;}
div.agency div span strong {display:block; color:#002D4C; padding:0 0 0.35em 0;}

div.agency .screenshot {position:relative; width:100px; height:75px; margin:0 1.5em 0 0; overflow:hidden; border:1px solid #585858;}
div.agency .screenshot a {display:block; text-indent:-9999px; height:75px; top:0; left:0;}
div.agency .screenshot .caption {float:left; top:0; left:0; position:relative; background:transparent url('http://www.ocean19.com/images/bg_playbutton.gif') no-repeat; height:75px; width:100px; opacity:.8; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

/* ------------------------------------------
Process Wrap
------------------------------------------ */
.processwrap {
margin-top:28px;
position:relative;
overflow:hidden;
background:transparent url(/images/bg_grey_bar.gif) repeat-y 182px 0;
}
.processwrap div {
position:inherit;
float:left;
}
.processwrap .nav {
position:absolute;
width:182px;
}
.processwrap .nav ul {
border:1px solid #d7d7d7;
border-right:none;
}
	.processwrap .nav ul li a {
	padding:12px 18px;
	display:block;
	background:#eaeaea;
	border-bottom:1px solid #d7d7d7;
	text-decoration:none !important;	
	}
	.processwrap .nav ul li a:hover, .processwrap .nav ul li a.selected {
	background:#fff url(/images/bg_navpointer.png) no-repeat center right;
	width:157px;
	border-bottom:1px solid #fff;
	color:#002750;
	}
	.processwrap .nav ul li a.selected { display:block; }

.processwrap .content {
margin-left:181px;
padding-left:28px;
width:70%;
}
.processwrap .content div {
display:none;
}

/* -------------------------------------- */
#contentwrap {
margin:0;
padding:10px 30px 20px 30px;
font-family:Verdana,"Lucida Grande",Lucida,sans-serif;
font-size:13px;
letter-spacing:normal;
font-weight:400;
line-height:1.6em;
color:#464540;
}
	#contentwrap p,	#contentwrap ul {
	margin-bottom:20px;
	line-height:1.5em;
	}
div.contentwrap_padright {
margin-right:100px;
}
.contentwrapbottombg {
background:url(/images/shadebtm.png) no-repeat;
}
h1.pageheadtitle {
position:relative;
margin:0px 0px 12px 0px;
padding:0px 0px 12px 0px;
font:18px verdana, tahoma, sans-serif;
border-bottom:1px solid #aeaeae;
color:#39730f;
}
h1.pageheadertitle {
position:relative;
margin:15px 0px 0px 0px;
padding:0px 0px 8px 0px;
font:18px verdana, tahoma, sans-serif;
color:#39730f;
}
	h1.homepageheadertitle {
	margin:0px 0px 0px 0px;
	padding:0px 0px 8px 0px;
	}
h1.reqproposal {
padding:10px 0px 10px 0px;
border-top:solid 1px #a3a3a3;
/*background:transparent url(/images/ico_doc.png) 0em 0.3em no-repeat;*/
}	
h2.standouttitle {
margin:20px 0px;
padding:0px 10px 12px 10px;
font:18px tahoma, sans-serif;
color:#2d6108;
font-weight:bold;
text-align:center;
line-height:1.4em;
}
p.footnote {
margin:12px 0px 0px 0px;
padding:12px 0px 12px 0px;
border-top:1px solid #aeaeae;
}
/* ------------------------------------------
UL List Styles
------------------------------------------ */
ul.process {
margin-top:-12px;
}
	ul.process li {
	margin:0 0 0 10px;
	padding:2px 20px 5px;
	background:url(/images/icon_list_bluecheck.gif) no-repeat 0 0.4em;
	}

ul.sectionlist { margin:12px 0 !important; padding:0; }
	ul.sectionlist li { padding:0 0 15px; }

ul.gallery { margin-left:10px; display:block; clear:both; position:relative; overflow:hidden; }
	ul.gallery li a:hover, ul.gallery li a.selected { background:transparent url(/images/ul-gallery-li-a-bg.gif) no-repeat scroll 0 -52px;	}
	ul.gallery li a { float:left; margin:0px 5px 6px 1px; padding:4px 5px 3px 4px; }
	ul.gallery li a { background:transparent url(/images/ul-gallery-li-a-bg.gif) no-repeat scroll 0 0; }
	ul.gallery li a img { border:1px solid #7d7d7d; }

ul.gallery li div.tooltip { position:absolute; top:0; left:0; z-index:3; display:none; }

ul.sitemap {
margin:0;
padding:0;
display:block;
clear:both;
position: relative;
overflow: hidden;
}
ul.sitemap li a {
	padding:5pm 0px;
}
	ul.sitemap li a {
	font-weight:700;
	}
	ul.sitemap li ul {
	margin:0 !important;
	}
		ul.sitemap li ul a {
		margin:0px 8px 0px 1px;
		padding:4px 4px 0px 4px;
		font-weight:normal;
		}
		
div.logos {display:block; clear:both; position:relative; overflow:hidden;}
div.logos div {float:left; margin:0 12% 40px 0; width:20%;}
div.logos div img {border:1px solid #c8c8c8;}
		
/* ------------------------------------------
Footer Styles
------------------------------------------ */
#footer {
width:850px;
margin: 0 auto;
padding: 16px 0 48px;
text-align:left;
font:10px/normal tahoma;
color:#fff;
}
#footer a {
color:#fff/*6cbd45*/;
text-decoration:none !important;
}
#footer a:hover {
text-decoration:underline !important;
}
#footer p {
margin:12px 0px 12px 0px;
line-height:1.5em;
}
#footer div.footer_logo {float:left; margin:0.8em 0 0 0; padding:0; width:92px;}
#footer div.footer_logo a  {display:block; background:url(/images/bg_logo_footer.png) no-repeat; height:41px; text-indent:-9999px; outline:none;}

#footer ul.footer {
float:right;
margin:0px 25px 0px 47px;
}
	#footer ul.footer li {
	margin:3px 0px 3px 0px;
	width:150px;
	font:12px/normal helvetica, arial, sans-serif;
	}
	#footer ul.footer li.header,
	#footer ul.footer li.header a {
	margin:6px 0px;
	font:13px/normal helvetica, arial, sans-serif;
	font-weight:normal;
	color:#3f8bb4;
	}
#footer ul.copyright {margin:0 0 0 40px;}
#footer ul.copyright, #footer ul.copyright li {
width:365px;
}

/* ------------------------------------------
Button: Rotating Sliders (homepage)
------------------------------------------ */
div.readmorecasestudies {
position:absolute;
float:left;
margin:136px 0px 0px 38px;
padding:0px;
}
div.readmorecasestudies a {
display:block;
background:transparent url(/images/nav_startevalbtn.png) no-repeat 0px 0px;
width:217px;
height:41px;
text-indent:-9999px;
outline:none;
}
div.readmorecasestudies a:hover {
background:transparent url(/images/nav_startevalbtn.png) no-repeat 0px -41px;
}

/* ------------------------------------------
Rotating Sliders (homepage)

#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider li { width:850px; height:253px; overflow:hidden; }
------------------------------------------ */

#slider {margin:0px; padding:0px; background:transparent url(/images/shadetop.png) repeat-x bottom; height:253px; overflow:hidden;}

#myController span {
display:none;
}
.slideController {
position:absolute;
margin:-14px 0 0 40px;
width:70px;
cursor:pointer;
}
.slideController span { display:block; float:left; height:25px; }

	.slideController .prev {
	width:36px;
	text-indent:-999px;
	background:url(/images/btn_sliderprev.png) no-repeat 0 0;
	}
		.slideController .prev:hover {
		background:url(/images/btn_sliderprev.png) no-repeat 0 -25px;
		}
	.slideController .next {
	width:34px;
	text-indent:-999px;
	background:url(/images/btn_slidernext.png) no-repeat 0 0;
	}
		.slideController .next:hover {
		background:url(/images/btn_slidernext.png) no-repeat 0 -25px;
		}

/* ------------------------------------------
Homepage Blog List Styles
------------------------------------------ */
.tools {
margin:5px 0px 13px 0px;
padding:0px;
}
.tools span {
float:left;
margin:0px 5px 0px 0px;
padding:0px;
font:10px verdana, sans-serif;
}
.tools span a {
text-decoration:none;
}
.tools span a:hover {
color:#c000d7;
}
.tools span.share {
width:68px;
margin:0px;
padding:2px 25px 2px 0px;/*background:transparent url(/images/ico_share.png) no-repeat;*/

}
.tools span.perma {
width:100px;
margin:0px;
padding:2px 0px 2px 20px;
background:transparent url(/images/ico_perma.png) no-repeat;
}
#graderstats {
margin:10px 5px 0px 5px;
padding:12px;
border-top:1px solid #a3ca87;
background:#e2ffcc;
}
#graderstats div.grades {
width:88px;
float:left;
margin:0px 12px 0px 0px;
padding:0px;
font:36px/normal arial, sans-serif;
color:#337800;
}
#graderstats div.colm {
width:600px;
float:left;
margin:0px 12px 0px 0px;
padding:0px;
}
#graderstats div.colm p {
line-height:1.4em;
}

/* ------------------------------------------
 	FORM Styles 
------------------------------------------ */
li.bot {
display:none;
}

/* Notification Messages
----------------------------------------------- */
#error {
margin:0px 0px 30px 0px;
padding:10px;
background:#ffe7e7 url(/images/ntfy_error.png) no-repeat 0.5em 0.5em;
border-top:1px solid #ffc9c9;
}
#error b {
margin-left:40px;
color:#a10000;
font-weight:bold;
}
#error h4 {
margin-left:30px;
font:12px/normal Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ff0000;
}
#error ul {
margin:8px 0px 10px 30px;
}
#error ul li {
margin:0px;
padding:4px 0px 0px 30px;
background:none;
font:12px/normal Arial, Helvetica, sans-serif;
color:#ff0000;
}
/* ----------------------------------------------- */
#notify {
margin:0px 0px 30px 0px;
padding:10px;
background:#e7ffca url(/images/ntfy-check.png) no-repeat 0.5em 0.5em;
border-top:1px solid #d6d89f;
}
#notify h4 {
margin:0px 0px 4px 24px;
font:12px/normal Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000;
}
#notify b {
margin:0px 0px 15px 0px;
color:#463724;
font-weight:bold;
}
#notify p {
margin-left:30px;
font:12px/normal Arial, Helvetica, sans-serif;
;
color:#463724;
}
/* ----------------------------------------------- */
.seoform {
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
font-size:small;
}
.seoformhalf {
width:90%;
}
form ul {
margin:0;
padding:0;
list-style-type:none;
width:100%;
font-size:100%;
}
form li {
margin:0;
padding:4px 5px 2px 9px;
position:relative;
clear:both;
}
form li:after, .buttons:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
form li, .buttons {
display: inline-block;
}
* html form li, * html .buttons {
height: 1%;
}
form li, .buttons {
display: block;
}
* html form li div {
display:inline-block;
}
form li div, form li span {
margin:0px 4px 0px 0;
padding:0px 0px 8px 0;
color:#444;
}
form li span {
float:left;
}
form li div.address {
padding-bottom:0;
}
form li div.left {
display:inline;
float:left;
width:47%;
}
form li div.right {
display:inline;
float:right;
width:47%;
}
.clear {
clear:both !important;
}
/* ----- INFO ----- */
.info {
display:inline-block;
clear:both;
border-bottom:1px dotted #ccc;
margin:0px 0px 1em 0;
}
.info[class] {
display:block;
}
.info h2 {
font-weight:normal;
font-size:160%;
margin:0px 0px 3px 0;
clear:left;
}
.info p {
font-size:95%;
line-height:135%;
margin:0px 0px 12px 0;
}
/* ----- SECTIONS ----- */
form hr {
display:none;
}
form li.section {
border-top:1px dotted #ccc;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:9px;
width:97% !important;
}
form ul li.first {
border-top:none !important;
margin-top:0px !important;
padding-top:0px !important;
}
form .section h3 {
font-weight:normal;
font-size:110%;
line-height:135%;
margin:0px 0px 2px 0;
}
form .section p {
font-size:85%;
margin:0px 0px 10px 0;
}
/* ----- FIELDS AND LABELS ----- */
label.desc {
line-height:150%;
margin:0px 0px 6px 0;
padding:0px 0px 1px 0;
border:none;
display:block;
font-size:14px;
}
label.desc em {
background:#fff9c0;
border-bottom:1px solid #ded89e;
font-style:normal;

}
label.choice {
font-size:100%;
display:block;
line-height:1.4em;
margin:-1.55em 0px 0px 25px;
padding:4px 0px 5px 0;
color:#222;
width:120%;
}
form li div label, form li span label {
margin:0;
padding-top:3px;
clear:both;
font-size:9px;
line-height:9px;
color:#444;
display:block;
}
	small.optional {
	font-size:9px;
	color:#555;
	font-weight:normal;
	}
input.text, input.file, textarea.textarea, select.select {
margin:0;
font-size:100%;
color:#333;
}
input.text, textarea.textarea, .firefox select.select {
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
background:#fff url(/images/fieldbg.gif) repeat-x top;
}
input.text, input.file {
padding:2px 0px 2px 0;
}
input.checkbox, input.radio {
display:block;
line-height:1.4em;
margin:6px 0px 0px 3px;
width:13px;
height:13px;
}
textarea.textarea {
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
select.select {
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
margin:1px 0;
padding:1px 0px 0px 0;
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
background:#fff url(/images/fieldbg.gif) repeat-x top;
}
select.select[class] {
margin:0;
padding:1px 0px 1px 0;
}
*:first-child+html select.select[class] {
margin:1px 0;
}
.safari select.select {
margin-bottom:1px;
font-size:120% !important;
}
span.symbol {
font-size:115%;
line-height:130%;
}
form li .datepicker {
float:left;
margin:.1em 5px 0px 0;
padding:0;
width: 16px;
height: 16px;
cursor:pointer !important;
}
/* ----- BUTTONS ----- */
input.btTxt {
padding:0px 7px;
width:auto;
overflow:visible;
}
input.formSubmit {
display:block;
float:right;
margin:0px;
padding:0px;
width:67px;
height:23px;
overflow:visible;
cursor:pointer;
background:url(/images/nav_submit.png) no-repeat;
text-indent:-9999px;
border:none;
}
.buttons {
clear:both;
margin:0px;
}
.buttons input {
margin-right:0px;
}
/* ----- TEXT DIRECTION ----- */
.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, .rtl div label, .rtl span label, .rtl input.text, .rtl textarea.textarea, .rtl select.select, .rtl p.instruct, .rtl .section h3, .rtl .section p, .rtl input.btTxt {
direction:rtl;
}
/* ----- SIZES ----- */
.third {
width:32% !important;
}
.half {
width:48% !important;
}
.med85 {
width:85%;
}
.full {
width:100% !important;
}
input.small, select.small {
width:25%;
}
input.medium, select.medium {
width:50%;
}
input.large, select.large, textarea.textarea {
width:100%;
}
textarea.small {
height:5.5em;
}
textarea.medium {
height:10em;
}
textarea.large {
height:20em;
}
/* ----- ERRORS ----- */
#errorLi {
width:99%;
margin:0px auto;
background:#fff;
border:1px dotted red;
margin-bottom:1em;
text-align:center;
padding-top:4px;
padding-left:0px;
padding-right:0px;
}
#errorMsgLbl {
margin:7px 0px 5px 0;
padding:0;
font-size:125%;
color:#DF0000;
}
#errorMsg {
margin:0px 0px .8em 0;
color:#000;
font-size:100%;
}
#errorMsg strong {
background-color: #FFDFDF;
padding:2px 3px;
color:red;
}
form li.error {
display:block !important;
background-color: #FFDFDF !important;
margin:3px 0;
}
form li.error label {
color:#DF0000 !important;
}
form p.error {
color:red;
font-weight:bold;
font-size:10px;
margin:-2px 0px 5px 0;
clear:both;
}
.leftLabel p.error, .rightLabel p.error {
margin-left:30%;
padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error {
margin-left:35%;
padding-left:15px;
}
/* ----- REQUIRED ----- */
form .req {
float:none;
color:red !important;
font-weight:bold;
margin:0;
}
/* ----- INSTRUCTIONS ----- */
form li.focused {
background-color:#fff7c0;
}
form .instruct {
position:absolute;
top:0;
left:100%;
z-index:1000;
width:42%;
margin:0px 0px 0px 8px;
padding:8px 10px 9px 10px;
border:1px solid #e6e6e6;
background:#f5f5f5;
line-height:130%;
font-size:80%;
color:#444;
visibility:hidden;
}
form .instruct small {
font-size:105%;
}
form li.focused .instruct, form li:hover .instruct {
visibility:visible;
}
/* ----- ALT INSTRUCTIONS ----- */
li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct {
visibility:visible;
position:static;
margin:-2px 0px 0px 0px;
padding:0px 0px 7px 0px;
background:none;
border:none;
width:100%;
font-size:9px;
clear:left;
}
/* ----- LABEL LAYOUT ----- */
.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel {
width:74% !important;
padding-top:9px;
}
.leftLabel .small, .rightLabel .small {
width:17%;
}
.leftLabel .medium, .rightLabel .medium {
width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea, .rightLabel .large, .rightLabel textarea.textarea, .leftLabel .address, .rightLabel .address {
width:64%;
}
* html .leftLabel .small, * html .rightLabel .small {
width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium {
width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea, * html .rightLabel .large, * html .rightLabel textarea.textarea {
width:97%;
}
.leftLabel label.desc, .rightLabel label.desc {
float:left;
width:30%;
margin:2px 15px 0px 0px;
}
.rightLabel label.desc {
text-align:right;
}
.leftLabel .address, .rightLabel .address {
float:left;
}
.leftLabel p.instruct, .rightLabel p.instruct {
width:27%;
margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct {
margin-left:30% !important;
padding-left:15px;
width:65%;
}
.leftLabel .buttons, .rightLabel .buttons {
margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input {
margin-left:30%;
}
/* ----- NO INSTRUCTIONS ----- */
.noI .instruct {
display:none !important;
}
.noI form li, .noI form li.buttons {
width:97% !important;
}
.noI form li.section {
padding-left:9px !important;
}
/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea, .noI .rightLabel .large, .noI .rightLabel textarea.textarea, .noI .leftLabel .address, .noI .rightLabel .address {
width:60%;
}
* html .noI .leftLabel .small, * html .noI .rightLabel .small {
width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium {
width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea, * html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea {
width:97%;
}
.noI .leftLabel label.desc, .noI .rightLabel label.desc {
width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input {
margin-left:35%;
}
/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf {
width:46% !important;
}
form li.leftHalfglobal, form li.rightHalfglobal {
width:44% !important;
}
li.leftHalf, li.leftHalfglobal {
clear:left;
float:left;
}
li.rightHalf, li.rightHalfglobal {
clear:none;
float:right;
}
li.leftHalf .medium, li.rightHalf .medium, li.leftHalf .small, li.rightHalf .small {
width:100%;
}
/* ----- seoform STYLES ----- */
.seoform input.text, .seoform textarea.textarea {
background:#fff url(/images/fieldbg.gif) repeat-x top;
}
.seoform .focused {
background:#FFF7C0;
}
.seoform .instruct {
background-color:#F5F5F5;
}
/* Borders */
#container {
border:0px solid #ff9900;
}
.seoform .info {
border-bottom:1px dotted #ccc;
}
.seoform .section {
border-top:1px dotted #ccc;
}
.seoform input.text, .seoform textarea.textarea {
 border:;
}
.seoform .instruct {
border:1px solid #E6E6E6;
}
/* Typography */

.seoform .info h2 {
font-size:160%;
font-family:inherit;
 font-weight:;
 font-style:;
}
.seoform .info p {
font-size:95%;
font-family:inherit;
 font-weight:;
 font-style:;
}
.seoform .section h3 {
font-size:110%;
font-family:inherit;
 font-weight:;
 font-style:;
}
.seoform .section p {
font-size:85%;
font-family:inherit;
 font-weight:;
 font-style:;
}
.seoform label.desc {
font-size:95%;
font-family:inherit;
 font-weight:;
 font-style:;
}
.seoform li div, .seoform li div label, .seoform li span label, .seoform span {
font-family:inherit;
 font-weight:;
 font-style:;
}
.seoform input.text, .seoform textarea.textarea, .seoform select.select, .seoform label.choice {
font-size:100%;
font-family:inherit;
 font-weight:;
 font-style:;
}
.seoform label.choice {
}
.seoform .instruct {
font-size:80%;
font-family:inherit;
 font-weight:;
 font-style:;
}
/* Drop Shadows */

#top, #bottom {
 visibility:visible
}

div.checklistset {
 margin-left:12px;
}
div.checklistset input,
div.checklistset label {
 margin-bottom:10px;
}
div.controlset { 
 width:auto;
 display:inline;
}
div.controlset label,
div.controlset input {
 float:left;
}
div.controlset label {
 margin:-2px 0px 12px 4px;
 width:120px;
}
div.controlset label.contactform {
 margin:-2px 0px 12px 4px;
 width:175px;
}
div.controlset label.blank {
 margin:0px;
 padding:0px 5px 0px 0px;
}

/* -----------------------------------------------
Blog Styles
----------------------------------------------- */
div.post h4.blogposttitle {
margin:0px 0px 3px 0px;
padding:3px;
font:170%/normal arial, sans-serif;
color:#004B98;
}
div.blogpanel div.sectiontitle {
margin:0px 0px 12px 0px;
padding:3px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#004b98;
border-bottom:1px solid #88a3d5;
}
div.post h4.blogposttitle a {
text-decoration:none;
display:block;
}
div.blogpanel {
margin-top:20px;
padding:10px;
background:#c7dafe url(/images/blog_001.png) no-repeat top center;/*border:1px solid #a7d588;
border-top:none;*/
}
h4.paneltitle {
margin:0px 0px 6px 0px;
padding:3px;
border-bottom:1px solid #88a3d5;
font:180%/normal arial, sans-serif;
color:#388b00;
}
ul li.cat-item {
margin:10px 0px 3px 0px;
padding:3px;
font-weight:bold;
/*background:#ddfec7 url(/images/blog_002.png) repeat-x bottom left;*/
}
	div.blogpanel ul li.cat-item ul {
	margin:0px;
	padding-top:2px;
	}
	div.blogpanel ul li ul.children li.cat-item {
	margin:0px 0px 2px 16px;
	font-weight:100;
	}
ul.blogposts li {
margin-bottom:3px;
padding:0px 3px 3px 16px;
background: url(/images/ico_post.png) no-repeat 0px 0.5em;
}
ul.blogarchives li a {
margin:0px;
padding-left:18px;
background:url(/images/ico_date.png) no-repeat 0px 0.3em;
}
div.entry {
margin:8px 0px 10px 0px;
padding:0px;
border-bottom:1px solid #c7dafe;
font:14px Arial,sans-serif;
color:#000;
line-height:1.3em;
}
div.entry h2, div.entry h3, div.entry h4, div.entry h5 {
margin:3px 0px 8px 0px;
padding:0px;
font:115%/bold arial, sans-serif;
color:#4b8100;
}
div.entry div.wp-caption {
margin:0 0 3px 20px;
padding:6px 3px 0 3px;
border:1px solid #c8c8c8;
text-align:center;
font-size:11px;
}
div.entry div.alignleft {
float:left;
}
div.entry div.alignright {
float:right;
}
div.entry div img.size-medium {
width:230px;
}
div.entry div.wp-caption img {
margin:0 0 14px 0;
border:1px solid #e0e0e0;
}
div.post small.author, div.post span.author {
margin:0px 2px 0px 2px;
padding-left:16px;
font:11px/normal arial, sans-serif;
background:url(/images/ico_author.png) no-repeat 0px 0.2em;
}
div.post p.tags, div.post span.tags {
margin:0px 2px 0px 2px;
padding-left:16px;
font:11px/normal arial, sans-serif;
background:url(/images/ico_tags.png) no-repeat 0px 0.3em;
display:block;
clear:both;
}
div.post p.comments, div.post span.comments {
margin:0px 2px 0px 2px;
padding-left:16px;
font:11px/normal arial, sans-serif;
background:url(/images/ico_comments.png) no-repeat 0.2em 0px;
}
div.post small.date, div.post span.date {
margin:0px 2px 0px 2px;
padding-left:16px;
font:11px/normal arial, sans-serif;
background:url(/images/ico_date.png) no-repeat 0px 0.2em;
}

/* ------------------------------------------
Blog Search Form Styles
------------------------------------------ */

form.blogsearch {
margin:12px 0px 20px 0px;
}
form.blogsearch input,  form.blogsearch input.submit {
padding:3px;
border:1px solid #ccc;
}
form.blogsearch input.text {
width:228px;
}

/* -----------------------------------------------
Blog Column Styles
----------------------------------------------- */

div.blogcolm {
float:left;
margin:8px 18px 10px 0;
padding:0px;
}
div.diggbox {
float:left;
margin:6px 13px 13px 0px;
}
h2.archivepagetitle {
margin:0px 0px 10px 0px;
padding:3px;
font:190%/normal arial, sans-serif;
color:#3b9400;
}
/* ------------------------------------------ */
div.blogcomments {
margin-top:20px;
padding:10px;
background:#eff9ff;/*border:1px solid #a7d588;
border-top:none;*/
}
div.blogcomments h4.paneltitle {
margin:0px 0px 3px 0px;
padding:3px;
border-bottom:1px solid #8cbfdd;
font:180%/normal arial, sans-serif;
color:#66a1c2;
}
.commentlist li, #commentform input, #commentform textarea {
}
.commentlist li {
font-weight:bold;
margin-bottom:6px;
padding:0px 3px 6px 3px;
background: url(/images/blog_002.png) repeat-x bottom left;
}
.commentlist li .avatar {
float:left;
border:1px solid #eee;
margin:0px 22px 0px 0px;
padding:2px;
background:#fff;
}
.commentlist cite, .commentlist cite a {
font-weight:bold;
font-style:normal;
}
.commentlist p {
font-weight:normal;
line-height:1.5em;
text-transform:none;
}
#commentform p {
font-family:arial, sans-serif;
}
.commentmetadata {
font-weight:normal;
}
ul.related_post {
margin:15px 0px 20px 0px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #a7d588;
}
ul.related_post li {
margin-bottom:3px;
padding:0px 3px 3px 16px;
background: url(/images/ico_post.png) no-repeat 0px 0.5em;
}

/* ------------------------------------------
Blog Pagination Styles
------------------------------------------ */

div.pagination {
		padding:3px;
		margin:12px 3px 23px 3px;
	    font:14px Helvetica,"Helvetica IT",Arial,sans-serif;
	}
	div.pagination a {
		padding:2px 5px 2px 5px;
		margin:0 3px;
		border:1px solid #264b6e;
		text-decoration:none !important;
		color:#000099;
	}
	div.pagination a:hover{
		border:1px solid #264b6e;
		background:#cfdcf6;
		color:#000;
	}
	div.pagination a:active {
		border:1px solid #264b6e;
		color:#f00;
	}
	div.pagination span.current {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:none !important;
		font-weight:bold;
		background-color:#fff;
		color:#333;
	}
	div.pagination span.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #ddd;
		color:#ccc;
	}

/* ------------------------------------------
Table Styles
------------------------------------------ */

table, td {
	font:11px/normal arial, sans-serif; 
}
table { width:100%;border-collapse:collapse;margin:1em 0; }
th, td { text-align:left;padding:.5em;border:1px solid #37561e; }
th { background:#008021; color:#fff; }
td { background:#ecf4e5; }

/* tablecloth styles */

tr.even td {background:#ecf4e5;}
tr.odd td {background:#d9ffc2;}

td.over, tr.even td.over, tr.odd td.over{background:#ecfbd4;}
td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}

/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}

table.searchmarketing {margin:0 0 100px 0; padding:0; font-size:13px; width:80%;}
table.searchmarketing th, table.searchmarketing td {border:none !important; background:none;}
table.searchmarketing th {color:#3d3d3d; font-weight:700;}
table.searchmarketing td {}

/* ------------------------------------------
Sets Styles (Case Studies)
------------------------------------------ */
.sets {
margin:25px 0 25px 0;
padding-bottom:25px;
width:100%;
border-bottom:#d7d7d7 1px solid;
}
.sets_last {
border-bottom:none;
}
	.sets div.para {
	float:left;
	margin-right:30px;
	width:74%;
	}
	.sets div.img {
	float:left;
	width:12%;	
	}
		.sets div.para a {
		color:#e37d05;
		text-decoration:none;
		}

/* ------------------------------------------
Our People (ourpeople.html)
------------------------------------------ */
.tabcontentwrap div { display:none; }
.tabcontentwrap div.imagedata { display:block; width:474px; border-bottom:solid 1px #bdbdbd; margin-bottom:20px; clear:both; }
.tabcontentwrap div.imagedata div { margin-bottom:10px; display:block; }
.tabcontentwrap div.imagedata span.name { color:#004B98; font-family:Georgia,"Times New Roman",Times,serif;
font-size:20px; line-height:1.2; }
.tabcontentwrap div.imagedata span.title { color:#888; font-size:11px; line-height:1.2; margin:6px 0 0; font-style:italic; }
.tabcontentwrap div.imagedata img.large { width:474px; border:solid 1px #bdbdbd; margin-bottom:6px; }

	ul#peopleset li {
	margin:0 0 15px 0;
	padding-bottom:15px;
	border-bottom:solid 1px #d7d7d7;
	width:225px;
	}
	ul#peopleset li span {
	float:left;
	}
		ul#peopleset li span img {
		margin-right:15px;
		width:25px;	
		}
		ul#peopleset li span img.large {
		width:226px;
		height:127px;
		}
		ul#peopleset li span.para {
		margin-top:-3px;
		width:80%;
		}
			ul#peopleset li a {
			padding:12px 0;
			text-decoration:none !important;
			}
			ul#peopleset li a img {
			border:1px solid #c1c1c1;
			}
			ul#peopleset li a.selected img {
			border:1px solid #212121;
			}


/* ------------------------------------------
Misc Styles
------------------------------------------ */
.yellowhighlights {
background:#fff9c0;
border-bottom:1px solid #ded89e;
}
.box {
overflow:hidden;
}
	.home_shade {
	margin-top:10px;
	font-family:Helvetica, "Helvetica IT", Arial, sans-serif;
	font-size:13px;
	}
		.home_shade ul.services li.last {
		border:none;
		}
		.home_shade ul.services li a {
			padding:10px 16px 10px 42px;
			display:block;
			color:#004B98 !important;
			text-decoration:none !important;
			background-position:0.1em 0.4em !important; 	
			}		
			.home_shade ul.services li a:hover {
			color:#002750 !important;
			}
	.home_shade ul.services li a.search {
			background:transparent url(/images/icon_searchmarketing.jpg) no-repeat;
			}
	.home_shade ul.services li a.social {
			background:transparent url(/images/icon_socialmediadev.jpg) no-repeat;
			}
	.home_shade ul.services li a.viral {
			background:transparent url(/images/icon_viralmarketing.jpg) no-repeat;
			}
	.home_shade ul.services li a.mobile {
			background:transparent url(/images/icon_mobilemarketing.jpg) no-repeat;
			}
	.home_shade ul.services li a.creative {
			background:transparent url(/images/icon_creativedesign.jpg) no-repeat;
			}
	.home_shade ul.services li a.email {
			background:transparent url(/images/icon_emailmarketing.jpg) no-repeat;
			}

/* ------------------------------------------
Google Map Styles (contact page)
------------------------------------------ */
#map { margin: 24px 0 0; width: 225px; height: 240px; overflow: hidden; border:1px solid #8a8a8a; }

/* ------------------------------------------
Flowplayer
------------------------------------------ */
.flowplayer {font-family:Georgia,"Times New Roman",Times,serif; font-size:16px; line-height:1.2; color:#004B98;}
.flowplayer a {margin:0.6em 0 0 0; border:1px solid #b5b5b5;}