.body {
background:  url(../images/backgrounds.jpg) ; 
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
padding: 0;
margin: 0;

}
/* standard */
h1, h2, h4, h5, h6, p, form, label {
padding : 0;
margin : 0;
}

a {
color: #7d2728;
}
a:hover {
color: #555555;
}

ul, ol, dl { position: relative; }

/* structure */
#wrapper {
display : block;
width : 900px; 
border: 0px #ffffff solid;
padding: 0;
margin-top : 10px;
margin-right : auto;
margin-bottom: 20px;
margin-left : auto;
}

#wrapper #topWrap {
padding: 0;
margin: 0;
}

#wrapper #topWrap #logo {
margin: 0;
}

/* main navigation */
#wrapper #topWrap #navbar { display : block; width : 900px; background-color: #fff; text-align : left; overflow: visible; border-bottom: 0px #fff solid; padding : 0; margin : 0; }

#wrapper #topWrap #navbar ul#navlist { display : block; padding : 0; margin : 0; float : left; }

#wrapper #topWrap #navbar ul#navlist li { display : block;  background: url(../images/navback-maroon1.jpg) top repeat-x; width: 180px; color: #fff; float : left; }

#wrapper #topWrap #navbar ul#navlist li.endcap { display : block;  background: #fff; width: 300px; float : left; }

#wrapper #topWrap #navbar ul#navlist li.first { display : block;  background: url(../images/navBack-maroon3.jpg) top left no-repeat; width: 180px; float : left; }

#wrapper #topWrap #navbar ul#navlist li.first a:hover { background: url(../images/navback-maroon2.jpg)  top left no-repeat; color : #fff; }

#wrapper #topWrap #navbar ul#navlist li a { display : block; text-decoration : none; text-align: center; font-size : 12px; color : #fff; padding-top: 8px; padding-bottom: 8px; border-right: 1px #330000 solid; }

#wrapper #topWrap #navbar ul#navlist li a.last { display : block; text-decoration : none; text-align: center; font-size : 12px; color : #000; padding-top: 8px; padding-bottom: 8px; border-right: 0px #d4a131 solid; }

#wrapper #topWrap #navbar ul#navlist li a:hover { background: #200000 url(../images/navback-maroon2.jpg) center repeat-x; color : #fff; }
/* end main navigation */

#wrapper #topWrap #navbar .clearR { clear: left; }

#wrapper #mainWrap {
width: 900px;
background: #fff;
overflow: hidden;
padding: 0;
margin: 0;
}

#wrapper #mainWrap #content {
width: 597px;
background-color: #FFF;
overflow: hidden;
float: right;
padding: 0;
margin: 0;
}

#wrapper #mainWrap #content #biglink {
padding: 0;
margin: 0;
}

#wrapper #mainWrap #content #bigwrap {
display: block;
width: 598px;
height: 200px;
border-bottom: 1px #fff solid;
overflow: hidden;
}

#wrapper #mainWrap #content #bigwrap  h1 {
font-size: 14px;
color: #fff;
text-transform: uppercase;
border-bottom: 0px #fff solid;
padding: 10px 0 10px 10px;
}

#wrapper #mainWrap #content #bigwrap  p{
color: #fff;
font-size: 10px;
padding: 5px 15px 15px 15px;
margin: 0;
}

#wrapper #mainWrap #content #bigwrap  p a{
font-size: 12px;
color: #eee;
}

#wrapper #mainWrap #content #bigwrap  p a:hover{
font-size: 12px;
color: #555;
}

#wrapper #mainWrap #content #bigwrap .moreBox {
text-align: right;
padding: 3px 15px 5px 0;
}

#wrapper #mainWrap #content #bigwrap .moreBox a {
font-weight: bold;
color: #fff;
text-decoration: none;
}

#wrapper #mainWrap #content #bigwrap .moreBox a:hover {
color: #c39329;
}

