@charset "utf-8";
@import "reset.css";

/*  ===== @MAIN BODY STYLES ============================== */

html,body {height: 100%;}
body { font: 100.01% Arial, sans-serif; color:#666;}
#page { background:#6e8da7 url(headerBack.jpg) repeat-x; color:#FFF; }
.lineBreak { display:block; width:600px; height:20px; margin:0 auto; }
.socialButtons { background:url(socialBack.jpg); width:239px; height:76px; text-align:center; }
.socialButtons a { display:inline-block; margin-top:30px; margin-auto; }

.a2a_dd { display:block; margin:20px 0; }

#slideshow { width:240px !important; background:#FFF; text-align:center; margin:10px 0; overflow:hidden; }
#slideshow img {
  width:216px !important;
  height:92px;
  border:none;
  margin-left:15px;
}

label.error { display:none !important; }
input.error { border:1px solid red !important; background:#CC9999 !important; }

#power { width:300px; margin:0 auto; font-size:11px; }
#power a { font-size:11px; }

/*  ===== @DEFAULT STYLES ============================== */
.clear {
  clear: both; 
  display: block; 
  overflow: hidden; 
  visibility:hidden; 
  width: 0; 
  height: 0;
}  
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}  
* html .clearfix {height: 1%;}

:-moz-any-link:focus {outline: none;}

img {border:none;}

#content hr {height:1px; border:0; border-bottom:1px solid #000;}
#content a, #content a:link, #content a:visited, #content a:focus {color:#FFF; outline:none;}
#content a:hover, #content a:active {color:#CCC;}
#content h2, #content h3, #content h5, #content h6 { color: #FFF; margin: 0 0 1em 0;}
#content h1 {font-size:22px; color:#FFF;margin: 0 0 1em 0;}
#content h2 { font-size:18px; }
#content h3 { font-size:16px; }
#content h4 { font-weight:bold; color:#FFF; }
#content p {color:#DDD; margin-bottom:14px;}
#content ul, #content ol{margin:0 0 1em 0;  color:#DDD}
#content li{margin:0 0 0 2em; list-style-type:disc;}

/*  ===== @HEADER =============================== */

#phoneTxt{
  color:#ff00ff;
  font-size:12px;
  text-align:right;
  text-transform:uppercase;
  display:none;
}
#phoneNumber{
  background:url(phoneNumberBack.png) no-repeat;
  font:bold 36px Georgia, "Times New Roman", Times, serif;
  color:#FFFFFF;
  text-align:center;
  float:right;
  width:309px;
  height:63px;
  padding-top:8px;
}
#logo{
  float:left;
}
#header{
  width:960px;
  height:156px;
  margin:0 auto;
}
/*  ===== @Drop-Down Nav =============================== */
#jsddm {
  list-style: none;
  font: 14px Arial, Helvetica, sans-serif;
  color:#fff;
  margin:13px 0 0 0;
  *margin:49px 0 0 0; /* needed for IE7 */
  padding:0;
  text-transform:uppercase;
  text-decoration:none;
  width:520px;
  height:30px;
  clear:both;
  float:right;
}

#jsddm li{
  list-style:none;
}
#jsddm > li {float: left; background:url(navBack.png) no-repeat;}
#jsddm > li:hover { background-position:bottom left; }

#jsddm > li > a {
  display:block;
  width:124px;
  height:25px;
  color:#FFF;
  text-align:center;
  font-weight:bold;
  text-decoration:none;
  line-height:25px;
  font-size:14px;
  text-shadow:1px 1px 1px #666;
  padding:0 2px;
}

#jsddm > li > a:hover{
  color: #FFF;
}
.mainNavFirst a{

}
.mainNavLast a{

}
#jsddm > li ul{
  display:none;
  width: 200px;
  list-style:none;
  position:absolute;
  z-index:100;
  border: 2px solid #A4896E;
  margin-top:9px;
}
#jsddm > li > ul a{
  color:#fff;
  background: #826a52;
  padding: 4px 10px;
  font-size: 11px;
  text-decoration:none;
  display: block;
}

#jsddm > li > ul a:hover{
background: #7fa5c4;
}
#jsddm  > li ul li  ul{
margin:-21px 0 0 200px;
position:absolute;
}

