/* ****************************************************** */
/* =tags */
body {
	background: #0070B2;
	font: 12px/140% Tahoma, Arial, Helvetica, sans-serif;
	color: #069;
	color: #00568D;
	margin: 0 0 20px 0;
}

a img {
	border: none;
}

a:link, a:visited {
	color: #007CB9;
}

a:hover, a:active {
	color: #007CB9;
}

br.clear {
	clear: both;
}

input, textarea, select, option {
	font: 11px Verdana, Arial, Geneva, sans-serif;
	color: #000;
	background: #EEF7FB;
}

/* ****************************************************** */
/* =header */
#header {
	width: 781px;
	height: 74px;
	margin: 0 auto;
	background: #004470 url(../images/bg_sub_header.gif) no-repeat;
}

#header h1 {
	margin: 0;
	padding: 0;
	text-indent: -999em;
	clear: both;
}

#header strong {
	display: none;
}

#header h1 a {
	display: block;
	text-decoration: none;
	width: 781px;
	height: 54px;
}

html>body #header h1 a {
	height: 74px;
}

/* ****************************************************** */
/* =navigation */
#navigation {
	position: relative;
	width: 781px;
	height: 40px;
	margin: 0 auto;
	background: #004470 url(../images/bg_nav_base.gif) no-repeat;
}

#navigation ul {
	position: absolute;
	top: 0;
	right: 20px;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	display: block;
	width: 60px;
	height: 40px;
	float: left;
	clear: none;
	text-indent: -999em;
}

#navigation ul li a:link, #navigation ul li a:visited {
	display: block;
	width: 60px;
	height: 40px;
	text-decoration: none;
	background-color: transparent;
}

#navigation ul li.home, #navigation ul li.home a:link, #navigation ul li.home a:visited {
	width: 50px;
	background-image: url(../images/bt_nav_home_off.gif);
}

#navigation ul li.what, #navigation ul li.what a:link, #navigation ul li.what a:visited {
	width: 85px;
	background-image: url(../images/bt_nav_what_do_we_do_off.gif);
}

#navigation ul li.how, #navigation ul li.how a:link, #navigation ul li.how a:visited {
	width: 91px;
	background-image: url(../images/bt_nav_how_do_we_do_it_off.gif);
}

#navigation ul li.projects, #navigation ul li.projects a:link, #navigation ul li.projects a:visited {
	width: 66px;
	background-image: url(../images/bt_nav_projects_off.gif);
}

#navigation ul li.crew, #navigation ul li.crew a:link, #navigation ul li.crew a:visited {
	width: 70px;
	background-image: url(../images/bt_nav_the_crew_off.gif);
}

#navigation ul li.contact, #navigation ul li.contact a:link, #navigation ul li.contact a:visited {
	width: 79px;
	background-image: url(../images/bt_nav_contact_us_off.gif);
}

#navigation ul li.home a:hover, #navigation ul li.home a:active {
	background-image: url(../images/bt_nav_home_hover.gif);
}

#navigation ul li.what a:hover, #navigation ul li.what a:active {
	background-image: url(../images/bt_nav_what_do_we_do_hover.gif);
}

#navigation ul li.how a:hover, #navigation ul li.how a:active {
	background-image: url(../images/bt_nav_how_do_we_do_it_hover.gif);
}

#navigation ul li.projects a:hover, #navigation ul li.projects a:active {
	background-image: url(../images/bt_nav_projects_hover.gif);
}

#navigation ul li.crew a:hover, #navigation ul li.crew a:active {
	background-image: url(../images/bt_nav_the_crew_hover.gif);
}

#navigation ul li.contact a:hover, #navigation ul li.contact a:active {
	background-image: url(../images/bt_nav_contact_us_hover.gif);
}

#navigation ul li.home a.current:link, #navigation ul li.home a.current:visited {
	background-image: url(../images/bt_nav_home_on.gif);
}

#navigation ul li.what a.current:link, #navigation ul li.what a.current:visited {
	background-image: url(../images/bt_nav_what_do_we_do_on.gif);
}

#navigation ul li.how a.current:link, #navigation ul li.how a.current:visited {
	background-image: url(../images/bt_nav_how_do_we_do_it_on.gif);
}

#navigation ul li.projects a.current:link, #navigation ul li.projects a.current:visited {
	background-image: url(../images/bt_nav_projects_on.gif);
}

#navigation ul li.crew a.current:link, #navigation ul li.crew a.current:visited {
	background-image: url(../images/bt_nav_the_crew_on.gif);
}

#navigation ul li.contact a.current:link, #navigation ul li.contact a.current:visited {
	background-image: url(../images/bt_nav_contact_us_on.gif);
}

