/*
____________________________________________________________
|                                                            |
|    DESIGN : Adrienne Raymond    							 |
|      DATE : 2009.02.20                                     |
| COPYRIGHT : 2009 Good Hut				   				 	 |
|     EMAIL : adrienne@equineonlinedesign.com   		 	 |          
|____________________________________________________________|

*/

/*
Site Colors
#c41230 = bright red
#666685 = purple blue
#9e9ecc = lighter purple

*/

/***** Common Formatting *****/
html, body {margin: 0; padding: 0; min-height:101%; margin-bottom:1px;}

body {
margin:0;
padding:0;
background-color:#e5e5e5;
background-image:url(../images/BG.jpg);
background-repeat:repeat-x;
color:#000;  
font-family:"Lucinda Sans Unicode", arial, sans-serif;
font-size:1em;
}

a {
color:#0071bc;
text-decoration:underline;
}

a:hover {
color:#990000;
text-decoration:none;
}

#wrapper {
margin:10px auto;
width:1000px;
height:auto;
overflow:hidden;
background-color:#f5f5f5;
}


/*** SITE STRUCTURE *******/
.header {
height:140px;
background-color:#000033;
overflow:hidden;
}
.main {
	width:1000px;
	min-height:400px;
	height:auto;		
	overflow:hidden;		
	background-image:url(../images/middlebg.jpg);
	background-repeat:no-repeat;	
}
.leftsidemain {
	width:160px;
	float:left;
	min-height:300px;
	height:auto;
	background-image:url(../images/left.jpg);
	background-repeat:no-repeat;	
	background-color:#fbfbfb;		
}
.rightsidemain {
	width:840px;
	float:right;
	min-height:400px;
	height:auto;	
	background-image:url(../images/middle.jpg);
	background-repeat:no-repeat;		
}
.footer {
	width:1000px;
	height:50px;
	overflow:auto;
	background-color:#000033;	
}
/* Header portion */
.tagline {
	width:500px;
	height:30px;
	margin:-5px 0 0 250px;
	padding:0px;	
}
/****** TOP BAR NAVIGATION LAID ON TOP OF BLUEPRINT IMAGE IN MAIN DIV ********/
.topnav {
	width:840px;
	height:30px;
	border-bottom:2px solid #990000;
	overflow:hidden;	
	padding:0px;
	margin:0px;
}
#navtabs {
	width:550px;
	float:left;
	height:25px;
	text-align:center;
	margin:0 0 0 35px;	
	padding:3px 0 0 0;
}
ul#toptags {	
	height:25px;
	list-style:none;
	padding:3px 0 0 0;	
	margin:0;	
}
ul#toptags li {	
	display:inline;	
	padding:0px 15px 0px 15px;
	color:#999;
	font-size:.95em;
	font-family:arial, sans-serif;	
	font-weight:bold;	
}
ul#toptags li a {	
	display:inline;		
	color:#999;
	font-size:.95em;
	padding:0px 15px 0px 15px;
	font-family:arial, sans-serif;	
	font-weight:bold;
	text-decoration:none;	
}

ul#toptags li a:hover {	
	display:inline;	
	padding:0px 15px 0px 15px;	
	font-size:.95em;
	font-family:arial, sans-serif;	
	font-weight:bold;
	text-decoration:none;		
	color:#000033;	
}
/******* LEFT SIDE NAVIGATION ******/
.leftnavtop {
	width:159px;
	height:30px;
/* THIS IS THE BORDER AROUND THE LEFT SIDE NAVIGATION - heading */
	border-bottom:2px solid #990000;
	border-right:1px solid #990000;
}
.leftnavtop p {
	padding:8px 10px 0 0;
	margin:0px;
	text-align:right;
	font-size:.9em;
	font-family:arial, sans-serif;	
	font-weight:bold;
	color:#990000;
}
.leftnav {	
	width:159px;
	height:auto;
	overflow:auto;
	/* THIS IS THE BORDER AROUND THE LEFT SIDE NAVIGATION - body */
	border-right:1px dotted #990000;
	border-bottom:1px dotted #990000;
	
}
#EC_all {
	padding:0;
	margin:0;
	font-size:.7em;
	color:#999;
	font-style:italic;
	text-align:center;
}
#EC_all a {
	color:#999;
	text-decoration:underline;
}
#EC_all a:hover {
	color:#990000;
	text-decoration:none;
}

