/* Traxi LLC CSS Document */
body, html {
font: 11px Arial, Helvetica, sans-serif;
color: #fff;
margin:0;
padding:10px 0;
background:#979797 url(images/pagebg.jpg) top left repeat-x;
}
div{
margin:0;
padding:0;
}
a:link, a:visited{
color:#D7212E;
text-decoration: none;
}
a:hover, a:active{
color:#000;
text-decoration: underline;
}
ul{
letter-spacing:1px;
line-height:140%;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
h1{
font-size:24px;
color: #000;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform:capitalize;
}
h2{
font-size:18px;
color:#D7212E;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
h3{
font-size:12px;
color: #000;
}
h4{
font-size:11px;
color: #000;
}
#wrap{
width:1020px;
}
#center {
background-color:#FFF;
border-top:10px solid #000;
color:#333;
}
#header{
background:#fff url(images/silverbg.jpg) bottom left repeat-x;
color:#000;
margin-bottom:10px;
}
#topnav{
padding:0 10px 20px;
}
#topnav a{
font-size:11px;
font-weight:bold;
text-transform:uppercase;
padding:5px 20px;
}
#topnav a:link, #topnav a:visited{
color:#000;
}
#topnav a:hover, #topnav a:active, #topnav a:focus {
text-decoration:none;
color:#D7212E;
-moz-outline:none;
}

#leftnav{
width:185px;
padding-top:10px;
}
#leftnav a{
font-size:11px;
padding:15px 0;
border-bottom:1px solid #E7E7E7;
display:block;
text-decoration:none;
}
#leftnav a:link, #leftnav a:visited{
color:#333;
background:#fff;
}
#leftnav a:hover, #leftnav a:active {
color:#D7212E;
background:#fff url(images/arrowred.gif) center right no-repeat;
-moz-outline:none;
}
#newsnav{
width:170px;
padding-top:10px;
}
#newsnav a{
font-size:11px;
padding:5px 0;
display:block;
text-decoration:none;
}
#newsnav a:link, #newsnav a:visited{
color:#333;
background:#fff;
}
#newsnav a:hover, #newsnav a:active {
color:#D7212E;
-moz-outline:none;
}
#newsnav h3{
border-top:1px solid #E7E7E7;
margin:7px 0;

}
#content {
font-size:12px;
padding:30px 40px;
border-left:1px solid #E7E7E7;
}
#content h1 {
margin-bottom:5px;
}
#content h2 {
margin-bottom:20px;
}
#content h3{
margin-top:20px;
margin-bottom:5px;
}
#content p{
line-height:160%;
text-align:justify;
margin:0 0 20px 0;
}
#footer{
font-family:Arial, Helvetica, sans-serif;
background:#000;
color:#fff;
padding:30px;
font-size:14px;
}
#footer a:link, #footer a:visited{
color:#188858;
}
#footer a:hover, #footer a:active {
text-decoration:none;
color:#000;
}
#footer h1{
color:#fff;
font-size:18px;
}

/* classes */
.silver{
background:#fff url(images/silverbox.jpg) bottom left repeat-x;
color:#000;
padding:30px 30px 40px 30px;
border-top:1px solid #E7E7E7;
border-left:1px solid #E7E7E7;
}
.silver p{
line-height:150%;
text-align:justify;
margin-top:5px;
margin-bottom:25px;
}
.examples{
font-size:22px;
color:#D7212E;
letter-spacing:normal;
}
.close a{
font-family:Arial, Helvetica, sans-serif;
display:block;
font-size:18px;
float:right;
padding:10px;
}
.close a:link, .close a:visited{
text-decoration:none;
background:#000;
color:#fff;
}
.close a:hover, .close a:active {
text-decoration:none;
background:#D7212E;
color:#fff;
}
.blackbg{
background:#000 url(images/blackbgRT.gif) top left repeat-x;
margin-right:20px;
color:#FFF;
}
.blackbg img{
padding:5px;
margin-top:20px;
}
.blackbg p{
line-height:150%;
}
.leatherbg a:link, .leatherbg a:visited{
text-decoration:none;
color:#D7212E;
}
.leatherbg a:hover, .leatherbg a:active {
color:#fff;
}
.leatherbg{
background:#333 url(images/black_fade.jpg) top left repeat-x;
width:270px;
color:#fff;
}
.leatherbg p{
line-height:180%;
}
.leathertop{
background:#fff;
padding-top:20px;
margin-bottom:20px;
}

