/* Copyright (c) 2006 Cool Blue Interactive. All rights reserved. */
body {
	padding: 15px 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.4em;
	text-align: center;
	background: #B0BDC5 url(../images/bg-body.gif) repeat-x 0 0;
	color: #80888D;
}

table {
	font-size: 1em;
}

a:link, a:visited {
	text-decoration: underline;
	color: #007DC3;
}

a:hover, a:active {
	text-decoration: none;
	color: #007DC3;
}

blockquote, code, p, pre, tt, ul, ol, li  {
	margin-bottom: 1em;
}

address {
	font-style: normal;
	}

ol {
	padding-left: 5px;
	margin-left: 1.7em;
}

ul{
	margin: 0.5em 0 1.5em 0;
	padding: 0;
}

ul li {
	padding-left: 22px;
	list-style: none;
	background: transparent url(../images/bg-li.gif) no-repeat 0.5em 0;
}


h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.7em;
	line-height: 1.2em;
	color: #46728d;
}

h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }
h5 { font-size: 10px; }
h6 { font-size: 10px; }

h2.standout {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #339bcb;
}

img, fieldset {
	border: none;
}

hr, legend {
	display: none;
}

/* =wrapper
*----------------------------------------------------*/
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 710px;
	w\idth: 700px;
	background: #FFF;
	border: 5px solid #FFF;
	text-align: left;
}

/* =header
*----------------------------------------------------*/
#header {
	position: relative;
	background: #97C6E0 url(../images/bg-header.gif) repeat-x 0 0;
	color: #FFF;
}

#header h1 {
	padding: 0;
	margin: 0;
}

#logo {
	position: relative;
	padding: 15px;
}

#navigation {
	position: relative;
	margin: 0;
	padding: 0;
	background: #1D6FA0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* =nav
*----------------------------------------------------*/
#nav {
	float: left;
	padding: 0;
	margin: 0;
	width: 404px;
	height: 30px;
	font-size: 10px;
	text-decoration: none;
	list-style: none;
	color: #FFF;
}

#nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#nav li {
	float: left;
	padding: 0;
	margin: 0;
	height: 30px;
	list-style: none;
	background: none;
}

#nav a:link, #nav a:visited {
	width: 101px;
	w\idth: 100px;
	height: 30px;
	he\ight: 20px;
	padding-top: 10px;
	display: block;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #FFF;
	background-color: #3089BF;
}

#nav a:hover, #nav a:active {
	background-color: #48A0D6;
}

/* =aux
*----------------------------------------------------*/

#aux {
	position: absolute;
	top: 8px;
	left: 430px;
	width: 260px;
	padding: 0;
	margin: 0;
	font-size: 9px;
	list-style: none;
}

#aux:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#aux li {
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
	list-style: none;
	background: none;
}

#aux a:link, #aux a:visited {
	display: block;
	padding: 0 7px 0 0;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}

#aux a:hover, #aux a:active {
	text-decoration: underline;
}

/* =springboard
*----------------------------------------------------*/

#springboard {
	position: absolute;
	top: 25px;
	left: 430px;
}

#jump {
	padding: 0;
	margin: 0;
	font-size: 10px;
	list-style: none;
	width: 250px;
}

#jump:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#jump li {
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
	background: none;
	list-style: none;
}

#jump a:link, #jump a:visited {
	display: block;
	padding: 0 7px 0 0;
	margin: 0;
	color: #1D6FA0;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

#jump a:hover, #jump a:active {
	text-decoration: underline;
	}

/* =client-login
*----------------------------------------------------*/
#client-login {
	position: absolute;
	top: 0;
	right: 0;
	width: 83px;
	height: 17px;
	text-indent: -5000px;
	text-decoration: none;
	background: url(../images/logintab.gif) no-repeat 0 0;
	overflow: hidden;
	display: block;
}

#client-login p {
	padding: 0;
	margin: 0;
	}

#client-login a {
	display: block;
	width: 83px;
	height: 17px;
}

/* =billboard
*----------------------------------------------------*/

#billboard:after, #billboard_noflash:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#billboard_noflash {
	position: relative;
	background-color: #145177;
	color: #FFF;
	height: 215px;
	}

#billboard_noflash h3,
#billboard_noflash p {
	width: 210px;
	w\idth: 190px;
	}

#billboard_noflash h3 {
	position: relative;
	padding: 10px;
	font-size: 16px;
	margin: 0;
	background-color: #0E364B;
	border-bottom: 1px solid #6E828E;
	color: #FFF;
	}

