/* -----------------------------------------------------------------------
Insite Unlimited - updated March 2009
----------------------------------------------------------------------- */


/* TAG SETUP ----------------------------------------------------------------------------------------- BEGIN */
body, object, iframe, h1, h2, h3, h4, h5, h6, p, q, blockquote, pre, a, abbr, acronym, 
ol, ul, li, dl, dt, dd, img, fieldset, form, label, legend 
table, caption, tbody, tfoot, thead, tr, th, td, 
{margin: 0;border: 0;padding: 0;font-size: 100%;color: #000000;text-align: left;}
table {border-collapse: collapse;}
img, a img, li a img {border: none;}
/**/
/**/
h1 {
	background: #FFFFFF url(./images/bg-header1.gif) no-repeat scroll 0px 2px;
	margin: 0px 0px 25px;
	padding: 0px 0px 5px; /* padding needed for bgimg */
	font: bold 1.05em Georgia, serif; 
	color: #5F8FAD;
	text-align: left;
}
h2 {
	margin: 35px 0px 5px;
	padding: 0px;
	font: bold small-caps .90em Georgia, serif; 
	color: #5F8FAD;
	text-align: left;

}
/*
h3 {
	margin-bottom: 1em;
	font-size: ;
}
h4 {
	margin-bottom: 1.25em;
	font-size: ;
}
h5 {
	margin-bottom: 1.5em;
	font-weight: bold;
	font-size: ;
}
h6 {
	font-weight: bold;
	font-size: ;
}
*/
p, th, td, ul, img, q, blockquote, pre, abbr, acronym, caption {
	font: .8em Verdana, Geneva, sans-serif; /* or .7em? */
}
p, ul, blockquote {
	margin-bottom: 20px;
	line-height: 1.6em; /* or 1.4em? */
}
a:link, a:visited { 
	color: #5F8FAD; 
	text-decoration: none; 
	border-bottom: 1px dashed #5F8FAD; 
}
a:hover { 
	color: #5F8FAD; 
	text-decoration: none; 
	border-bottom: none; 
}
ul {
	padding-left: 20px;
	list-style-type: square;
}
li {
	margin-left: 20px;
}
abbr, acronym { 
	border: none;
}

/*
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
*/
/* TAG SETUP -------------------------------------------------------------------------------------------------- END */


/* BODY & BACKGROUND --------------------------------------------------------------------------------------- BEGIN */
body { 
	background: #4D7C7B url(./images/bg-lines.gif) repeat fixed top left; 
	margin: 0px;
	padding: 0px;
	text-align: center;  /* IE hack to center pg on screen in IE only */
}
#dropshadow { 
	background: transparent url(./images/dropshadow.gif) repeat-y fixed top center;
	margin: 0px auto;  /* centers pg on screen in Moz/Opera */
	padding: 0px;
	width: 970px;
}
#container-top, #container-btm { 
	margin: 0px 5px;
	border: 0px;
	padding: 0px;
	width: 960px;
	text-align: left;  /* counteracts IE hack */
}
#container-top { 
	background: #DBE8E7 url(./images/bg-hmpg.gif) no-repeat scroll left top;
}
#container-btm { 
	background-color: #FFFFFF;
}
/* BODY & BACKGROUD -------------------------------------------------------------------------------------------------- END */
/* HEADER -------------------------------------------------------------------------------------------------------- BEGIN */
#header { 
	background-color: #C7DBD8;
	margin: 0px;
	border-top: 2px solid #6C9D9C;
	padding: 0px;
	width: 960px;
	height: 48px;  /* IE hack - there's an extra 2px of height in IE if i don't specify height here */
	overflow: hidden;  /* HEIGHT prop doesn't work w/o an overflow attribute */
}
#header a:link, #header a:visited { 
	color: #244C55;
	text-decoration: none; 
	border-bottom: none;
}
#header a:hover { 
	color: #5F8FAD;
}
#logo, #navbar { 
	clear: both;
	margin: 0px;
	padding: 0px; 
}
#logo img, #navbar img { 
	margin: 0px;
	padding: 0px;
	float: left; 
}
/* HEADER ----------------------------------------------------------------------------------- END */
/* CONTENT ----------------------------------------------------------------------------------- BEGIN */
#content-top { 
	margin: 0px;
	border: 0px;
	padding: 145px 55px 40px;
	width: 480px;
	float: left;
}
#content-top a:link, #content-top v:link {
	color: #446BA8;
}
.hilite-hmpg {
	font: bold 1.05em Georgia, serif; 
	color: #446BA8;
}
.hilite2-hmpg {
	font: bold 1.05em Georgia, serif; 
	color: #6C9D9C;
}





#content-btm { 
	background-color: #FFFFFF;
	margin: 0px;
	border: 0px;
	padding: 0px 55px;
	width: 850px;
}
#content-column1 {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 250px;
	float: left;
}
#content-column2 {
	margin: 0px;
	border-left: 1px dashed #6C9D9C;
	border-right: 1px dashed #6C9D9C;
	padding: 0px 30px 0px;
	width: 270px;
	float: left;
}
#content-column2 ul {
	margin-left: 0px;
	padding-left: 0px;
}
#content-column2 ul li {
	margin-left: 3px;
	margin-bottom: 10px;
	list-style: none;
}
#content-column3 {	
	margin: 0px 0px 0px 30px;
	width: 220px;
	float: left;
}
table.tnailsHM {
	cell-spacing: 0px;
	cell-padding: 0px;
	margin: -5px -10px 0px;
	border: 0px;
	width: 210px;
	text-align: center;
}
table.tnailsHM tr td a:link, table.tnailsHM tr td a:visited, table.tnailsHM tr td a:hover {
	background-color: transparent;
	text-decoration: none;
	border-bottom: none;
}
table.tnailsHM tr td img {
	display: inline;  /* why is this here?*/
	margin: 8px;
	border: 0px;
}