/* ****************************************************** */
/* =content */
.content {
	position: relative;
	width: 781px;
	margin: 0 auto;
	background: #fff url(../images/bg_l2_content.gif) repeat-y;
	border-bottom: 1px solid #B7DCED;
/*	overflow: hidden;*/
}
.content.fullWidth {
	background: #fff url(../images/bg_content_base_middle.gif) repeat-y;
}

#homepage .content {
	background: #fff url(../images/bg_content_base_middle.gif) repeat-y;
	border-bottom: none;
}

.content h2, .content h3 {
	margin: 0;
}

.content h4 {
	font-size: 12px;
	margin-bottom: 2px;
}

.content .alert_success p, .content .alert_error p {
	margin: 8px 8px 8px 67px;
	font-weight: bold;
}

.content .alert_success {
	height: 60px;
	color: #393;
	background: #E1F0E1 url(../images/bg_success.gif) no-repeat;
	border: 1px solid #95B986;
	margin-bottom: 10px;
}

.content .alert_error {
	height: 60px;
	color: #c00;
	background: #F7D9D9 url(../images/bg_error.gif) no-repeat;
	border: 1px solid #E16C6C;
	margin-bottom: 10px;
}

.content ul li {
	float: none;
	clear: both;
}

.content .thumbnail {
	float: left;
	clear: none;
	margin: 0 10px 10px 0;
}

.postedBy {
	font-size: 10px;
}

.postedBy strong {
	color: #66B0D5;
}

.pageHeading {
	position: relative;
	display: block;
	width: 781px;
	height: 21px;
	background: transparent url(../images/bg_content_base_top.gif) no-repeat;
	border-bottom: 1px solid #B7DCED;
}

.pageHeading h2 {
	position: absolute;
	top: -12px;
	display: block;
	width: 781px;
	height: 33px;
	background-repeat: no-repeat;
	margin: 0;
	text-indent: -999em;
}

.breadcrumbs {
	position: relative;
	display: block;
	width: 781px;
	height: 21px;
	background: transparent url(../images/bg_content_base_top.gif) no-repeat;
	border-bottom: 1px solid #B7DCED;
}

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

.breadcrumbs ul li {
	display: inline;
	padding: 0 12px 0 0;
	background: transparent url(../images/bg_breadcrumb_divider.gif) no-repeat top right;
}

html>body .breadcrumbs ul li {
	padding: 0 18px 0 0;
}

.breadcrumbs ul li.last {
	background: none;
}

.breadcrumbs ul li a:link, .breadcrumbs ul li a:visited {
	text-decoration: none;
	font-weight: bold;
}

.breadcrumbs ul li a:hover, .breadcrumbs ul li a:active {
	text-decoration: underline;
}

.featureContent {
	width: 172px;
	height: 306px;
	overflow-x: hidden;
	float: left;
	clear: none;
	background: transparent url(../images/bg_feature_gradient.png) no-repeat 0 -1px;
	padding: 12px 12px 200px 12px;
}

.featureContent h3 {
	font: bold 15px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #007CB9;
}

html>body .featureContent {
	height: auto;
	min-height: 306px;
}

#recentModule {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 175px;
	margin: 0 0 10px 13px;
	background: transparent url(../images/bg_related_middle.gif) repeat-y;
}

#recentModule h3 {
	display: block;
	width: 175px;
	height: 27px;
	margin: 0 !important;
	text-indent: -999em;
	background: transparent url(../images/hd_recent_articles.gif) repeat-y;
}

#recentModule ul {
	margin: 0;
	padding: 0 13px 10px 13px;
	list-style-type: none;
	background: transparent url(../images/bg_related_top.gif) no-repeat 0 -27px;
}

#recentModule ul li {
	background: transparent url(../images/gr_divider_related.gif) no-repeat;
	padding: 4px 0;
}

#recentModule ul li a:link, #recentModule ul li a:visited {
	text-decoration: none;
	font-weight: bold;
}

#recentModule ul li a:hover, #recentModule ul li a:active {
	text-decoration: underline;
}

#recentModule .showAll a:link, #recentModule .showAll a:visited {
	display: block;
	width: 175px;
	height: 30px;
	margin: 0;
	text-indent: -999em;
	background: transparent url(../images/bg_related_bottom.gif) no-repeat;
	text-decoration: none;
}

.mainContent {
	width: 559px;
	overflow: hidden;
	float: left;
	clear: none;
	padding: 12px 10px 12px 11px;
}

html>body .fullWidth .mainContent {
	overflow: visible;
}

.fullWidth .mainContent {
	width: 760px;
	overflow: hidden;
}