#billboard_noflash p {
	padding: 0 10px;
	margin: 0 0 1em 0;
	}

#billboard_noflash img {
	position: absolute;
	top: 0;
	right: 0;
}

/* =main
*----------------------------------------------------*/
#main {
	padding: 0;
	margin: 5px 0 0 0;
	background: transparent url(../images/bg-main.gif) repeat-y 0 0;
}

#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* =content
*----------------------------------------------------*/
#content {
	float: right;
	padding: 10px;
	width: 490px;
	w\idth: 470px;
}

#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content h1 {
	padding: 38px 10px 10px 10px;
	margin: -10px -10px 10px -10px;
	background: #EEE url(../images/bg-content.gif) repeat-x 0 0;
	border-bottom: 1px solid #CCC;
	color: #736949;
}

#content .alignright {
	float:right;
	margin:0 0 15px 15px;
}

/* =services
*----------------------------------------------------*/
#services {
	float: left;
}

#services img {
	float: left;
	margin-right: 10px;
	padding-top: 20px;
}

#services a img {
	border: 3px solid #FFFFFF;
	padding-top: 0;
}

#services a:hover img, #services a:active img, #services a.selected img {
	border: 3px solid #46728D;
	padding-top: 0;
}

#services .awardbox {
	float: right;
	width: 100px;
	w\idth: 90px;
	margin: 5px;
	padding: 0 0 0 10px;
	text-align: center;
	border-left: 1px solid #DBDEA7;
}

#services .awardbox a img, #services .awardbox a:hover img, 
#services .awardbox a:active img, #services .awardbox a.selected img {
	border: none;
	padding-bottom: 12px;
	padding-top: 0;
}



/* =sidebar
*----------------------------------------------------*/
#sidebar {
	float: left;
	width: 201px;
	margin: 0 0 30px 0;
	padding: 0;
	background: url(../images/bg-sidebar.gif) repeat-y;
}

#sidebar p {
	padding: 0 10px 10px 10px;
}
#sidebar h1 {
	font-size:15px;
	font-family:Rockwell,Times,serif;
	font-weight:bold;
	color:#3089bf;
	padding:0;
	margin:0 0 10px 10px;
	clear:left;
}
#sidebar .sep {
	margin: 0;
	padding: 0;
	display: block;
	height: 9px;
	background: url(../images/bg-sep.gif) no-repeat;
	font-size: 2px;
}

#sidebar .sep2 {
	margin: 0;
	padding: 0;
	display: block;
	border-bottom: 1px solid #CECCCC;
	font-size: 2px;
}

#rail {
	margin: 0;
	padding: 0;
}

#rail .siderail_top {
	height: 47px;
	background: url(../images/services/design/sidebar_top_bg.gif) repeat;
	border-left: 1px solid #CECCCC;
	border-right: 1px solid #CECCCC;
	padding-top: 8px;
	padding-left: 5px;
	color: #46728D;
	font-weight: bold;
}

#rail .siderail_mid {
	height: 160px;
	background: url(../images/services/design/sidebar_mid_bg.gif) repeat;
	border-left: 1px solid #CECCCC;
	border-right: 1px solid #CECCCC;
	padding-left: 17px;
	padding-top: 35px;
}

#rail p {
	padding: 10px;
	padding-top: 10px;
	margin: 0;
	background-color: #F4F9FC;
	border-left: 1px solid #CECCCC;
	border-right: 1px solid #CECCCC;
	border-bottom: 1px solid #CECCCC;
}

#rail_flash {
	margin: 0;
	padding: 0;
}


/* =leftcol (modified, narrower sidebar block)
*----------------------------------------------------*/
#leftcol {
	background-color: #EEEEEE;
	padding: 30px 8px;
}

#leftcol p {
	padding:0 0 15px 0;
	margin:0;
}
.count {
	height:20px;
	padding-top:40px;
	color:#999999;
}
.awardtext {
	display:none;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #cecccc;
}


/* =awards
*----------------------------------------------------*/
#awards {
	width:183px;
	border:1px solid #cecccc;
	padding-bottom: 8px;
	background-color:#FFFFFF;
}

/* For the award subheader */
#awards h2 {
	padding: 0;
	margin: 0;
	border-bottom:1px solid #cecccc;
}
.award {
	padding-bottom: 8px;
	padding: 8px 8px 0 8px;
}
.award img {
	float:left;
	padding-right:10px;
}
.award h1 {
	font-size:15px;
	font-family:Rockwell,Times,serif;
	font-weight:bold;
	color:#3089bf;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
	clear:left;
}

