body { 
	background:#003300;
	margin:auto;
	font-family:'Segoe UI',verdana,arial,sans-serif;
	font-size:13px;
	color:#003763;
}

form { margin:0px; }

p {
	font-family:'Segoe UI',verdana,arial,sans-serif;
	font-size:15px;
	line-height:30px;
	color:#003763;
	margin: 0 0 20px 0;
}

.h1 { 
	font-size:24px; 
	color:#003763; 
	margin: 8px 0 8px 0; 
}

.h2 {
	font-size:15px;
	font-weight: normal;
	color:#003763; 
	padding:0;
	margin:0;
}

/*
h1 { font-size:28px; margin: 8px 0 8px 0; color:#003763; }
h2 { font-size:138.5%; font-weight:bold; margin-bottom:4px; color:#FF9933; }
h3 { font-size:146.5%; font-family:'Arial Narrow'; font-weight:bold; margin-top:8px; margin-bottom:4px; padding:2px; border-bottom:1px solid #CCCCCC;;}
h4 { font-size:131%; font-family:'Arial Narrow'; font-weight:bold; margin-bottom:4px; }
h5 { font-size:108%; font-weight:bold; margin-bottom:4px; color:#363636; }
h6 { font-size:100%; font-weight:bold; margin:4px 0px 4px 0px; color:#0076AF; }
*/
strong { font-weight:bold; }

a, a:link, a:hover, a:visited { color:#e60e63; text-decoration:underline; font-size:12px; }

.lime {color: #b5d319;}
.reddish {color: #e60e63;}

input.text {
  background-color:white;
  border:1px solid #0688B8;
  padding:2px;
  width:170px;
  margin:2px 0px 2px 0px;
}

input.button {
  background-color:#00639A;
  border:1px solid #0688B8;
  padding:1px 8px 1px 8px;
  margin-top:4px;
  color:white;
}

ul {  
	margin:0px; 
	padding:0px; 
	list-style-type:none;
}

ul.disc {
	list-style-type:disc;
}

div.page-width {
	width:950px;
	text-align:left;
	margin: 0 auto;
}

#wrapper {
  color:#797a7a;
  width:100%;
  background-image:url(/themes/grassy/pagebg.jpg);
  background-repeat:repeat-x;
  background-color:white;
}

#header {
	height:35px;
}

#body {
  background-image:url(/themes/grassy/grass.png);
  background-repeat:repeat-x;
  background-position:bottom left;
}

#footer {
  width:100%;
  background-image:url(/themes/grassy/basebar-bg.png);
  background-repeat:repeat-x;
  background-color:#003300;
  height:53px;
}

#home-top {
}

#home-bottom {
	padding:50px 0 0 10px;
}

#home-bottom .module2 {
	float:left;
	width:651px;
}

#home-bottom .content {
	padding:10px;
}

#latest-work {
	text-align:center;
	margin:10px 0 10px -10px;
}
#latest-work-tagline {
	margin:0 0 5px 15px;
	color:#003763;
}

.bright-links strong {
	background-color:#b5d319;
	color:#003763;
	font-size:18px;
	line-height:30px;
	text-decoration: none;
	font-weight:normal;
}

div#logo-container {
  float:left;
}

div#logo-right {
  float:right;
  margin-right:50px;
  width:470px;
}

#date-text {
  text-align:right;
}

img#logo { margin-bottom:10px; }
img.icon {vertical-align:middle;}

ul#tabnav {
	height:35px;
	color:#ffffff;
	font-size:12px;
	float:right;
	font-weight: bold;
}

ul#tabnav li {
	display: inline;
}

ul#tabnav a {
	float:left;
	line-height:35px;
	height:35px;
	width:82px;
	text-align:center;
	padding-top:1px;

	color:#fff;
	font-size:12px;
	text-decoration:none;
}

ul#tabnav a.on {
	float:left;
	line-height:34px;
	background-image:url(/themes/grassy/tab_on.gif);
	background-repeat:no-repeat;
	height:35px;
	width:82px;
	text-align:center;
	padding-top:2px;
}

ul#tabnav div.divider {
	float:left;
	line-height:34px;
	height:34px;
	width:1px;
	background-image:url(/themes/grassy/navDivider.jpg);
	background-repeat:no-repeat;
}

div#subnav {
	clear:right;
	float:right;
	text-align:right;
	margin:0;
	padding:0;
	width:700px;
}

div#subnav ul {
	color:#ffffff;
	font-size:13px;
	padding:12px 8px 0 0;
}

div#subnav a {
	color:#fff;
	font-size:13px;
	text-decoration:none;
}

div#subnav ul li {
	display: inline;
	padding: 0 0 0 4px;
}

div#subnav ul li.whisker {
	padding: 0 10px 0 4px;
	background-image:url(/themes/grassy/subNavDivider.png);
	background-repeat:no-repeat;
  	background-position:bottom right;
}

div#subnav ul li a.selected {
	color: #b5d319;
	font-weight: bold;
}

#blog-widget {
	float:right;
	width:250px;
}

