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

/*------------------------------------------------------------------------

Z3 Partners - hand coded by Robert L. Michaels

-------------------------------------------------------------------------*/

/* COMMON STYLE

--------------------------------------------------------- */

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*line-height: 1.5;*/
	padding: 0;	
	margin: 0px;
	color:#003160;
/*	line-height: 30px;*/
}



p {
	/*font-size: 14px;
	line-height: 1.5;*/
}


a, a:visited {
	color: #003160;
}


a:hover, a:active {
	color: #000000;
}



.hsep1 {
	height: 1px;
	margin: 10px 0px;
	border-bottom: solid #CCCCCC 1px;
	clear: both;
}

a.readmore {
	padding: 5px;
	display: block;
	border: solid 1px #003160;
	float: right;
	width: 100px;
	text-align: center;
	font-size:11px;
	font-weight: bold;
	margin: 10px 0px 20px 0px;
	text-decoration: none;
	
}

a.readmore:hover {
	padding: 5px;
	border: solid 1px #000000;
	text-decoration: none;
	background: url(../images/bg-breadcrumb.jpg) #003160 top center repeat-x;
	color: #FFFFFF;
}

hr {
	border-top: solid 1px #003160;
	border-bottom: dotted 1px #003160;
	border-right: none;
	border-left: none;
	clear: both;
	height: 4px;
}



/*--- heading styles  ---*/



.team h2 {
	margin: 0px 0px 10px 0px;
}


/*--- readon links ---*/


/* Readon links ---*/
a.readon {
	background: url(../images/readon-arrow.png) no-repeat 0px -2px;
	border: 1px solid #003160;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 0px 1px 20px;
	text-decoration: none;
	text-transform: uppercase;
	float: right;
	margin: 5px 0px 10px 0px;
	width: 80px;
	clear: both;
	position: relative;
	bottom: 0px;
	right: 0px;
	
/*	border-radius: 5px;
	behavior: url(http://www.z3partners.com/border-radius.htc);*/
}

a.readon:hover, a.readon:active, a.readon:focus { 
	background: url(../images/readon-arrow-over.png) #FFFFFF no-repeat 0px -2px;
	border: 1px solid #000000;
}

#contact {
	text-align: right;
}

.contactbox {
	width: 320px;
	float: left;
	text-align: left;
	margin: 0px 10px 0px 0px;
}

/*---  Form ---*/

form label {
	cursor: pointer;
}



.textfield {

	font-family: Arial, sans-serif;
	font-size: 80%;	
	width: 240px;	
	margin: 0px 0px 5px 0px;	
	padding: 2px;
	outline-style: none;	
	border: solid #000000 1px;
}

textarea {
	font-family: Arial, sans-serif;
	font-size: 80%;	
	width: 240px;	
	height: 50px;	
	padding: 2px;	
	border: solid #000000 1px;	
	margin: 0px 0px 5px 0px;
}




/* CMS STYLES
--------------------------------------------------------- */

.adminMenuLinkDiv {
	float: left;
	padding: 8px;
	border: solid 1px #CCCCCC;
	margin: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	color:000000;
	font-size: large;
}

.directivesDiv
{
	float: right;
	padding: 8px;
	border: solid 2px #CCCCCC;
	margin: 20px;
	width: 200px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	color:000000;
}
.directivesDiv h3 {
	margin: 0px;
}

.adminMenuLinkDiv a {
	/*text-decoration: none;*/
}

.formMainHtmlTextarea {
	width: 900px;
	height: 400px;
	font-family: Arial, sans-serif;
	border: solid #000000 1px;	
	margin: 0px 0px 5px 0px;
}
.blockTextarea {
	width: 200px;
	height: 200px;
	font-family: Arial, sans-serif;
	border: solid #000000 1px;	
	margin: 0px 0px 5px 0px;

}

div.input {
	margin: 15px;
	text-align: left;
}

div.input label {
	font-size: 12px;
	font-weight: bold;
	width: 90px;
	float: left;
	padding: 0px 10px 0px 0px;
	text-align: right;
}

div.input input, div.input textarea, div.input select {
	/*margin-left: 100px;*/
}

.inputGroup {
	margin: 10px;
	padding: 20px;
	border: solid 1px #003160;
	background-color: #EDEDED;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

}