#quotebox {
	border-bottom:1px solid #e0e0e0;
	margin-bottom:25px;
	height:140px;
}
img#quote {
	display:none;
}
#content ul.awardlist {
	color: #104463;
}

#content ul.awardlist li {
	padding-left: 22px;
	list-style: none;
	background: transparent url(/images/bg-li-awards.gif) no-repeat 0.5em 0.2em;
}
.awardbox {
	width: 211px;
	margin:0 0 20px 0;
	padding: 5px 5px 10px 5px;
	background-image: url(/images/bg-yellowstripes.gif);
	border: 1px solid #DBDEA7;
	text-align:center;
	float:left;
	min-height:150px;
}
.awardbox p {
	margin:0;
	padding:10px 0 0 0;
}
* html .awardbox {
	height:200px;
}

.awardbox h2 {
	margin: -5px -5px 5px -5px;
	padding: 10px;
	background-color: #F7F9D3;
	border-bottom: 1px solid #DBDEA7;
	color: #666666;
	font-size:14px;
	font-weight:normal;
}



/* =subnav
*----------------------------------------------------*/
#subnav {
	width: 201px;
	w\idth: 199px;
	background-color: #FFF;
	border: 1px solid #CECCCC;
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#subnav ul {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 2px solid #D9EBF4;
	}

#subnav li {
	display: inline;
	width: 100%;
	padding: 0;
	margin: 0 1px;
	list-style: none;
	background-image: none;
	}

#subnav a:link, #subnav a:visited {
	display: block;
	width: 199px;
	w\idth: 173px;
	padding: 3px 13px;
	font-size: 10px;
	text-decoration: none;
	background-color: #EDECEC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	color: #1D6FA0;
	}

#subnav a:hover, #subnav a:active, #subnav a.selected, #subnav ul li a.current{
	background-color: #D9EBF4;
	}

#subnav li.first a:link, #subnav li.first a:visited {
	font-size: 12px;
	font-weight: bold;
	background-color: #7AB9DC;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #48A0D6;
	color: #FFFFFF;
	}

#subnav li.first a:hover, #subnav li.first a:active {
	background-color: #48A0D6;
	}

#subnav li li {
	display: block;
	width: 199px;
	margin: 0;
	padding: 0;
}

#subnav li li a:link, #subnav li li a:visited {
	display: block;
	width: 186px;
	w\idth: 164px;
	padding-left: 22px;
	background: transparent url(../images/bg-bluestripes.gif) repeat 0 0;
	border-top: none;
	border-bottom: none;
	}

#subnav li li a:hover, #subnav li li a:active {
	background-color: #D9EBF4;
	background-image: none;
	}

#subnav ul {
	border: none;
	border-bottom: 2px solid #D9EBF4;
	background: transparent url(../images/bg_bluestripes.gif);
}


/* =footer
*----------------------------------------------------*/
#footer {
	position: relative;
	clear: both;
	font-size: 10px;
	padding: 10px;
	margin: 7px 0 0 0;
	background-color: #EDECEC;
	text-align: right;
}

#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#footer a {
	color: #80888D;
}

#copyright {
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: left;
}

#copyright p {
	margin: 0;
	padding: 0;
	}

#copyright small {
	font-size: 1em;
}

/* =misc
*----------------------------------------------------*/
#launch_video {	text-align: center; }
#launch_video p { background-color: #ffffcc; }