/* change the size of the 3 block font */
#wrapper #mainWrap #content #bigwrap p {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
#wrapper #mainWrap #content #bigwrap .bigBlock1, #wrapper #mainWrap #content #bigwrap .bigBlock1 a:link, #wrapper #mainWrap #content #bigwrap .bigBlock1 a:active, #wrapper #mainWrap #content #bigwrap .bigBlock1 a:visited {
width: 198px;
height: 200px;
background: #111 url(../images/block_back3.jpg) top left no-repeat;
border-right: 1px #444 solid;
float: left;
text-decoration: none;
color: #fff;
} 
#wrapper #mainWrap #content #bigwrap .bigBlock1 a:hover {
background: #000 url(../images/block_back3-over.jpg) top left no-repeat;
border-right: 1px #444 solid;
float: left;
text-decoration: none;
color: #fff;
}
/*
#wrapper #mainWrap #content #bigwrap .bigBlock2 {
width: 198px;
height: 200px;
background: #111 url(../images/block_back2.jpg) top left no-repeat;
border-right: 1px #444 solid;
float: left;
text-decoration: none;
color: #fff;
}*/
#wrapper #mainWrap #content #bigwrap .bigBlock2, #wrapper #mainWrap #content #bigwrap .bigBlock2 a:link, #wrapper #mainWrap #content #bigwrap .bigBlock2 a:active, #wrapper #mainWrap #content #bigwrap .bigBlock2 a:visited {
width: 198px;
height: 200px;
background: #000 url(../images/block_back2.jpg) top left no-repeat;
border-right: 1px #444 solid;
float: left;
text-decoration: none;
color: #fff;
}
#wrapper #mainWrap #content #bigwrap .bigBlock2 a:hover {
background: #000 url(../images/block_back2-over.jpg) top left no-repeat;
border-right: 1px #444 solid;
float: left;
text-decoration: none;
color: #fff;
}


#wrapper #mainWrap #content #bigwrap .bigBlock3, #wrapper #mainWrap #content #bigwrap .bigBlock3 a:link, #wrapper #mainWrap #content #bigwrap .bigBlock3 a:active, #wrapper #mainWrap #content #bigwrap .bigBlock3 a:visited {
width: 198px;
_width: 196px;
height: 200px;
background: #000 url(../images/block_back1.jpg) top left no-repeat;
border-right: 1px #444 solid;
float: left;
text-decoration: none;
color: #fff;
}
#wrapper #mainWrap #content #bigwrap .bigBlock3 a:hover {
background: #000 url(../images/block_back1-over.jpg) top left no-repeat;
border-right: 1px #444 solid;
float: left;
text-decoration: none;
color: #fff;
}


#wrapper #mainWrap #content #maincontent {
padding: 0;
margin: 0;
}

#wrapper #mainWrap #content #maincontent h1{
font-size: 20px;
padding: 1em 0 0 20px;
margin: 0;
}

#content h1{
font-size: 20px;
padding: 1em 0 0 20px;
margin: 0;
}

#wrapper #mainWrap #content #maincontent h2{
font-size: 14px;
color: #330000;
padding: 1em 0 0 20px;
margin: 0;
}

#wrapper #mainWrap #content #maincontent p, #wrapper #mainWrap #content p {
line-height: 25px;
padding: 10px 2em 10px 2em;
margin: 0;
}

#wrapper #mainWrap #content .DisplayGroup h3 {
margin: 1em 0 0 20px;
padding: 0;
font-size:14px;
}

#wrapper #mainWrap #content #maincontent ul{
font-size: 90%;
list-style: none;
padding: 0 30px 1em 50px;
margin: 0;
}

#wrapper #mainWrap #content #maincontent li{
padding: 0;
margin: 0;
}

#wrapper #footWrap {
width: 900px;
overflow: hidden;
padding: 0;
margin: 0;
}

#wrapper #mainWrap #content #maincontent .clear {
clear : both;
height : 1px;
}

/* end  structure */

/* top blocks */


#wrapper #mainWrap #sidebar {
width: 300px;
background: #fff url(../images/backgrounds2.jpg) /* c39329 */;
float: left;
border-right: 1px #ccc solid;
padding: 0;
margin: 0;
}