ul.treeview { /*CSS for Simple Tree Menu */
	margin: 0;	
	list-style:none;
	padding:5px 5px 10px 0;	
	margin:0;	
	text-align:right;	
}

ul.treeview li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/	
	list-style-type: none;
	margin-bottom: 3px;
	padding:8px 0;
	line-height:1em;
	font-size:.85em;
	font-weight:bold;
	color:#666685;
	background:none;
	cursor: hand !important;
	cursor: pointer !important;
}

ul.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	list-style-type: none;
	margin-bottom: 3px;
	padding:8px 0;
	line-height:1em;
	font-size:.85em;
	font-weight:bold;
	color:#666685;		
	cursor: hand !important;
	cursor: pointer !important;	
}
ul.treeview li.submenu a{ /* Style for LI that contains sub lists (other ULs). */
	list-style-type: none;
	margin-bottom: 3px;
	padding:8px 0;
	line-height:1em;
	font-size:.95em;
	font-weight:bold;
	color:#666685;
	text-decoration:none;		
	cursor: hand !important;
	cursor: pointer !important;	
}
ul.treeview li.submenu a:hover{ /* Style for LI that contains sub lists (other ULs). */
	list-style-type: none;
	margin-bottom: 3px;
	padding:8px 0;
	line-height:1em;
	font-size:.95em;
	font-weight:bold;
	color:#0d0d80;	
	text-decoration:underline;	
	cursor: hand !important;
	cursor: pointer !important;	
}

ul.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
padding:0 10px 0 0;
margin:0;
}

ul.treeview li.submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
padding:0;
margin:10px 0;
}
ul.treeview li.submenu ul li a { /*Style for LIs of ULs that are children of LIs (submenu) */
color:#9e9ecc;
text-decoration:none;
padding:0;
margin:10px 0;
}

ul.treeview li.submenu ul li a:hover { /*Style for LIs of ULs that are children of LIs (submenu) */
color:#c41230;
text-decoration:underline;
padding:0;
margin:10px 0;
}
a#c1, a#ch1, a#ch2, a#ch3, a#ch4, a#i1, a#i2, a#i3, a#ha1, a#ha2, a#ha3, a#ha4, a#ha5, a#mf1, a#mf2, a#nh1, 
a#nh2, a#rh1, a#rd1, a#w1 {
	color:#c41230;
	text-decoration:none;
}
/******** THE CENTER CONTENT OF THE SITE **********/
.centercontent {
	width:810px;	
	height:auto;
	margin:10px 10px;
	padding:0 0 0 10px;	
}
h1 {
	padding:0;
	margin:0;
	color:#000033;
	font-family:arial, sans-serif;
	font-size:20px;
}
h2 {
	padding:0;
	margin:0;
	color:#3d3d99;
	font-family:arial, sans-serif;
	font-size:18px;
}
h3 {
	padding:3px 0;
	margin:0;
	color:#33335c;
	font-family:arial, sans-serif;
	font-size:16px;
}
h4 {
	padding:5px 0;
	margin:0;	
	color:#5c3335;
	font-family:arial, sans-serif;
	font-size:14px;
}
p {
	padding:5px 0 10px 0;
	margin:0;
	color:#000;	
}

