@charset "utf-8";
/* CSS Document */

/* BASICS */
*{margin:0 auto; padding:0;}

body{
background:#fbf2d7 url('../images/bg.gif') repeat-x;
font:.625em "Helvetica Neue", Arial, Helvetica, sans-serif; /* This resets the font size to a 10 scale: 1em = 10px */
margin:0 auto;
padding:0;
}

a{text-decoration:none;}

h1, h2, h3, h4{font-weight:bold;}
h1{font-size:1.4em;}
h2{font-size:1.2em;}
h3{font-size:1em;}
h4{font-size:1em; text-transform:uppercase;}

ul{margin:0 0 0 1.5em; padding:0; list-style:none;}
ul.disc{list-style:disc;}
ul.circle{list-style:circle;}
ol.a{list-style:lower-alpha;}
ol.A{list-style:upper-alpha;}
ol.i{list-style:lower-roman;}
ol.I{list-style:upper-roman;}
li{margin-bottom:.5em;}

/* CLASSES */
.left{float:left;}
.right{float:right;}
.center{margin:0 auto; text-align:center !important;}

.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.access{display:none;}
.more{display:block;}
.more:after{content:" \00BB";}

/* SUPERWRAP */
.container{margin:0 auto; padding:0; width:800px; font-size:1.2em;}

/* HEADER */
.header{background:url('../images/header.jpg') no-repeat; height:77px; margin:0 auto; padding:1em 2em 0; font-size:1.2em; font-weight:bold;}
.header .brand{float:left; width:450px; height:100%; display:block; text-indent:-9999em;}	
.header p{text-align:right;}

/* NAVIGATION */
.nav {
background:url('../images/nav.gif') no-repeat;
width: 100%;
height:3.5em;
padding: 0 0 0 12%;
text-align: center;
margin: 0 0 0 -8px;
clear:left;
}
.nav li {height:100%; padding:1em .8em;}
.nav li li{padding:0; height:2em;}
.nav a{
font-weight: bold;
text-transform: uppercase;
text-decoration:none;
display: block;
margin:0;
padding:0;
height:100%;
cursor:pointer;
}
.nav li ul li a, .nav li:hover ul li a{text-align:left; border-bottom:.2em solid; padding:.5em .5em .25em;}
.nav .hidden{display:none;}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar{position:relative;}
.sf-navbar li{position:static;}
.sf-navbar li ul{width:44em;} /*IE6 soils itself without this*/
.sf-navbar li li{position:relative;}
.sf-navbar li li ul{width:13em;}
.sf-navbar li li li{width:100%;}
.sf-navbar ul li{width:auto; float:left;}

ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul{left:0; top:2.7em;} /* match top ul list item height */
ul.sf-navbar .current ul ul{top:-999em;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{list-style:none;}
.sf-menu{float:left;}
.sf-menu li{float:left; position:relative;}
.sf-menu li:hover{visibility:inherit;} /* fixes IE7 'sticky bug' */
.sf-menu ul{position:absolute; top:-999em; width:12em;} /* left offset of submenus need to match (see below) */
.sf-menu ul li{width:100%;}
.sf-menu li:hover ul, .sf-menu li.sf-menuHover ul{
left:0;
width:12em;
top:2.7em;
z-index:99;
text-align: left;
padding:0;
} /* match top ul list item height */
.sf-menu li:hover li ul, .sf-menu li.sf-menuHover li ul{top:-999em;}
.sf-menu li li:hover ul, .sf-menu li li.sf-menuHover ul{left:10em; top:0;} /* match ul width */
.sf-menu li li:hover li ul, .sf-menu li li.sf-menuHover li ul{top:-999em;}
.sf-menu li li li:hover ul, .sf-menu li li li.sf-menuHover ul{left:10em; top:0;} /* match ul width */
.sf-menu li:hover, .sf-menu li.sf-menuHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0;}

/*** arrows **/
.sf-menu a.sf-menu-with-ul{padding-right: 2.25em; min-width:1px;} /* trigger IE7 hasLayout so spans position accurately */
.sf-menu-sub-indicator{
position:absolute;
display:block;
right:.75em;
top:1.05em; /* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
}
a > .sf-menu-sub-indicator{  /* give all except IE6 the correct values */
top:.8em;
}