html>body .fullWidth .mainContent {
	overflow: visible;
}

.mainContent h2 {
	margin: 0 0 10px 0;
	background: transparent url(../images/gr_divider_white_2col.gif) repeat-x bottom left;
	padding-bottom: 6px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 20px;
}

.mainContent h3 {
	font: bold 15px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #007CB9;
	margin-bottom: 10px;
}

.mainContent .divider {
	height: 1px;
	margin: 10px 0;
	background: transparent url(../images/gr_divider_white_2col.gif) repeat-x;
}

.mainContent ul {
	list-style-position: inside;
	padding: 0;
	margin-left: 0;
	margin-top: 0;
}

.mainContent p {
	margin-top: 0;
}

/* ****************************************************** */
/* =footer */

#footer {
	position: relative;
	clear: both;
	width: 781px;
	height: 63px;
	margin: 0 auto;
	background: #004470 url(../images/bg_global_footer.gif) no-repeat bottom left;
	color: #B5D0DF;
}

#homepage #footer {
	position: relative;
	clear: both;
	width: 781px;
	height: 46px;
	margin: 0 auto;
	background: #004470 url(../images/bg_global_footer_bott.gif) no-repeat bottom left;
	color: #B5D0DF;
}

#footer a:link, #footer a:visited {
	color: #B5D0DF;
}

#footer a:hover, #footer a:active {
	color: #B5D0DF;
}

#footer .privacy {
	font-weight: normal;
}

#footer .copyright {
	position: absolute;
	bottom: 10px;
	left: 25px;
	font-weight: bold;
}

#footer .contact {
	position: absolute;
	bottom: 10px;
	right: 30px;
}

/* ****************************************************** */
/* =page specific stuff */
#whatWeDo .pageHeading h2 {
	background-image: url(../images/hd_sub_what_we_do.gif);
}

#howWeDoIt .pageHeading h2 {
	background-image: url(../images/hd_sub_how_we_do_it.gif);
}

#projects .pageHeading h2 {
	background-image: url(../images/hd_sub_projects.gif);
}

#theCrew .pageHeading h2 {
	background-image: url(../images/hd_sub_the_crew.gif);
}

#contact .pageHeading h2 {
	background-image: url(../images/hd_sub_contact_us.gif);
}

#freeStuff .pageHeading h2 {
	background-image: url(../images/hd_sub_stuff.gif);
}

#whatsNew .pageHeading h2 {
	background-image: url(../images/hd_sub_whats_new.gif);
}

#privacyPolicy .pageHeading h2 {
	background-image: url(../images/hd_sub_privacy_policy.gif);
}

/* =contact */
#contact .map {
	width: 173px;
	background: transparent url(../images/bg_img_feature_light_top.gif) no-repeat top left;
}

#contact .featureContent .thumbnail {
	width: 173px;
	overflow: hidden;
	background: transparent url(../images/bg_img_feature_light_mid.gif) repeat-y;
	padding: 0;
	margin: 5px 0;
}

#contact .featureContent .thumbnail a, #contact .featureContent .thumbnail span {
	display: block;
	padding: 0 8px 8px 5px;
	margin: 0;
	background: transparent url(../images/bg_img_feature_light_bottom.gif) no-repeat bottom left;
}

#locationMap {
	float: left;
	clear: none;
}

#contactDetails {
	float: left;
	clear: none;
	width: 150px;
	margin-left: 10px;
}

#contactDetails dt {
	font-weight: bold;
	margin-top: 15px;
}

#contactDetails dt#contactPhone, #contactDetails dt#contactFax {
	margin-top: 0;
}

#contactDetails dd {
	margin-left: 0;
}

.contactMethod {
	width: 178px;
	float: left;
	clear: none;
	padding: 53px 0 20px 0;
	background-repeat: no-repeat;
}

.contactMethod dl {
	margin: 0;
	padding: 0;
}

.contactMethod dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.contactMethod dd {
	margin: 0;
	padding: 0;
}

.contactMethod#phoneFax {
	background-image: url(../images/gr_ic_phone.gif);
}

.contactMethod#email {
	background-image: url(../images/gr_ic_email.gif);
}

.contactMethod#mail {
	background-image: url(../images/gr_ic_mail.gif);
}


ul.officeShots {
	width: 700px;
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.officeShots li {
	float: left;
	clear: none;
	width: 274px;
}

ul.officeShots li.first{
	margin-right: 11px;
}

/* =projects */

#projects .featuredProject {
	width: 173px;
	background: transparent url(../images/bg_img_feature_light_top.gif) no-repeat top left;
}

