body {
	background: #2A2825 url("../images/bg.gif") repeat-x left top;
	padding: 0px;
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}
img {
	border: 0px;
}
ul {
	list-style-type: square;
}
#mast {
	position: absolute;
	top: 0px;
	left: 50px;
	height: 125px;
	width: 308px;
	background-image: url("../images/mast_logo.gif");
	cursor: pointer;
}

#supertabs {
	position: absolute;
	top: 30px;
	left: 358px;
	height: 16px;
	width: 576px;
	color: #97958a;
	text-align: right;
}
#supertabs a {
	color: #97958a;
	text-decoration: none;
}
#supertabs a:hover {
	color: #f95e04;
	text-decoration: underline;
}

#tabs {
	position: absolute;
	top: 50px;
	left: 358px;
	height: 75px;
	width: 592px;
	z-index: 101;
}

.tabContent {
	border: 4px solid #c0bdad;
	margin-right:25px;
	padding:15px;
	width:459px;
	height:375px;
}

ul.tabNavigation {
	list-style: none;
	margin: 0 0 4px 0;
	padding: 0;
	width: 500px;
	background: none;
	height: 35px;
}


ul.tabNavigation li {
	display: inline;
}

UL.tabNavigation LI A {
	height:35px;
	float:left;
	text-indent:-9999px;
	margin-right: 2px;
}

ul.tabNavigation li#tab-1 a {
width:164px;
background:url(/public/images/btn_contact.gif) no-repeat 0 0; /* X and Y position at 0 */
}

ul.tabNavigation  li#tab-1 a.selected,
ul.tabNavigation  li#tab-1 a:hover {
background-position:0 -35px; /* Y position -80px for Current instance image */
}

ul.tabNavigation li#tab-2 a {
width:164px;
background:url(/public/images/btn_contact.gif) no-repeat -164px 0; /* X and Y position at 0 */
}

ul.tabNavigation  li#tab-2 a.selected,
ul.tabNavigation  li#tab-2 a:hover {
background-position:-164px -35px; /* Y position -80px for Current instance image */
}

ul.tabNavigation li#tab-3 a {
width:164px;
background:url(/public/images/btn_contact.gif) no-repeat -328px 0; /* X and Y position at 0 */
}

ul.tabNavigation  li#tab-3 a.selected,
ul.tabNavigation  li#tab-3 a:hover {
background-position:-328px -35px; /* Y position -80px for Current instance image */
}


#midleft {
	position: absolute;
	top: 125px;
	left: 50px;
	height: 100px;
	width: 308px;
	background-image: url("../images/mid_left.gif");
}

#midright {
	position: absolute;
	top: 125px;
	left: 358px;
	height: 100px;
	width: 592px;
	background-image: url("../images/mid_right_home.gif");
}

#content_frame {
	/* ridiculous fix for the horrible IE7 */
	padding: 225px 0px 0px 50px;
	width: 900px;
}
#content {
	background-image: url("../images/body_bg.gif");
	width: 900px;
}
#content_tr_fix {
	position: absolute;
	top: 225px;
	left: 925px;
	background-image: url("../images/body_bg_tr_fix.gif");
	height: 25px;
	width: 25px;
}
#maintext {
	margin: 0px 65px 0px 338px;
	padding: 35px 0px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #2A2825;
}
#maintext h1 {
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: normal;
	margin-top: 15px;
}
#maintext h2 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: normal;
}
#maintext table.light, #maintext table.lighto, #maintext table.dark {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#maintext table.light tr, #maintext table.lighto tr, #maintext table.dark tr {
	margin: 0px;
	padding: 0px;
}
#maintext table.light td {
	margin: 2px;
	padding: 7px;
	background-color: #e3e0d4;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: normal;
}
#maintext table.lighto td {
	margin: 2px;
	padding: 7px;
	background-color: #e2a374;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: normal;
}
#maintext table.dark td {
	margin: 2px;
	padding: 20px;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: normal;
}
#maintext table.light h2, #maintext table.lighto h2, #maintext table.dark h2 {
	margin-top: 0px;
}

#maintext div.topgraphic {
	background-color: #c0bdad;
	width: 100%;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-align: center;
	line-height: 0px;
}
#maintext #ss_container {
	position: relative;
	width: 497px;
	height: 320px;
	margin-bottom: 15px;
	line-height: normal;
	background: url("../images/ss_bg.jpg");
}
#maintext div.ss_slide {
	position: absolute;
	top: 0px;
	left: 0px;
}
#maintext #ss_slide_control {
	position: absolute;
	top: 275px;
	left: 0px;
}
#maintext #ss_slide_playcontrol {
	position: absolute;
	top: 0px;
	left: 0px;
}
#maintext #ss_slide_track {
	position: absolute;
	top: 0px;
	left: 83px;
	height: 45px;
	width: 315px;
}
#maintext #ss_slide_nub {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 45px;
	width: 15px;
	cursor: pointer;
}
#maintext #ss_slide_count {
	position: absolute;
	top: 15px;
	left: 423px;
	width: 52px;
	text-align: center;
	font-size: 12px;
	font-family: arial,helvetica,sans-serif;
	color: #5d5a54;
}
#maintext p {
	text-align: justify;
}