#wrapper #mainWrap #sidebar #media { display:block; width: 300px; height: 200px; padding: 0; margin: 0; }

#wrapper #mainWrap #sidebar h2 {
	font-size: 12px;
	color: #000;
	padding: 5px;
	margin: 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}

#wrapper #mainWrap #sidebar a{
	display: block;
	text-decoration: none;
	color: #000000;
	padding: 2px 2px 2px 5px;
	margin: 0;
	background-color: #E2BE5D;
	background: url(http://www.craftsheppardlaw.comimages/backgroundS2.jpg);
}

#wrapper #mainWrap #sidebar a:hover {
	color: #520000;
}


#wrapper #mainWrap #sidebar .practiceAreas {
display: none;
padding: 0;
margin: 0;
}

#wrapper #mainWrap #sidebar .practiceAreas .pad {
display: block;
background: #eee;
padding: 0;
margin: 0;
}

#wrapper #mainWrap #sidebar .practiceAreas ul {
list-style: none;
padding: 0;
margin: 0;
}

#wrapper #mainWrap #sidebar .practiceAreas ul li {
display: block;
width: 299px;
border-bottom: 1px #fff solid;
padding: 0;
margin: 0;
}

#wrapper #mainWrap #sidebar .practiceAreas ul li a{
background-color: #ccc;
display: block;
text-decoration: none;
color: #000000;
padding: 2px 2px 2px 5px;
margin: 0;
}

#wrapper #mainWrap #sidebar .practiceAreas ul li a:hover {
background-color: #555;
color: #fff;
}

#wrapper #mainWrap #sidebar  p.address{
display: block;
background-color: #000;
color: #ffffff;
border-top: 1px #fff solid;
border-bottom: 1px #fff solid;
padding: 15px;
margin: 0;
}

#wrapper #mainWrap #sidebar  p.contact {
color: #000;
border-top: 1px #fff solid;
border-bottom: 1px #fff solid;
padding: 20px;
margin: 0;
}

#wrapper #mainWrap #sidebar #contactform {
display: block;
padding: 20px;
margin: 0;
}

input[type="text"]/* To keep form fields consistent */ {
background : #ccc !important;
}

#wrapper #mainWrap #sidebar #contactform .inputBlock {
font-size: 12px;
font-weight: bold;
color: #000;
padding: 0;
margin: 0;
}

#wrapper #mainWrap #sidebar #contactform .inputbox {
background-color: #ccc;
width: 250px;
color: #000;
border: 1px #ccc solid;
padding: 0px;
margin: 5px 0px 5px 0px;
}

#wrapper #footer {
width: 900px;
background: #200000 url(../images/footernub.jpg) bottom no-repeat;
overflow: hidden;
border-top: 1px #ccc solid;
padding: 0 0 10px 0;
margin: 0;
}

#wrapper #footer p {
display: block;
width:900px;
font-size: 11px;
color: #eee;
text-align: center;
overflow: hidden;
padding: 0;
margin: 0;
}

#wrapper #footer p a { color: #eee; text-decoration: underline; }

#wrapper #footer p a:hover { color: #ccc; }

#wrapper #footer #footlink {
overflow: hidden;
padding: 0;
margin: 0;
}

#wrapper #footer #footlink ul {
display : block;
width: 900px;
font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
list-style: none;
padding : 0;
margin : 0;
float : left;
}
#wrapper #footer #footlink ul li {
display: block;
width: 180px;
float : left;
}
#wrapper #footer #footlink ul li a {
display: block;
width: 180px;
text-decoration : none;
font-size : 10px;
color : #ffffff;
text-align: center;
padding : 5px 0 5px 0;
}
#wrapper #footer #footlink ul li a:hover {
color : #fff;
}
/* ========= DROPDOWN NAV ========= */
#ddnav {
	width: 900px;
	height: 25px;
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}

