/* Reese Law Office Site Colors 
Dk. Red: #5D141F;
Lt. Taupe: #E0DFCF;
Dk. Taupe: #d2cbb1;
Dk. White:  #e9e9e1;
Gray: #4f4a41;

*/

BODY
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", Lucida Grande, Helvetica, Verdana, Arial, sans-serif;
	margin: 0px auto;
	font-size: 12px;
	background-color: #171717;
}

A { color: #5D141F; }
A:hover { color: rgb(27,69,143); }

LI
{
	padding-bottom: 5px;
	line-height: 130%;
}

#wrapper
{
	width: 900px;
	background-color: #e9e9e1;
	margin: 0px auto;
}

#topbar
{
	width: 100%;
	height: 95px;
	background-image: url(../images/navbak.jpg);
	background-repeat: repeat-x;
}

#topbar A
{
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

#topbar A:hover
{
	color: rgb(27,69,143);
	text-decoration: none;
}

#logo {margin-left: 15px;}

#topnav
{
	padding: 0;
	float: left;
	width: 545px;
	list-style: none;
	margin-left: 360px;
	margin-top: -30px;
	
}

#topnav li
{
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

#topnav li a
{
	float: left;
	/*	text-indent: -9999px;
	height: 44px;*/
	margin-right: 22px;
	background-image: url(../images/arrowdown.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 12px;
	height: 25px;
	font-size: 13px;
}



/* TEXT STYLES */
H1
{
	font-size: 15px;
	color: #5D141F;
}

H2, .newstitle
{
	font-size: 13px;
	color: rgb(27,69,143);
	font-weight: bold;
}

H3
{
	font-size: 13px;
	color: rgb(27,69,143);
	border-bottom: 1px solid #4f4a41;
}

P { line-height: 150%; }

/* CONTENT BOX */
#leftcol
{
	width: 200px;
	margin-left: 10px;
	float: left;
}

#homepage #leftcol { width: 545px; margin-left: 20px;}


.twocol
 {
width: 230px;
	float: left;
	padding: 0 20px;
}

.twocol H2 {font-size: 15px;}

.twocol:first-child {border-right: 1px solid #E0DFCF; padding-right: 10px;}
.leftnav
{
	padding-top: 5px;
	padding-bottom: 15px;
	width: 190px;
}

.leftnav LI
{
	list-style-image: url(../images/yellowarrowright.gif);
	padding-bottom: 10px;
}

.leftnav A
{
	text-decoration: none;
	font-weight: bold;
}

#rightcol
{
	min-height: 265px;
	background-color: #fff;
	height: 100%;
	top: 0px;
	width: 650px;
	position: relative;
	margin-left: 210px;
	padding: 10px 20px;
}

#homepage #rightcol
{
	background-color: transparent;
	padding: 0;
	width: 290px;
	margin-left: 590px;
}

#header3 img
{
	position: absolute;
	margin-left: 351px;
	margin-top: 10px;
	
}

*+html #header3 img {margin-left: -9px;}

#header3
{
	height: 250px;
	margin-bottom: 10px;
}

.mininav
{
	float: right;
	padding: 8px;
	
}



.practice_areas
{
	background-color: #fff;
	padding: 0px 10px 13px 0px;
	float: left;
	width: 320px;
	margin: 2px 10px 0 20px;
	
	
}

.practice_areas UL {list-style-type: none;}
.practice_areas LI
{
	padding-bottom: 6px;
	
}

*+html .practice_areas {margin-top: 10px;}

*+html .practice_areas LI
{
	padding-bottom: 5px;}
    
.graybox
{
	background-color: #333;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	
	padding: 5px 5px 5px 20px;
	

	width: 306px;
	
}

.redbox
{
	background-color: #5D141F;
	padding: 10px;
	width: 400px;
	color: #fff;
	float: right;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
}

.redbox H2, .redbox A { color: #d2cbb1; }

#homepage .redbox
{clear: both;
	width: 840px;
	margin: -3px 10px 20px 20px;
	background-color: #333;
	float: none;
	font-size: 14px;
}

#successbox {
background-color: #fff; border-top: 2px solid #333; margin-top: -5px;
}

*+html #successbox {padding-top: 10px;}

#homepage .mininav {display: none;}
#newsitems H2 {font-size: 12px;}
.newstitle {font-size: 12px;}
#newsitems P
{
	margin-top: 0;
	padding-top: 0;
	font-size: 11px;
	
}

/*#newsitems li { list-style-image: url(../images/yellowarrowright.gif); padding-right: 10px; }*/

.leftnav ul li P A, .leftnav ul li P
{
	font-size: 11px;
	color: #333;
}

.leftnav ul li P, .leftnav ul li
{
	margin: 0;
	padding: 3px;
	line-height: 110%;
}

.leftnav ul li P A:hover { color: rgb(27,69,143); }

.myBox
{
	float: left;
	width: 250px; /* 215px; */
	padding: 0 10px 0px 10px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #5D141F;
	margin: 10px 5px; /* 35px 5px; */
	font-size: 13px;
	height: 108px;  /* 182px; */
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	height: 100%;
}

.graybox2
{
	clear: right;
	background-color: #e9e9e1;
	padding: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	/* color: #d2cbb1;*/
	width: 90%;
	margin: 0 auto;
}


#leftcol .myBox {padding-bottom: 20px;}
/*
.round
{
	-webkit-border-radius: 3ex;
	-moz-border-radius: 3ex;
}

*/


.circle
{
	float: left;
	text-align: center;
	width: 60px;
	height: 30px;
	border: none;
	background-color: #d2cbb1;
	color: #5D141F;
	font-size: 20px;
	padding: 20px 10px;
	margin: -10px 10px 10px -11px;
	/* Do rounding (native in Firefox and Safari) */
	/*
-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
*/
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	
	-webkit-border-top-right-radius: 30px;
	-moz-border-top-right-radius: 30px;
	
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-bottom-right-radius: 30px;
}


#homepage .circle
{
	font-size: 16px;
	margin-bottom: 50px;

}



.myBox H2
{
	font-size: 15px;
	text-transform: uppercase;
}

.yellow
{
	background-color: #E0DFCF;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 220px;
	text-align: left;
	padding: 10px 10px 0 35px;
	color: #333;
	line-height: 130%;
	margin: 15px auto auto 3px;
	font-size: 12px;
	height: auto;
}

.yellow H2
{
	position: relative;
	z-index: 20;
	top: -35px;
	margin-bottom: -20px;
}

#homepage .yellow
{
	margin: 35px 15px;
	font-size: 13px;
}

.link_table TH
{
	background-color: #5D141F;
	color: #fff;
}

.photo { border: 3px solid #4f4a41; }




#footer
{
	background-color: #4f4a41;
	clear: both;
	padding: 10px 20px 10px 20px;
	font-size: 11px;
	width: 860px;
	color: #d2cbb1;
	height: 95px;
}

#footer A
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#footer A:hover { color: #5D141F; }
.breadcrumb { font-size: 12px; }
.paragraph {font-size: 12px;}

/* IE fixes */

*+html #leftcol {margin-top: 15px;}

*+html #homepage #leftcol {margin-top: 0px;}
/**+html .practice_areas {padding-top: 10px;}
*+html #homepage .redbox {margin-left: 0; margin-top: -10px;}*/
*+html .myBox {padding-top: 10px;}
*+html .myBox P {padding-bottom: 5px;}
*+html #rightcol H1 {padding-top: 10px;}