#projects .featureContent .thumbnail {
	width: 173px;
	overflow: hidden;
	background: transparent url(../images/bg_img_feature_light_mid.gif) repeat-y;
	padding: 0;
	margin: 5px 0;
}

#projects .featureContent .thumbnail a, #projects .featureContent .thumbnail span {
	display: block;
	padding: 0 8px 8px 5px;
	margin: 0;
	background: transparent url(../images/bg_img_feature_light_bottom.gif) no-repeat bottom left;
}

#projects .featureContent h2 {
	font-size: 11px;
	color: #007CB9;
	margin: 5px 0;
}

#projects .featureContent h3 {
	margin: 5px 0;
}

#projects .featureContent p {
	margin: 5px 0;
}

#projects .featureContent h3 a:link, #projects .featureContent h3 a:visited {
	font-size: 16px;
	color: #00365B;
	text-decoration: none;
}

#projects .featureContent h3 a:hover, #projects .featureContent h3 a:active {
	color: #007CB9;
	text-decoration: underline;
}

#projects .featureContent .summary {
	font: bold 15px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #007CB9;
}

#projects .featureContent #recentModule h3 {
	background-image: url(../images/hd_recent_projects.gif);
}

#projects .featureContent .util {
	width: 162px;
	height: 32px;
	padding: 12px 0 0 8px;
	background: transparent url(../images/bt_visit_site.gif) no-repeat;
	line-height: 100%;
}

#projects .featureContent .siteLink {
	float: left;
	clear: none;
	border-right: 1px solid #069;
	padding: 0 4px;
}

#projects .featureContent .noBorder {
	border: none;
}

#projects .featureContent .screenshots {
	float: left;
	clear: none;
	padding: 0 0 0 4px;
}

#projects .mainContent .row {
	width: 559px;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
}

#projects .mainContent .row .project {
	width: 170px;
	margin-right: 10px;
	float: left;
	clear: none;
}

#projects .mainContent .row .project .thumbnail {
	clear: both;
	background: transparent url(../images/bg_img_thumb_white_large.gif) no-repeat;
	padding: 5px;
}

#projects .mainContent .row .project h3 {
	font: bold 11px/140% Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	clear: both;
}

#projects .mainContent .row .project a:link, #projects .mainContent .row .project h3 a:visited {
	color: #069;
	text-decoration: none;
}

#projects .mainContent .row .project h3 a:hover, #projects .mainContent .row .project h3 a:active {
	text-decoration: underline;
}

#projects .mainContent .row .project p {
	margin: 7px 0;
}

/* =project details */
#projects .details h2 {
	font-size: 24px;
	color: #007CB9;
	background: none;
}

#projects .details h2 em {
	display: block;
	font-size: 18px;
	text-align: right;
	color: #015C88;
	font-style: normal;
}

#projects .details h2.right {
	font-size: 18px;
	color: #015C88;
	background: none;
}

#projects .details h2.right em {
	font-size: 24px;
	color: #007CB9;
	display: block;
	text-align: right;
	font-style: normal;
}

#projects .details .image.right {
	float: right;
	clear: none;
	margin: 0 0 10px 10px;
}

#projects .details .image.centre {
	float: none;
	clear: none;
	margin: 10px 0;
}

#projects .details .image.left {
	float: left;
	clear: none;
	margin: 0 10px 10px 0;
}

#projects .details {
}

#projects .details dl dt {
	font-size: 14px;
	font-family: arial,helvetica,sans-serif;
	color: #666;
}

#projects .details dl dd {
	padding: 0;
	margin: 4px 0 20px 0;
}

#projects .details dl dd h3 {
	margin: 0;
	font-size: 24px;
	color: #007CB9;
	font-weight: normal;
}

#projects .details ul.services {
	padding: 0;
	margin: 0 0 1em 0;
	list-style-type: none;
	float: left;
	clear: none;
}

#projects .details ul.services li {
	padding: 0 0 0 18px;
	margin: 4px 0 0 0;
	background: transparent url(../images/gr_tick.gif) no-repeat 0 2px;
	color: #666;
}

#projects .details p {
	clear: left;
	padding-top: 20px;
}

#projects #screenshots {
	position: relative;
	float: right;
	clear: none;
	width: 331px;
	height: 295px;
	padding: 10px 0 0 31px;
	margin: 0 0 5px 20px;
	background: transparent url(../images/bg_screenshots.gif) no-repeat;
}

#projects #screenshots h4 {
	display: none;
}

#projects #screenshots ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#projects #screenshots ul li {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	display: none;
}

#projects #screenshots ul li.current {
	display: block;
}

#projects #screenshots ol {
	position: absolute;
	bottom: 10px;
	width: 300px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	text-align: center;
}

