/*
Theme Name: CDDWealth.com
Theme URI: http://cddwealth.com/
Description: Theme designed especially for CDDWealth.com
Version: 1.0
Author: Phil Freo
Author URI: http://philfreo.com/
*/

/* Eric Meyer's Reset Reloaded */
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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} 
:focus {outline:0;}
body {line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td {text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}

/* Global Layout Styles */
body {
    background: black;
    font-size: 12px;
    line-height: 1.7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #dbdbdb; /* almost white, but nicer on the eyes */
}

a {
	color: #fff; 
}
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.9em; }

div#wrapper {
	width: 1000px;
	margin: 0 auto;	
}

div#header {
	display: block;
	height: 124px;
	position: relative;
	z-index: 2;
}
	
	div#header h1 a {
	    text-indent: -999em;
	    display: block;
	    width: 253px;
	    height: 70px;
	    background: transparent url(images/cdd_logo.png) 0 0 no-repeat;
	    top: 26px;
	    left: 50px;
	    padding: 10px;
	    position: absolute;
	}
	
	ul#toplinks {
		display: block;
		list-style: none;
		position: absolute;
		top: 6px;
		right: 40px;
	}
		ul#toplinks li {
			display: block;
			float: left;
			line-height: 1.2;
		}
			ul#toplinks li a {
				display: block;
				padding: 0 8px;
				text-transform: uppercase;
				text-decoration: none;
				font-weight: bold;
				font-size: 0.8em;
			}
				ul#toplinks li a:hover { color: #ba9765; }
			ul#toplinks li.last {
				border-left: solid 1px white;
			}
	
	ul#nav {
		display: block;
		list-style: none;
		text-align: right;
		position: absolute;
		bottom: 0;
		right: 35px; /* 50 - 5 - 10 */
		line-height: 1.0;
	}
		ul#nav li {
			display: block;
			float: left;
			position: relative;
			margin: 0 5px;
			position: relative;
		}
			ul#nav li:hover { visibility: inherit; }
			ul#nav li a {
				display: block;
				padding: 14px 10px;
				text-transform: uppercase;
				text-decoration: none;
				font-weight: normal;
			}
				ul#nav li.current_page_item a,
				ul#nav li a:hover { color: #ba9765; }

			/* Submenu */
			ul#nav li ul {
				position: absolute;
				z-index: 20;
				top: 40px;
				left: 0;
				text-align: left;
				margin: 0;
				padding: 0;
				display: none;
			}
				ul#nav li ul li { 
					float: none;
					margin: 0;
					padding: 0;
					border: none;
					*display: inline; /* IE hack to get rid of 1px space between LIs */
				}
				ul#nav li ul li a,
				ul#nav li.current_page_item ul li a {
					color: #fff;
					display: block;
					font-weight: normal;
					margin: 0;
					padding: 8px 10px;
					white-space: nowrap;
					*width: 170px; /* only needed in IE6-7 */
					/* -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#88000000', EndColorStr='#88000000')"; for IE8, but doesn't seem to work */
					background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgaAcIMAAAjACIlx3GqwAAAABJRU5ErkJggg==); /* IE8 workaround */
					filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#88000000', EndColorStr='#88000000'); /* IE 6-7 semi-transparent bg */
				}
				ul#nav li ul li > a {
					background: rgba(0, 0, 0, 0.5); /* semi-transparent bg for standards-based */
				}
					ul#nav li ul li a:hover {
						background: #ba9765;
						color: #fff;
						filter: none;
					}
	
/* Homepage Slideshow */
div#masthead {
	position: relative;
	line-height: 1;
	width: 1000px;
	height: 128px;
}
	div#masthead h1 {
		position: absolute;
		bottom: 10px;
		left: 348px;
	    font-family: Helvetica, sans-serif;
		font-size: 3.1em;
		text-transform: uppercase;
		font-weight: normal;
		color: #fff;
		opacity: .4; /* text opacity, standards; must match with sIFR css */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* text opacity, IE8 */
		filter: alpha(opacity=40); /* text opacity, IE6-7 */
		width: 600px; /* needed so sIFR doesn't wrap */
	}
