@charset "utf-8";
/* Maryland Family Law Firm - Global Layout CSS Document */

body {
 	background: url(../images/backgrounds/outerbg_repeat.png) repeat;
 	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660000
}

html, body {
	height: 100%;
}

#bg_image {
	background: url(../images/backgrounds/bg_gradient_rep.png) repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1520px;
	overflow: hidden;
	z-index: 2
}

#container {
	background: none;
	position: relative;
	margin: 0 auto;
	width: 915px;
	height: auto;
	overflow: visible;
	z-index: 2
}

#containerbg {
	background: url(../images/backgrounds/mainpage_bg_repeat.png) repeat-y;
	position: relative;
	margin: 0;
	width: 915px;
	height: auto;
	overflow: visible;
	z-index: 2
}

/* ---------- Header Elements ---------- */

#header {
	background: url(../images/backgrounds/header_bg.png) no-repeat;
	position: relative;
	margin: 0;
	width: 915px;
	height: 188px;
	overflow: visible;
	z-index: 20
}

#firmname {
	position: absolute;
	top: 30px;
	left: 35px;
	width: 641px;
	height: 121px;
	overflow: hidden;
	z-index: 25
}

#tagline {
	position: absolute;
	top: 155px;
	left: 35px;
	width: 710px;
	height: 22px;
	overflow: hidden;
	z-index: 25
}

#logo {
	position: absolute;
	top: 24px;
	left: 692px;
	width: 200px;
	height: 160px;
	overflow: visible;
	z-index: 20
}

/* ---------- Sub-Header Elements ---------- */

#subheader {
	background: url(../images/backgrounds/subheader_bg.png) no-repeat;
	position: relative;
	margin: 0;
	width: 915px;
	height: 126px;
	overflow: hidden;
	z-index: 10
}

/* ---------- Main Nav Elements ---------- */

#mainnav {
	background: url(../images/backgrounds/mainnav_bg.png) no-repeat;
	position: relative;
	margin: 0;
	width: 915px;
	height: 46px;
	overflow: visible;
	z-index: 100
}

#buttons {
	background: none;
	position: relative;
	width: 887px;
	height: 46px;
	margin: 0 auto;
	padding-left: 6px;
	overflow: visible;
	z-index: 75
}

.button {
	background: none;
	position: relative;
	float: left;
	margin: 0;
	overflow: hidden;
	z-index: 50
}

#blogdrop {
	background: url(../images/mainnav/over/mainnav_blogdropdown.png) no-repeat;
	position: absolute;
	top: 0;
	left: 352px;
	width: 143px;
	height: 97px;
	overflow: visible;
	z-index: 500
}

#blogdrop_links {
	position: absolute;
	width: 128px;
	height: auto;
	top: 37px;
	left: 5px
}

#blogdrop_links a {
	margin-bottom: 5px;
	border: none
}

/* ---------- Content Area Elements ---------- */

#mainpage {
	background: url(../images/backgrounds/mainpage_bg_repeat.png) repeat-y;
	position: relative;
	margin: 0;
	width: 915px;
	height: auto;
	overflow: hidden;
	z-index: 5
}

#mainpage_left {
	/*background: url(../images/backgrounds/mainpage_bg_left_sub.png) no-repeat;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 1050px;
	overflow: hidden;
	z-index: 1000
}

#mainpage_bg {
	/*background: url(../images/backgrounds/contentarea_bg_repeat_sub.png) repeat-x;*/
	position: absolute;
	top: 0;
	left: 18px;
	width: 879px;
	height: 1050px;
	margin: 0;
	overflow: hidden;
	z-index: 5
}

#mainpage_right {
	/*background: url(../images/backgrounds/mainpage_bg_right_sub.png) no-repeat;*/
	position: absolute;
	top: 0;
	left: 897px;
	width: 18px;
	height: 1050px;
	overflow: hidden;
	z-index: 1000
}

#mainpage_bottom {
	background: url(../images/backgrounds/mainpage_bottom.png) no-repeat !important;
	position: relative;
	margin: 0 0 0 1px;
	width: 915px;
	height: 10px;
	overflow: hidden;
	z-index: 6
}