#projects #screenshots ol li {
	display: inline;
	text-align: center;
	text-decoration: underline;
	font-weight: normal;
	cursor: pointer;
	padding: 0 4px 0 0;
}

#projects #screenshots ol li.current {
	text-decoration: none;
	font-weight: bold;
	cursor: default;
}

#projects #screenshots span.previous {
	position: absolute;
	bottom: 10px;
	left: 10px;
	display: block;
	width: 16px;
	height: 13px;
	cursor: pointer;
	background: transparent url(../images/bt_previous.gif) no-repeat;
}

#projects #screenshots span.next {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: block;
	width: 16px;
	height: 13px;
	cursor: pointer;
	background: transparent url(../images/bt_next.gif) no-repeat;
}


#projects #other-projects {
	clear: both;
	background: #D4EAF4;
	border-top: 1px solid #B7DCED;
	padding-bottom: 10px;
}

#projects #other-projects h3 {
	position: relative;
	width: 153px;
	height: 38px;
	background: transparent url(../images/hd_other_projects.gif) no-repeat 9px 13px;
	text-indent: -999em;
	margin: 0;
}

#projects #other-projects .prj-wrapper {
	width: 752px;
	height: 222px;
	margin: 9px 13px;
	overflow: auto;
}

#projects #other-projects ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#projects #other-projects ul li {
	display: block;
	width: 140px;
	margin: 0 0 0 0;
	padding: 6px 8px 6px 6px;
	float: left;
	clear: none;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	line-height: 130%;
}

#projects #other-projects ul li.current {
	background: #B7DCED;
	padding: 5px 7px 5px 5px;
	border: 1px solid #8CBDDA;
}

#projects #other-projects ul li a {
	text-decoration: none;
}

#projects #other-projects ul li a img {
	border: 1px solid #007CB9;
}

/* =the crew */
#theCrew .mainContent {
	position: static;
	width: 775px;
	padding: 12px 0 12px 6px;
}

#theCrew .mainContent .thumbnail {
	padding: 5px 8px 8px 5px !important;
}

#theCrew .mainContent h2 {
	margin: 0;
	padding: 0;
}

#theCrew .staffMember {
	width: 381px;
	float: left;
	clear: none;
	margin: 0 6px 11px 0;
	background: transparent url(../images/bg_module_white_middle.gif) repeat-y;
}

#theCrew .staffMember#frank {
	width: 768px;
	clear: both;
	background: transparent url(../images/bg_module_crew_ft_middle.gif) repeat-y;
}

#theCrew .staffMember#hiring {
	width: 768px;
	clear: both;
	background: transparent url(../images/bg_module_crew_ft_middle.gif) repeat-y;
}

#theCrew .staffMember#hiring .hiring-content .intro { /*new*/
	width: 610px;
	float: left;
	clear: none;
	padding: 0 0 10px 0;
}

#theCrew .staffMember#hiring .position {
	width: 730px; /*new*/
	clear: both; /*new*/
	padding-left: 14px;
	background: transparent url(../images/bg_arrow.gif) no-repeat 0 3px;
}

#theCrew .staffMember#hiring h3 {
	font: bold 12px/140% Tahoma, Arial, Helvetica, sans-serif;
}

#theCrew .staffMember#hiring .position h3 {
	line-height: 100%;
}

#theCrew .staffMember#hiring .more {
	clear: both;
	width: 768px;
	background: #fff url(../images/bg_module_crew_ft_bottom.gif) no-repeat;
}

#theCrew .staffMember#fromTheCrew {
	width: 768px;
	clear: both;
	background: transparent url(../images/bg_module_crew_ft_middle.gif) repeat-y;
}

#theCrew .staffMemberWrapper {
	height: 270px;
	padding: 8px 12px;
	background: transparent url(../images/bg_module_white_top.gif) no-repeat;
}

#theCrew .staffMemberWrapper .thumbnail {
	background: transparent url(../images/bg_img_staff_light.gif) no-repeat;
	padding: 5px;
	margin-bottom: 0;
}

#theCrew #frank .staffMemberWrapper {
	clear: both;
	height: 73px;
	padding: 0 12px;
	background: transparent url(../images/bg_module_crew_ft_top.gif) no-repeat;
}

#theCrew .staffMember#hiring .wrapper {
	clear: both;
	height: auto;
	padding: 10px 12px 0 12px;
	background: transparent url(../images/bg_module_crew_ft_top.gif) no-repeat;
}

#theCrew .staffMember#fromTheCrew .wrapper {
	clear: both;
	/*height: 73px;*/
	padding: 10px 12px 0 12px;
	background: transparent url(../images/bg_module_crew_ft_top.gif) no-repeat;
}

