/*
Theme Name: Miller Meyer
Description: A custom theme for the new Miller Meyer LLP web site
*/


/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

* html ul li a {height:1em;}

html,body {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #d6d6d6;
line-height: 140%;
text-align:center;
background: #838383;
}

/* ------------- LAYOUT ------------- */

#frame {
width:906px;
margin:0 auto;
text-align:left;
}

#header {
height: 126px;
width:906px;
background:url(images/template/headerbg.gif) no-repeat;
text-indent: -9999px;
margin:25px 0 0 0;
}

#header a {
height: 126px;
width: 306px;
left: 0;
top:0;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}



/* -------------  MAIN NAVIGATION ------------- */

#navigation {
background:#707070;
height: 56px;
width:906px;
line-height:100%;
}

#navlinks {
height: 46px;
width:896px;
float: left;
padding:5px;
display:inline;
}

#navlinks ul {
list-style-type:none;
font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
font-size: 24px;
color: #fcfcfc;
letter-spacing:1px;
}

#navlinks ul li {
display:inline;
}

#navlinks ul li a {
color: #d6d6d6;
text-decoration: none;
border-right: 2px solid #838383;
float: left;
padding: 17px;
}

#navlinks ul li a:hover {
color: #0e3991;
}

/* 
#navlinks ul li a:hover {
color: #ffffff;
background-color:#0e3991;
} 
 */


/* ------------- HOME PAGE ------------- */

#homecontent {
padding:20px 20px 5px 20px;
}

#homefeature {
padding:10px;
height:284px;
}

#sliderleft {
height:284px;
width:209px;
float:left;
}

#sliderleft a {
height:284px;
width:209px;
left: 0;
top:0;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

#sliderright {
height:284px;
width:355px;
float:left;
}



#homefeatureleft {
width:564px;
height:284px;
background:url(images/home/featurebg.gif) no-repeat;
float:left;
text-indent: -9999px;
}

#homefeatureright {
width:322px;
height:284px;
background:url(images/home/list.jpg) no-repeat;
float:left;
}

#homefeatureright ul {
font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
letter-spacing:1px;
font-size:24px;
font-weight:normal;
list-style-type:none;
margin:0 0 0 118px;
display: block;
}

#homefeatureright li {
line-height:69px;
margin:0 0 3px 0;
padding:0;
}

#homefeatureright ul li a {
display: block;
text-decoration:none;
color:#ffffff;
}

#homefeatureright ul li a:hover {
color:#0e3991;
}


/* ------------- CONTENT ------------- */

#contentcontainer {
background:#707070;
width:906px;
margin:10px 0 0 0;
}

#content {
width:614px;
padding:20px 20px 5px 20px;
float:left;
}

#content p, #homecontent p {
margin:0 0 15px 0;
font-size:14px;
}

#content a, #homecontent a {
color:#0e3991;
}

#content a:hover, #homecontent a:hover {
color:#fff;
}

#content ol {
margin: 15px 0 15px 24px;
}

#content ul {
margin: 15px 0 15px 24px;
}

#content li {
margin: 0 0 8px 0;
}


hr {
border:none 0;
border-top:1px solid #000;
height:1px;
margin:0 0 15px 0;
}


#content h1, #homecontent h1 {
margin:0 0 12px 0;
font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
letter-spacing:1px;
font-size:24px;
font-weight:normal;
border-bottom:solid 1px #000;
padding:0 0 5px 0;
}


#content h2 {
margin:0 0 8px 0;
font-size:14px;
font-weight:normal;
}


.smalltext {
font-size:11px;
line-height: 150%;
}

.paging {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}


img.alignleft {margin: 0 20px 10px 0}
img.alignright {margin: 0 0 10px 20px}

.alignright {float: right; margin: 0 0 5px 20px; display:inline;}
.alignleft {float: left; margin: 0 20px 5px 0; display:inline;}

/* ------------- SIDEBAR ------------- */

#sidebar {
width:242px;
float:left;
padding:20px 10px 15px 0;
}

#sidebar h3 {
margin:0;
font-size:16px;
text-transform:uppercase;
}

#sidebar ul {
font-size:12px;
list-style-type:none;
display: block;
margin:0 0 3px 0;
padding:0;
}

#sidebar li {
margin:0;
}

#sidebar ul li a {
display: block;
text-decoration:none;
color:#ffffff;
line-height:130%;
padding:6px 6px 3px 7px;
}

#sidebar ul li a:hover {
color:#0e3991;
}



/* ------------- FOOTER ------------- */

#footer {
text-align:center;
font-size:11px;
color:#d6d6d6;
margin:4px 0 10px 0;
}

#footer a {
color:#fff;
text-decoration:none;
}

#footer a:hover {
color:#fff;
text-decoration:underline;
}