@charset "utf-8";
/* CSS Document */

img, div {
behavior: url(iepngfix.htc)
}

/* \*/
* html .gainlayout { height: 1%; }
/* */

body {
	background-color:#431372;
	margin:0;
	padding:0;
	height:1%;	
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-size:30px;
	color:#693b97;
	margin:0 0 7px 0;
	padding:0px;
}

h2 {
	font-size:18px;
	color:#b16aa6;
	margin:0 0 10px 0;
	padding:0px;
}

h3 {
	font-size:14px;
	color:#b16aa6;
}

h4 {
	font-size:12px;
	color:#595959;
	margin-bottom:-5px;	
}

p {
	color:#6b6a6a;
	font-size:12px;
	margin:0 0 15px 0;
	padding:0px;
	}
	
.small-text {
	font-size:10px;
}

.testimonial-text {
	font-size:10px;
	font-style:italic;
}

.wrapper {
	width:100%;
	height:auto;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;	
	margin:0;
	position:relative;
	
}

.main-wrapper {
	width:980px;
	height:auto;
	margin:20px auto;
	position:relative;
}


.circle-bg {
	display:block;
	position:absolute;
	width:237px;
	height:237px;
	top:280px;
	left:-80px;
	z-index:-1;
	background-image:url(images/circle-bg.png);
	background-repeat:no-repeat;
}

/* ============================================================================= HEADER =========================================================================================*/

.header {
	width:100%;
	height:95px;
	}
	
.logo {
	margin-left:24px;
	float:left;
}

.top-links {
	display:block;
	float:right;
	font-size:11px;
	color:#adc5e6;
	margin:20px 20px 0 0;
}

.top-links a,
.top-links a:visited {
	text-decoration:none;
	color:#adc5e6;
}


.top-links a:hover {
	text-decoration:none;
	color:#FFF;
}

.top-links a:active,
.top-links a:active:hover {
	text-decoration:none;
	color:#FFF;
}

	
/* ============================================================================= NAV/Banner =========================================================================================*/

.nav-row {
	width:100%;
	height: auto;
	display:block;
	float:left;
	position:relative;
	z-index:12;
	}

.nav-container {
	width:232px;
	height:232px;
	display:block;
	float:left;
	position:relative;
	}
	
.nav-about {
	display:block;
	float:left;
	width:112px;
	height:112px;
	background-image:url(images/nav-about.png);
	background-repeat:no-repeat;
	padding:0 6px 6px 0;
}

.nav-about a:hover {
	display:block;
	float:left;
	width:112px;
	height:112px;
	background-image:url(images/nav-about-on.png);
	background-repeat:no-repeat;
}

.nav-experience {
	display:block;
	float:left;
	width:112px;
	height:112px;
	background-image:url(images/nav-experience.png);
	background-repeat:no-repeat;
}

.nav-experience a:hover {
	display:block;
	float:left;
	width:112px;
	height:112px;
	background-image:url(images/nav-experience-on.png);
	background-repeat:no-repeat;
}

.nav-network {
	display:block;
	float:left;
	width:112px;
	height:112px;
	background-image:url(images/nav-network.png);
	background-repeat:no-repeat;
	padding:0 6px 0 0;	
}

.nav-network a:hover {
	display:block;
	float:left;
	width:112px;
	height:112px;
	background-image:url(images/nav-network-on.png);
	background-repeat:no-repeat;
}

.nav-thinking {
	display:block;
	float:left;
	width:112px;
	height:112px;
	background-image:url(images/nav-thinking.png);
	background-repeat:no-repeat;
}

.nav-thinking a:hover {
	display:block;
	float:left;
	width:112px;
	height:112px;
	background-image:url(images/nav-thinking-on.png);
	background-repeat:no-repeat;
}