#theCrew .staffMemberWrapper p.latestPost {
	font-size: 10px;
	padding-top: 4px;
	background: transparent url(../images/gr_divider_white_2col.gif) no-repeat top left;
	clear: both;
}

#theCrew .staffMember.second {
	clear: right;
	margin-right: 0;
}

#theCrew .staffMember.third {
	clear: left;
}

#theCrew .staffMember h2 {
	width: 381px;
	height: 29px;
	background-repeat: no-repeat;
	text-indent: -999em;
}

#theCrew .staffMember#frank .latestPost {
	width: 457px;
	height: 73px;
	float: left;
	clear: none;
	padding: 8px 0 8px 0;
	background: transparent url(../images/gr_divider_ft_white.gif) repeat-y 452px 0;
}

#theCrew .staffMember#frank .latestPost .thumbnail {
	background: transparent url(../images/bg_img_thumb_light_small.gif) no-repeat;
}

#theCrew .staffMember#fromTheCrew .thumbnail {
	background: transparent url(../images/bg_img_thumb_light_small.gif) no-repeat;
}

#theCrew .staffMember#frank .bio {
	margin-left: -5px;
	width: 280px;
	height: 73px;
	float: left;
	clear: none;
	padding: 8px 0 8px 12px;
	background: transparent url(../images/gr_divider_ft_grad.gif) no-repeat bottom left;
}

#theCrew .staffMember#frank h3 {
	font: bold 11px/140% Tahoma, Arial, Helvetica, sans-serif;
}

#theCrew .staffMember#fromTheCrew h3 {
	font: bold 11px/140% Tahoma, Arial, Helvetica, sans-serif;
}

#theCrew .staffMember#frank .latestPost h3, #theCrew .staffMember#frank .bio h3 {
	margin: 0;
	font-size: 11px;
}

#theCrew .staffMember#frank h3 a:link, #theCrew .staffMember#frank h3 a:visited {
	text-decoration: none;
}

#theCrew .staffMember#frank h3 a:hover, #theCrew .staffMember#frank h3 a:active {
	text-decoration: underline;
}

#theCrew .staffMember#frank .latestPost p, #theCrew .staffMember#frank .bio p {
	margin: 4px;
	color: #00568D;
}

#theCrew .staffMember .more {
	position: relative;
	width: 381px;
	height: 26px;
	background: #fff url(../images/bg_module_white_bottom.gif) no-repeat;
}

#theCrew .staffMember#frank .more {
	clear: both;
	width: 768px;
	background: #fff url(../images/bg_module_crew_ft_bottom.gif) no-repeat;
}

#theCrew .staffMember#fromTheCrew .more {
	clear: both;
	width: 768px;
	background: #fff url(../images/bg_module_crew_ft_bottom.gif) no-repeat;
}

#theCrew .staffMember .more a:link, #theCrew .staffMember .more a:visited {
	display: block;
	width: 120px;
	height: 9px;
	text-indent: -999em;
	text-decoration: none;
	position: absolute;
	top: 6px;
	right: 12px;
	background-repeat: no-repeat;
	background-position: top right;
}

#theCrew .staffMember#grant h2 {
	background-image: url(../images/hd_module_crew_gk.gif);
}

#theCrew .staffMember#fred h2 {
	background-image: url(../images/hd_module_crew_fr.gif);
}

#theCrew .staffMember#sam h2 {
	background-image: url(../images/hd_module_crew_se.gif);
}

#theCrew .staffMember#lindsay h2 {
	background-image: url(../images/hd_module_crew_le.gif);
}

#theCrew .staffMember#frank h2 {
	width: 768px;
	background-image: url(../images/hd_module_crew_ft.gif);
}

#theCrew .staffMember#hiring h2 {
	width: 768px;
	background-image: url(../images/hd_module_hiring.gif);
}

#theCrew .staffMember#fromTheCrew h2 {
	width: 768px;
	background-image: url(../images/hd_module_stuff.gif);
}

#theCrew .staffMember#grant .more a:link, #theCrew .staffMember#grant .more a:visited {
	background-image: url(../images/bt_crew_more_gk.gif);
}

#theCrew .staffMember#fred .more a:link, #theCrew .staffMember#fred .more a:visited {
	background-image: url(../images/bt_crew_more_fr.gif);
}

#theCrew .staffMember#sam .more a:link, #theCrew .staffMember#sam .more a:visited {
	background-image: url(../images/bt_crew_more_se.gif);
}

