/*
Theme Name: A & B Advisors
Theme URI: http://www.abadvisors.com/
Description: Custom theme developed for A & B Advisors
Author: o2 Group
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

body {
	background:#fff;
	font:normal 14px/22px Arial, Helvetica, sans-serif;
}

h2 {
	color:#600;
	font:normal 30px Arial, Helvetica, sans-serif;
}

h3 {
	color:#600;
	font:normal 18px Arial, Helvetica, sans-serif;
}

p {
	margin:0 0 12px 0;
}

ul {
	margin:0 0 0 25px;
}

#main li {
	list-style-image:url(images/bullet.jpg);
	margin:0 0 12px 15px;
}

#container {
	width:904px;
	min-height:500px;
	margin:0 auto;
}

#header {
	background:url(images/bg_header.png) no-repeat;
	width:904px;
	height:120px;
	margin:0;
	padding:0;
}

/* HOME PAGE */

#banner {
	width:904px;
	height:275px;
	margin:4px 0 0 0;
	padding:0;
	overflow:hidden;
	position:relative;
}

#banner_quote {
	float:left;
	background:url(images/bg_banner_quote.jpg) no-repeat;
	width:262px;
	height:235px;
	margin:4px 0 0 0;
	padding:20px;
	overflow:hidden;
	position:relative;
	color:#fff;
}
#banner_quote  a{
	color:#f9bd46;
}

#slideshow {
	float:right;
	width:602px;
	height:275px;
	margin:4px 0 0 0;
	padding:0;
	overflow:hidden;
	position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#marketwatch {
	background:url(images/bg_marketwatch.jpg) no-repeat;
	width:890px;
	height:58px;
	margin:7px 0 0 0;
	padding:0 7px;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#marketwatch h1 {
	font:normal 25px Arial, Helvetica, sans-serif;
	color:#000;
	width:200px;
	margin:0 auto;
}

#marketwatch #title {
	float:left;
	width:270px;
	height:58px;
	text-align:center;
	clear:right;
	margin:0 20px 0 0;
	border-right:solid 1px #999; 
}

#marketwatch #item {
	float:left;
	clear:right;
	height:58px;
	width:290px;
}

#marketwatch #item p {
	margin:0;
	padding:0;
}

#marketwatch h3 {
	height:24px;
	overflow:hidden;
}

#marketwatch h3 a {
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	color:#600;

	clear:right;
	margin:0 0 0 0;
	padding:0;
	text-decoration:none;
}

#aboutbox {
	background:url(images/bg_aboutbox.jpg) no-repeat;
	width:884px;
	height:206px;
	margin:7px 0 0 0;
	padding:10px;
}

#aboutbox #text {
	float:right;
	width:575px;
	margin:0 10px 0 0;
}

#aboutbox img {
	border:solid 1px #999;
	overflow:hidden;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

#callouts {
	clear:both;
	width:904px;
	height:233px;
	margin:7px 0 0 0;
	padding:0;
}

#callouts #box {
	float:left;
	clear:right;
	background:url(images/bg_box.jpg) no-repeat;
	width:295px;
	height:233px;
	margin:0 0 0 100px;
}

#callouts #box h3 {
	font:normal 19px Arial, Helvetica, sans-serif;
	margin:22px 0 0 65px;
}

#callouts #box h3 a {
	text-decoration:none;
	color:#000;
}

#callouts #box #text {
	margin:30px 15px 0 30px;
}

#callouts #box #text ul {
	display:block;
	list-style-image:url(images/arrow.png);
}



/* END HOME PAGE */

/* MAIN PAGES */

#compliance {
	background:none;
	width:894px;
	height:94px;
	margin:0 0 0 0;
	padding:30px 10px;
	border-bottom:solid 1px #999;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
}

#compliance a {
	color:#600;
}

#testimonial {
	background:url(images/bg_testimonials.jpg) repeat-x;
	height:15px;
	width:864px;
	margin:15px 0 0 0;
	padding:20px;
	color:#FFF;
	font:normal 16px/24px Arial, Helvetica, sans-serif;
	overflow:hidden;
}

#espnfeed {
	float:right;
	width:175px;
	background:#666;
	padding:15px;
	margin:0 20px 0 0;
	min-height:300px;
	font:normal 12px Arial, Helvetica, sans-serif;
}

#espnfeed a {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
}

#main {
	border:solid 6px #e8e7e5;
	background:#f1f0ef;
	width:894px;
	margin:15px 0 0 0;
}

#main h2 {
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#600;
	background:#e8e7e5;
	padding:10px 12px;
}

#main #left {
	float:left;
	clear:right;
	width:549px;
	border-right:solid 1px #aaa;
	margin:25px 0 0 0;
	padding:0px 25px 25px 25px;
}

#main #left p {
	margin:0 0 20px 0;
}

#main #right {
	float:left;
	width:235px;
	margin:10px 0;
	padding:15px 15px;
}

#main-clients {
	background:url(images/bg_clients.jpg) no-repeat;
	width:894px;
	height:602px;
	margin:15px 0 0 0;
}

#main-clients h4 {
	color:#f9bd46;
	font:bold 20px Arial, Helvetica, sans-serif;
}

#main-clients #top {
	width:664px;
	height:335px;
	overflow:hidden;
	margin:0 0 15px 230px;
	padding:10px 0 0 0;
	color:#FFF;
}

#main-clients #bottom {
	width:883px;
	height:215px;
	overflow:hidden;
	padding:0 5px 20px 5px;
	color:#FFF;
	font-weight:bold;
}

#main-clients #bottom a {
	color:#FFF;
}

#main-clients #bottom #yellow_bar {
	font:bold 16px Arial, Helvetica, sans-serif;
	border-bottom:solid 7px #f9bd46;
	color:#f9bd46;
	margin:0 0 10px 0;
}

#main-clients #bottom #testimonials {
	background:url(images/bg_testimonials.png) no-repeat;
	float:right;
	width:259px;
	height:152px;
	padding:15px;
	margin:0 20px 0 0;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	overflow:hidden;
	color:#000;
}


#sidebar h3 {
	font-weight:bold;
	color:#600;
}

/* MAIN PAGES */

#footer {
	clear:both;
	background:none;
	width:904px;
	height:38px;
	margin:0;
	padding:10px;
}

#footer #left {
	width:400px;
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#footer #right {
	color:#600;
	float:right;
	width:450px;
	text-align:right;
}

#footer ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}
#footer ul li {
	display:inline;
	margin:0 3px 0 10px;
	padding:0 0 0 10px;
	border-left:solid 1px #600;
	height:5px;
}

#footer ul li a {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#600;
	text-decoration:none;
}

#footer ul li a:hover {
	color:#666;
}

#credit, #credit a {
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666;
}

	


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}