.banner-container {
	height:257px;
	width:735px;
	background-image:url(images/interior-banner-bg.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	position:relative;
	z-index:15;
	margin-left:13px;	
	}

.banner-container-experience {
	height:257px;
	width:735px;
	background-image: url(images/experience-bg.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	position:relative;
	z-index:15;
	margin-left:13px;		
	}

.banner-container-about {
	height:257px;
	width:735px;
	background-image: url(images/about-bnr-bg.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	position:relative;
	z-index:15;
	margin-left:13px;		
	}

.banner-container-contact {
	height:257px;
	width:735px;
	background-image: url(images/contact-bnr-bg.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	position:relative;
	z-index:15;
	margin-left:13px;		
	}

.banner-container-thinking {
	height:257px;
	width:735px;
	background-image: url(images/thinking-bnr-bg.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	position:relative;
	z-index:15;
	margin-left:13px;		
	}

.banner-container-network {
	height:257px;
	width:735px;
	background-image: url(images/network-bg.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	position:relative;
	z-index:15;	
	margin-left:13px;	
	}

.hmpg-banner-container {
	height:232px;
	width:735px;
	background-image:url(images/video-bg.png);
	background-repeat:no-repeat;
	display:block;
	float:right;
	position:relative;
	}	
		
/* ============================================================================= HMPG CONTENT =========================================================================================*/

.video-text {
	position:absolute;
	display:block;
	height:91px;
	overflow:hidden;
	width:415px;
	left:30px;
	top:70px;
	z-index:93;
}

.white-line-top {
	position:absolute;
	display:block;
	height:2px;
	width:407px;
	right:10px;
	top:5px;
	z-index:92;
	background-color:#FFF;
}

.white-line-bottom {
	position:absolute;
	display:block;
	height:2px;
	width:407px;
	right:10px;
	bottom:5px;
	z-index:92;
	background-color:#FFF;
}


.videocontainer {
	position:absolute;
	display:block;
	height:222px;
	overflow:hidden;
	width:407px;
	right:10px;
	top:5px;
	z-index:90;
}

.hmpg-content {
	width:980px;
	height:auto;
	display:block;
	float:left;
	clear:both;
	height:auto;
	overflow:auto;
	position:relative;
	border:0px solid #FFF;
	overflow:hidden;
	margin-bottom:20px;
	}

.hmpg-content a, .hmpg-content a:visited {
	text-decoration:none;
	color:#20a0bf;
	font-weight:bold;
}

.hmpg-content a:hover {
	text-decoration: underline;
	color:#be4eac;
	font-weight:bold;
} 	 	
	
.about-into-container {
	display:block;
	float:right;
	width:735px;
	height:200px;
	background-image:url(images/about-intro-bg.png);
	background-repeat:no-repeat;
	margin:12px 0 0 0;
}

.about-into-container ul {
	color:#6b6a6a;
	font-size:12px;
	padding: 0;
	margin:20px 35px 0 0px;
	list-style-type: none;
	width:355px;
	float:right;
	}
	
.about-into-container li {
	color:#404040;
	font-size:12px;
	margin:0 0 12px 0px;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .1em;
	padding-left: 18px;
	}	

.clients-container {
	display:block;
	float:left;
	width:317px;
	height:180px;
	background-image:url(images/clients-bg.png);
	background-repeat:no-repeat;
	margin:12px 10px 0 0;	
}

.clients-container ul {
	color:#6b6a6a;
	padding: 0;
	margin:6px 0 0 17px;
	list-style-type: none;
	width:310px;
	float:left;
	}
	
.clients-container li {
	color:#404040;
	font-size:12px;
	margin:0 0 0px 0px;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding:3px 0 3px 18px;
	}

.clients-container p {
	display:block;
	width:278px;
	height:auto;
	float:left;
	padding:0 0 0 0;
	margin:55px 0 0 17px;
	font-size:12px;
}	

.associates-container {
	display:block;
	float:left;
	width:317px;
	height:180px;
	background-image:url(images/associates-bg.png);
	background-repeat:no-repeat;
	margin:12px 5px 0 5px;		
}

.associates-container ul {
	color:#6b6a6a;
	padding: 0;
	margin:6px 0 0 17px;
	list-style-type: none;
	float:left;
	width:310px;
	}
	
.associates-container li {
	color:#404040;
	font-size:12px;
	margin:0 0 0px 0px;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding:3px 0 3px 18px;
	}

.associates-container p {
	display:block;
	width:278px;
	height:auto;
	float:left;
	padding:0 0 0 0;
	margin:55px 0 0 17px;
	font-size:12px;
}	


.thinking-container {
	display:block;
	float:right;
	width:317px;
	height:180px;
	background-image:url(images/thinking-bg.png);
	background-repeat:no-repeat;
	margin:12px 0 0 0px;	
}

.thinking-container ul {
	color:#6b6a6a;
	padding: 0;
	margin:6px 0 0 17px;
	list-style-type: none;
	width:310px;
	float:left;
	}
	
.thinking-container li {
	color:#404040;
	font-size:12px;
	margin:0 0 0px 0px;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding:3px 0 3px 18px;
	}

.thinking-container p {
	display:block;
	width:278px;
	height:auto;
	float:left;
	padding:0 0 0 0;
	margin:55px 0 0 17px;
	font-size:12px;
}		

.hmpg-disclaimer {
	display:block;
	background-image:url(images/disclaimer-bg.png);
	background-repeat:no-repeat;
	float:left;
	width:975px;
	height:53px;
	margin:20px 0 0 4px;
	clear:both;
	color:#404040;
	text-align:center;
	font-size:11px;
	padding:8px;
}


.circle-grfx {
	display:block;
	position:absolute;
	width:263px;
	height:196px;
	top:37px;
	left:0px;
	z-index:-1;
	background-image:url(images/circle-grfx.png);
	background-repeat:no-repeat;
}

/* ============================================================================= INTERIOR CONTENT =========================================================================================*/

#nav-tabs {
	position:absolute;
	bottom:0px;
	left:26px;
	width:735px;
	font-size:18px;
	font-weight:bold;
	line-height:normal;
	z-index:20;
}

#nav-tabs ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav-tabs li {
	float:left;
	background:url("images/tab-right.png") no-repeat right top;	
	margin:0 3px 0 0;
	padding:0;
}

#nav-tabs a {
    display:block;
	background:url("images/tab-left.png") no-repeat left top;
    padding:8px 15px 8px;
	text-decoration:none;
	color:#FFF;
    }
	
#nav-tabs a:hover {
    display:block;
	text-decoration:none;
	color:#e4c9fe;
    }	
	
#nav-tabs #current {
    background-image:url("images/tab-right-on.png");
    }
#nav-tabs #current a {
    background-image:url("images/tab-left-on.png");
	padding-bottom:8px;
	color:#2aa6c4;
    }	

