@charset "utf-8";
/* Styles for Joseph Burke, DUI Attorney Site */

/* Basic Structure */
body { margin:0; padding:0; font:normal 13px/16px Verdana, Arial, Helvetica, sans-serif; }
body img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.wrap { width:883px; margin:0 auto; padding:16px 0 0; }
.header { width:883px; margin:0 0 8px; padding:0; float:left; clear:both; }
.clear { clear:both; }
.bar { width:100%; height:10px; float:none; clear:both; margin:0; padding:0; background-color:#7c9fa5; }
.top { width:863px; margin:0 0 28px; padding:0 10px; float:left; clear:both; }
.sidebar { width:206px; display:block; float:left; margin:0 27px 0 0; padding:0; }
.top-content { width:630px; min-height:436px; float:left; margin:0; padding:0; }
.wrap a {
	color: #5273b8;
	text-decoration: none;
}

.video-placeholder { background:#e3e3e3; }
.content { width:863px; margin:0 0 33px; padding:0 10px; float:left; clear:both; }
.footer { width:883px; float:left; clear:both; background:#e3e3e3; }

/* Basic Classes */
p { margin:0 0 1em; padding:0; }
ul { margin:0 0 1em; list-style-type:disc; }
.ie7 ul { padding:0 0 0 2em; }
h1 { width:434px; height:66px; margin:0 0 0 23px; padding:3px 0 0; display:block; float:left; font:bold 25px/31px Verdana, Arial, Helvetica, sans-serif; color:#000; }
h1 span { color:#7c9fa5; font-weight:normal; }
h2 { /* do not define. Trust me. */ }
h3 { margin:0; padding:0 0 18px; font:normal 25px/23.31px Arial, Helvetica, sans-serif; color:#7c9fa5; text-transform:uppercase; }
h3.h4like { margin:0; padding:0 0 16px; font:normal 19px/18px Arial, Helvetica, sans-serif; color:#000; text-transform:none; }
h4 { margin:0; padding:0 0 16px; font:normal 19px/18px Arial, Helvetica, sans-serif; color:#000; }
h5 { margin:0; padding:0; font:normal 17px/18px Arial, Helvetica, sans-serif; color:#7c9fa5; }
h6 {
	font-style: italic;
	margin-left: 30px;
	font-size: 13px;
	font-weight: normal;
}

.extra-margin { margin:0 0 42px; }
.imgblock { display:block; }
.floatright { float:right; }
.floatleft { float:left; }
.imgbasic { margin:0 0 12px; padding:0; }
.imgright { display:block; margin:0 0 10px 10px; }
.imgleft { display:block; margin:0 10px 10px 0; }
.textline { padding:2px 0 0 0; }

/* Header */
.header-inner { width:863px; height:76px; margin:6px 0 0; padding:0 10px; }
.logo { display:block; float:left; clear:none; }
.phone { width:250px; min-height:63px; margin:0; padding:13px 0 0; display:block; float:right; font:bold 33px/18px Arial, Helvetica, sans-serif; text-align:right; color:#7c9fa5; }
.ie7 .phone { padding:3px 0 0; font:bold 33px/normal Arial, Helvetica, sans-serif; }

/* Top Area - Sidebar and Top-Content */
ul.nav { display:block; margin:0; padding:0; list-style:none; }
li.navitem {
	width:206px;
	height:66px;
	display:block;
	margin:0;
	padding:0 0 8px;
}
a.navitem { width:153px; height:36px; display:block; margin:0; padding:30px 0 0 53px; font:normal 14.19px/15.96px Verdana, Arial, Helvetica, sans-serif; background:url(images/navbtn.gif) top left no-repeat; color:#FFF; text-decoration:none; }
li.navitem ul.subnav { display:none; }
li.navitem:hover a.navitem, li.navitem a.navitem:hover { color:#9bb7bc; background:url(images/navbtnhover.gif) top left no-repeat; }
li.navitem:hover ul.subnav { display:block; position:absolute; z-index:1000; list-style:none; margin:-66px 0 0 206px; padding:10px 0 0; font:normal 14px/27px Tahoma, Helvetica, Arial, sans-serif; }
ul.subnav li {
	width:193px;
	min-height:29px;
	display:block;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.top-content ul li {
	list-style-type: disc;
}

a.subnavitem {
	width:174px;
	display:block;
	margin:0;
	color:#FFF;
	text-decoration:none;
	background:#9f9e9e;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 19px;
}
a.subnavitem:hover { color:#2d313c; }
#videoarea { position:absolute; z-index:0; }

/* Content */
.intro-section { width:839px; margin:0 0 23px; padding:8px 13px 8px 11px; clear:both; color:#FFF; background:#7c9fa5; }
.intro-section h4 { margin:0 0 6px; padding:0; }
.column1 { width:348px; min-height:15px; float:left; clear:none; margin:0 51px 0 0; padding:0; }
.column2 { width:463px; min-height:15px; float:left; clear:none; margin:0; padding:0; }
.column1 h5, .column2 h5 { padding:10px 0 7px; }

/* Footer */
p.footnav { width:667px; margin:8px auto; padding:0; color:#707070; text-align:center; font:normal 11px/18px Arial, Helvetica, sans-serif; }
p.footnav a { color:#707070; }
p.copyright { width:841px; margin:0 auto 8px; font:normal 10px/18px Verdana, Arial, Helvetica, sans-serif; color:#7c9fa5; text-align:center; }
p.copyright a { color:#7c9fa5; }
.footer a { text-decoration:none; }
.footer a:hover { text-decoration:underline; }
.top-content ul li a:hover {
	text-decoration: underline;
	color: #5273b8;
}