.clients{
line-height:160%;
border-top:1px solid #e7e7e7;
}
.clients td{
padding:10px 10px 10px 0;
}
#content .clients p {
text-align:left;
}
.bios td{
font-size:11px;
vertical-align:top;
padding:20px 40px 50px 0;
}

.bios img{
margin-bottom:5px;
border: 1px solid #fff;
}
.bios a:link, .bios a:visited{
text-decoration:none;
color:#333;
}
.bios a:hover, .bios a:active {
text-decoration:none;
color:#D7212E;
}
.bios td{
padding-bottom:15px;
}
.news td {
vertical-align:top;
}
#content .news p{
text-align:left;
letter-spacing:normal;
line-height:130%;
}
/*misc classes*/
.clsSize_18_wh{font-size:18px; color:#fff; padding-bottom:15px;}
.clsSize_18_ltgry{font-size:18px; color:#ccc; padding-bottom:15px;}
.clsSize_18{font-size:18px; color:#555; padding-bottom:15px;}
.clsSize_20{font-size:20px; color:#999; padding-bottom:15px;}
.clsSize_22{font-size:22px; color:#fff; padding-bottom:15px;}
.clsSize_24{font-size:22px; color:#D7212E; padding-bottom:15px;}

.red{
color:#D7212E;
}
.redbio{
color:#777;
font-size:20px;
}
.pad5{
padding:5px;
}
.pad10{
padding:10px;
}
.pad20{
padding:20px;
}
.pad30{
padding:30px;
}
.padTB{
padding:10px 0 40px 0;
}
.padBT{
padding-bottom:20px;
}
.padBT10{
padding-bottom:10px;
}
.padLT30{
padding-left:30px;
}
.padLT10{
padding-left:10px;
}
.padRT10{
padding-right:10px;
}
.padRT20{
padding-right:20px;
}
.padLR10{
padding-left:10px;
padding-right:10px;
}
.padLR15{
padding-left:15px;
padding-right:15px;
}
.padLTnav{
padding:20px 8px 30px 30px;
}
.padLTnav p{
}
#homenews{
padding:20px 0;
color:#555;
}
#homenews p{
line-height:140%;
text-align:left;
font-size:11px;
}
#homenews h3{
font-size:12px;
margin-bottom:15px;
}
#homenews .imgRT{
margin-left:20px;
}
#homenews .imgLT{
margin-right:20px;
}
.block{
float:left;
display:block;
}
p.block{
line-height:15px;
margin:0;
padding:0 30px;
}
span.block{
line-height:20px;
margin:0;
padding:0;
}
.imgLT{
float:left;
margin-right:25px;
}
.imgRT{
float:right;
margin-left:25px;
}
.emphasis{
font-size:16px;
font-weight:bold;
}
.copyright{
font-size:10px;
color:#333;
padding:5px 30px;
}
.copyright a:link, .copyright a:visited{
color:#333;
}
.copyright a:hover, .copyright a:active {
text-decoration:none;
color:#CCC;
}
.shadowlong{
background:url(images/shadow_long.jpg) no-repeat top center;
border-top:1px solid #CCC;
height:15px;
margin:10px 1px 5px 1px;
}
.seperatorgrey{
display:block;
background:url(images/greydot.gif) repeat-x center center;
margin-bottom:5px;
margin-top:0;
height:5px;
clear: both;
}
.seperatorgrey2{
display:block;
background:url(images/greydot.gif) repeat-x center center;
padding:20px 0;
clear: both;
}

.seperatorVT{
background:url(images/greydotV.gif) repeat-y top right;
padding-right:30px;
}
.comments{
background:url(images/greydotV.gif) repeat-y top right;
padding-right:25px;
margin-right:25px;
color:#777;
}
.shadowBT{
background:url(images/shadowbottom.jpg) repeat-x top left;
border-top:1px solid #CCC;
height:15px;
}
.seperator{
display:block;
background:url(images/greydot.jpg) repeat-y;
float:left;
margin:0 25px;
}
.logo{
padding:20px 10px 15px 30px;
}
.navTon{
color:#D7212E;
}
span.navLon{
color:#D7212E;
background:#fff url(images/arrowred.gif) center right no-repeat;
display:block;
}
.next{
color:#ccc;
font-size:11px;
border-bottom:1px solid #CCC;
margin-bottom:10px;
padding-bottom:3px;
}