.content {
	width:100%;
	height:auto;
	display:block;
	float:left;
	clear:both;
	overflow:auto;
	position:relative;
	margin:-8px 0 0 0;
	overflow-x:hidden;
	overflow-y:hidden;	
	}

.content ul {
	color:#6b6a6a;
	font-size:12px;
	padding: 0;
	margin:5px 0 0 0;
	list-style-type: none;	
	}
	
.content li {
	color:#6b6a6a;
	font-size:12px;
	margin:0 0 5px 0px;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .1em;
	padding-left: 18px;
	}	

.content-top-bg {
	display:block;
	float:left;
	height:16px;
	background-image:url(images/content-top.png);
	background-repeat:no-repeat;
	position:relative;
	width:100%;	
}

.content-bottom-bg {
	display:block;
	float:left;
	height:16px;
	background-image:url(images/content-bottom.png);
	background-repeat:no-repeat;
	clear:both;
	width:100%;	
}

.content-main {
	display:block;
	float:left;
	background-image:url(images/content-bg.png);
	background-repeat:repeat-y;
	height:auto;
	width:100%;
	position:relative;
}

.content-main a, .content-main a:visited {
	text-decoration:none;
	color:#20a0bf;
	font-weight:bold;
}

.content-main a:hover {
	text-decoration: underline;
	color:#be4eac;
	font-weight:bold;
} 	 	

.circle-bg-content {
	background-image:url(images/circle-bg-content.png);
	background-repeat:no-repeat;
	position:absolute;
	left:8px;
	top:8px;
	width:149px;
	height:163px;
	z-index:1;
}