#sidenav {
	position: absolute;
	top: 195px;
	left: 125px;
	width: 225px;
	color: #d2cfc1;
}
#sidenav ul.primary {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
#sidenav ul.primary li {
	background-image: url("../images/sidenav_li_bg.gif");
	padding: 4px 0px 0px 18px;
}
#sidenav ul.subprimary {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
#sidenav ul.subprimary li {
	background-image: url("../images/sidenav_li_bg.gif");
	padding: 0px 0px 0px 0px;
}
#sidenav ul.subprimary li a {
	background-image: url("../images/sidenav_aoff_bg.gif");
	padding: 4px 0px 0px 32px;
	color: #d2cfc1;
	text-decoration: none;
}
#sidenav ul.subprimary li a:hover {
	background-image: url("../images/sidenav_aon_bg.gif");
	padding: 4px 0px 0px 32px;
	color: #d2cfc1;
	text-decoration: none;
}

#foot {
	height: 68px;
	width: 562px;
	margin-left: 50px;
	background-image: url("../images/footer.gif");
	padding-left: 338px;
	font-size: 10px;
	color: #838078;
}
#foot a {
	color: #838078;
}
#foot a:hover {
	color: #f95e04;
}





#nav_tab_op, #nav_tab_wp, #nav_tab_kc, #nav_tab_os {
	z-index: 101;
	position: absolute;
	top: 50px;
	height: 75px;
	overflow: hidden;
}
#nav_tab_op {
	left: 358px;
	background: url("/public/images/tabMap.gif") no-repeat 0 0;
}
#nav_tab_wp {
	left: 498px;
	background: url("/public/images/tabMap.gif") no-repeat -140px 0;
}
#nav_tab_kc {
	left: 642px;
	background: url("/public/images/tabMap.gif") no-repeat -284px 0;
}
#nav_tab_os {
	left: 780px;
	background: url("/public/images/tabMap.gif") no-repeat -422px 0;
}
#nav_tab_op:hover {
	background: url("/public/images/tabMap.gif") no-repeat 0 -75px;
	height: 500px;
}
#nav_tab_wp:hover {
	background: url("/public/images/tabMap.gif") no-repeat -140px -75px;
	height: 500px;
}
#nav_tab_kc:hover {
	background: url("/public/images/tabMap.gif") no-repeat -284px -75px;
	height: 500px;
}
#nav_tab_os:hover {
	background: url("/public/images/tabMap.gif") no-repeat -422px -75px;
	height: 500px;
}
ul.nav_base {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
ul.nav_base a {
	text-decoration: none;
	color: #501d00;
}
ul.nav_base li {
	display: block;
	float: none;
	border-top: 1px solid #f9cbb1;
	border-bottom: 1px solid #f95e04;
	background-color: #f49965;
	margin: 0 0 0 3px;
	padding: 7px 11px;
}
ul.nav_base li:hover {	
	border-top: 1px solid #f9945a;
	border-bottom: 1px solid #f95e04;
	background-color: #f77b34;
}

/***********************************************************************************************************************
STRATEGIES FORMATTING
************************************************************************************************************************/

#maintext div.callout {
	background-color: #c0bdad;
	width: 170px;
	float: right;
	margin: 15px 0px 15px 15px;
	padding: 15px;
}

#maintext div.callout h1 {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 2px solid #5d5a54;
	color: #5d5a54;
	line-height: normal;
}

.stratBreak h2 {
	border: 1px solid #F95E04;
	padding: 5px;
}

/***********************************************************************************************************************
BIO FORMATTING
************************************************************************************************************************/
.bio {
	padding: 0;
	margin: 5px auto;
	margin-bottom: 15px;
	background: none;
	padding: 5px 0;
	border-bottom: 1px solid #F95E04;
}

.bioName {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: normal;
}

.bioTitle {
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	line-height: normal;
	font-style: italic;
}

.bioImage {
	float: left;
	margin: 0 5px 0 0;
}


/***********************************************************************************************************************
ACCORDION MENU FORMATTING
************************************************************************************************************************/
#wrapper {
	width: 497px;
	margin-left: auto;
	margin-right: auto;
	}
	
