/*
Theme Name: David W. Frame
Theme URI: http://framelaw.com/
Description: Theme for David W. Frame
Version: 1.0
Author: Rodney Organ, Mauricio Pina
Author URI: http://www.tseg.com/
Tags: client, frame


*/

body {
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
padding-top:0;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-position: top;
background-color:#4c4c4c;
font-family:Arial;
font-size:12px;
color:#000;
}

a:link,a:visited,a:active {
color:#930000;
text-decoration:underline;
margin:0;
padding:0;
}

a:hover {
color:#930000;
text-decoration:none;
}

img {
border: 0;
margin:0;
padding: 0;
}

p {
line-height:18px;
margin:0 0 15px;
}

.clearout{
clear:both;
}

.clearright{
clear:right;
}

#outer-container {
border:0;
width:1024px;
margin:auto;
}

#main-box {
background-image: url(images/mainboxbg.jpg);
background-repeat:repeat-y;
width:1024px;
margin:0 auto;
}

#header {
width:1024px;
height:114px;
background-position:top center;
display:block;
}

#header #logo {
background-image:url(images/logo.jpg);
float:left;
border:0;
margin:0;
}

#header #phone {
float:right;
border:0;
margin:0;
}

.content-base {
float: left;
width:667px;
margin:0;
}

.side-base {
width:357px;
float:right;
background-image:url(images/sidebarbg.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:0;
height: 1084px;
}


.blogroll {
padding-top:35px;
}

#maingraphic { 
background-image:url(images/maingraphic.jpg);
background-repeat:no-repeat;
background-position:top center;
display:block;
width:1024px;
height:320px;
margin:none;
}

/* new stuff - 3 part sidebar */
#side-menu-top {
width:357px;
height:323px;
display:block;
}

#side-ce {
padding: 80px 0 0 35px;
}


#side-menu-middle {
width:357px;
height:493px;
display:block;
}

#side-pa{
padding: 60px 0 0 7px;
}

#pabuttons{
padding: 60px 0 0 33px;	
}

#side-menu-bottom {
width:357px;
height: 268px;
display:block;
}

#side-menu-bottom #side-t {
padding: 0 0 0 7px;
}

#testimonial{
height: 198px;
width: 229px;
padding: 60px 0 0 35px;
color:#ffffff;
}

#testimonial .customer{
text-align: right;	
color:#ffffff;
margin-bottom: 5px;
}

#contact-form {
width:214px;
height:161px;
margin: 0px;
padding-left: 50px;
padding-top: 102px;
}


.side-base2 {
width: 357px;
float:right;
background-image: url(images/sidebarbg2.jpg);
background-position: top left;
background-repeat:repeat-y;
margin:0;
}

.sidebase2-content {
	padding: 0 0 20px 20px;
}

.sidebase2-content h3, .side-list li, ul.side-list li a:link, ul.side-list a:visited, ul.side-list a:active {
	color:#CCC;
}
/* end new sidebar stuff */


/*submit button positioning - quick contact*/

input#submit {
position: relative;
bottom: -24px;
}

/*end submit button*/


#footer {
clear:both;
width:1024px;
height:99px;
background-position:top center;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
margin:auto;
}

#footer .text {
font-size:11px;
color:#000;
padding: 15px;
text-align:center;
}

#footer .text a {
color:#000;
}

/*
h1 {
font-size:28px;
color:#a31922;
font-weight:400;
margin:20px 0;
font-family:Georgia, "Times New Roman", Times, serif;
}

h2 {
font-size:22px;
color:#a31922;
font-weight:400;
margin:20px 0;
font-family:Georgia, "Times New Roman", Times, serif;
}

h3 {
font-size:14px;
color:#8a0000;
font-family:Garamond, Times New Roman, Serif;
margin:0 0 3px;
padding:0;
}
*/

.generic-container {
margin:0;
padding:5px 0 30px 70px;
width: 575px;
}

#props {
font-family:Arial, Helvetica;
font-size:9px;
font:#000;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
width:100%;
text-align:center;
}

#props .text a {
color:#333333;
}

.textbox {
font-family:Arial, Helvetica;
font-size:12px;
color:#404040;
border:solid 1px #000;
}

