/**
 * Master style sheet for azacapital.com
 * Pantone 300 ~ #0072C6
 *
 * @author Jeff Keen
 */
body {
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
    color: #333;
	text-align: center; /* To center layout in IE5/Win */
	line-height: 1.6;
	margin: 0;
    border: 0; /* Remove border around viewpoint in old versions of IE */
	padding: 0;
	background: #FFFFFF;
	}
    
p {
	font-size: 1.0em;
	margin: 5px 0 15px 0;
	}
blockquote {
    margin: 1em 3em;
	color: #999;
    font-weight: bold;
	border-left: 2px solid #999;
	padding-left: 1em;
    }
a {
    text-decoration: none;
    outline: none;
    }
a:link, a:visited, a:hover, a:active { 
    color: #0072C6;
    }
a:hover {
    text-decoration: underline;
    }
a.current { color: #666666; }
img {
	border: none;
	}
img.graphic {
    margin: 20px 0;
    }
a.thumbnail img {
    border: 3px solid #DDDDDD;
    }
a.thumbnail:hover img {
    border: 3px solid #0072C6;
    }
a.thumbnail.float {
    float: left;
    margin: 0 7px 7px 0;
    }

/* headings */
h1 { /* Used only at top of page */
	font-size: 2.0em;
    color: #323232;
	margin: 0 0 10px 0;
	}
h2 {
    color: #323232;
	font-size: 1.4em;
	margin: 10px 0 5px 0;
	}
h3 {
    color: #323232;
	font-size: 1.1em;
    font-style: italic;
    margin: 10px 0 0 0;
	}
h2.subtitle {
    color: #999999;
    font-weight: normal;
    }
.h-image {
    text-indent: -9999px; /* shift text out of view */
    margin: 0;
    height: 35px;
    background-repeat: no-repeat;
    background-position: left top;
    }
h1.h-image#strategies { background-image: url('/img/headlines/strategies.png'); }
h1.h-image#services { background-image: url('/img/headlines/services.png'); }
h1.h-image#commentary { background-image: url('/img/headlines/commentary.png'); }
h1.h-image#about { background-image: url('/img/headlines/about.png'); }
h1.h-image#contact { background-image: url('/img/headlines/contact.png'); }
h1.h-image#disclaimer { background-image: url('/img/headlines/disclaimer.png'); }
h1.h-image#sitemap { background-image: url('/img/headlines/sitemap.png'); }
h1.h-image#driv { background-image: url('/img/headlines/driv.png'); }
h1.h-image#enhanced { background-image: url('/img/headlines/enhanced.png'); }
h1.h-image#global { background-image: url('/img/headlines/global.png'); }
h1.h-image#phase_in { background-image: url('/img/headlines/phase_in.png'); }
h2.h-image#about_the_firm  { background-image: url('/img/headlines/h2_about_the_firm.png'); }
h2.h-image#commentary  { background-image: url('/img/headlines/h2_commentary.png'); }
h2.h-image#downloads  { background-image: url('/img/headlines/h2_downloads.png'); }

/*	LAYOUT
------------------------------------------------------------------------*/
#page {
	width: 930px;
	margin: 25px auto 0;
	text-align: left; /* Re-aligns "body" definition */
    overflow: hidden;
	}

/* header */
#header {
    height: 80px;
	}
a#logo {
    text-indent: -9999px; /* shift text out of view */
	width: 200px;
	height: 50px;
	background: url("/img/AZA_Capital_Logo.png") no-repeat left top;
	display: block;
	}
h1#top-message {
    text-indent: -9999px; /* shift text out of view */
    margin: 0;
    background: url('/img/top-message.gif') no-repeat;
    float: left;
    height: 75px;
    width: 290px;
    }

/* Column layouts */
.columns-wrap {
    width: 100%;
    }
    
 /* 3-column layouts */
.three-col-left {
    width: 33%;
	float: left;
	}
.three-col-middle {
    width: 33%;
    float: left;
	}
.three-col-right {
    width: 33%;
	float: right;
	}
.three-col-left div.pad { margin: 0 14px 0 0;}
.three-col-middle div.pad { margin: 0 7px 0 7px; }
.three-col-right div.pad { margin: 0 0 0 14px; }

/* 2-column layouts */
.two-col-left {
	width: 70%;
	float: left;
	}
.two-col-right {
	width: 27%;
	float: right;
    margin-top: 10px;
    border-left: 1px solid #DDDDDD;
	}
.two-col-right p,
.two-col-right ul,
.two-col-right table {
	margin-left: 20px;
    margin-right: 10px;
	}
.two-col-right h3 {
    font-style: normal;
    background: #EEEEEE;
    border-bottom: 1px solid #DDDDDD;
    padding: 2px 0 2px 20px;
    margin: 0 0 10px 0;
    }
.half-col-left {
	width: 48%;
	float: left;
	}
.half-col-right {
	width: 48%;
	float: right;
    margin-top: 10px;
	}
/* footer */
#footer {
    font-size: 0.9em;
    width: 100%;
	margin-top: 25px;
	padding: 7px 0;
    border-top: 1px solid #DDDDDD;
	}
#footer ul {
	float: left;
	}
#footer li {
 	float: left;
	margin-right: 20px;
	}



/*	LISTS
------------------------------------------------------------------------*/
ul, li {
	font-size: 1.0em;
	margin: 0 0 7px 0;
	padding: 0;
	}
ul li { /* ol li need list types */
	list-style: none;
	}
ol {
    font-size: 1.0em;
    }
li ul {
    margin-left: 15px;
    }