#popupWrapper {
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {	
	width: 497px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	border: none;
	padding:none;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
	margin: 5px auto;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

.accordionButton h3 {
	margin: 0;
	padding: 0;
	width: 497px;
	height: 40px;
}
	
.accordionContent {	
	width: 497px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: none;
	}

#popupWrapper .accordionButton {
	width: 700px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	border: none;
	border-bottom: 1px solid #C0BDAD;
	padding:none;
	cursor: pointer;
	overflow: hidden;
	margin: 10px auto 0;
	background-image: url(/public/images/butPopup.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	text-indent: 0px;
	padding-right: 100px;
	min-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #5D5A54;
	display: inline-block;
}

#popupWrapper .accordionContent {	
	width: 685px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: none;
	margin: 0 auto;
	margin-bottom: 10px;
	border-bottom: 1px solid #3C5947;
	padding: 0px 100px 0 15px;
	display: inline-block;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background-position: -497px 0;
}
	
.over {
	background-position: -994px 0;
}

#popupWrapper .on {
	border-bottom: 1px solid #3C5947;
	color: #3C5947;
	background-image: url(/public/images/butPopup.png);
	background-repeat: no-repeat;
	background-position: -1600px bottom;
	min-height: 20px;
	display: inline-block;
}

#popupWrapper .over {
	border-bottom: 1px solid #F95E04;
	color: #5D5A54;
	background-image: url(/public/images/butPopup.png);
	background-repeat: no-repeat;
	background-position: -800px bottom;
	min-height: 20px;
	display: inline-block;
}

#popupWrapper .light {
	font-weight: normal;
	font-size: 11px;
}
	
.investment {
	background-image: url(/public/images/bioInvestment.png);
	height: 40px;
}
	
.operations {
	background-image: url(/public/images/bioOperations.png);
	height: 40px;
}

.sales {
	background-image: url(/public/images/bioSales.png);
	height: 40px;
}

.income {
	background-image: url(/public/images/butIncome.jpg);
	height: 25px;
	margin: 0 0 15px 0;
}

.guardian {
	background-image: url(/public/images/butGuardian.jpg);
	height: 25px;
	margin: 0 0 15px 0;
}

.navigrowth {
	background-image: url(/public/images/butNavigrowth.jpg);
	height: 25px;
	margin: 0 0 15px 0;
}

.bullbear {
	background-image: url(/public/images/butBullbear.jpg);
	height: 25px;
	margin: 0 0 15px 0;
}

.advisor {
	background-image: url(/public/images/butAdvisor.jpg);
	height: 25px;
	margin: 0 0 15px 0;
}

.popup {
	background-image: url(/public/images/butPopup.png);
	height: 15px;
	margin: 0;
}

.track {
	background-image: url(/public/images/butReasonsTrack.jpg);
	height: 25px;
	margin: 0 0 15px 0;
}

.boutique {
	background-image: url(/public/images/butReasonsBoutique.jpg);
	height: 25px;
	margin: 0 0 15px 0;
}

.flexibility {
	background-image: url(/public/images/butReasonsFlexibility.jpg);
	height: 25px;
	margin: 0 0 15px 0;
}

.extras {
	background-image: url(/public/images/butReasonsExtras.jpg);
	height: 25px;
	margin: 0 0 15px 0;
}


/***********************************************************************************************************************
CLEARING AND FLOAT CLASSES
************************************************************************************************************************/

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/***********************************************************************************************************************
POP-UP BOXES
************************************************************************************************************************/

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  left: 0px;
  top: 0px;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:800px;
  display:none;
  z-index:9999;
  padding:15px;
  margin: 0 auto;
  margin-top: -50px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:800px; 
  overflow: hidden;
  background: #D2CFC1;
  border: 10px solid #C0BDAD;
}

.closeWindow a {
	width: 60px;
	height: 20px;
	float: right;
	overflow: hidden;
	background: url(/public/images/butPopClose.png) no-repeat 0 0;
	text-indent: -9999px;
}

.closeWindow a:hover {
	background: url(/public/images/butPopClose.png) no-repeat 0 -40px;
}

.closeWindow a:active {
	background: url(/public/images/butPopClose.png) no-repeat 0 -20px;
}

.popDownload a {
	width: 160px;
	height: 20px;
	float: left;
	overflow: hidden;
	background: url(/public/images/butDownload.png) no-repeat 0 0;
	text-indent: -9999px;
}

.popDownload a:hover {
	background: url(/public/images/butDownload.png) no-repeat 0 -40px;
}

.popDownload a:active {
	background: url(/public/images/butDownload.png) no-repeat 0 -20px;
}

/***********************************************************************************************************************
HOMEPAGE CALLOUT
************************************************************************************************************************/

#calloutHome {
	border: 1px solid #F95E04;
	padding: 10px;
	margin: 10px -11px;
}

#calloutHome h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0;
}