/*what would a website be without a delicious stylesheet like this?*/
/*Copyright 2010 http://www.r9films.com*/
html {
min-height:100%;
margin-bottom:1px;
font-size:100.01%;
}
body {
background-repeat:repeat-x;
background-position: top center; 
background-color: #fff;
background-image:url(bg.png);
font: 100% "Arial", "Verdana","Trebuchet MS",  sans-serif;
color: #000;
width:1020px;
margin:auto;
text-align: center; 
}
h2 a.caption {
z-index:600; 
background-color:#000; 
color:#fff; 
font-size:45px;
height:50px; 
width:340px; 
position:relative;
bottom:100px;
}
#headr {
width:815px;
padding-top:32px;
height:43px;
margin:auto;
background-image:url(ab_logo.png);
background-position: top left;
background-repeat:repeat-y;
}
#headr a {
float:right;
margin-left:5px;
position:relative;
top:-5px;
border-right: 1px solid #000;
padding-right:3px;
font-size:110%;
}
a, a img {
color:#000000;
border:none;
text-decoration:none;
}
a:hover {
color:#444;
text-decoration:underline;
}
hr {
height:1px;
background-color:#eee;
border-bottom:1px #999;
}
#content {
width: 1020px;
margin:auto;
}
ul.gallery {
width: 1020px;
list-style: none;
margin: 0 auto; padding: 0;
}
ul.gallery li {
float: left;
margin: 0px; padding: 0;
text-align: center;
display: inline;
margin:0px;
float:left;
}
ul.gallery li a.thumb {
width: 340px;
height: 520px;
cursor: pointer;
}
ul.gallery li span {
width: 340px;
height: 520px;
overflow: hidden;
display: block;
cursor: pointer;
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}
#services_wrap p {
line-height:17px;
color:#686B6E;
}
#services_wrap p a { 
padding:1px;
padding-left:2px;
padding-right:2px;
border: dotted 1px #43484D;
white-space:nowrap;
}
#services_wrap h3 {
margin-bottom:8px;
color:#222;
}
.services_list, .services_list_first, .services_list_last {
font-size: 0.8em;
text-align:left;
float:left;
margin-bottom:10px;
padding:5px;
height: auto;
}
.services_list_first {
width: 490px;
margin:0px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #202326;
clear:both;
}
.services_list_last {
padding-left:10px;
width: 490px;
}
#bottom {
font-size: 0.8em;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
color:#999;
background-image:url(shadow.png);
background-repeat:repeat-x;
border-top:1px solid #999;
height:60px;
padding-top:30px;
letter-spacing: 1.1em;
float:left;
}
#bottom a {
font-size: 0.8em;
width:100%;
text-align:center;
color:#999;
}
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px;
line-height: 31px;
margin-bottom: -1px;
overflow: hidden;
position: relative;
}
ul.tabs li a {
text-decoration: none;
color: #000;
font-size: 0.8em;
margin:5px;
outline: none;
}
ul.tabs li a:hover {
color:#888;
}	
html ul.tabs li.active {
color: #bc0000;
border-bottom: 2px #bc0000 solid;
}
.tab_container {
border: none;
clear: both;
float: left; 
width: 100%;
}
.tab_container span {
float: left; 
height:205px;
width:205px;
margin:auto;
}
.tab_container span img {
border: 1px #bbb solid;
}
.tab_content {
padding: 20px;
font-size: 0.9em;
}
.tab_content h2 {
font-weight: normal;
padding-bottom: 2px;
text-align:left;
border-bottom: 1px dashed #aaa;
font-size: 1.2em;
}
.tab_content h2 .idr{
font-weight: normal;
color: #bc0000;
font-size: 0.9em;
}
.tab_content h3 a{
color: #254588;
}
.tab_content img {
width:33%;
float: left;
margin: 0 20px 20px 0;
border: 1px solid #ddd;
padding: 8px;
}