/*---------------*/
/* Core elements */
/*---------------*/

body
{
	background-color:white;
	color:#000000;
	margin: 0px;
	padding: 0px;
	background: #006225 url(../images/MoodyLaw_GrnMarble01.jpg) 0 0 repeat;
}

p img, h1 img, h2 img, h3 img, span img, ul img, li img
{ vertical-align: middle; }

a, a:visited { color: #006225; }

hr
{
	width: 100%;
	height: 1px;
	line-height: 1px;
	border: 0;
	background-color: #990000;
	color: #990000;
}

/*--------*/
/* Layout */
/*--------*/

/* 601 + 27 + 27 = 655 + 1 to not break the floats */
#wrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 656px;
}

#left-edge
{
	float: left;
	width: 27px;
}

#right-edge
{
	float:left;
	width: 27px;
}

#header
{
	background: url(../images/head.jpg) center center no-repeat;
	height: 102px;
	width: 601px;
}

#content-background
{
	display: block;
	width: 601px;
	background: url(../images/MoodyLaw_Page-Wtrmark.jpg) center center no-repeat;
	background-color: #EEEEEE;
}

/* Menu graphics */

#menu li img
{
	border: none;
}

li#home-item a
{
	display: block;
	width: 100px;
	background: url(../images/Button_Home-Link.png) center center no-repeat;
}

li#home-item a:hover
{
	background: url(../images/Button_Home-Rollover.png) center center no-repeat;
	text-decoration: none;
}

li#services-item a
{
	display: block;
	width: 100px;
	background: url(../images/Button_Services-Link.png) center center no-repeat;
}

li#services-item a:hover
{
	background: url(../images/Button_Services-Rollover.png) center center no-repeat;
	text-decoration: none;
}

li#about-item a
{
	display: block;
	width: 100px;
	background: url(../images/Button_AboutUs-Link.png) center center no-repeat;
}

li#about-item a:hover
{
	background: url(../images/Button_AboutUs-Rollover.png) center center no-repeat;
	text-decoration: none;
}

li#contact-item a
{
	display: block;
	width: 100px;
	background: url(../images/Button_Contact-Link.png) center center no-repeat;
}

li#contact-item a:hover
{
	background: url(../images/Button_Contact-Rollover.png) center center no-repeat;
	text-decoration: none;
}

/* Menu layout */

#menu
{
	width: 114px;
	float: left;
	padding: 40px 10px 40px 10px;
	font-family: "Trebuchet MS", "Lucidia Grande", Arial, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	text-transform:uppercase;
	color: #990000;
}

#menu a, #menu a:visited, #footer a, #footer a:visited
{
	text-decoration: none;
}

#menu a:hover, #footer a:hover
{
	text-decoration: underline;
	color: #990000;
}

#menu ul
{
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
}

#menu ul.nested
{
	/* font-size: 0.85em; */
	font-weight: normal;
	text-align: right;
	text-transform: none;
}

#menu li
{
	margin: 0 0 15px 0;
}

#menu ul.nested a, #menu ul.nested a:hover
{
	text-decoration: none;
	color: #990000;
}

#menu ul.nested a:hover
{
	text-decoration: underline;
}

#menu .active
{
	display: block;
	width: 100px;
}

.menu-marker
{
	position: relative;
	left: 116px;
	z-index: 100;
}

#content
{
	float: left;
	width: 467px;
	height: 450px;
	overflow-y: scroll;
}

#content p, h3
{
	font-family:"Times New Roman", Times, serif;
}

.heading
{
	color: #990000;
	font-size: 1em;
	font-weight: bold;
}

#content p
{
	color: #333333;
	font-size: .9em;
	line-height: 1.4em;
	text-align: justify;
}

#content #text
{
	position: relative;
	top: -40px;
	padding: 0px 50px 20px 50px;
}

#title
{
	padding: 0 0 0 100px;
}

#google-map
{
	display: block;
	margin: 30px 0 30px 0;
	font-family: "Trebuchet MS", "Lucidia Grande", Arial, sans-serif;
}

#google-map iframe
{
	border: solid 1px #006225;
}

#footer
{
	padding: 5px 0 5px 0;
	margin: 0;
	background-color: #EEEEEE;
	border-top: solid 3px #990000;
	color: #990000;
	font-family: "Trebuchet MS", "Lucidia Grande", Arial, sans-serif;
	font-size: 0.6em;
}

/*----------------*/
/* Useful classes */
/*----------------*/

.clear { clear: both; }

.clear-left { clear: left; }

.indent { text-indent: 100px; }

.hidden { display: none; }

.center { text-align: center; }

.float-left { float: left; }

.error { background-color:#CC0000; }

.small { font-size: 0.75em; }