/*  ===== @HOMEPIECE ============================ */
#homeMenu{
  height:365px;
  width:100%;
  padding-top:20px;
  margin:0 auto;
  text-align:center;
}
/* ===== @PAGE CONTENT BOX STYLES ============================================= */
#contentWrapper{
clear:both; 
margin:0 auto; 
width:960px; 
}
#homeContentWrapper {
clear:both;
margin:0 auto; 
padding: 3px 0 10px; 
width:960px; 
}

/* ===== @BREADCRUMB STYLES ============================================= */
.crumbs{
  background:#333;
  color:#DDD;
  margin: 20px 0;
  padding:3px;
  border-bottom:1px solid #CCC;
}

.crumbs a, .crumbs a:visited {
  color:#DDD;
  font-size:12px;
  text-decoration:underline;
}
.crumbs a:hover, .crumbs a:visited:hover{
  color:#FFF;
 }

.crumbLast{color:#6e8da7; font-size:12px; font-weight:bold; }

/* ===== @ACTION NAV STYLES ============================================= */
#sideBar{
  float:left; 
  height:auto;
  height: auto;
  width: 230px;
}
#sideNav{
  background:#333;
  padding:10px;
  color:#fff;
  width:210px;
  }

#sideNav li { list-style:none; border-bottom:1px solid #CCC; display:block;  }
#sideNav a { display:block; }


#homeSideBar{
  width:250px; 
  float:right; 
  height:auto;
}
/* ===== @CONTENT STYLES ============================================= */

#pageSubHeader{
color: #ff00ff;
}
#homeContentWrapper #content{
  width:650px;
  heaight:auto;
  float:left;
}
#contentWrapper #content{
  width:600px;
  heaight:auto;
  float:left;
}
#contactInfo{
  float:right;
  width:304px;
  height:auto;
}
#contactAddress{margin:15px 0 0 0;}
#googleMap{
  width:300px;
  height:300px;
  background:#d8ebf7;
  border:1px solid #b5d2e6;
  padding:2px;
}
/* ===== @FORMS STYLES ============================================= */
#formContainer{
  width:520px;
  background:#333;
  border:1px solid #cecece;
  margin:0 0 20px 0;
  padding:4px;
  color:#DDD;
  font: 13px/normal Arial, Helvetica, sans-serif;
  text-align:center;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
#formContainer label{
color:#fff;
font: 13px/normal Arial, Helvetica, sans-serif;
}
#formContainer h2{
color: #fff;
font-size:12px;
margin:0 0 4px 0;
}
#formReferFriend .emailAddress{
width: 250px;
}
#formReferFriend .emailAddress input{
width: 240px;
}
.notes textarea, .form .formWidth{ border:1px solid #cecece;}
.formContest{border-style:dashed !important;}
.form{
padding:5px 5px 0;
text-align:left;
width:500px;
margin:0 auto;
}
.form .formInput{
width:125px;
padding:0;
margin:0;
text-align:left;
float:left;
}
.form .formWidth{
width:115px;
height:15px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#CRM_Leads_CompanyName{
width:490px;
}
.notes textarea{
width:490px;
height:35px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.inputMoreInfo, .submit{text-align:center;}
.inputMoreInfo{margin:2px 0; color:#fff;}
.form label.error {color: #fff; padding-left: 5px; }
#submit{margin:5px 0 10px; }


/* ===== @BLOG STYLES ============================================= */
.articleSeparator{}
.blog{
  margin:20px;
  line-height:1.3;
}
.blog h2{
  margin:0;
  padding:0;
  border-bottom:1px solid;
}
.blog .time{
  display:block;
  margin: 0 0 20px 0;
  font-size:10px;
  float:right;
}
.blog .article{
  clear:both;
  margin: 0 0 20px 0;
}
/* ===== @PREFERRED VENDOR STYLES ============================================= */
.partnersItem{
  width:150px;
  display:block;
  margin:10px;
}
.visitSiteBtnNo{display:none;}
.poBox{
  border: 1px dashed #ddd;
  height:78px;
  color:#687175;
  width:310px;
  margin:0 5px 5px 0;
  padding:0;
  float:left;
}
.poBoxContent a{
  color:#687175;
  text-decoration: none;
}
.poBoxContent a:hover{
  color:#9FB0B8;
  text-decoration: underline;
}
.poBoxIcon{
  width:76px;
  height:76px;
  margin:2px 2px 0 2px;
  padding:0;
  float:left;
}
.poBoxContent{
  width:230px;
  padding:5px 0 0  0;
  text-align:left;
  color:#687175;
  float:right;
}
.poShortDesc{
  padding:0;
  margin:3px 0 5px;
  font-size:12px;
  text-align:left;
  color:#FFF;
}
.poFullDesc{
  padding:0;
  margin:10px 0;
  text-align:left;
  width:330px;
}
.partners{
  width:960px;
  margin:0 0 20px;
}
/* ===== @FOOTER STYLES ============================================= */

#footer li img { vertical-align:middle; }

#footer{
  background:#6C8BA5 url(footerBack.png) repeat-x;
  color:#FFF;
  width:100%;
  margin:0 auto;
  padding:0;
  height:49px;
  clear:both;
  line-height:49px;
}

#footer ul {
  width:800px;
  margin:0 auto;
  height:49px;
}

#footer li {
  float:left;
  height:40px;
  line-height:54px;
  width:auto;
  margin:0 25px 0 0;
  list-style:none;
}

#footer a, #footer a:visited {
  color:#FFF;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}

#footer a:hover {color:#ccc;}

#arLogo * { font-size: 11px; }
#arLogo small { display:block; }

/* ===== @VIDEO GIRL STYLES ============================================= */ 
#vpPlayer, #vpBtn, #vpBtnPause {
  position:fixed;
  bottom:0;
  right:0;
  z-index: 9999;
  margin:0;
  padding:0;
}
#vpBtn{display:none;}