#blog-widget-top {
	border-bottom:1px dashed #58A4C7;
	height:27px;
	padding-top:9px;
	line-height:18px;
	padding-bottom:0px;
}

#blog-widget-top .icon {
	float:left;
}

#blog-widget-top .title {
	float:left;
	margin:3px 0 0 5px;
}

#blog-widget-top .subscribe {
	float:right;
}

#blog-widget-top .subscribe a {
	font-size:10px;
	text-decoration:underline;
	margin:3px 1px 12px 0;
}

.recent-items-list ul {
	margin-top:10px;
	color:#003763;
}

.recent-items-list ul li {
	line-height:10px;
	margin-left:23px;
	font-size:11px;
}

.recent-items-list li.recent-item a {
	font-size:11px;
	color:#e60e63;
	line-height:15px;
	text-decoration:underline;
}

#about-us-subnav {
	margin-right: 66px;
}

#principal-blurb {
	padding-bottom:80px;
}

#principal-blurb p {
	line-height:20px;
}


div#page {
	width: 100%;
	margin-bottom:70px;
	overflow:hidden;
	display:none;
}

div#blogpage {
	width: 100%;
	margin-bottom:10px;
	overflow:hidden;
}

#contact-us-left {
	float:left;
	width: 450px;
	margin-bottom:10px;
	overflow:hidden;
}

#contact-us-right {
  float:right;
  overflow:hidden;
}

#contact-us-right .content {
	padding: 10px;
}

#contact-us-details {
	padding-top: 10px;
}

#contact-us-details p {
	font-size:13px;
	color:#003763;
	line-height:20px;
}

#contact-us-details p.right {
	margin-right: 30px;
}

#contact-us-details a {
	font-size:13px;
}

/**
 * Modules
 */
div.module {
  background-image:url(/themes/grassy/modules/modulebg.gif);
  background-repeat:repeat-x;
  /*stroke*/ 
  border:1px solid #2e87b6;
  background-color:#f2f9fa;
  opacity:.90;
  padding:15px;
}

div.module a {
	color:#03528a;
}

div.module div.title {
  font-size:122%;
  margin:4px;
  padding:0px; 
  padding:0 5px;
  color:#0076AF;
  border-bottom:1px dashed #58A4C7;
  height:28px;
}

div.module div.title span {
  margin-top:4px;
}

div.module div.title div {
  color:#0076AF;
  float:right;
  font-size:93%;
  margin-top:1px;
}

div.module .content {
  padding:10px 10px 0 10px;
}

div.module div.top-dashed {
  border-top:1px dashed #58A4C7;
  padding:6px;
}

div.module div.body {
  padding-bottom:16px;
}

div.module2 {
	border:1px solid #2e87b6;
}

div.module2 div.title {
	background-image:url(/themes/grassy/modules/moduleTop.png);
	background-repeat:repeat-x;
	height:30px;
	border-bottom:1px dashed #58A4C7;
	padding:5px 10px 0 10px;
}

div.module2 div.title span {
	font-size:15px;
	color:#003763;
}

div.module2 div.title div {
	float:right;
}

div.module2 div.title div a {
	font-size:12px;
	text-decoration:underline;
	color: #e60e63;
}

div.module2 div.content {
	background-image:url(/themes/grassy/modules/moduleBottom.png);
	background-repeat:repeat;
	opacity:.85;
}

div.module2 div.content p {
	line-height: 20px;
}

input.normal {
	background-color:#b5d0de;
	border:1px solid #6ca2bd;
	color:#0076AF;
	padding:1px;
	width:100px;
}


input.selected {
	font-size:12px;
	border:0px solid #669900;
	background-color:#f2f9fa;
	color:#71A500;
	padding:1px 3px 0px 3px;
}

#services-left {
	width: 500px;
	float:left;
}

#services-right {
	float:right;
	width:372px;
}

#services-right .content {
	padding:10px;
}

.right {
	float:right;
	padding-right:1px;
}
.left {
	float:left;
	padding-left:1px;
}
.center {
	text-align:center;
}



/**
 * Other generic classes
 */
p.sub-title {
	margin:0 0 4px;
	font-weight:bold;
	font-size:12px;
}

p.sub-title span {
  color:#71A500;
}

span.sub-title {
	color:#669900;
	font-size:12px;
	font-weight:bold;
}

.dashes {
  border-bottom:1px dashed #58A4C7;
}

div#date-text {
	color:white;
	margin-top:24px;
}

.smallbox-on {
	float:left;
	background-color:#03528a;
	border:1px solid #1579ab;
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	color:white;
	margin:5px 2px 10px 6px;
	cursor:pointer;
	* cursor:hand;
}

.smallbox-off {
	float:left;
	background-color:#9fbfd4;
	border:1px solid #669900;
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	color:white;
	margin:5px 2px 10px 6px;
	cursor:pointer;
	* cursor:hand;
}

.bigbox-on {
	display:block;
}

.bigbox-off {
	display:none;
}

#client-short-list, #client-long-list {
	margin-left: 100px;
}
#client-short-list div.link, #client-long-list div.link{
	font-size:13px;
	margin-bottom: 10px;
}
#client-short-list div.link a, #client-long-list div.link a {
	color:#fff;
	text-decoration:underline;
}
#client-short-list span {
	float:left;
	margin-right: 75px;
	margin-bottom: 58px;
}