#theCrew .staffMember#lindsay .more a:link, #theCrew .staffMember#lindsay .more a:visited {
	background-image: url(../images/bt_crew_more_le.gif);
}

#theCrew .staffMember#frank .more a:link, #theCrew .staffMember#frank .more a:visited {
	background-image: url(../images/bt_crew_more_ft.gif);
}

#theCrew .staffMember#fromTheCrew .more a:link, #theCrew .staffMember#fromTheCrew .more a:visited {
	background-image: url(../images/bt_more_stuff.gif);
}

#theCrew .staffMember#frank .bio .thumbnail {
	background: none;
	padding: 0;
}

/* =frank */

#frank .frankBio, #frank .featureContent .summary {
	width: 173px;
	background: transparent url(../images/bg_img_feature_light_top.gif) no-repeat top left;
}

#frank .featureContent .thumbnail {
	width: 173px;
	overflow: hidden;
	background: transparent url(../images/bg_img_feature_light_mid.gif) repeat-y;
	padding: 0;
	margin: 5px 0;
}

#frank .featureContent .thumbnail a, #frank .featureContent .thumbnail span {
	display: block;
	padding: 0 8px 8px 5px;
	margin: 0;
	background: transparent url(../images/bg_img_feature_light_bottom.gif) no-repeat bottom left;
}

#frank .row {
	padding-top: 10px;
	clear: both;
	background: transparent url(../images/gr_divider_white_2col.gif) repeat-x top left;
}

#frank .row.first {
	padding-top: 0;
	background: none;
}

#frank .article {
	width: 250px;
	float: left;
	clear: none;
	margin-right: 10px;
}

#frank .mainContent .article a:link, #frank .mainContent .article a:visited {
	font-weight: bold;
	text-decoration: none;
}

#frank .mainContent .article a:hover, #frank .mainContent .article a:active {
	text-decoration: underline;
}

#frank .mainContent .article .thumbnail {
	clear: both;
	background: transparent url(../images/bg_img_thumb_white_small.gif) no-repeat;
	padding: 5px 8px 8px 5px;
	margin-bottom: 0;
}

#frank .mainContent .first .article .thumbnail {
	background: transparent url(../images/bg_img_thumb_white_large.gif) no-repeat;
}

#frank .first .article {
	width: 550px;
}

/* =what we do */
#whatWeDo .featureContent {
	position: relative;
	float: right;
	margin-right: 1px;
}

#whatWeDo .mainContent {
	width: 544px;
	padding: 12px 10px 12px 26px;
}

#whatWeDo .featureContent ul {
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#whatWeDo .featureContent .thumbnail {
	margin: 8px 5px 5px 0;
	background: transparent url(../images/bg_img_thumb_blue_large.gif) no-repeat;
}

#whatWeDo .featureContent .thumbnail a {
	display: block;
	margin: 5px 8px 8px 5px;
}

#whatWeDo .featureContent ul li {
	margin-top: 17px;
}

#whatWeDo h3 {
	margin-bottom: 3px;
}

#whatWeDo p {
	margin-top: 3px;
}


/* =whats new */
#whatsNew .featuredArticle {
	width: 173px;
	background: transparent url(../images/bg_img_feature_light_top.gif) no-repeat top left;
}

#whatsNew .featuredArticle p {
	margin: 2px 0 0 0;
	background: none;
}
#whatsNew .featureContent h2 {
	font-size: 11px;
	color: #007CB9;
	margin: 5px 0;
}

#whatsNew .featureContent h3 {
	margin: 5px 0;
}

#whatsNew .featureContent p {
	margin: 5px 0;
}

#whatsNew .featureContent h3 a:link, #whatsNew .featureContent h3 a:visited {
	font-size: 16px;
	color: #00365B;
	text-decoration: none;
}

#whatsNew .featureContent h3 a:hover, #whatsNew .featureContent h3 a:active {
	color: #007CB9;
	text-decoration: underline;
}

#whatsNew .featureContent .summary {
	font: bold 15px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #007CB9;
}

#whatsNew .featureContent .thumbnail {
	width: 173px;
	overflow: hidden;
	background: transparent url(../images/bg_img_feature_light_mid.gif) repeat-y;
	padding: 0;
	margin: 5px 0;
}

#whatsNew .featureContent .thumbnail a, #whatsNew .featureContent .thumbnail span {
	display: block;
	padding: 0 8px 8px 5px;
	margin: 0;
	background: transparent url(../images/bg_img_feature_light_bottom.gif) no-repeat bottom left;
}

#whatsNew .row {
	padding-top: 10px;
	clear: both;
	background: transparent url(../images/gr_divider_white_2col.gif) repeat-x top left;
}