#ddnav ul { /* all lists */
	list-style: none;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#ddnav li.linktop a {
	width: 178px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background: url(../images/nav-0.gif) top center repeat-x;
	border-left: solid 1px #561d19;
	border-right: solid 1px #561d19;
	height: 21px;
	padding-top:4px;
}
#ddnav li.linktop a:hover {
	width: 178px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background: url(../images/nav-0.gif) top center repeat-x;
	border-left: solid 1px #561d19;
	border-right: solid 1px #561d19;
	height: 21px;
	padding-top:4px;
}
#ddnav li.linksub a {
	width: 178px;
	color: #000300;
	text-align: left;
	text-decoration: none;
	background: url(../images/subnav-0.gif) top center repeat-x;
	height: 21px;
	padding-top:4px;
	padding-left:4px;
}
#ddnav li.linksub a:hover {
	width: 178px;
	color: #000300;
	text-align: left;
	text-decoration: none;
	background: white top center repeat-x;
	height: 21px;
	padding-top:4px;
	padding-left:4px;
}

#ddnav a {
	display: block;
	line-height: 18px;
}
#ddnav li { /* all list items */
	float: left;
	display: block;
	visibility: visible;
}
#ddnav li ul{ /* second-level lists */
	position: absolute;
	background: white;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	width: 178px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: solid 1px #878787;
}
#ddnav li:hover ul, #ddnav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



.indent {
margin-left: 50px;
}

.logo {
	text-align:center;
	padding:10px 0px;
}

/*  <![ Primary Contact Form [ ----------------------------------------------------*/

.custom-form .pad_frm_itm {
	padding:3px 0px;
	margin:0px;}

.custom-form .form-label {
	width:30%;
	padding:0px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;}
  
.custom-form .form-pct {
	width:65%;
	font:12px Verdana, Arial, Helvetica, sans-serif;}
	
.custom-form .msg-pct {
	width:95%;
	height:70px;
	overflow:auto;
	font:12px Verdana, Arial, Helvetica, sans-serif;}

.custom-form {
	padding:15px;
	}

	.custom-form fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		border:none;}
		  
	.custom-form legend {
		padding:0px 2px;
		font-weight:bold;}
		  
	.custom-form ol {
		margin:0px;
		padding:0px;
		list-style:none;}
		
	.custom-form li {
		list-style:none;
	}
		

/*  <![ Disclaimer alert [ ----------------------------------------------------*/

#overlay_div{
	position:relative;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px;
	z-index:100;}

#overlay_div p {
	border-top:1px solid #0a3150;
	padding-top:6px;}
	
#iagree{
	position:absolute;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:15px 15px 15px 15px;
	border:1px solid #031c40; /* Disclaimer box border color */
	background-color:#ececec; /* Disclaimer box bgcolor color */
	width:415px;
	margin:4px 0 0 0;}

#overlay_div h3{
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color:#031c40;
	padding:0;
	margin:0;}

#iagree .overlay_submit{
	padding:4px;
	margin:0 6px 0 0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	background-color:#fff;
	border:1px solid #999;
	float:right;}
	
#iagree .checkbox{
	float:left;
	height:22px;
	display:block;
                width:280px;
}

#iagree input#Agreement{
	position:relative;
	top:3px;
	border:none;
}

/* Directions Page Styles (Google Maps Default)

/* [ Outer div ] -----------> */
#directionsForm{
	}

/* div that wraps form */
#directionsInput {
	padding:10px 0px;}

#fromAddress{
	width:350px;}

#directionsLocale{
	padding:10px 0px;}

#locale{
	}

#directionsSubmit{
	padding:10px 0px;}

#map{
	border:1px solid #000;
	color:#000;}

#addressNotFound{
	}

#directions{
	}

.Captcha {
	width:150px;
	font-size:12px;
	font-weight:bold;
}

.Captcha img {
	padding-bottom:5px;
}
.Captcha input {
	width:250px;
	margin-top:5px;
	border: 1px solid #CCCCCC;
}
.CfnImg {
	margin:0 0 0 440px;
}
a:focus
{
-moz-outline-style: none;
}