/*-----------------------------------------------------------------------------
Primary David Frasher Style Sheet

version:   1.0
author:    Trever Yarrish
email:     trever@defineyouredge.com
website:   http://www.defineyouredge.com

CONTENTS:
		
	1				Global reset
	2				General layout
	3				Header
	4				Navigation
	5				PrimaryContent
	6				SecondaryContent
	7				TertiaryContent
	8				Footer

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


/* 1.	=Reset Styles - Thank you Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/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, 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 {
	color: #383131;
	font: 14px Georgia, Times, "Times New Roman";
	background: #f9f9f9 url(../images/layout/bg-gradient.gif) repeat-x;
	text-align: center;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
caption { display: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*	2.	General 
----------------------------------------*/
.container { margin: 0 auto; text-align: left; width: 960px; }
.wrapper { min-width: 1205px; }
strong { font-weight: bold; }

a, a:link, a:visited { color: #0E467D; text-decoration: none; }
a:hover { color: #1569BC; text-decoration: underline; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
br.clearFix { clear:both; display:block; height:1px; margin:-1px 0 0; }

/*	3.	Header
----------------------------------------*/
.header { height: 70px; position: relative; }
#header { padding: 20px; }
/* #header h1 { background-color: #0e467d; color: #fbfbfb; font-family: Arial,Serif; float: right; font-size: 52px; font-weight: 900; padding: 5px 10px; border: 4px solid rgba(0, 0, 0, .2); } */
#header h1 { background: transparent url(../images/layout/df-logo2.jpg) no-repeat; display: block; height: 75px; width: 375px; float: right; border: 4px solid rgba(0, 0, 0, .3); text-indent: -9999px; }
#header h1 span { color: #ccc; }
#header h1 em { font-family: Georgia; }

/* 4. 	Navigation
----------------------------------------*/
.nav-main { font-size: 18px; position: relative; z-index: 10; }
#nav-main { border-bottom: 3px solid #cecece; margin-top: 10px; }
#nav-main li { float: left; margin-right: 10px; margin-bottom: 0px; }
#nav-main li a { border-bottom: 6px solid transparent; display: block; padding: 6px 0; width: 120px; }
#nav-main li.selected a { color: #d08d0d; font-weight: bold; } 
#nav-main li.selected a, #nav-main li a:hover { border-bottom: 6px solid #cecece; text-decoration: none; }

/* 5. 	Content-Main
----------------------------------------*/
#content-main { position: relative; background-color: #fff; border-top: 2px dotted #DEDEDE; border-left: 1px solid #dedede; border-right: 1px solid #dedede; padding: 20px 0px; margin-top: 3px; z-index: 1; word-spacing: .3em; }

#content-main h2 { clear: both; color: #0e467d; font-size: 22px; font-weight: bold; line-height: 36px; border-bottom: 4px double #dedede; text-align: center;  }
#content-main h2 span { display: none; }
#content-main div h2 { background: #f6f6f6 url(../images/layout/h2-bg.gif) repeat-x bottom; border-bottom: none;  color: #1E1A1A; font-family: "Trebuchet MS",Trebuchet,Georgia,"Times New Roman",Serif; font-size: 18px; text-align: center; }

/* 7.	Home Page
----------------------------------------*/
.bio { width: 500px; float: left; }
.links-of-interest { margin-left: 110px; width: 300px; float: left; margin-right: 20px; background: #F0F0F0 url(../images/layout/notable-bg.gif) repeat-x scroll center bottom; border: 1px solid #DEDEDE; }
.links-of-interest ul { padding: 0 10px 10px 30px; list-style-type: disc; }
#davidFrasher-info .content-main a { font-weight: 900; }
#davidFrasher-info .content-main p { margin: 10px; }
.recent-employment { margin-left: 110px; margin-right: 20px; }
.recent-employment h3 { color: #ffffff; font: 28px bold; position: absolute; top: 228px; left: 50%; margin-left: -305px; background: rgb(66, 66, 66); /* fallback color */ background: rgba(0, 0, 0, 0.5); padding: 3px 10px; }
.quote-container strong { font-weight: normal; }

.quote-container { margin: 10px 30px 20px 110px; border-bottom:1px solid #999999; border-top:1px solid #999999; height: 174px; }
.quotes { }
blockquote { font:italic 19px/25px GraublauWeb, Georgia, Times, 'Times New Roman', serif; background:url(../images/layout/quote-open.png) 0 20px no-repeat; padding:0 0 20px 0; }
blockquote p { padding:0 60px; background:url(../images/layout/quote-close.png) bottom right no-repeat; color:#369 }
blockquote cite { font:12px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color:#369; padding:0 0 0 60px }

/* Overlay */ 
.overlay { display:none; background-color:#ffffff; width:675px; min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; padding: 15px; } 
.overlay .close { background-image:url(../images/layout/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
div.contentWrap { height:441px; overflow-y:auto; } 

.overlay div { height: 450px; overflow-y: auto; overflow-x: hidden; }
.overlay h3 { color: #0e467d; font-size: 22px; font-weight: bold; line-height: 36px; border-bottom: 4px double #dedede; }


/* 6.	Experience Page
----------------------------------------*/
#cityManagement div, #lawEnforcement { border-top: 2px dotted #dedede; clear: both; margin: 0 10px; padding: 5px 0px; position: relative; }
#cityManagement div img, #pastCareers div img, .recent-employment img { background-color: #F0F0F0; display: block; height: 200px; margin: 10px auto; padding: 10px; width: 700px; }
#cityManagement div img:hover, #pastCareers div img:hover, div.school img:hover, .recent-employment img:hover { background-color: #E6E6E6; cursor: pointer; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); }
#cityManagement div h3, #pastCareers div#lawEnforcement h3 { color: #ffffff; font: 28px bold; position: absolute; top: 180px; left: 50%; margin-left: -350px; background: rgb(66, 66, 66); /* fallback color */ background: rgba(0, 0, 0, 0.5); padding: 3px 10px; }
#cityManagement div h4, #lawEnforcement h4 { margin-left: 110px; font-size: 18px; font-weight: bold; }
#cityManagement div p.dates, #lawEnforcement p.dates { margin-left: 110px; font-weight: normal; margin-bottom: 10px; font-size: 14px; }
#cityManagement div div.description, #lawEnforcement div.description { border: none; float: left; margin-left: 110px; padding: 10px 15px; width: 330px; }
#cityManagement div p, #lawEnforcement p { margin-bottom: 1em; }
span.firstLetter { display: block; float: left; font-size: 3.42857em; font-weight: bold; line-height: .7em; margin: 0.1em 0 0; padding: 0 0.3em; text-transform: uppercase; }
#cityManagement div h6, #pastCareers div h6, #lawEnforcement h6 { background: transparent url(../images/layout/notableAchievements.png) no-repeat; float: left;  height: 27px; margin-top: -35px; text-indent: -9999px; width: 360px; }
#cityManagement div ul, #lawEnforcement ul { background: #F0F0F0 url(../images/layout/notable-bg.gif) repeat-x bottom; border: 1px solid #dedede; list-style-type: disc; float: left; margin-bottom: 10px; padding: 10px 14px 10px 34px; width: 310px; }
div ul li { margin-bottom: 7px; }
div ul li:first-line { font-weight: 600; }

#pastCareers { clear: both; border-top: 2px double #dedede; }
#pastCareers div#attorney, #pastCareers div#lawEnforcement { clear: both; }
#pastCareers div#attorney div { float:left; width: 348px; }
#pastCareers div#attorney h3 { color: #ffffff; font: 26px bold; background: rgb(66, 66, 66); /* fallback color */ background: rgba(0, 0, 0, 0.65); margin: 10px 10px 5px 0px; padding: 3px 10px; }
#pastCareers div h4 { font-size: 18px; font-weight: bold; }
#attorney .dates, #lawEnforcement p.dates, #education .dates { margin-left: 0; }
#practice { margin-left: 110px; margin-right: 10px; }
#pastCareers div.description { padding: 10px }
#pastCareers div p { margin-bottom: 1em; padding-right: 10px; }
#pastCareers div p span.firstLetter { display: block; float: left; font-size: 3.42857em; font-weight: bold; line-height: .7em; margin: 0.1em 0 0; padding: 0 0.3em; text-transform: uppercase; }
#clerk { border-left: 2px dotted #dedede; padding-left: 15px;}
#pastCareers div h6 { margin-top: -10px; margin-bottom: 5px; }
#pastCareers div#attorney div ul { clear: both; background: #F0F0F0 url(../images/layout/notable-bg.gif) repeat-x bottom; border: 1px solid #dedede; list-style-type: disc; margin-bottom: 10px; padding: 10px 14px 10px 34px; }
#pastCareers div#lawEnforcement { position: relative; }
#independence { width: 710px; margin: 0 auto; }
#pastCareers div#lawEnforcement h3 { top: 207px; margin-left: -345px; }
#lawEnforcement div.description { margin-left: 0px; }
#lawEnforcement h4, #lawEnforcement h5 { margin-left: 0px; }

#educationHeader { border-top: 4px double #dedede; }
#education { width: 710px; margin: 0 auto; clear: both; }
.school { float: left; width: 335px; margin: 10px; }
div.school img { background-color: #F0F0F0; display: block; margin: 10px auto; padding: 10px; width: 320px; }
.school h3 { font-size: 16px; font-weight: 900; }

/* 7.	Testimonials Page
----------------------------------------*/
#letters img { background-color: #F0F0F0; display: block; margin: 15px 15px 10px; padding: 10px; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); }
#letters img:hover { background-color: #E6E6E6; cursor: pointer; }
.letter { position: relative; margin: 0 auto; width: 700px; border-top: 2px dotted #dedede; clear: both; padding: 20px 0px 5px; }

.letter h4 { font-weight: 900; font-size: 20px; }
.letter h5 { font-size: 16px; font-style: italic; }
div.description { margin-top: 10px; }
.description p { margin-bottom: 1em; }
.description p span.firstLetter { display: block; float: left; font-size: 3.42857em; font-weight: bold; line-height: .7em; margin: 0.1em 0 0; padding: 0 0.3em; text-transform: uppercase; }
.imageContainer a { text-align: center; font-style: italic; }
.signature { font-style: italic; font-weight: bold; }
a.cont { display: none; }

/* 8.	Q & A
----------------------------------------*/
p.question {
	min-height: 40px;	
	color: #0E467D;
	font-size:14px;
	line-height:22px;
	margin-bottom:20px;
	font-style: italic;
	}
p.answer {
	color:#5D6A7C;
	font-size:14px;
	line-height:22px;
	margin-bottom:20px;
	}
p.question span.firstLetter { font-style: normal; color:#5D6A7C; }
div.qanda {
	border-bottom: 2px dotted #cacaca;
	padding-bottom: 10px;
	}
.qanda { margin: 10px auto; padding: 10px; width: 700px; }
.qanda a.cont { font-weight: bold; font-style: italic; }

/* 10.	footer
----------------------------------------*/
.footer { display: block; }
#footer { border-top: 2px solid #DEDEDE; padding-top: 10px; padding-bottom: 10px; }
.footer-interior { margin-left: 120px; }
.footer-interior p { font-size: 12px; }
.footer .networking-links { float: right; margin: -20px 10px 0; }
.networking-links li { display: inline; float: right; margin-right: 10px; }
.addthis_button img { padding-top: 10px; }


img#davidBg { position: fixed; bottom: 0px; left: 0px; z-index: 2; }