/* bullet lists */
ul.bullets {
    padding: 0 1em;
    margin-bottom: 15px;
    }
ul.bullets li {
    margin-left: 1em;
    list-style-type: disc;
    }

/* icon lists with links - 18px by 18px */
ul.icons li {
    margin: 10px 0;
    padding-left: 24px; /* width of icon + whitespace */
    line-height: 18px; /* height of icon */
    background-repeat: no-repeat;
    background-position: 0 0;
    }
ul.icons li a.title {
      xpadding-left: 24px;
      display: block;
      }
li.pdf { background-image: url("/img/icons18x18/pdf.gif"); }
li.rss { background-image: url("/img/icons18x18/rss_feed_icon.png"); }
li.check { background-image: url("/img/icons18x18/check.png"); }

/* inline lists */
ul.inline { display: inline; }
ul.inline li { display: inline; }

/* Sitemap */
ul#sitemap-list {
    font-size: 125%;
    font-weight: bold;
    }
ul#sitemap-list ul {
    font-size: 90%;
    font-weight: normal;
    }
/* Document List */
ul.document-list li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #DDDDDD;
    }
ul.document-list li a {
    color: #666666;
    padding: 5px 10px;
    display: block;
    }
ul.document-list li a img {
    border: 1px solid #999999;
    padding: 2px;
    float: left;
    margin-right: 10px;
}
ul.document-list li a:hover {
    color: #0072C6;
    background-color: #EEEEEE;
    }
ul.document-list li a:hover img {
    border-color: #0072C6;
    }

/*	FORMS
------------------------------------------------------------------------*/
form {
	margin: 0;
	padding: 0;
	}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #CCCCCC;
	}
input.fatty {
    padding: 5px;
    }
#mini-searchform {
    margin: 10px 0 0 0;
    }

/* image buttons */
input.button {
    margin: 0;
    background: transparent url("/img/form_button_bg.gif") repeat-x left top;
    }
    
/*	TABLES
------------------------------------------------------------------------*/
table {
    font-size: 1.0em;
	margin: 5px 0;
	border-collapse: collapse;
	}
table th {
    color: #666666;
    }
table th,
table td {
    vertical-align: top;
    margin: 0;
	padding: 2px 15px;
	}
table.hz th { /* horizontal layout */
	padding: 2px 10px 0px 2px;
	}
table td.nopad { 
    padding-left: 0;
    padding-right: 0;
    }
table td ul,
table td table {
    margin: 0;
}

/* alternate row colors */
tr.odd { background-color: #EEEEEE; }
tr.even { background-color: #FFFFFF; }



/*	NAVIGATION
------------------------------------------------------------------------*/
#top-nav-contain {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 25px;
    }
#top-nav-contain ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
    float: right;
    border-left: 1px solid #DDDDDD;
    }
#top-nav-contain li {
	margin-left: 0;
	padding: 3px 20px;
	border-right: 1px solid #DDDDDD;
    list-style: none;
	display: inline;
    }
#top-nav-contain li a { color: #666666; }
#top-nav-contain li a.current { color: #0072C6; }

/* tab toggle - fabtabulous.js */
#tabs a {
    font-weight: normal;
    }
.panel {
	clear: both;
    }
.hide { /* Modification. See notes in fabtabulous.js */
    display: none;
    }
.panel.active-tab-body {
	display: block;
    }
#tabs a.active-tab {
	color: #333;
    font-weight: bold;
    }


/*	FEEDBACK & ERRORS MESSAGES
------------------------------------------------------------------------*/
.message { /* Used by CakePHP */
    margin-bottom: 15px;
	padding: 5px 10px;
	background: #CCFFFF;
	border: 2px solid #99FFFF;
	}
.feedback_inline,
.error-message { /* used by validation */
	font-size: 0.9em;
	margin: 5px 0;
	padding: 2px 5px;
	}
.error,
#authMessage, /* used by Auth */
.error-message { /* used by validation */
	background-color: #FFCCFF;
	border: 1px solid #FF66CC;
	}

/*	miscellaneous
------------------------------------------------------------------------*/
#toggleable div { 
	display: none; 
	}
.faded, .faded a {
	color: #999999;
	}
.noborder {
	border: none;
	}
.bold {
    font-weight: bold;
}
.block-section {
	margin: 15px 0;
	padding: 10px;
	background-color: #EEEEEE;
	border: 2px solid #DDDDDD;
	}
div.separator {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    border-bottom: 1px solid #DDDDDD;
}

 /* misc floats & text alignments */
.flt-right { float: right; }
.flt-left { float: left; }
.text-right { text-align: right; }
.text-left { text-align: left; }


/* Employee Profiles */
ul#employee-list li {
    padding: 5px 0px;
    }
ul#employee-list span {
    display: block;
    font-style: italic;
    }
p#employee-title {
    font-size: 1.2em;
    font-style: italic;
    }

/* Slideshow */
#slideshow {
    padding-top:5px;
    background: #DDDDDD;
    width: 930px;
    height: 350px;
    margin-bottom: 15px;
    background: url("/img/blue_gradient_line.png") no-repeat right top;
    overflow: hidden;
    }


/*	clear fix
 * credit to http://www.positioniseverything.net/easyclearing.html
 * use on container that holds floats
------------------------------------------------------------------------*/
/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
    }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

<!--[if IE]>
.clearfix {
  zoom: 1%;     /* triggers hasLayout */
  display: block;     /* resets display for IE/Win */
  }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
<![endif]-->

.clear {
	clear: both;
	}