/* CSS Document */

html, body{height: 100%;}
body{
margin: 0;
padding: 0;
font-family: "Futura", helvetica, arial, sans-serif;
font-size: small;
}
.spacer{clear: both;}
img{border: none;}
.red{color: #398ed9;}
li{
list-style-image: url(images/bullet1.gif);
padding: 3px 0;
}

#main{
position: relative;
width: 760px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin: 0 auto;
height: 100%;
min-height: 100%;
background: transparent url(images/bg_lines.gif) repeat-y top left;
}
html>body #main {
height: auto;
}
#top{
height: 150px;
}
#top img{
margin-top: 0px;
margin-left: 20px;
}
#nav{
background-color: #333;
}
#nav ul{
margin: 0;
padding: 3px 2px;
list-style-image: none;
}
#nav ul li{
display: inline;
padding-right: 15px;
}
#nav a:link, #nav a:visited{
padding: 3px;
color: #fff;
text-decoration: none;
font-weight: normal;
}
#nav a:hover{
color: #398ed9;
}
#page{
padding: 20px;
padding-bottom: 5em;
}
.left h1, .right h2{
color: #398ed9;
margin: 0;
padding: 0;
font-size: small;
}
.left h1{
font-size: 120%;
margin-bottom: 10px;
}
.left h2{
font-size: 110%;
margin: 0;
padding: 0;
margin-top: 30px;
padding-bottom: 3px;
border-bottom: 2px dotted #999;
}
.left h2 span{
font-size: 90%;
font-weight: normal;
}
.left{
margin-left: 10px;
float: left;
width: 520px;
}
.left img{
margin: 0 0 5px 5px;
}
.right{
float: right;
width: 115px;
}
.right img{
margin-top: 20px;
}
.quote{
background: url(images/q1.gif) no-repeat top left;
padding-left: 20px;
position: relative;
width: 100%;
margin-top: 5px;
}
.quote img{
position: absolute;
right: 0;
bottom: -3px;
}
.client{
float: left;
}
.t_general th{
color: #fff;
background-color: #666;
text-align: left;
padding: 2px;
}
.t_general td{
background-color: #ccc;
}



/* ------------------------------------------- */
#footer{
position: absolute;
width: 700px;
bottom: 0;
}
#footer p{
padding: 5px 20px;
margin: 0;
font-size: x-small;
}
#footer p span{
position: absolute;
right: 0;
}