#content_container {
	background: none;
	position: relative;
	width: 860px;
	height: auto;
	margin: 0 auto 50px auto;
	overflow: hidden;
	z-index: 25
}

#left_col {
	background: none;
	position: relative;
	float: left;
	width: 248px;
	height: auto;
	margin: 0;
	overflow: hidden;
	z-index: 50
}

#aop_container {
	background: none;
	position: relative;
	width: 248px;
	height: auto;
	margin: 15px 0 0 0;
	overflow: hidden;
	z-index: 50
}

.aop {
	background: none;
	position: relative;
	width: 248px;
	height: 52px;
	margin: 0 0 3px 0;
	overflow: hidden;
	z-index: 75
}

.aop_image {
	background: none;
	position: absolute;
	top: 6px;
	left: 6px;
	width: 55px;
	height: 40px;
	margin: 0;
	overflow: hidden;
	z-index: 90
}

#right_col {
	background: none;
	position: relative;
	float: right;
	width: 602px;
	height: auto;
	margin: 0;
	overflow: hidden;
	z-index: 50
}

/*#top_banner {
	background: url(../images/banner_vlo.png) no-repeat;
	position: relative;
	width: 602px;
	height: 136px;
	margin: 0 0 10px 0;
	overflow: hidden;
	z-index: 75
}*/

#maincont_container {
	background: none;
	position: relative;
	width: 596px;
	height: auto;
	margin: 0 3px 0 0;
	overflow: hidden;
	z-index: 75
}

#maincont_top {
	background: url(../images/backgrounds/contentbg_top.png) no-repeat !important;
	background: url(../images/backgrounds/contentbg_top.gif) no-repeat;
	position: relative;
	width: 596px;
	height: 20px;
	margin: 0;
	overflow: hidden;
	z-index: 80
}

#maincont_rep {
	background: url(../images/backgrounds/congentbg_repeat.png) repeat-y;
	position: relative;
	width: 596px;
	height: auto;
	margin: 0;
	overflow: hidden;
	z-index: 80
}

#maincont_text {
	background: none;
	position: relative;
	width: 560px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	z-index: 100
}

#maintext_spacer {
	background: none;
	position: relative;
	float: left;
	width: 1px;
	height: 655px;
	margin: 0 -1px 0 0
}

#maincont_bottom {
	background: url(../images/backgrounds/contentbg_bottom.png) no-repeat !important;
	background: url(../images/backgrounds/contentbg_bottom.gif) no-repeat;
	position: relative;
	width: 596px;
	height: 20px;
	margin: 0;
	overflow: hidden;
	z-index: 80
}


/* ---------- Footer Elements ---------- */

#footer {
	background: none;
	position: relative;
	margin: -35px auto 0 auto;
	width: 915px;
	height: 300px;
	overflow: hidden;
	z-index: 10
}

#footernav {
	background: none;
	position: relative;
	width: 900px;
	height: 20px;
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
	overflow: hidden;
	z-index: 25
}

#footernav a {
	color: #660000;
	text-decoration: none
}

#footernav a:hover {
	color: #990000;
	text-decoration: underline
}

#footernav a:visited {
	color: #660000;
	text-decoration: none
}

#footernav a:visited:hover {
	color: #990000;
	text-decoration: underline
}

.footernav_div {
	margin: 0 10px
}

#copy_power {
	position: relative;
	width: 800px;
	height: auto;
	margin: 15px auto 10px auto;
	font-size: 10px;
	color: #666666;
	text-align: center;
	overflow: hidden;
	z-index: 25	
}

/* Powered by McCary Group */

#McG {
	margin: 3px 0 0 0
}

#McG a {
	color: #666666;
}


#McG a:hover {
	color: #006600;
	text-decoration: underline;
}

#McG a:visited:hover {
	color: #006600;
	text-decoration: underline;
}

#disclaimer {
	background: none;
	position: relative;
	width: 800px;
	height: auto;
	margin: 0 auto;
	font-size: 10px;
	color: #000000;
	overflow: hidden;
	z-index: 25
}