.form-labels {
font-family:Arial, Helvetica;
font-size:12px;
font-weight:700;
}

.form-text {
font-family:Arial, Helvetica;
font-size:12px;
}

.smallform-text {
font-family:Arial, Helvetica;
font-size:9px;
}

.simpleform-container {
height:250px;
width:301px;
}

.simpleform-right {
float:right;
width:174px;
}

.simpleform-left {
float:left;
width:163px;
height:105px;
}

.simpleform-labels {
display:block;
font-family:Arial, Helvetica;
font-size:12px;
font-weight:700;
color:#000;
text-align:right;
padding-right:4px;
padding-bottom:2px;
padding-top:4px;
float:left;
white-space:nowrap;
}

.simpleform-text {
display:block;
font-family:Arial, Helvetica;
font-size:12px;
color:#000;
text-align:left;
padding-bottom:2px;
padding-top:2px;
width:auto;
float:left;
white-space:nowrap;
}

.watermarked {
font-family:Arial, Helvetica;
font-size:12px;
height:14px;
width:195px;
border:1px solid #bebebe;
background-color:#fff;
color:gray;
padding:1px 0 1px 2px;
}

.watermarked-large {
font-family:Arial, Helvetica;
font-size:12px;
height:60px;
width:195px;
border:1px solid #bebebe;
background-color:#fff;
color:gray;
padding:1px 0 1px 1px;
}

.right-float-image {
float:right;
margin:0 5px 5px 10px;
}

.left-float-image {
float:left;
margin:0 10px 5px 5px;
}

.post {
margin:0 0 40px;
}

.post h2 a {
border-bottom:1px dashed;
text-decoration:none;
}

.post h2 a:hover {
border-bottom:1px solid #fff;
text-decoration:none;
}

.info {
margin-bottom:10px;
}

.info span {
margin-right:1.5em;
font-size:12px;
padding-left:20px;
margin-bottom:0.5em;
}

.info .date {
background:transparent url(images/time.gif) no-repeat 0 -1px;
}

.info .author {
background:transparent url(images/user.gif) no-repeat 0 -1px;
}

.info .comment {
background:transparent url(images/comment.gif) no-repeat 0 -1px;
}

.info .cat {
background:transparent url(images/cat.gif) no-repeat 0 1px;
display:block;
}

.info .tag {
background:transparent url(images/tag.gif) no-repeat 0 0;
display:block;
}

.info .edit {
background:transparent url(images/edit.gif) no-repeat 0 0;
}

.entry {
line-height:18px;
}

.entry ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px 0 15px 5px;
padding:0;
}

.entry ul li {
background:url(images/listdash.jpg) no-repeat left 9px;
margin: 0 0 5px;
padding:0 0 0 10px;
}

.side-base ul {
list-style:none;
margin:5px 0 15px 5px;
padding:0;
text-decoration: none;
color:#ffffff;
}

.side-base ul li a {
	text-decoration: none;
color:#ffffff;
}


.side-base ul li{
background:url(images/listarrow.gif) no-repeat left 5px;
margin-top:10px;
margin-bottom:5px;
padding:0 0 0 15px;
}

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

.alignleft {
float:left;
}

.alignright {
float:right;
padding: 10px;
}

blockquote {
background-color:#f4f4f4;
border:solid 1px #c5c5c5;
padding:15px;
}

.breadcrumbs {
font-size:11px;
padding:5px;
}



#side-menu a:link,#side-menu a:visited,#side-menu a:active {
color:#000;
}
/* Main menu */