/* Geoff arrow. I edited superfish.js line18 to ⌄ */
.sf-menu span{font-size:1.4em; font-weight:bold; line-height:0;}

/*** shadows for all but IE6 ***/
.sf-menu-shadow ul{
padding:0 8px 9px 0;
-moz-border-radius-bottomleft:17px;
-moz-border-radius-topright:17px;
-webkit-border-top-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
}


/* CONTENT */
.wrap{background:url('../images/contentwrap.gif') repeat-y; margin:0 auto; clear:both;}
.wrap p{padding:.5em 0; text-align:justify;}

.sidebar{width:20em; padding:1em;}
.attorney .sidebar{padding-top:285px; background:url('../images/stephenwilliams.jpg') no-repeat 2em 1em;}
.sidebar h3{
	background:url('../images/sidebar_head.gif') no-repeat;
	padding:.75em;
	height:2.5em;
	font-size:1.2em;
}
.sidebar p{margin:0; padding:0 3em 0 0; text-align:left;}
.sidebar form{margin:0; padding:3em 0 0;}
.sidebar form fieldset{border:none; margin-bottom:1em;}
.sidebar form legend{
font-size:1.2em;
font-style:italic;
text-transform:uppercase;
padding:.35em .5em .4em;
}
.sidebar form p{margin:0; padding:0;}
.sidebar form label{text-transform:capitalize; cursor:pointer;}
.sidebar form label.disclaimer{
text-transform:none;
font-size:.875em;
display:block;
margin:-1.5em 0 0 2.3em;
padding:0 2em 0 0;
line-height:1.2em;
}
.sidebar #disclaimer{margin-top:.5em;}
.sidebar input, .sidebar textarea{padding:.2em .3em; border:.1em solid;}
.sidebar .wide, .sidebar textarea{width:90%;}
.sidebar textarea{height:9em;}
.sidebar .tel{width:1.8em;}
.sidebar .tell{width:2.4em;}
.sidebar #submit, .sidebar #reset{
padding:.3em 1em .4em;
border:.1em solid;
border-radius:.5em; -moz-border-radius:.5em; -webkit-border-radius:.5em;
cursor:pointer;
}
.sidebar #submit{margin:1em 0 1em 2.5em;}
.sidebar #reset{margin:1em 0 1em .6em;}

.sidebar form small{display:block; margin:-.4em 0 -1.5em;}

.error{border:.1em solid;}
label.error{
float:left;
margin:-2.2em -3.5em 0;
padding:.1em .8em;
position:relative;
left:21.3em;
white-space:nowrap;
text-transform:none !important;
}
.tell + label.error{left:17.5em;}
textarea + label.error{top:-7.7em;}
#disclaimer + label.error{top:2.2em;}

.sidebar h6{
font-style:italic;
text-transform:uppercase;
text-indent:1em;
margin:3em 0 0;
padding:.5em 0;
width:100%;
}
.sidebar ul{margin:0; padding:.5em 1em; list-style:none;}

#content{padding:1em 3em 0 1em; margin-left:21em;}
.index #content{padding-top:120px; background:url('../images/index-content.jpg') no-repeat 1em .5em;}
.criminal #content, .dwi #content{padding-top:120px; background:url('../images/criminal.jpg') no-repeat 1em .5em;}
.court #content{padding-top:120px; background:url('../images/justice.jpg') no-repeat 1em .5em;}
.divorce #content, .family #content{padding-top:120px; background:url('../images/family.jpg') no-repeat 1em .5em;}

.google{width:50%; height:20em;}

/* FOOTER */
.footer {
	background:url('../images/footer.png') no-repeat center top;
	clear:both;
	width:740px;
	padding:125px 40px 1em;
	margin:0 0 0 -14px;
	font-weight:bold;
}
.footer p {text-align:right;}
.footer ul{margin:0; padding:.5em 0 0; float:left;}
.footer li{border-right:.1em solid; float:left; padding:0 1em;}
.footer li.end{border-right:none;}