/* margin + border + pad + width = 720 */
/* 55 + 55 + 0 + 0 + 610 = 720 */
/* CONTENT ----------------------------------------------------------------------------------- END */

/* FOOTER ----------------------------------------------------------------------------------- BEGIN */
#footer { 
	clear: both;
	background-color: #C7DBD8;
	margin: 0px;
	border-top: 2px solid #6C9D9C;
	padding: 22px 0px 70px;
	width: 960px;
	height: 28px;
	overflow: hidden;
	text-align: center;
}
#footer p { 
	margin: 0px 0px 10px; 
	font-size: .6em;
	line-height: normal;
	color: #244C55;
	text-align: center;
}
.hiliteW { 
	color: #FFFFFF; /* IE prints hiliteW as a lite grey */
}   
#footer a:link, #footer a:visited { 
	color: #244C55; 
	text-decoration: none; 
	border-bottom: none; 
}
#footer a:hover { 
	background-color: #FFFFFF;
	color: #244C55; 
	text-decoration: none; 
	border-bottom: none;  
}
/* FOOTER ----------------------------------------------------------------------------------- END */



/* GLOBAL CLASS TAGS -------------------------------------------------------------------------------- BEGIN */
/* b2t = back to top */
.b2t { 
	font: small-caps .8em Georgia, serif; 
	text-align: right; 
}
.b2t a:link, .b2t a:visited { 
	color: #5F8FAD; 
	text-decoration: none; 
	border-bottom: none; 
}
.b2t a:hover { 
	background-color: #5F8FAD;
	color: #FFFFFF; 
	text-decoration: none; 
	border-bottom: none; 
}

.hide { display: none; }

.hilite1 { color: #5F8FAD; }
/* hilite1 = blue from <h> tags */
.hilite2 { color: #244C55; }
/* hilite2 = sidebar/ftr txt */
.hilite3 { color: #618793; }
/* hilite3 = blockquote color */
.hilite4 { color: #4D728A; }
/* hilite4 = portfolio statement b4 beginning of case study */
.hilite5 {color: #4D7C7B; }
/* hilite5 = body bgcolor */


.hilite_ { color: #C7DBD8; }
/* .hilite_ =  header/footer bgcolor */
.hilite_ { color: #6C9D9C; }
/* .hilite_ = ftr top-border */
.hilite_ { color: #DBE8E7; }
/* .hilite_ =  sidebar bgcolor */
.hiliteW { color: #FFFFFF; }  /* IE prints hiliteW as a lite grey */
/* .hiliteW = white */


.hilite_ { color: ; }
/* .hilite_ =  */

/* GLOBAL CLASS TAGS -------------------------------------------------------------------------------- END */


/* PORTFOLIO TAGS -------------------------------------------------------------------------------- BEGIN */
.client-name { 
	line-height: 15px; word-spacing: .1em; 
}
#portfolio-intro { 
	display: block;
	clear: both;
	margin-bottom: -10px;
	padding: 0px;
	width: 610px; /* same width as '#content' */
}
table.tmonial {
	width: 610px;

}
.tmonial-qlft { 
	margin: 0px;
	padding: 0px;
	width: 24px;
	vertical-align: top;
	text-align: right;
}
.tmonial-txt {
	margin: 0px; 
	padding-right: 20px;
	font-weight: bold; 
	color: #618793;
	line-height: 1.5em;
	word-spacing: .1em;
	vertical-align: top;
}
.tmonial-txt img { 
	vertical-align: middle; 
}
.tmonial-by { 
	margin-left: 25px; 
	font-weight: normal;
	color: #000000; 
	line-height: 1.4em;
	text-align: left; 
}
.sshot { 
	margin: 0px;
	padding-left: 30px;
	word-spacing: .1em;
	text-align: center;
	vertical-align: center;
}
.study-summary { margin-right: -5px; margin-top: 10px; color: #4D728A; font-weight: bold; }

/* PORTFOLIO TAGS -------------------------------------------------------------------------------- END */






/* typography.css */
/*
dfn {
	font-style:italic;
	font-weight:bold;
}

sup, sub {
	line-height:0;
}
address {
	margin:0 0 1.5em;font-style:italic;
}
del {
	color:#666;
}
pre {
	margin:1.5em 0;white-space:pre;
}
pre, code, tt {
	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;
}
*/


/* forms.css */
/*
label {
	font-weight:bold;
}
fieldset {
	padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;
}
legend {
	font-weight:bold;font-size:1.2em;
}
input.text, input.title, textarea, select {
	margin:0.5em 0;border:1px solid #bbb;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {
	border:1px solid #666;
}
input.text, input.title {
	width:300px;padding:5px;
}
input.title {
	font-size:1.5em;
}
textarea {
	width:390px;height:250px;padding:5px;
}
*/