ul#menu 
{ 
  display: block;
  margin: 0; 
  padding: 0; 
  width: 1024px;
  height: 31px;
  margin: 0;
  padding: 0;
  border: 0;
  background-image: url(images/nav.jpg);
  background-position: top left;
  background-repeat: no-repeat;
    
}
ul#menu li ul 
{ 
  position: absolute; 
  display: block; 
  visibility: hidden; 
  width: 18em; 
  margin: 0 0 0 10px; 
  padding: 0; 
  /*border-bottom: .1em solid #39322b; */
  z-index: 99;
}
ul#menu li ul.scroll 
{ 
  max-height: 30em; 
  _height: 30em; 
  overflow-y: auto; 
  overflow-x: hidden; 
}
/* star HTML filter fixes mysteriously appearing margin bug in all versions/platforms of IE */ 
* html ul#menu li ul li 
{ 
  display: inline; 
} /* end filter */
ul#menu li ul li ul 
{ 
  position: absolute; 
  top: auto; 
  left: auto; 
  margin: -2.2em 0 0 17.9em; 
  padding: 0;
}
ul#menu li ul li ul.sublist 
{ 
  position: relative; 
  margin: -1.2em 0 0 0; 
  padding: 0; 
  border-bottom: 0;
}
/* Items */
ul#menu li 
{ 
  list-style: none;  
  height: auto; 
  display: inline; 
  /*float: none; */
  float: left;
  margin: 0; 
  position:relative; 
}
/*property + whitespace + empty comment filter positions top-level navigation in single row for IE 5.0 */ 
ul#menu li 
{ 
  display /**/: block; 
  float /**/: left;
} 
/* end filter */ 
ul#menu li ul li 
{ 
  display: block; 
  float: none;
}
/* Links */
ul#menu li a 
{ 
  display: block; 
  float: left; 
  /*background-color: #98BFEB; */
  background-color: #f0eedf;
  color: #39322b; 
  text-decoration: none; 
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  color: #7c775b;
}
/* commented backslash filter positions top-level navigation in single row for Mac IE \*/ 
ul#menu li a 
{ 
  float: none; 
} 
/* end filter */
ul#menu li a:hover, ul#menu li a:focus 
{ 
  background-color: #04173f; 
  color: #ffffff;
}
ul#menu li ul li a 
{ 
  /*line-height: 1.2em; */
  margin: 0; 
  /*border-top: .1em solid #4070AC; 
  border-left: .1em solid #4070AC; 
  border-right: .1em solid #4070AC;*/
  /*border-top: .1em solid #39322b; 
  border-left: .1em solid #39322b; 
  border-right: .1em solid #39322b;*/
  padding: 5px 5px 5px 20px;
  /*padding: .5em .5em .5em 1em; */
  text-indent: -.5em; 
}
ul#menu li ul li ul.sublist li a 
{ 
  padding-left: 3em; 
  border-top: 0;
}
ul#menu li li a.menuIndicator 
{ 
  background-image: url(/Includes/Templates/Active/images/bg-bullet4.gif); 
  background-position: 16.8em center; 
  background-repeat: no-repeat; 
  padding-right: 20px;
}
ul#menu li li a.menuIndicator:hover 
{ 
  background-image:url(/Includes/Templates/Active/images/bg-bullet4-o.gif);
}


/*SPRITE BACKGROUP POSITIONING*/	
#menu a.home, #menu a.about, #menu a.practice, #menu a.testimonials, #menu a.articles, #menu a.faq, #menu a.contact
{
	/*float: left;*/
	background: url(images/nav.jpg) no-repeat;
	height: 31px;
	text-indent: -999999px;
}
#menu a.home {	
	background-position: left 0;
	width: 144px;
}
#menu a.about {	
	background-position: -144px 0;
	width: 162px;
}			
#menu a.practice {	
	background-position: -306px 0;
	width: 172px;
}	
#menu a.testimonials {	
	background-position: -478px 0;
	width: 154px;
}
#menu a.articles {	
	background-position: -632px 0;
	width: 116px;
}
#menu a.faq{
	background-position: -748px 0;
	width: 77px;
}
#menu a.contact{
	background-position: -825px 0;
	width: 199px;
}
		
#menu a.home:hover {	
	background-position: 0px -31px;
	}
#menu a.about:hover {	
	background-position: -144px -31px;
	}
#menu a.practice:hover {	
	background-position: -306px -31px;
	}
#menu a.testimonials:hover{	
    background-position: -478px -31px;
    }
#menu a.articles:hover {	
   background-position: -632px -31px;
    }
#menu a.faq:hover {
	background-position: -748px -31px;   	
	}
#menu a.contact:hover {
	background-position: -825px -31px;   	
	}
	
/*END NAVIGATION*/