body.home div#masthead {
    height: 280px;
	z-index: 1;
}
	body.home div#masthead img {
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 2;
	    opacity: 0;
	    display: none;
	}
	body.home div#masthead img.active {
	    z-index: 4;
	    opacity: 1;
	    display: block;
	}
	body.home div#masthead img.last-active {
	    z-index: 3;
	}

div#content {
	float: left;
	margin-bottom: 15px;
	padding: 20px 50px 10px 50px;
	min-height: 300px;
	_height: 300px;
}
	body.home div#content {
		min-height: inherit;
		_height: auto;
	}
	
	div#content div.column-left { float: left; padding-right: 5%; }
	div#content div.column-right { float: right; padding-left: 5%; }
	div#content div.column-left,
	div#content div.column-right {
		width: 45%;
		display: block;
		_display: inline; /* IE6 hack */
	}
	div#content div.column-right { width: 44%; }

	div#content h2 {
		font-weight: bold;
		font-size: 1.0em;
		margin: 0 0 0 0;
		color: #fff;
	}
		body.home div#content h2 { 
			font-weight: normal;
			text-transform: uppercase;
			margin-bottom: 4px;
		}
	div#content h3 {
		font-weight: normal;
		text-transform: uppercase;
		color: #fff;
	}
	
	div#content a {
		color: #ba9765;
		text-decoration: none;
		font-weight: bold;
	}
		div#content a:hover { text-decoration: underline; }
	
	div#content p {
		margin: 0 0 15px 0;
	}
		div#content p.meta { font-style: italic; font-size: 0.9em; }
	
	div#content ul { margin: 0 0 15px 15px; list-style-type: disc; }
	div#content ol { margin: 0 0 15px 20px; list-style-type: decimal; }
	div#content ul ul { margin: 0 0 0 40px; }
	
	div#content .vcard {
		float: right;
		background: transparent url(images/vcard.png) 0 1px no-repeat;
		padding: 0 0 0 20px;
		font-size: 0.9em;
	}
	div#content .credits {
		margin-top: 3em;
		font-size: 0.8em;
	}

	
	div#content #content-inner {
		float: right;
		width: 599px;
		border-left: solid 1px #78787c;
		padding: 0 0 0 15px;
	}
	div#content #sidebar {
		float: left;
		width: 280px;
	}
		div#sidebar h2 {
			text-transform: uppercase;
		}
		div#sidebar ul {
			margin: 0 0 0 15px;
			text-transform: uppercase;
		}
		div#sidebar ul ul {
			list-style-type: none;
			margin: 0 0 0 20px;
			text-transform: capitalize;
		}
		div#sidebar a {
			color: #fff;
			font-weight: normal;
		}
		div#sidebar li.current_page_item a {
			color: #ba9765;
		}

div#footer-wrap {
	float: left;
	width: 100%;
	overflow: hidden;
}
div#footer {
	color: #666; /* was 7a7a79 */
	font-size: 0.85em;
	text-align: center;
	margin: 0 50px;
}
	ul#footerlinks {
		display: block;
		float: left;
		list-style: none;
		position: relative;
		left: 50%;
		margin: 0 0 5px 0;
	}
		ul#footerlinks li {
			display: block;
			float: left;
			border-right: solid 1px #666;
			line-height: 1.3;
			position: relative;
			right: 50%;
		}
			ul#footerlinks li a {
				display: block;
				padding: 0 8px;
			}
				ul#footerlinks li a:hover {
					text-decoration: none;
				}
			ul#footerlinks li.last {
				border-right: none;
			}
			
	div#footer a {
		color: #666;
	}
	div#footer p {
		clear: both;
		margin: 0 0 5px 0;
		line-height: 1.3;
	}
	.disclaimer {
		font-size: 0.9em;
		text-transform: uppercase;
	}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 Ð 2008 Mark Wubben, <http://novemberborn.net/>
*****************************************************************************/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}

.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt; 
padding: 0pt; 
overflow: auto; 
letter-spacing: 0px; 
float: none;
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
.sIFR-active div#masthead h1 {
	visibility: hidden;
	opacity: 1;
	-ms-filter: none;
	filter: none;
}