.clear { clear: both; }
.hide   { display: none; }
.right  { text-align: right;  }
.center { text-align: center; }
.left   { text-align: left;   }
.smallcaps { font-variant: small-caps; }
.required { color: #FF0000; }

.center p.border {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}

.group1 {
	float: left;
	width: 48%;
}

.group2 {
	float: right;
	width: 48%;
}

.highlightbox {
	width: 90%;
	margin: 10px auto;
	padding: 20px;
	background-image: url(../images/bg-yellowstripes.gif);
	border: 1px solid #DBDEA7;
	clear: both;
}

.highlightbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.highlightbox h2 {
	margin: -20px -20px 1em -20px;
	padding: 10px 20px;
	background-color: #F7F9D3;
	border-bottom: 1px solid #DBDEA7;
	color: #666666;
}

.highlightbox img {
	float: left;
	margin: 0 15px 10px 0;
	background-color: #FFFFFF;
	border: 1px solid #DBDEA7;
}

.highlightbox.plain img {
	float: none;
}

.highlightbox .awardbox {
	float: right;
	width: 100px;
	w\idth: 90px;
	margin: 5px;
	padding: 0 0 0 10px;
	text-align: center;
	border-left: 1px solid #DBDEA7;
	}

.casestudy_select {
	text-align: right;
	font-size: 10px;
	margin-left: 70px;
}

.casestudy_select select {
	font-size: 10px;
}

.client-list h3 {
	background-color: #EEE;
	border-bottom: 1px solid #CCC;
	margin: 5px 0;
	padding:3px 2px;
}

.client-list ul {
	list-style: none;
}

.client-list li {
	margin: 0 0 0.5em 0;
}

.client-list li li {
	margin: 0;
	padding-left: 0.7em;
	background: none;
}

.newsimage {
	float: left;
	margin: 0 15px 10px 0;
}

.newstable {
	border: none;
	margin: 0 10px;
}

.newstable img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

.newstable th {
	padding: 5px;
	width: 150px;
	border: none;
}

.newstable td {
	padding: 5px;
}

.newstable h3 {
	margin: 0;
	padding: 0;
}

.newstable p.date {
	margin-bottom: 0;
}

.newstable p.right {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}

.newstable p.right.last {
	border: none;
}

.formtable {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 10px 0 10px 10px;
	font-weight: normal;
}

.formable tr.alt {
	background-color: #F2F2F2;
}

.formtable th,td {
	font-weight: normal;
	padding: 5px;
	border: 0;
}

.formtable th {
	text-align: left;
	font-weight: bold;
}

.datatable {
	width: 100%;
	margin: 10px 0;
	padding: 0;
	font-weight: normal;
	border-collapse: collapse;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

.datatable td, th {
	margin: 0;
	padding: 8px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.datatable th {
	color: #908560;
	background-color: #F5EFDA;
	border-top: 1px solid #CCCCCC;
}

.datatable tr {
	border-bottom: 1px solid #CCCCCC;
}


.alt {
	background-color: #F1F1F1;
}

.header-row {
	background-color: #E3D9B6;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	color: #908560;
}

.bio img {
	float: left;
	margin: 0 15px 10px 0;
	background-color: #FFFFFF;
	border: none;
}

/* =homepage styles
*----------------------------------------------------*/
body#homepage #spotlight {
	margin-top: 5px;
}

body#homepage #main {
	margin-top: 0;
	background-image: none;
}

body#homepage #content {
	padding: 0;
	margin: 0;
	float: none;
	display: block;
	width: 100%;
	background: none;
}

body#homepage #sidebar {
	display: none;
}

.homebox {
	position: relative;
	width: 170px;
	height: 200px;
	float: left;
	padding: 0;
	margin: 0;
}

.homebox h2 {
	padding: 5px;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

.homebox p {
	padding: 5px;
	margin: 0 0 0.5em 0;
}

.homebox p.right {
	position: absolute;
	right: 0;
	bottom: 0;
}

.homebox ul {
	padding: 5px 0 5px 5px;
	margin: 0;
	font-size: 10px;
	list-style: none;
}

.homebox ul li {
	padding: 5px 0;
	background: none;
	display: inline;
	list-style: none;
}

.homebox ul li a {
	font-weight: bold;
}

.homebox a:link,  .homebox a:visited,
.homebox a:hover, .homebox a:active {
	color: #80888D;
}

#design.homebox      { background-color: #F6F6F6; margin: 5px 7px 0 0;}
#design.homebox h2   { background-color: #E4E893; color: #8D9328; }
#design.homebox ul   { background-color: #F7F9D3; color: #B7BD4F; }
#design.homebox ul a { color: #B7BD4F; }

#develop.homebox      { background-color: #F6F6F6; margin: 5px 6px 0 0;}
#develop.homebox h2   { background-color: #E6DDBC; color: #908560; }
#develop.homebox ul   { background-color: #F5EFDA; color: #B7AC84; }
#develop.homebox ul a { color: #B7AC84; }

#manage.homebox      { background-color: #F6F6F6; margin: 5px 7px 0 0;}
#manage.homebox h2   { background-color: #EFD981; color: #AC6A16; }
#manage.homebox ul   { background-color: #F6EBBD; color: #EFD981; }
#manage.homebox ul a { color: #CF9244; }

#market.homebox      { background-color: #F6F6F6; margin: 5px 0 0 0;}
#market.homebox h2   { background-color: #C3D59C; color: #668427; }
#market.homebox ul   { background-color: #DEEDBE; color: #96B457; }
#market.homebox ul a { color: #96B457; }

.clients { margin: 3px 0; }