.rowLvl1 {
	background-color: #EEEEEE;
	width:auto;
}

.rowLvl2 {
	background-color: #D2D2D2;
}

.rowLvl3 {
	background-color: #BDBDBD;
}



.cms-wrapper {
	border: solid 1px #CCCCCC;
	margin: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	color:000000;
}

.cms-header {
	height: 105px;
	padding: 15px 0px 0px 10px;
}


.cmsNav {

}

.listlink {
	text-align:center;
	float:right;
	width: 100px;
	/*padding: 10px 10px 10px 10px;*/
	/*height: 22px;*/
	margin: 10px;
	border: none;
	}



.listlink a {
	display: block;
	color: #000033;
	font-size: 10px;
	padding: 8px 2px 2px 2px;
	background: url(../images/cms/cms-button.png) no-repeat 0px 0px;	
	width: 96px;
	height: 18px;
	text-decoration: none;
	border: none;
}

.listlink a:hover {
	color: #333333;
	font-size: 10px;
	text-decoration: none;
	background: url(../images/cms/cms-button.png) no-repeat 0px -28px;
	text-decoration: none;	
	border: none;
}

.add-top-page {
	width: 140px;
	float:left;
	margin: 0px 0px 20px 0px;
	height: 28px;
}


.add-top-page a {
	background-color: #CCCCCC;
	display: block;
	color: #000033;
	font-size: 10px;
	padding: 8px 5px 5px 5px;
	/*border: solid #000000 1px;*/
	text-decoration: none;
	background: url(../images/cms/cms-button2.png) no-repeat 0px 0px;	
	height: 15px;

	
}

.add-top-page a:hover {
	background: url(../images/cms/cms-button2.png) no-repeat 0px -28px;
	color: #000000;
}

.GoodMessage {
	color: green;
	font-size: 16px;
	font-weight: bold;
	float: right;
	width:600px;
	margin: 10px 0px 0px 0px;
	text-align: right;
}

.BadMessage {
	color: red;
	font-size: 16px;
	font-weight: bold;
	float: right;
	width:600px;
	margin: 10px 0px 0px 0px;
	text-align: right;
}

.error-message {
	color: red;
	font-weight: bold;
}

/*  END CMS STYLES
--------------------------------------------------------- */

/* SITE TYPE STYLES
--------------------------------------------------------- */

h1 {
	font-size: 24px;
	margin: 20px 0px 20px 0px;
}


h2 {
	font-size: 18px;
	margin: 20px 0px 20px 0px;
}

h3 {
	font-size: 16px;
	margin: 20px 0px 20px 0px;
}


/* SITE CONTAINERS
--------------------------------------------------------- */

#all {}


#wrapper {
	width: 960px;
	margin: 0px auto 0px auto;	
}



/* HEADER
--------------------------------------------------------- */

#header {
	width: 980px;
	margin: 0px auto 0px auto;
	height: 84px;
	clear: both;
}



/* logo */

#logo {
	width: 400px;
	height: 76px;
	float: left;
	margin: 4px 0px 4px 0px;
}



/* HOME SPOTLIGHT

--------------------------------------------------------- */


#hm-hlt-wrap {
	clear:both;
	background: url(../images/bg-home-highlight.jpg) #003160 top center repeat-x;
	height: 300px;
}


#hm-hlt {	
	width: 980px;
	background: url(../images/bg-tophlt.jpg) #003160 top center no-repeat;
	margin: 0px auto 0px auto;
	height: 300px;
}




/* BREADCRUMB

--------------------------------------------------------- */

#breadcrumb-wrap {
	clear:both;
	background: url(../images/bg-breadcrumb.jpg) #003160 top center repeat-x;
	height: 30px;
}


#breadcrumb {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 8px 0px 0px 0px;
	font-weight: bold;
	width: 980px;
	margin: 0px auto 0px auto;
}

#breadcrumb a, #breadcrumb a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

#breadcrumb a:hover, #breadcrumb a:active {
	color:#CCCCCC;
	text-decoration: underline;
}



/* PAGE -2

--------------------------------------------------------- */

#pagecontent {
	width: 980px;
	margin: 20px auto 20px auto;
}

#pagecontent h1 {
	border-bottom: dotted 1px #003160;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}