/********* HOME PAGE STYLING ************/
.centercontentHome {
	width:810px;	
	height:auto;
	margin:10px 10px;
	padding:0 0 0 10px;	
}
.centercontentHome p {
	width:800px;
	margin-right:10px;
	line-height:1.4em;
	text-align:justify;
	font-size:.95em;
}
.centercontentHome h1 {
	font-weight:normal;
	font-size:1.1em;
	margin:0 0 0 82px;
	color:#990000;	
}
#toppara {
	width:610px;
	margin:5px 0 0 82px;
}
.centercontentHome h2 {
	color:#000033;
}
.centercontentHome p img {
	width:225px;
	float:left;
	border:2px solid #c41230;
	margin-right:5px;
}
.centercontentHome span {
	font-size:1.1em;
	font-weight:bold;
}
.pictextBox1 {
	width:400px;
	float:left;
	padding:4px 0px;
	height:auto;
	overflow:hidden;
	margin:0 0 10px 0;
	text-align:center;	
}
.pictextBox2 {
	width:400px;
	float:right;
	padding:4px 0px;
	height:auto;
	overflow:hidden;
	margin:0 0 10px 0;
	text-align:center;	
}
.pictextBoxLeft {
	width:375px;
	float:left;
	height:auto;
	overflow:hidden;	
}
.pictextBoxLeft p {
	clear:left;	
	width:375px;
	margin:0px;
	padding:0px;
	font-size:.7em;
	font-style:italic;
	text-align:center;
	color:#666685;	
}
.pictextBoxLeft img {
	width:350px;
	height:325px;	
	border:3px solid #000033;
	margin:0 0 5px 15px;	
}

.pictextBoxRight {
	width:200px;
	float:right;
	height:auto;	
}
.pictextBoxRight p {
	clear:right;
	width:375px;	
	margin:0px;
	padding:0px;
	font-size:.7em;
	font-style:italic;
	text-align:center;
	color:#666685;	
}
.pictextBoxRight img {
	width:150px;
	height:125px;	
	border:3px solid #000033;
	margin:0 15px 5px 0px;
}
#plan1 {
	font-size:1.3em;
	font-weight:bold;
	color:#990000;
	text-align:center;
	padding:0 0 0px 0;
	margin:0 0 0 0px;
}
#plan2 {
	font-size:1.3em;
	font-weight:bold;
	color:#990000;
	text-align:center;
	padding:0 0 10px 0;
	margin:0;
}
.phone1 {	
	font-size:1.3em;
	font-weight:bold;	
	text-align:center;
	margin:-10px 0 10px 0px;
	padding:0 0 0 300px;	
}
.phone1 a {	
	text-decoration:none;
	color:#990000;
	font-size:1.3em;		
}
#plan2 span {
	font-size:.7em;
	font-weight:normal;
}
/*
#marciaTag {
	text-align:center;	
	padding:0px 0 0 0;
	margin:0px 0 0 0;
}
*/
.breakerSpace {
	height:10px;
	border-top:1px dotted #990000;
}
/********* FIRM PROFILE PAGE STYLING ************/
.centercontentFirm {
	width:810px;	
	height:auto;
	margin:10px 10px;
	padding:0 0 0 10px;	
}
.centercontentFirm p {
	width:800px;
	margin-right:10px;
	line-height:1.4em;
	text-align:justify;
	font-size:.95em;
}

.centercontentFirm img {
	width:225px;
	float:left;
	height:300px;
	border:4px solid #666685;	
	margin:5px 10px 5px 4px;
}
.centercontentFirm span {
	font-size:1.1em;
	font-weight:bold;
}
#resume {
	text-align:center;		
	padding-top:8px;
	font-size:.85em;
	font-style:italic;
}
/*
#philosophy {
	width:375px;
	float:right;
	text-align:left;
	padding-top:8px;
	font-size:.85em;
	font-style:italic;
}
*/
#plan {
	font-size:1.3em;
	color:#990000;
	text-align:center;
}
.projectLists {
	border:1px dotted #990000;
	width:750px;
	margin:0 auto 20px auto;
	overflow:auto;
	height:auto;
	padding:10px;
}
.left {
	width:330px;
	float:left;
	padding-bottom:20px;
	
}
.right {
	width:330px;
	float:right;
	padding-bottom:20px;
}
.community {
	clear:left;
	width:100%;
	margin:0 0 0 0px;
	padding:20px 0 0 0;
}
.community img {
	width:225px;
	height:175px;
	float:right;
	border:4px solid #666685;
	margin:20px 10px 0 10px;
}
.community ul {
	list-style: disc;
	margin: 2px 10px 10px 0;
	padding: 0 0 0 20px;	
	text-indent: 0em;	
}
.community ul li {
	font-size:.8em;
	color:#000032;	
	padding:5px 0;	
	margin:0px;
	font-family:Helvetica, arial, sans-serif;
	font-weight:bold;
	line-height:1.3em;
}
.community ul li ul {
	list-style: none;
}
.community ul li ul li {
	font-size:.95em;
	font-weight:bold;
	padding:2px 0 2px 10px;
	color:#666685;	
}
.projectLists ul {
	list-style: none;
	margin: 2px 10px 10px 0;
	padding: 0 0 0 20px;	
	text-indent: 0em;	
}
.projectLists ul li {
	font-size:.85em;
	color:#000032;	
	padding:5px 0;	
	margin:0px;
	font-family:Helvetica, arial, sans-serif;	
}