#whatsNew .row.first {
	padding-top: 0;
	background: none;
}

#whatsNew .article strong.date {
	color: #66B0D5;
}

#whatsNew .article a:link, #whatsNew .article a:visited {
	color: #007CB9;
	text-decoration: none;
	font-weight: bold;
}

#whatsNew .article a:hover, #whatsNew .article a:active {
	text-decoration: underline;
}

#whatsNew .article p {
	margin-bottom: 4px;
}

#whatsNew .article .postedBy {
/*	background: transparent url(../images/gr_divider_white_2col.gif) repeat-x top left;
	padding-top: 4px;*/
}

#whatsNew .mainContent .article .thumbnail {
	clear: both;
	background: transparent url(../images/bg_img_thumb_white_small.gif) no-repeat;
	padding: 5px 8px 8px 5px;
	margin-bottom: 0;
}

#whatsNew .summary {
	width: 173px;
	background: transparent url(../images/bg_img_feature_light_top.gif) no-repeat top left;
}

#whatsNew .summary .thumbnail {
	width: 173px;
	overflow: hidden;
	background: transparent url(../images/bg_img_feature_light_mid.gif) repeat-y;
	padding: 0;
	margin: 5px 0;
}

#whatsNew .summary .thumbnail a, #whatsNew .summary .thumbnail span {
	display: block;
	padding: 0 8px 8px 5px;
	margin: 0;
	background: transparent url(../images/bg_img_feature_light_bottom.gif) no-repeat bottom left;
}

/* =free stuff */
#freeStuff .featuredFreebie {
	width: 173px;
	background: transparent url(../images/bg_img_feature_light_top.gif) no-repeat top left;
}

#freeStuff .featuredFreebie p {
	margin: 2px 0 0 0;
}

#freeStuff .featureContent h2 {
	font-size: 11px;
	color: #007CB9;
	margin: 5px 0;
}

#freeStuff .featureContent h3 {
	margin: 5px 0;
}

#freeStuff .featureContent p {
	margin: 5px 0;
}

#freeStuff .featureContent h3 a:link, #freeStuff .featureContent h3 a:visited {
	font-size: 16px;
	color: #00365B;
	text-decoration: none;
}

#freeStuff .featureContent h3 a:hover, #freeStuff .featureContent h3 a:active {
	color: #007CB9;
	text-decoration: underline;
}

#freeStuff .featureContent .summary {
	font: bold 15px "Arial Narrow", Arial, Helvetica, sans-serif;
	color: #007CB9;
}

#freeStuff .featureContent .thumbnail {
	width: 173px;
	overflow: hidden;
	background: transparent url(../images/bg_img_feature_light_mid.gif) repeat-y;
	padding: 0;
	margin: 5px 0;
}

#freeStuff #recentModule h3 {
	background-image: url(../images/hd_recent_freebies.gif) !important;
}

#whatsNew #recentModule h3 {
	background-image: url(../images/hd_recent_stuff.gif) !important;
}

#freeStuff .featureContent .thumbnail a, #freeStuff .featureContent .thumbnail span {
	display: block;
	padding: 0 8px 8px 5px;
	margin: 0;
	background: transparent url(../images/bg_img_feature_light_bottom.gif) no-repeat bottom left;
}

#freeStuff .mainContent .row {
	clear: both;
}

#freeStuff .mainContent .freebie {
	width: 165px;
	margin-right: 10px;
	float: left;
	clear: none;
}

#freeStuff .mainContent .freebie strong.date {
	color: #66B0D5;
}

#freeStuff .mainContent .freebie a:link, #freeStuff .mainContent .freebie a:visited {
	font-weight: bold;
	text-decoration: none;
}

#freeStuff .mainContent .freebie a:hover, #freeStuff .mainContent .freebie a:active {
	text-decoration: underline;
}

#freeStuff .mainContent .freebie .thumbnail {
	clear: both;
	background: transparent url(../images/bg_img_thumb_white_large.gif) no-repeat;
	padding: 5px;
}

#freeStuff .mainContent .freebie .postedBy {
	font-size: 10px;
}

/* ****************************************************** */
/* =feedback forms */

.feedbackForm {
	border-top: 1px solid #B7DCED;
	padding-top: 8px;
}

.feedbackForm form {
	margin: 0;
}

.feedbackForm h3 {
	margin: 0;
}

.feedbackForm label {
	display: block;
	padding: 4px 0 0 0;
	font-size: 10px;
}

.feedbackForm .submitButton {
	display: block;
	clear: both;
	color: #fff;
	background: #0070B2;
	border: 1px solid #00568D;
	font-weight: bold;
	margin-top: 8px;
}