/*#pagecontent #hm-left {
	width: 628px;
	float: left;
	border-right: solid #003160 1px;
	padding: 0px 20px 0px 0px;
	text-align: justify;
	min-height: 220px;
}



#pagecontent #hm-right {
	width: 310px;
	float: left;
	padding: 0px 0px 0px 20px;
}
*/
#LeftContentColumn {
	visibility: visible;
	border-right: dotted 1px #003160;

	float: left;
	padding: 0px 10px 0px 0px;
	width: 188px;
	margin: 0px 10px 0px 0px;	
	height:100%;
}

#CenterContentColumn {
	visibility: visible;
	margin: 0px 0px 0px 0px;
	/*border: solid 1px #000000;*/
	float: left;
	/*width: 564px;*/	
}

.CenterNOne { width: 764px; /*background: black; color: white;*/ }
.CenterNBoth{ width: 569px; /*background: red; color: white;*/ }



#RightContentColumn {
	visibility: visible;
	border-left: dotted 1px #003160;
	
	float: right;
	width: 180px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
	
}



/* CALLOUT SECTION STYLES

--------------------------------------------------------- */


.callout1 {
	padding: 10px;
	border: solid 1px #000000;
	margin: 10px 0px 10px 0px;
	font-size: 17px;
	line-height: 1.5em;
	background: url(../images/bg-callout1.png) repeat-x top center;
	font-weight: bold;
}


.callout2 {
	padding: 10px;
	margin: 10px 0px 10px 0px;
	font-size: 16px;
	line-height: 1.5em;
	background: url(../images/quotation-left.png) no-repeat 0px 0px;
	font-style:italic;
	font-weight: bold;
}



/* SECTION TABLE BACKGROUNDS

--------------------------------------------------------- */



.personal {
	background: url(../images/bg-pw.jpg) repeat-x top center;
	width: 980px;
}

.business {
	background: url(../images/bg-bw.jpg) repeat-x top center;
	width: 980px;
}

.financial {
	background: url(../images/bg-fw.jpg) repeat-x top center;
	width: 980px;
}

.legacy {
	background: url(../images/bg-lw.jpg) repeat-x top center;
	width: 980px;
}


/* TEAM SECTION STYLES

--------------------------------------------------------- */

.teammember {
	padding: 5px 0px;
	min-height: 100px;
	line-height: 1.5;
	font-size: 12px;
}


.teammember .teamtext {
	/*float:left;
	width: 545px;*/
}


.teammember h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 16px;
}

.teammember h2 span {
	font-size: 12px;
	font-weight: bold;
/* margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 12px; */
}

.teammember img {
	float: left;
	margin: 0px 10px 0px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
}


.teammember  a  img {
	border: solid #0099CC 4px;
}

.teammember  a:hover  img {
	border: solid #000000 4px;
}




/* BOTTOM HIGHLIGHT
--------------------------------------------------------- */

#bothlt-wraper {
	background: url(../images/bg-bot-highlight.jpg) repeat-x top center #333333;
	clear: both;
	height: 230px;
}

#bothlt {
	width: 980px;
	margin: 0px auto 0px auto;
	height: 230px;
	padding: 20px 0px 20px 0px;
	font-size: 12px;
}

#bothlt h2 {
	margin: 0px 0px 10px 0px;
}


#bothlt #box1 {
	width: 218px;
	float: left;
	padding: 0px 20px 0px 0px;
	height: 190px;
	
}

#bothlt #box1 img, #bothlt #box2 img, #bothlt #box3 img, #bothlt #box4 img {
	float:left;
	margin: 0px 10px 0px 0px;
}


#bothlt #box2 {
	width: 218px;
	float: left;
	border-left: solid #003160 1px;
	/*border-right: solid #003160 1px;*/
	padding: 0px 20px 0px 20px;
	height: 190px;
	
}


#bothlt #box3 {
	width:  203px;
	height: 190px;
	float: left;
	padding: 0px 15px 0px 20px;
	border-left: solid #003160 1px;
}

#bothlt #box4 {
	width:  218px;
	height: 190px;
	/*border-left: solid #003160 1px;*/
	border-left: solid #003160 1px;
	float: left;
	padding: 0px 0px 0px 20px;
}




/* FOOTER
--------------------------------------------------------- */



