/* global */

body, html {
padding: 0;
margin: 0;
text-align: center;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 14px;
line-height: 24px;
color: #333;
background-color: #fef0cb;
text-align: justify;
background-repeat: repeat-x;
background-position: top;
background-image: url(../images/bg.jpg);
}

a:link, a:visited {
color: #7a4428;
text-decoration: none; 
}

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

a.image:link, a.image:visited, a.image:hover {
text-decoration: none;
border: none;
} 

h1  {
font: 24px Georgia, Times New Roman, serif; 

line-height : 34px;
color : #e79a10;
padding : 0;
margin : 0;
}

h2  {
font: 24px Georgia, Times New Roman, serif; 
font-size : 14px;
line-height : 24px;
font-weight : bold;
color : #e79a10;
padding : 0;
margin : 0;
}

img {
border: 0;
}

div.image-left {
float: left;
margin: 0 15px 15px 0;
padding: 0 15px 15px 15px;
border: none;
font-size: 11px;
text-align: center;
}

div.image-right {
float: right;
margin: 0 0 0 5px;
padding: 0 5px 0 5px;
border: none;
font-size: 11px;
text-align: center;
}

.dash-divider {
border-top:dotted 2px #d6c79d;	
width: 100%;
height: 1px;
margin: 10px 0 10px 0;
}

.dash-dividerl {
border-top:dashed 1px #d6c79d;	
width: 100%;
height: 1px;
margin: 30px 0 20px 0;
}

.small {
font-size: 12px;
color: #333;
}

.small-footer {
font-size: 11px;
color: #fff;
line-height: 15px;
}

.clear {
clear: both;	
}

/* header */

#container {
width: 100%;
}


#header-wrap {
width: 990px;
height: 325px;
margin: 0 auto; 
}

#header-top {
background-image: url(../images/header-top.jpg);
width: 990px;
height: 29px;
margin: 0 auto; 
}

#header-middle {
width: 990px;
height: 177px;
margin: 0 auto; 
}

#logo {
background-image: url(../images/logo.png);
float: left;
margin-top: 40px;
margin-left: 20px;
width: 396px;
height: 89px;
}

#postcard {
background-image: url(../images/header-right.png);
float: right;
width: 498px;
height: 177px;
}

#header-bottom {
background-image: url(../images/header-bottom.jpg);
width: 990px;
height: 89px;
margin: 0 auto; 
}

#text-top {
background-image: url(../images/text-top.jpg);
width: 990px;
height: 32px;
margin: 0 auto; 
}



/* body */

#content-wrap {
background: url(../images/bg-module.png) repeat-y;
width: 990px;
min-height: 400px;
margin: 0 auto;
padding: 0;
}

.left-navigation {
float: left;
width: 271px;
margin-left: 10px;
}

#navigation {  
background: url(../images/nav-sprite.jpg) 0 0 no-repeat;  
width: 271px;  
height: 349px;  
margin: 0;  
padding: 0;  
}  

#navigation li span { display: none; }  
#navigation li { float: left; list-style: none; position: relative; }  
#navigation li, #navigation a {  
height: 42px;    /* Each button must have the same height, define it here */  
display: block;  
margin: 0;  
padding: 0;  
}  

li#home, li#about-us, li#attorneys, li#areas-of-practice, li#contact-us, li#links { margin-bottom: 0px; width: 272px; }  

#home a:hover { background:url(../images/nav-sprite.jpg) -271px  -0px no-repeat; }  
#about-us a:hover { background:url(../images/nav-sprite.jpg) -271px  -42px no-repeat; }  
#attorneys a:hover { background:url(../images/nav-sprite.jpg) -271px  -84px no-repeat; }
#areas-of-practice a:hover { background:url(../images/nav-sprite.jpg) -271px  -126px no-repeat; }  
#contact-us a:hover { background:url(../images/nav-sprite.jpg) -271px  -168px no-repeat; }  
#links a:hover { background:url(../images/nav-sprite.jpg) -271px -210px no-repeat; }  

#home a.current { background:url(../images/nav-sprite.jpg) -542px  -0px no-repeat; }  
#about-us a.current { background:url(../images/nav-sprite.jpg) -542px  -42px no-repeat; }  
#attorneys a.current { background:url(../images/nav-sprite.jpg) -542px  -84px no-repeat; }
#areas-of-practice a.current { background:url(../images/nav-sprite.jpg) -542px  -126px no-repeat; }  
#contact-us a.current { background:url(../images/nav-sprite.jpg) -542px  -168px no-repeat; }  
#links a.current { background:url(../images/nav-sprite.jpg) -542px -210px no-repeat; }  



#address {
font-family : Georgia, Arial, Helvetica, sans-serif;
color: #666699;
font-size: 11px;
line-height: 18px;
width: 235px;
height: 100%;
margin: 20px 0 0 40px;
}

.text-wrap {
margin-left: 317px;
min-height: 500px;
padding: 0 20px 20px 0;
}

#news {
float: right;
border: 1px solid #d6c79d;
width: 200px;
height: 100%;
margin-left: 30px;
padding: 20px;
font-size: 12px;
line-height: 22px;
}

#map {
float: right;
border: 1px solid #d6c79d;
width: 350px;
height: 100%;
margin-left: 20px;
padding: 20px;
font-size: 12px;
line-height: 22px;
}

.even-divide-left {
float: left;
width: 50%;

}

.even-divide-right {
margin-left: 50%;	
}


/* footer */

#footer-wrap {
background: url(../images/bg-footer.jpg);
background-repeat: repeat-x;
background-color: #331d12;
width: 100%;
height: 210px;
clear: left;
}

#footer {
background: url(../images/footer.jpg) no-repeat;
width: 990px;
height: 194px;
margin: 0 auto; 
}

#footer-nav {
padding-top: 20px;
text-align: center;
color: #fffbef;
}

#footer-nav a {
color : #e79a10;
text-decoration : none;
border-bottom: 0;
}

#footer-nav a:hover {
color : #c9850f;
border-bottom : 1px solid #c9850f;
} 

.footer-divider {
background: url(../images/footer-divider.gif) repeat-x;
width: 100%;
height: 2px;
margin: 10px 0 10px 0;
}