/* ------------------------------------------

(c) Copyright 2005-2009 AvidLaw, LLC

Table of Contents ---------------------------

1. Header
2. Main
3. Sidebar
4. Footer
5. Forms

------------------------------------------ */

*{margin:0;padding:0}
html{background:#FFF url(images/bg.gif) repeat-x}
body{
color:#000;
font:9pt/1.5em 'Arial', Verdana, Sans-serif;
margin:0 auto 20px;
width:790px
}
a{color:#000}
a:hover{color:#444}
a img{border:0}
#pricing:hover{color:#000}

/* ----- 1. Header ------------------------------------ */

#header{
height:110px;
padding:0 10px
}
#header h1{
background:url(images/logo.png) no-repeat;
border:0;
height:59px;
margin:14px 0 0;
padding:0;
text-indent:-9000px;
width:307px
}
#header h1 a{
display:block;
height:58px;
text-decoration:none;
width:210px
}
#header li{
background:#444;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
border-top:1px solid #FFF;
float:left;
list-style:none;
margin:23px -1px 0 0;
padding:0 16px
}
#header li a{
color:#FFF;
font-size:110%;
height:28px;
line-height:28px;
text-decoration:none
}
#header li a:hover{
color:#CCC
}

/* ----- 2. Main -------------------------------------- */

#main{
background:#DDD url(images/bg_main.png) no-repeat 0 100%;
padding:10px
}
#content{
background:#FFF url(images/bg_content.gif) no-repeat 0 100%;
float:left;
width:560px;
padding:0 10px
}
#content div{
margin:0 0 35px
}
#about{
background:url(images/bg_about.png) no-repeat;
margin:0 -10px 10px;
padding:9px 10px
}
h1{
border-bottom:1px solid #000;
clear:both;
font-size:1.7em;
margin:0 0 15px;
padding:0 0 5px
}
#title{
background:url(images/bg_about.png) no-repeat;
font-size:1.9em;
margin:0 -10px 10px;
padding:15px 10px;
border:0
}
h2{
font-size:1.4em;
margin:0 0 7px
}
p{
margin:0 0 15px
}
img{
float:left;
padding:0 10px 0 0
}
.email{
float:none;
padding:0 1px;
margin:0 0 -3px
}
.more{
background:url(images/more.gif) no-repeat 100% 7px;
clear:both;
float:right;
padding:5px 19px 0 0
}
#content ul{
padding:0 0 10px 25px
}
.clients{
float:left;
padding:0 35px 10px 15px !important
}
#content li{
margin:0 0 5px
}
li ul{
margin:10px 0 -10px
}
ol{
margin-left:20px
}
ol ul{
margin:5px 0 10px
}
.clear{
clear:both
}
.col1{
width:300px
}
.right{
display:block;
font-weight:700;
text-align:right;
margin:-10px 0 20px
}

/* ----- 3. Sidebar ----------------------------------- */

#sidebar{
float:right;
margin:-70px 0 10px;
width:180px
}
#news{
background:url(images/bg_news_top.gif) no-repeat;
color:#FFF
}
#news h1{
border:0;
padding:20px 0 7px;
text-align:center
}
#news span{
background:#111;
display:block;
margin:0 10px;
padding:2px 5px
}
#news p{
font-size:.9em;
padding:5px 12px;
margin:0
}
#testimonial{
background:url(images/bg_news_bottom.gif) no-repeat;
margin:-5px 0 0;
padding:33px 10px 10px
}
#testimonial h1{
border:0;
padding:5px 0 0
}
#testimonial p{
font-style:italic
}
#testimonial span{
background:url(images/bg_testimonial.gif) no-repeat 0 100%;
display:block;
font-weight:700;
margin:10px -10px -20px;
padding:0 10px 10px;
text-align:right
}

/* ----- 4. Footer ------------------------------------ */

#footer{
padding:5px 15px
}
#footer span{
float:right
}
#sub-footer,#sub-footer a{
text-align:center;
color:#999;
margin:5px 0 0
}

/* ----- 5. Forms ------------------------------------- */

form{
margin:0 0 10px
}
input{
padding:2px;
width:175px;
border:1px solid #CCC;
margin:0 0 10px
}
textarea{
padding:2px;
width:350px;
border:1px solid #CCC;
margin:0 0 10px;
font:9pt/1.5em 'Arial', Verdana, Sans-serif
}
#submit{
width:65px;
background:#EEE
}
.contacterror {
border:2px solid #F00
}
#comment {
width:550px
}