@charset "utf-8";
/*--- CSS Document / Created by Brandi Jones (bjones@4site.tv) @ 4Site Interactive Studios (www.4site.tv), 2/3/09 ---*/

html {
	height: 100%;
}

body {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	background-image:url(../images/framework/bkgr.gif);
	background-position:center top;
	background-repeat:no-repeat;
	height: 100%;
}

#wrapper {
	width:910px;
	margin:0px auto 0px auto;
	position: relative;
	min-height: 100%;
}

* html #wrapper {
	height: 100%;
}


/*------------------------------typography, misc. elements-----------------------------*/

.clear {
	clear:both;
	height:1px;
	font-size:1px;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top:0px;
}

h1, h2, h3 {
	margin-bottom:8px;
}

.noBotMarg {
	margin-bottom:0px;
}

p {
	font-size:12px;
	line-height:18px;
	margin-bottom:18px;
}

p.leadIn {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	font-size:14px;
	line-height:20px;
	font-style:italic;
}

h1 {
	font-size:36px;
	line-height:38px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#015c90;
	margin-bottom:9px;
}

h2 {
	font-size:14px;
	line-height:16px;
	color:#c3460f;
	margin-bottom:7px;
}

h3 {

}

ul {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

li {
	font-size:12px;
	line-height:18px;
	padding:0px 0px 10px 20px;
	margin-bottom:10px;
	border-bottom:1px dashed #CFCFCF;
	background-image:url(../images/framework/bullet.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
}

a:link, a:visited {
	color:#9e9e9e;
	text-decoration:none;
}

a:hover {
	color:black;
}

a.fancyLink:link, a.fancyLink:visited {
	color:#ca4230;
	text-decoration:none;
	font-size:14px;
	font-style:italic;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
}

a.fancyLink:hover {
	color:#a01704;
}

.rule {
	border-bottom:1px solid #e5e5e5;
	margin:10px 0px 20px 0px;
	padding:0px;
}

.ruleDingtbat {
	background-image:url(../images/framework/divider-ornate.gif);
	background-position:center top;
	background-repeat:no-repeat;
	height:14px;
	margin:0px 0px 15px 0px;
	padding:0px;
}

.left {
	float:left;
	margin:0px 20px 15px 0px;
}

.right {
	float:right;
	margin:0px 0px 15px 20px;
}


/*--------------------------------------page layout--------------------------------------*/

#header {
	position:relative;
	height:195px;
	width:910px;
	z-index:10;
}

img.logo {
	position:absolute;
	left:31px;
	top:90px;
	z-index:10;
}

#nav {
	margin:0px;
	padding:0px;
	position:absolute;
	left:120px;
	top:140px;
	border-top:1px solid #e5e5e5;
	z-index:20;
	width:380px;
}

#nav li {
	display:inline;	
	list-style-type:none;
	position:relative;
	float:left;
	width:auto;
	background-image:url(../images/framework/bkgr-nav.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:0px;
	border:none;
}

#nav li.contact {
	background-image:none;
}

#nav li a:link, #nav li a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#909090;
	padding:8px 10px 0px 10px;
	margin:0px;
	display:block;
	text-decoration:none;
}

/* IE6 specific (sets block links without taking up entire width of parent or needing to set explicit widths, 
other browsers don't seem to have this issue) */
* html #nav li a:link, * html #nav li a:visited {
	display:inline-block;
}

#nav li a:hover, body#home #nav li.home a:link, body#home #nav li.home a:visited, body#clients #nav li.clients a:link, body#clients #nav li.clients a:visited, body#services #nav li.services a:link, body#services #nav li.services a:visited, body#team #nav li.team a:link, body#team #nav li.team a:visited, body#contact #nav li.contact a:link, body#contact #nav li.contact a:visited {
	color:#015c90;
	font-weight:bold;
	font-style:normal;
}


/*####### IF DROPDOWNS #######*/

/*--IE sticky menu fix--*/
#nav ul li:hover {
	background-position: 0 0;
}
/*--1st level drop downs--*/
#nav ul {
	position: absolute;
	left: -999em;
	width:16em;	
	margin:0px;
	padding:0px;
	list-style-type:none;
}
/*--1st level dropdown list items--*/
#nav li li {
	margin:0px 0px 0px 0px;
	padding:0px;
	float:none;
	/*--fixes z-index stacking order in second/third level fly out menus--*/
	position:static;
}

/*--1st level dropdown nested links--*/
#nav li li a:link, #nav li li a:visited {
	display:block;
	margin:0px;
	padding:7px 0px 10px 15px;
	width:16em;
	text-align:left;
	text-transform:none;
	color:#304551;
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #304551;
	background-color:#EFF1F1;
	background-image:none;
	height:auto;
}

/*--1st level dropdown flyout--*/
#nav li:hover ul, #nav li.sfhover ul {
	left:0px;
	z-index:2000;
	/* (prevents sticking menu in IE7) */
	min-height:0;
}

/* IE6 specific (set absolute top margin to work with li a "display:inline-block" fix above) */
* html #nav li.sfhover ul {
	top:27px;
}

/*####### END DROPDOWNS #######*/

#content {
	background-color:white;
	min-height:400px;
      height:auto !important;
      height:400px;
	padding:0px 0px 230px 0px;
}

#contentInner {
	background-image:url(../images/framework/bkgr-content-div.gif);
	background-position:642px top;
	background-repeat:repeat-y;
}

#left {
	width:652px;
	padding-top:19px;
}

body#home #left {
	width:652px;
	padding-top:0px;
}

#body {
	margin-left:28px;
	margin-right:60px;
}

#right {
	float:right;
	width:218px;
	margin-right:25px;
}

/* Drop float fix for IE6 */
* html #right {
	margin-right:10px;
}

#rightBody {
	margin-left:12px;
}

.clientList {
	height:210px;
	overflow:hidden;
	margin-bottom:10px;
}

#right li {
	background-image:none;
	padding:0px 0px 5px 0px;
	margin-bottom:5px;
	border-bottom:1px solid #e5e5e5;
	font-size:11px;
}

img.strategies {
	display:block;
	padding-bottom:40px;
}

#feature {
	height:355px;
	background-image:url(../images/framework/bkgr-feature.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	position:relative;
	margin-bottom:20px;
}

#banner {
	position:absolute;
	left:28px;
	top:10px;
	width: 599px;
	height: 275px;
}

p#bannerLink {
	position:absolute;
	left:28px;
	top:300px;
	width: 144px;
}



/*-- footer --*/

#footer {
	height:197px;
	width:100%;
	background-image:url(../images/framework/bkgr-footer.gif);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#e5e5e5;
	position: relative;
	margin-top: -197px;
}

#footer p {
	color:#757575;
	font-size:11px;
	line-height:16px;
	width:855px;
	margin:0px auto 0px auto;
	padding-top:40px;
}


/*-- print styles --*/
@media print {
	.noPrint  {display:none;}
	#header {position:static; height:auto; margin-bottom:50px;}
	img.logo {position:static;}
	#wrapper, #left, #right, #content, #body {width:auto !important; height:auto !important; min-height:0; position:static; margin:0px; padding:0px; border:none; float:none !important;}
	body, p {color:black; font-size:12px; line-height:16px; background-image:none; background-color:white;}
	a, a:visited {text-decoration:underline;}
	#footer {background-image:none; text-align:left; margin:0px; padding:0px; padding-top:15px; margin-top:50px; border-top:1px solid #d4d4d4; height:auto;}
	#footer p {padding:0px; position:static; width:auto;}
}
