* { padding:0; margin:0; outline:0; }
.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }
body{background:#c9cbcc url(../images/layout/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; }
hr{margin-bottom:10px; *margin-bottom:0;}
a:link, a:visited{color:#731D1E; text-decoration:underline; height:100%;}
a:hover, a:active{color:#cc0000;}
h1, h2, h3 {}
h1{ font-size:24px; padding-bottom:15px;}
h2{ font-size:20px; padding-bottom:15px; color:#6E6F71;}
h3{ font-size:16px;}
#flash{margin:20px 0; background:url(../banner_asset/mcoblaw-flash-banner.jpg) no-repeat;}
#container{ width:882px; margin:0 auto}
#content-top{ background:url(../images/layout/content-top.jpg) no-repeat; width:882px; height:42px;}
#content-bottom{ width:882px; height:36px;}
#content{ background:url(../images/layout/content-bg.jpg) repeat-y; width:882px; overflow: auto;}
#content p{  font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#000; padding-bottom:15px;}
#content ul{ margin:0 0 0 25px;}
#content ul li{ padding:0 0 5px 0; font-size:14px;}
#col-left{ width:180px; float:left;}
#col-left ul{ margin:0;}
#col-left img{ padding:0 0 0 10px;}
#col-main{ float:right; width:640px; padding-right:30px;}
#col-narrow{float:left; width:480px; padding-right:20px; border-right:2px #bcbdc0 solid;}
#col-narrow .removeline{ width:650px; border:none;}
#col-right{ float:right; 170px; }
#footer{ background:#6d6f71 url(../images/layout/footer-bg.gif) repeat-x; width:882px; height:90px; color:#fff;}
#footer p.addr{ font-family: "Trajan Pro", Georgia, "Times New Roman"; font-size:14px; font-variant:small-caps; padding:25px 0 0 0; text-align:center;}
#footer p.adv{ font-size:12px; padding:25px 0 0 0; text-align:center;}


/* Navbar */

#navbar { background:url(../images/layout/navbar.jpg) no-repeat; height:59px; width:882px;}
#navbar li { position:relative; float:left; list-style:none; display:block; }
#navbar li, #navbar a { height:59px; display:block; background:transparent; }
#navbar span { display:none;}
#navbar1 { width: 165px; }
#navbar2 { width: 167px; }
#navbar3 { width: 125px; }
#navbar4 { width: 79px; }
#navbar5 { width: 129px; }

#navbar1:hover { background: url(../images/layout/navbar.jpg) 0px 59px; }
#navbar2:hover { background: url(../images/layout/navbar.jpg) -165px 59px; }
#navbar3:hover { background: url(../images/layout/navbar.jpg) -332px 59px; }
#navbar4:hover { background: url(../images/layout/navbar.jpg) -457px 59px; }
#navbar5:hover { background: url(../images/layout/navbar.jpg) -536px 59px; }


/* Practice Areas */
.title { color: white; background: url(../images/layout/nav-header.jpg) no-repeat; margin-bottom: 0; text-transform: uppercase; font-size:14px; padding: 14px 0 7px 15px; position:absolute; width:199px; margin-top:-28px; height:39px; display:block;}
.vert-menu { width: 180px; /*width of menu*/ font-size:12px; font-family:Verdana; margin-top:20px;*padding:20px 0 0 0;/*ie hack to make navigation ul drop under title*/}
.vert-menu ul { list-style-type: none;  padding: 0;}
.vert-menu ul li {   margin-top: 2px; /*spacing between menu items*/}
.vert-menu li a {width:170px; display:block; text-decoration: none; font-weight:bold; color: #942923;  border-bottom:2px #bcbdc0 solid; margin-bottom: 0;    text-transform: uppercase;   padding: 7px 0 7px 13px; font-size:10px;}
.vert-menu li.selected a {color:#6E6F71;}
.vert-menu li a:hover {color: #231f20;  text-decoration: none;}
div.noupper li a{text-transform:none;}

table.attorneys tr{ height:30px; width:600px;}
td.headings{ border-bottom:1px #444 solid; text-transform:uppercase;}
a.plain:link, a.plain:visited{color:#222; text-decoration:none;}
a.plain:hover, a.plain:active{color:#cc0000; text-decoration:underline;}
tr.tablebg{ background:#f4e9e9;}

.searchnav{ background:none; padding: 15px 0 0 0; height:18px; overflow:hidden;}
.searchbox{ height:20px; *height:34px; border:1px solid #6E6F71; width:160px; color:#666; padding-top:3px;*padding-top:0px;}
.searchbutton{background: url(../images/layout/btn-search.gif) no-repeat; height:34px; width:38px; text-indent:-9999px; font-size:0; border:none; margin-top:3px;}


#searchform div {
    /* This div will have the left image as a background */
    padding: 23px 10px 0;
    margin: 0;
    line-height: 1;
	float:right;
}
#searchform #search {
    /* Im going to apply a top and bottom border to this input so that it fits with my images and give it the gradient background */
    border:1px solid #999;
    background: #fff url(search2.gif) repeat-x top;
    padding: 3px 2px 2px 0;
    height: 18px;
	width:160px;
}
#searchform input {
    /* Some reset styles to make my form elements play nice */
    vertical-align: top;
    margin: 0 !important;
    line-height: 1;
    outline:0 !important;
 padding-top:5px;

}
/* sliders */

#sliders{padding:0;}
.technology{ /*header of 2nd demo*/cursor: hand; cursor: pointer; margin: 10px 0;}
.openlanguage{color:#731D1E; text-decoration:none; font-weight:bold; background:#eee; border:1px solid #eee; border-bottom:none; margin:0; padding:10px 0 0 10px; background:#f7f7f7; border:1px solid #ccc; border-bottom:none;}
.closedlanguage{ color:#731D1E; text-decoration:none; font-weight:bold; margin:0; padding:10px 0 0 10px; line-height:20px; background:#fff; border:1px solid #fff; border-bottom:none; }
.thelanguage {line-height:20px; color:#444; padding:10px; background:#f7f7f7; border:1px solid #ccc; border-top:none; margin-bottom:10px;}

#content .phone{ background:url(../images/layout/att-phone.png) no-repeat; padding:0 0 0 25px; line-height:20px; font-size:14px; font-weight:bold; color:#444;}
#content .email{ background:url(../images/layout/att-mail.png) no-repeat; padding:0 0 0 25px; line-height:20px; font-size:14px; font-weight:bold; color:#444;}
#content .bio{ background:url(../images/layout/att-bio.png) no-repeat; padding:0 0 0 25px; line-height:20px; font-size:14px; font-weight:bold; color:#444;}
#content .bio a:link, #content .bio a:visited{ color:#444; text-decoration:none;}
#content .bio a:hover, #content .bio a:active{ color:#c00; text-decoration:underline;}
.alpha a{text-decoration:none;}