/********* PROJECT PAGE STYLING ************/
.text {	
	text-align:justify;
	border-bottom:2px dotted #5c3335;
}
.text p {
	width:775px;
	margin:0 auto;	
	font-size:.9em;
	line-height:1.3em;
}
.text2 {	
	text-align:justify;
}
.text2 p {
	width:775px;
	margin:0 auto;	
	font-size:.9em;
	line-height:1.3em;
}
.text ul {
	list-style: none;
	margin: 2px 10px 2px 0;
	padding: 0 3em 0 3em;	
	text-indent: -1em;	
}
.text ul li {
	font-size:.80em;
	color:#000032;	
	padding:3px 0;	
	margin:0px;
	font-family:Helvetica, arial, sans-serif;
	font-weight:bold;
}

.locDate {
	font-size:.75em;
	font-weight:bold;
	margin:0;
	padding:0 0 5px 0;
	color:#666;
}
.imgbox {
	margin:10px 0 10px 0;	
}
/* Slide Show */
.imgslideshow {
	width:715px;
	margin:0 auto 10px auto;
	padding:0 0 10px 0;
	background-color:#666685;
	height:auto;
	overflow:hidden;
}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper2 {width:690px; margin:10px auto; display:none}
#wrapper2 * {margin:0; padding:0}
#fullsize {position:relative; width:685px; height:400px; padding:2px; border:1px solid #ccc; background:#000033;}
#information {position:absolute; bottom:0; width:685px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:13px; color:#fff;font-weight:normal;}
#information p {padding:0 8px 8px; font-size:13px;color:#ccc; font-family:arial, sans-serif;}
#image {width:685px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat;}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:645px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
ul.locbullets {
	list-style: none;
	margin: 0px 0px 10px 0;
	padding: 0 3em 0 0em;	
}
ul.locbullets li {
	font-size:.75em;
	color:#666;	
	padding:2px 0;	
	margin:0px;
	font-family:Helvetica, arial, sans-serif;
	font-weight:bold;	
}
/*********** CONTACT PAGE **************/
.contact p {
	font-size:.95em;
	line-height:1.4em;
}
.contact p span {
	font-size:1.1em;
	font-weight:bold;
	color:#3d3d99;
}
.contact p span a {
	font-size:1.1em;
	font-weight:bold;
	color:#3d3d99;
	text-decoration:none;
}
.contact .formtext {
	font-size:.9em;
}
.contact .formtext span {
	font-size:1em;
	color:#c41230;
}
.contact #note {
	font-size:.8em;
	color:#c41230;
}
/******** THE FOOTER OF THE SITE **********/
#copyleft {
	width:250px;
	float:left;
}
#copyleft p {
	font-size:.7em;
	color:#666;
	padding:18px 0 0 5px;
	margin:0;
}
.footerlinks {
	width:500px;
	float:left;
}
.footerlinks p {
	font-size:.85em;
	text-align:center;
	padding:6px 0 0 0;
	margin:0;
	color:#ccc;
}
.footerlinks p a {
	font-size:.85em;
	text-align:center;
	padding:6px 0 0 0;
	text-decoration:none;
	color:#ccc;
}
.footerlinks p a:hover {
	text-decoration:underline;
	color:#fff;
}
#websiteright {
	width:250px;
	float:right;
}
#websiteright p {
	font-size:.7em;
	text-align:right;
	padding:30px 5px 0 0;
	margin:0px;
	color:#666;
}
#websiteright p a {
	color:#999;
}
#websiteright p a:hover {
	color:#ccc;
}