/* CSS Document */
@font-face {
 font-family: 'Footlight MT';
 font-style: normal;
 font-weight: normal;
 src: url('../fonts/eot/FTLTLT.EOT');
 src: local('Footlight MT'), local('Footlight MT'), url('../fonts/ttf/FTLTLT.TTF');
}
@font-face {
 font-family: 'Copperplate Gothic';
 font-style: normal;
 font-weight: normal;
 src: url('../fonts/eot/COPRGTL.EOT');
 src: local('Copperplate Gothic'), local('Copperplate Gothic'), url('../fonts/ttf/COPRGTL.TTF');
}
@font-face {
 font-family: 'Bell MT';
 font-style: normal;
 font-weight: normal;
 src: url('../fonts/eot/BELL.EOT');
 src: local('Bell MT'), local('Bell MT'), url('../fonts/ttf/BELL.TTF');
}
a { color:#666; text-decoration:none; }
a:hover { color:#6f949d; text-decoration:underline; }
* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; border-color:#6f949d; border-width:0px; border-style:none; }
.footlight { font-family:'Footlight MT'; }
.gothic { font-family:'Copperplate Gothic'; }
.bell { font-family:'Bell MT'; }
.fl { float:left; }
.fr { float:right; }
.clearfix { clear:both; }
.wrapper { position:relative; overflow:hidden; }
.container { width:960px; margin:0 auto; }
.current-item { color:#6f949d; }
ul.categories,
ul.subcategories { list-style:none; }
ul.categories li { margin:15px 0; }
ul.categories li a { font-weight:bold; color:#6f949d; text-shadow:1px 1px 5px white; }
ul.categories ul.subcategories li a { font-weight:normal; color:#666; }
ul.categories ul.subcategories li a:hover { font-weight:bold; color:#6f949d; }
ul.nav { border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; list-style:none; height:40px; line-height:40px; }
ul.nav li { float:left; min-width:130px; text-align:center; }
#header { height:115px; }
#logo { margin:25px 0; }
#pectrum { margin:40px 100px; }
#socalbtns { margin:50px 0; line-height:48px;width:100px; }
#socalbtns a { margin-left:5px; }
#banner h1 { text-align:center; width:480px; margin:0 auto; position:relative; z-index:0; color:#666; }
#banner h1 p { font-size:12px; font-weight:normal; line-height:80px; height:60px; float:left; }
#banner h1 strong { color:#10434f; font-weight:bold; text-transform:uppercase; font-size:14px; }
#banner h1 span { font-size:60px; color:#6f949d; line-height:100px; height:60px; float:left; }
#banner #images img { display:none; }
#banner #images img.current { display:block; position:relative; z-index:99; }
#split { background:#6f949d; color:white; text-align:center; padding:10px; margin:15px 0; font-size:14px; }
#split a{ color:white; font-weight:bold;font-size:20px;}
#mainbody .container ,#services .container{ border-top-style:solid; border-top-width:1px; margin-bottom:10px; }
#mainbody #categories_sider { border-right:1px dotted #ccc; width:180px; float:left; margin:10px 0; font-size:12px; color:#666; padding-top:10px; }
#sitemap a { font-weight:bold; }
#sitemap { margin:15px 0 20px; }
#mainbody #main_sider{float:right; width:765px;}
#main_sider h2{ color:#6f949d; font-size:16px;margin:35px 0 15px;} 
#main_sider p{ text-indent:0em; line-height:24px;color:#666; font-size:12px; float:left; width:530px;}
#main_sider strong{ color:#6f949d; text-transform:uppercase;}
#main_sider .templates{ float:right;}
#main_sider .templates a{ display:block; border-left:3px solid #eee; border-right:3px solid #eee; border-bottom:3px solid #eee; margin:0 0 15px 0;}
#services .box { float:left; width:20%; font-size:12px; line-height:20px; padding:5px 0;}
#services .box.last{ width:130px; float:right;}
#services .box a{ display:block;}
#services .box a img{float:left;margin-right:5px;}
#services h3{ font-size:12px; color:#6f949d;}
#footer .container{ background:#a9979f; color:white; font-size:12px; text-align:center; padding:5px; margin-top:25px;}
#images { position:relative; z-index:99; height:420px;}
#imagedots { height:20px; position:absolute; z-index:100; opacity: 0.7; right:10px; bottom:10px;}
#imagedots .dot{ height:16px; width:16px; background:url(../images/dot.png) top left; float:left; margin:2px 5px; cursor:pointer;}
#imagedots .dot.current{ background:url(../images/dot.png) top right;}
.content { margin:25px 0 35px;}
.content h1 {margin:15px 0; color:#6f949d; font-weight:normal; font-size:24px;}
.content h1 span{color:#888888;}
.content .two-sider-box{ width:48%; float:left; border-right:1px dotted #666;}
.content .two-sider-box.last{ border-right:0px none white; margin-left:25px;}
.content p{ font-size:12px;color:#888888;margin-right:15px; margin-bottom:5px; line-height:20px;}
.content form{margin:25px 0;}
.content input{ border:1px #e6e6e6 solid; height:24px; line-height:24px; width:250px; clear:both; float:left; margin:5px 0; }
.content textarea { border:1px #e6e6e6 solid; width:90%; max-width:90%; height:150px; max-height:150px; line-height:22px;float:left;}
.content label{ line-height:24px; color:#888888; font-size:12px; float:left; clear:both; height:24px; margin:5px 0;}
.content label.vad { clear:inherit; margin-left:10px;}
.content label.error { color:red;clear:inherit;margin-left:10px;}
.content input[type=submit] { border: 1px outset #778c83; background:#778c83; height:24px; min-width:50px; max-width:80px; color:white; font-size:18px; font-family:'Footlight MT'; text-align:center; clear:both; line-height:24px; cursor:pointer; margin:20px 0 0px; text-shadow:1px 1px 1px #333;} 
.content h2 { font-size:14px; font-weight:bold;color:#3685c7;margin:15px 0;}
.content .two-sider-text{ width:45%; float:left; text-align:left;}

#socalbtns iframe{ float:left; clear:both; margin-bottom:10px;} 
#map_canvas{ height:300px; width:440px; border:10px #dcdcdc solid; margin:100px 0 20px;}