#client-long-list .list p {
 	float:left; 
	width:280px;
}

#client-long-list a, a:link, a:hover, a:visited { 
	color:#e60e63; 
	text-decoration:underline; 
	font-size:15px;
}

#client-long-list li {
	color:#000;
}

#mugshots {
	text-align:center;
	padding-left: 250px;
	width:450px;
	padding-bottom: 30px;
}

#clients {
	text-align:center;
	padding-bottom:30px;
	margin-left:25px;
}

#clients div, #mugshots div {
	float:left;
	text-align:center;
	width:112px;
	height:112px;
	cursor:pointer;
	* cursor:hand;
}

#clients div a img, #mugshots div a img {
  margin-top:11px;
}

#worked-with {
  color:white;
}

#work-list-anchor {
  color:#c4e23e;
}

#worked-with-detail {
	width:393px;
	border:1px solid #389bc1;
	background-color:#dfebf1;
	height:340px;
	padding:0px;
	margin-top:0px;
	filter:alpha(opacity=90);
  -moz-opacity:.9;
	opacity:.9;
	position: relative;
	left: 40px;
	top: 100px;
	right: 500px;
	margin-right: 10px;
	padding-right: 15px;
	z-index:10;
}

#worked-with-detail a {
	color:#3c6909;
}

ul.work-list {
  color:#03528a;
}

ul.work-list li {
	padding:0px 0 6px 0;
	font-size:bold;
	left: 0px;
}

.imgHighlight, .clientClicked, .clientHover, #clients div.selected, #mugshots div.selected {
	background-image:url(/images/clients/client_bg.gif);
	background-repeat:no-repeat;
}

/**
 * Bottom Bar Stuff
 */
#sprinkle { width:100%; height:24px; font-size:12px; color:#3f6413;}
#sprinkle ul {float:left; height:24px; line-height:24px;}
#sprinkle ul li {display:inline; padding:0 1px; margin:0 1px;}
#sprinkle ul li.first {padding:0 1px 0 0; margin-right:0 1px 0 0;}
#sprinkle ul li a {font-size:12px; color:#3f6413;text-decoration:none;}

#footer-bar {width:100%; height:28px; font-size:12px; color:#ffffff; clear:both;}
#footer-bar #copyright {float:left; line-height:28px; height:28px; }
#footer-bar ul {float:right; height:28px; line-height:28px;}
#footer-bar ul li {display:inline; padding:0 1px;}
#footer-bar ul li.last {padding:0;}
#footer-bar ul li a {font-size:12px; color:#ffffff;text-decoration:none;}


/**
 * ID specific classes
 */
#services-diag div {
  float:left;
}

.service-detail {
  width:350px;
  height:300px;
  padding:14px;
  border:1px solid #389bc1;
  background-color:#dfebf1;
  margin-top:20px;
  filter:alpha(opacity=90);
  -moz-opacity:.9;
  opacity:.9;
}

.service-detail h3 {
  color:#b4d329;
  font-size:167%;
  text-align:center;
  border:0;
  margin-top:0px;
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}

.service-detail h5 {
	color:#60686c;
}

.service-detail div {
	width:46%;
	padding:0 4px 0 4px;
	float:left;
	color:#000000;
}

.service-detail p {
	margin:0 0 10px 0;
}

#services-list div.thirds {
	float:left;
	width:33%;
	line-height:16px;
}

#services-list div div {
	margin:0px 10px 0px 10px;
	color:#007AAA;
}
#work-client {
	overflow:hidden;
}

#work-client div.module2 {
	width:948px;
}
#work-client div.content {
	padding:13px 0 0 13px;
}

#work-client-left {
	float:left; 
	width: 430px;
}

#work-client-right {
	float:right; 
	width:495px;
}

#work-client-description {
	overflow:auto;
	height:289px;
	padding:10px;
	margin-right:13px;
}

#work-client-description div.sub-title {
	color:#003300;
	font-size:12px;
	font-weight:bold;
}

#work-client-description p {
	color:#111;
	font-size:11px;
	line-height:16px;
}
#services-list div div p {
	line-height:18px;
	margin-bottom:18px;
}


#buzzwords {
	margin:7px 0;
}
#buzzwords2 {
	margin-top:15px;
}

#buzzwords ul, #buzzwords2 ul {
	text-align:center;
	line-height:15px;
}
#buzzwords li, #buzzwords2 li {
	display:inline; 
	font-size:11px;
	background-color:#f2f9fa;
	color:#669900;
	padding:0 7px;
}
#services-list div h6 {
	color:#007AAA;
	font-size:116%;
	font-weight:bold;
}

#contact-us { margin-top:12px; }

#contact-us div {
	float:left;
	width:33%;
	height:300px;
}

#contact-us div p {
	margin:80px 10px 0px 50px;
	color:#004976;
	font-size:123.1%;
	line-height:25px;
}

#contact-us div p a { color:#004976; }
#contact-us div p strong { font-size:131%; font-weight:normal; }