/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Diamond Valley Web Design
	Date: 2008 

**************************************************************************************************************

	1. Global Reset
	
	2. HTML
	
	3. Layout
		3.1 Header
		3.2 Content
		3.3 Footer
		
	4. Classes
	
	5. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. Global Reset
**************************************************************************************************************
**************************************************************************************************************/	

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,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td 
{margin:0 auto;	padding:0;	border:0;	font-size:100%; line-height:1; font-family:inherit; text-align:left;}

table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}


/* 2. HTML
**************************************************************************************************************
**************************************************************************************************************/	

body {background:#334489; background:#1B325D; font:14px Trebuchet MS, Arial, Helvetica, sans-serif; text-align:center; color:#fff;}
a, a:visited {color:#638A9B; text-decoration:underline;}
a:hover {color:#673530;}
h2 {font-size:24px; font-weight:normal; padding:16px 15px 0;}
h3 {font-size:16px; font-weight:bold;  padding:10px 15px 0;}
p {line-height:18px; padding:10px 15px 0;}
abbr {border-bottom:1px dashed #673530; cursor:help;}
ul {margin:10px 25px; padding:0 20px;}
li {line-height:18px; padding:0; margin:0 auto;}
embed:hover {cursor:pointer;}


/* 3. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#wrap {background:#666; width:860px; border:4px solid #fff; margin-top:20px;}


/* 3.1 Header
**************************************************************************************************************/

#navBox {background:url(images/navbgd.png); width:860px; height:55px; border-top:1px solid #fff; overflow:hidden;}
ul#navigation {width:860px; height:55px; margin:0 auto; padding:0; text-align:center; display:block; list-style:none; margin-left:28px;}
	ul#navigation li {background:#666; height:49px; display:block; list-style:none; float:left; margin:0 auto; padding:0; border:1px solid #acacac; border-top:none; border-bottom:1px solid #818181; font-size:20px; line-height:49px; overflow:hidden;}
	ul#navigation li a, ul#navigation li a:visited {height:49px; display:block; float:left; line-height:49px; text-decoration:none; color:#fff; padding:0 14px;}
	ul#navigation li a:hover {background:url(images/navbutton.png) repeat; padding:0 14px;}
		
h1#banner {background:url(images/banner.png); width:860px; height:111px; clear:both;}
	h1#banner a {background:url(images/banner.png); width:860px; height:0; padding-top:111px; overflow:hidden; display:block;}
	

/* 3.2 Content
**************************************************************************************************************/

#content {width:860px;}
#leftCol {width:380px; height:auto; float:left; display:inline;}
#rightCol {width:480px; height:auto; float:left; display:inline;}

/* 3.3 Footer
**************************************************************************************************************/

#footer {background:url(images/footer.png) top no-repeat; width:860px; height:198px; clear:both;}
	#footer p {padding:0 15px;}

.mission {float:left; display:block; width:490px; text-align:left; font-style:italic; margin-top:90px; padding-left:15px;}
	.mission strong {font-style:normal; line-height:35px;}
	.logoImage {float:right; display:inline; clear:right; margin-top:90px; width:300px; text-align:right; padding:0;}
	.address {float:right; display:inline; padding-right:15px; margin-top:5px; text-align:right; font-size:12px; line-height:12px;}


/* 4. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.pageImage {float:left; display:inline; margin:10px; padding:0;}


/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/	

#contactForm {font-size:14px; margin:0 auto; padding:0; width:300px;}
	#contactForm label {clear:both; margin:0 10px 0 0; line-height:18px;}
	#contactForm input {background:#E4EDF5; width:300px; clear:both; margin:0 20px 5px 0; height:20px; border:1px solid #C4C4C4;}
	#contactForm textarea {background:#E4EDF5; width:300px; clear:both; margin:3px 20px 10px 0; border:1px solid #C4C4C4;}
.requiredFields {color:#CC0000;}
.submitWrap {margin:0 auto; padding:0; clear:both;}

.resumeIntro {float:left; display:inline; width:160px; padding-top:40px; font-size:18px; font-weight:bold;}

.youtubeHead {float:right; display:inline; margin-right:60px;}
.youtube {float:right; display:inline; padding:0; border:2px solid #fff; margin:20px; clear:right;}

.collage {border:2px solid #fff;}

/* Resumes*/
.resumeText {background:url(images/resumetext_bgd.png) repeat-y; width:450px; float:right; color:#000; display:inline; margin:10px; border:2px solid #666; font-size:12px; clear:right;}
	.resumeText h3 {display:block; width:400px; height:20px; background:#334489; padding:0 10px 10px; color:#fff; line-height:30px; margin-top:10px;}
	.resumeText a {color:#334489; font-weight:bold;}
.recentTransactions {width:846px;  border:2px solid #fff; margin:8px 5px; float:left;}
	.recentTransactions h3 {display:block; width:800px; height:20px; background:#334489; padding:0 10px 10px; color:#fff; line-height:30px; margin-top:10px;}
	.recentTransactions h4 {font-weight:bold;  padding:10px 30px; text-transform:uppercase;}
	.recentTransactions .floatLeft {padding:10px 30px;}
.resumeTitle {float:left; margin:550px 20px 20px; display:inline; color:#000; background:url(images/resumetext_bgd.png) repeat; border:2px solid #666;}
	.resumeTitle h3 {color:#fff; display:block; height:auto; background:#334489; padding-bottom:10px; line-height:20px;}
	.resumeTitle a {color:#334489;}
	
.clientBlock {display:block; float:left; width:420px; padding-bottom:10px;}
	.clientBlock li {float:left; display:inline; width:200px;}

#AllenNunez {width:850px; height:auto; background:url(images/allen_bgd.jpg) top no-repeat;}
	#AllenNunez .resumeTitle {margin-top:600px;}
	#AllenNunez .resumeTitle h3 {color:#EAAF37; font-size:18px;}
#MichaelleKelly {width:850px; height:auto; background:url(images/michaelle_bgd.jpg) top no-repeat;}
#KevinNellis {width:850px; height:auto; background:url(images/kevin_bgd.jpg) top no-repeat;}
	#KevinNellis .resumeTitle h3 {color:#EAAF37; font-size:18px;}
	#KevinNellis .resumeText p {line-height:14px;}
#LindseySands {width:850px; height:auto; background:url(images/lindsey_bgd.jpg) top no-repeat;}
	#LindseySands .resumeText {float:left; clear:left;}
	#LindseySands .resumeTitle {float:right;}
#BrianaCrain {width:850px; height:auto; background:url(images/briana_bgd.jpg) top no-repeat;}
#CareyPastor {width:850px; height:auto; background:url(images/carey_bgd.jpg) top no-repeat;}
#GeorgiaDettelbach {width:850px; height:auto; background:url(images/georgia_bgd.jpg) top no-repeat;}
#StanNowak {width:850px; height:auto; background:url(images/stan_bgd.jpg) top no-repeat;}
	#StanNowak .resumeText {float:left; clear:left;}
	#StanNowak .resumeTitle {float:right; margin-top:600px;}
#AmyWells {width:850px; height:auto; background:url(images/amy_bgd.jpg) top no-repeat;}

/* News*/
ul.listspace {margin-left: 15px;}  
ul.listspace li {padding-bottom: 8px;}  
.graph {float:left;display:inline; margin-right: 15px;}
.names {color:#334489}
.newsthumbs {border: 1px solid #FFFFFF; margin-right: 17px;}
.pullquote {font-size:16px; font-weight:bold;  line-height: 18pt; text-align: center;}
.bottompadding {float:left;display:inline; margin-bottom: 12px; margin-top: 12px;}

/* Accordian*/
.resumeAccordian {margin:40px 0 40px 130px;}

ul.accordion{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.accordion li{
  float: left;
  padding: 0;
  display: block;
  margin-right: 0;
}

ul.accordion li a{
  display: block;
  overflow: hidden;
  height: 304px;
  width: 50px; float:left;
}

ul li #a1{
  width: 250px; float:left;
}

ul.accordion li img{
  position: absolute;
  border: 2px solid #000;
}

ul.accordion li p{
  margin: 0;
  padding: 0;
  width: 204px;
  display: block;
  margin-left: 52px;

}
.Allen {background:url(images/Allen1.jpg); height:304px;}
.Michaelle {background:url(images/Michaelle2.jpg); height:304px;}
.Kevin {background:url(images/Kevin1.jpg); height:304px;}
.Lindsey {background:url(images/Lindsey2.jpg); height:304px;}
.Briana {background:url(images/Briana1.jpg); height:304px;}
.Carey {background:url(images/Carey1.jpg); height:304px; }
.Georgia {background:url(images/Georgia1.jpg); height:304px;}
.Stan {background:url(images/Stan1.jpg); height:304px;}
.Amy {background:url(images/Amy1.jpg); height:304px;}

.photosThanks {padding:0; margin-top:10px; font-size:12px; font-style:italic; text-align:center; clear:both;}