.circle-grfx-interior {
	background-image:url(images/circle-grfx-interior.png);
	background-repeat:no-repeat;
	position:absolute;
	left:8px;
	top:108px;
	width:133px;
	height:174px;
	z-index:1;
}

.left-column {
	display:block;
	float:left;
	height:auto;
	width:405px;
	margin:10px 60px 20px 175px;
	position:relative;
	z-index:10;	
}

/* ============================================================================= RIGHT COLUMN =========================================================================================*/

.right-column {
	display:block;
	float:left;
	height:auto;
	width:300px;
	position:relative;
	z-index:10;
	margin:20px 0 20px 0px;
	border:0px solid #000;
	padding:0px;
}

.full-column {
	display:block;
	float:left;
	height:auto;
	width:680px;
	margin:10px 0px 20px 180px;
	position:relative;
	z-index:10;	
}

.title-column {
	display:block;
	float:left;
	width:300px;
	height:44px;
	position:relative;
}

.right-column-content {
	display:block;
	float:left;
	background-image:url(images/column-bg.png);
	background-repeat:repeat-y;
	width:280px;
	height:auto;
	position:relative;
	padding:10px;
	margin:0px;
}

.right-column-content p {
	font-size:11px;
	padding:2px 0px;
	margin:0px;
}

.column-divider {
	height:2px;
	width:100%;
	background-image:url(images/column-divider.png);
	background-repeat:repeat-x;
	float:left;
	display:block;
	margin:7px 0px;
	padding:0px;
}

.divider {
	height:1px;
	width:100%;
	background-color:#b16aa6;
	float:left;
	display:block;
	margin:7px 0px 20px 0px;
	padding:0px;
}


.bold {
	font-weight:bold;
	color:#693b97;
	padding:0;
}

.italic {
	font-style:italic;
}

.bio-pic {
	float:left;
	padding:10px;
	display:block;
	width:56px;
	height:71px;
}


.client-logo {
	display:block;
	height:auto;
	width:100%;
	float:left;
	margin-bottom:5px;
	}

.arrow-small {
	display:block;
	height:14px;
	width:12px;
	float:right;
	background-image:url(images/arrow-sml.png);
	background-repeat:no-repeat;
}

.arrow-small a:hover {
	display:block;
	height:14px;
	width:12px;
	float:right;
	background-image:url(images/arrow-sml-on.png);
	background-repeat:no-repeat;	
}

.column-bottom-bg {
	display:block;
	float:left;
	clear:both;
	background-image:url(images/column-bottom-bg.png);
	background-repeat:no-repeat;
	width:300px;
	height:29px;
	position:relative;
}

.big-bg-grfx {
	display:block;
	width:373px;
	height:339px;
	position:absolute;
	bottom:0px;
	left:330px;
	z-index:2;
	background-image:url(images/bggrfx.png);
	background-repeat:no-repeat;
}

/* ============================================================================= FOOTER =========================================================================================*/
	
.footer {
	width:100%;
	height:150px;
	overflow:auto;
	margin:0;
	padding:0;
	background-color:#2a1d50;
	position: relative;
	}
	
.footer-content {
	width:473px;
	height:26px;
	position:relative;
	margin:20px auto;
	color:#8d7bc1;
	font-size:11px;
	padding-bottom:40px;
	background-image:url(images/copyright-bg.png);
	background-repeat:no-repeat;
	}


.copyright {
	float:left;
	margin:6px 0 0 14px;
}

.footer-links {
	float:left;
	margin:6px 0 0 34px;	
}

.footer-links a,
.footer-links a:visited {
	text-decoration:none;
	color:#adc5e6;
}


.footer-links a:hover {
	text-decoration:none;
	color:#FFF;
}

.footer-links a:active,
.footer-links a:active:hover {
	text-decoration:none;
	color:#FFF;
}


.form-table {
	font-size:12px;
	margin-top:20px;
	}

.label1 {
	float:left;
	clear:both;
	margin-bottom:8px;
	font-weight:bold;
	color:#693b97;
}

.label2 {
	font-weight:bold;
	color:#693b97;
}