/* Reset 
--------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;	font-style: inherit; font-size: 100%;	font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
ul {list-style:disc;padding-left:20px;}
ol {padding-left:25px;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* Global elements and classes
--------------------------------------------------------- */

body {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #373737; line-height: 16px; background-color:#dfdfdf;}
a, a:visited {color: #2195ea;}
a:hover {text-decoration: none;}
p {padding-bottom: 15px;}
strong {font-weight: bold;}
hr {clear: both; border: none 0; border-bottom: 1px solid #cfcfcf; width: 100%; height: 1px; margin: 0 0 25px 0;}
	* html hr {margin: -10px 0 15px 0;}
	*+ html hr {margin: -10px 0 15px 0;}
	
.logo {margin: 46px 0 0 32px;}	
img.bio {padding:3px; border:1px solid #ccc; margin: 5px 15px 0 0; float:left;}
img.blogbio {padding:3px; border:1px solid #ccc;margin:0 15px 20px 0;float:left;}
img.cs-example {padding:3px;border:1px solid #ccc;margin: 0 0 10px 15px;float:right;}

h2 {color:#262626; font-size:14px; line-height:20px; font-weight:normal; margin:19px 0 35px 0;}
h3 {color:#000; font-size:14px; font-weight:bold;line-height:22px;}
#meat h3 {margin-top:9px;}

.box {width: 250px; margin-bottom: 30px; padding: 15px 15px 0 15px; border: 3px solid #e6f3ff; color: #000; background: #f7fbff;}
.box h3 {float:left; font-size:17px; font-weight:bold; color:#1a4f75;}
.rssicon {float:left; margin:3px 6px 0 3px;}
.box h5 {float:right; margin: 3px 3px 0 0; font-size:11px; font-weight:normal;}

ul.arrows, ul.arrows-lite {margin: 11px 0 0 2px; padding: 0px;}
	* html ul.arrows {padding-top:10px;}
	*+ html ul.arrows {padding-top:10px;}
	* html ul.arrows-lite {padding-top:10px;}		
	*+ html ul.arrows-lite {padding-top:10px;}	
ul.arrows li {list-style: none; background: url(../img/icon-arrow.gif) no-repeat 5px 17px; margin: 0 0 4px 0; padding: 10px 0 16px 23px; border-bottom:1px solid #e8f5fd;}
ul.arrows li a, ul.arrows-lite li a {text-decoration:none;}
ul.arrows li a:hover, ul.arrows-lite li a:hover {text-decoration:underline;}
ul.arrows li.last, ul.arrows-lite li.last {border-bottom:none;}

ul.arrows-lite li {list-style: none; background: url(../img/icon-arrow.gif) no-repeat 5px 8px; margin: 0 0 4px 0; padding: 2px 0 6px 23px; border-bottom:1px solid #e8f5fd;}


.thumbtext {padding: 0 0 13px 66px;}
.thumbtext img {float: left; position: relative; top: 0px; left: -70px; margin-right: -70px; line-height: 1px; text-align: center;}
.thumbtext h3, .thumbtext h4 {margin-top: 0;}
.thumbtext h3 a,
.thumbtext h3 a:visited {color:#000; text-decoration:none;}
	/* self-clearing function for thumbtext class */
	.thumbtext:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.thumbtext {display: inline-block;}
	.thumbtext {display: block;}

/* tweaked for the case study thumbnails */
.thumbtext-cs {padding: 0 0 13px 170px;}
.thumbtext-cs img {float: left; position: relative; top: 0px; left: -170px; margin-right: -170px; line-height: 1px; text-align: center;padding:3px; border:1px solid #ccc;}
.thumbtext-cs h3, .thumbtext h4 {margin-top: 0; line-height:18px;}
.thumbtext-cs h3 a,
.thumbtext-cs h3 a:visited {color:#000; text-decoration:none;}
	/* self-clearing function for thumbtext class */
	.thumbtext-cs:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.thumbtext-cs {display: inline-block;}
	.thumbtext-cs {display: block;}


/* Layout and layout-specific styles
--------------------------------------------------------- */

#container {position: relative; width: 980px; margin: auto; padding: 0px;}
#header {height: 101px; background:url(../img/bkgrnd-header2.gif) top left no-repeat;}
#content {background:url(../img/bkgrnd-body.gif) top left repeat-y; height:100%;}
	#studies-page #content, #serv-page #content, #blog-page #content, #about-page #content, #contact-page #content {padding:37px 0 15px 0;}
#meat {float:left; width:590px; margin-left:50px;}
	* html #meat {margin-left:25px;}	
	
.column {float:left;width:285px;margin-top:6px;}
.overview {line-height:19px;}

#potatoes {float:left;margin-left:17px;}
	#potatoes h6 {width:268px;font-size:11px;margin:8px;font-weight:normal}
	#potatoes img.cs {padding:3px; border:1px solid #ccc}


/*-- main navigation --*/
#nav {position: absolute; top: 50px; right: 31px; width: 166px; height: 20px; margin: 0; padding: 0;}
#nav li {display: inline;}
#nav li a {float: left; height: 0; padding-top: 20px; overflow: hidden; background: url(../img/nav3.gif) no-repeat;}

#nav li.home a {width: 54px;}
#nav li.about a {width: 53px;}
#nav li.contact a {width: 59px;}

		/*-- normal button states --*/
#nav li.home a,
#nav li.home a:visited {background-position: 0 0;}
#nav li.about a,
#nav li.about a:visited {background-position: -54px 0;}
#nav li.contact a,
#nav li.contact a:visited {background-position: -107px 0;}

		/*-- hover button states --*/
#nav li.home a:hover {background-position: 0 -20px;}
#nav li.about a:hover {background-position: -54px -20px;}
#nav li.contact a:hover {background-position: -107px -20px;}

		/*-- higlighted button states --*/
#blog-page #nav li.home a,
#blog-page #nav li.home a:hover {background-position: 0 -20px;}
#about-page #nav li.about a,
#about-page #nav li.about a:hover {background-position: -54px -20px;}
#contact-page #nav li.contact a,
#contact-page #nav li.contact a:hover {background-position: -107px -20px;}

		/*-- home page styles --*/
#main-promo {margin:1px 0 15px 10px;}		
#clients {margin-left:35px;}


		/*-- stub nav --*/
.ov #subnav li.ov a,
.ov #subnav li.ov a:hover,
.smm #subnav li.smm a,
.smm #subnav li.smm a:hover,
.dpr #subnav li.dpr a,
.dpr #subnav li.dpr a:hover,
.mktg #subnav li.mktg a,
.mktg #subnav li.mktg a:hover,
.smpm #subnav li.smpm a,
.smpm #subnav li.smpm a:hover {color:#000;font-weight:bold;text-decoration:none;}		


/*-- footer --*/
#footer {width: 980px; margin: auto; color: #828282; padding: 24px 0px; font-size: 11px;background:url(../img/bkgrnd-footer.gif) top left no-repeat;}
#footer p.line1 {float: left; margin-left:32px;}
#footer p.line2 {float: right; margin-right:32px;}
#footer a:link, #footer a:visited {color:#828282; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
	* html #footer p.line1 {margin-left: 15px;}
	* html #footer p.line2 {margin-right: 15px;}