/* ===== @ACTION NAV STYLES ============================================= */
#actionNav {
  float:left;
  font:13px Arial, Helvetica, sans-serif;
  width:338px;
  background: #9F8B77;
  color: #fff;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border:1px solid #a7a7a7;
  margin: 0 0 0 20px;
}
#actionNav h2 {
  background:#333;
  font-size:16px;
  padding: 5px 10px;
}
#actionNavLinks {
  margin:0;
  padding:0
}
#actionNavLinks li {
  list-style:none;
}
#actionNavLinks li a {
  color:#FFF;
  display:block;
  padding:5px 0 5px 10px;
  text-decoration:none
}
#actionNavLinks li a:hover {
  background:#6C7D8D;
  padding:5px 0 5px 10px
}
#twitter {
  font-size:12px;
  margin: 0 0 10px;
}
#twitter a {
  color:#000;
  margin:2px 0 0;
}
#twitter li {
  background:none;
  list-style:none;
  padding:0 10px;
  color:#000;
}
#twitter ul {
  margin: 10px 0 0 0;
}

/* ===== @HOMEFORM ========== */
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

/* ===== @STYLES ========== */

#cFormContainer {
background:url(cFormBg.png) no-repeat;
height:357px;
margin:20px auto;
width:940px;
}

#cFormContainer h1 {
color:#FFF;
font:bold italic 24px Georgia, "Times New Roman", Times, serif;
height:33px;
line-height:33px;
margin:0;
padding:0;
text-align:center;
}

#cForm, #cFormForm {
height:55px;
width:940px;
padding:0;
margin:0;
}

#cForm { margin:38px 0 0; }


#cForm .cFormFieldsContainer {
float:left;
height:25px;
width:235px;
line-height:30px;
margin-top:5px;
}

#cFormForm label { 
float:left; 
width:75px; 
height:20px; 
text-align:right; 
padding-right:5px;
line-height:20px;
font-size:12px;
}

#cForm .cFormInput {
float:left;
height:20px;
width:150px;
border:1px solid #CCC;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
}

#cForm .cFormEmailContainer {
clear:both;
height:30px;
width:480px;
line-height:30px;
padding-top:2px;
}

#cForm .cFormEmailContainer .cFormEmailInput {
height:18px;
width:381px;
float:left;
}

#cFormFieldsWrapper {
border-right:1px solid #CCC;
float:left;
height:55px;
width:480px;
}

#cFormSlideShow {
height:224px;
margin:4px auto 0;
width:934px;
overflow:hidden;
}

#cFormSlideShow img {
height:224px !important;
width:934px !important;
}

#cFormOptionsContainer {
border-right:1px solid #CCC;
float:left;
height:50px;
margin:6px 0 0 5px;
width:225px;
}

#cFormOptionsContainer select {
height:22px;
margin-top:10px;
width:200px;
}

.cFormSubmit { margin:2px 0 0 7px; }
#cForm .cFormLabel,#cFormOptionsContainer p { color:#FFF; font-size:12px; }