#footerSep {
	border-top: solid 2px #003160;
	height: 2px;
	margin: 0px 0px 1px 0px;
}
#footerSep2 {
	border-top: dotted 1px #003160;
	height: 1px;
}

#footer {
	border-top: dotted 1px #003160;
	width: 980px;
	font-size: 10px;
	margin: -1px auto 0px auto;
}

#footer a, #footer:visited {
	color: #000000;
	text-decoration: none;
	padding: 0px 3px;
}

#footer a:hover, #footer a:active, #footer a:focus {
	color: #FFFFFF;
	background-color: #003160;
}

#footer ul {
	margin: 0px 0px 10px 0px;
	padding: 0;
}

#footer li {
	background: none;
	border-right: 1px dotted #999999;
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

#footer li.lastitem {
	border-right: none;
}

#footer .footermenu {
	float: left;
	margin: 0px 0px 0px -3px;
	padding: 8px 0px 0px 0px;
}

#footer .copyright {
	float: right;
	padding: 10px 0px 0px 0px;
	font-size: 9px;
}



/* TESTIMONIALS

--------------------------------------------------------- */

#testimonials {
	margin: 20px 0px 0px 0px;
	padding: 10px;
	border: solid #333333 2px;
	font-size: 12px;
	text-align: left;
	background-color: #FFFFFF;
	line-height: 1.8;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: url(/border-radius.htc);
}


/*----- ACCESSIBILITY SKIP MENU STYLES -----*/

.skiplist {
	margin: 0; 
	padding: 0;
} 
.skip {
	display: none; 
	font-family: verdana, sans-serif; 
	text-align: left; margin: 0; 
	padding: 0; 
	position: absolute;
} /*All incl Opera*/


/* * html */ .skip {
	display: block;
} /*Seen by IE*/

:root .skip {
	display: block;
} /*Seen by Moz, FF and Safari*/

.skip a {
	padding: 0 0.5em; 
	display: inline; 
	z-index: 2; 
	text-decoration:none; 
	position: absolute; 
	width: 14em; 
	left: -200em; 
	color: #fff;
}

.skip a:focus, .skip a:active {
	position: absolute; 
	left: 0.5em; 
	border: solid #333 2px; 
	color: #fff; 
	background: #555;
}

.skip a:hover {
	cursor: default;
}

/* FONT RESIZER
--------------------------------------------------------- */

/* hide from incapable browsers */
div#fontsizer { 
        display:none; 
} 

/* breathing room between images in sizer */
/*div#fontsize*/

#Z3slider{
	color: #FFFFFF;	
}

.sliderTitle {
	float:left; 
	width:420px; 
}

.sliderTitle h1 {
	color: #FFFFFF;
	font-size: 42px;
	style="float:left; 
	width:420px; 
	margin:40px 0px 10px 0px;
}

.sliderTagline {
	float:left; 
	width:420px; 
	color: #FFFFFF;
}


.sliderTagline h2 {
	color: #FFFFFF;
	font-size: 26px;
	margin: 30px 0px 40px 0px;
}

a.sliderlink {
	background: url(../images/sliderlink-arrow.png) no-repeat 0px -2px;
	border: 1px solid #003160;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 0px 1px 20px;
	text-decoration: none;
	text-transform: uppercase;
	float: right;
	margin: 5px 0px 10px 0px;
	width: 80px;
	clear: both;
	position: relative;
	bottom: 0px;
	right: 0px;
	
/*	border-radius: 5px;
	behavior: url(http://www.z3partners.com/border-radius.htc);*/
}

a.sliderlink:hover, a.sliderlink:active, a.sliderlink:focus { 
	background: url(../images/sliderlink-arrow-over.png) #FFFFFF no-repeat 0px -2px;
	border: 1px solid #000000;
}

.sliderButton {
	float:left; 
	width:420px; 
	margin:0px 0px 10px 0px;
	text-align: center;
	color: #FFFFFF;
}


.sliderButton a, .sliderButton a:visited  {
	display: block;
	background: url(../images/acc/acc1-button.jpg) no-repeat top left;
	color: #FFFFFF;
	height:23px;
	padding: 8px 60px 0px 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}

.sliderButton a:hover {
	display: block;
	background: url(../images/acc/acc1-button-on.jpg) no-repeat top left;
}