@charset "utf-8";

/* ============ defaults. ============ */
  
  *  { 
    margin: 0;
    padding: 0;    
  }
  
  p,h1,h2,h3,h4,h5,h5,h6 {
    margin: 0;
    padding: 0;  
  }
    
  h1, h2, h3 {
    font-weight: normal;
    color: #fafafa;
  }
  
  h1 {
    font-size: 2.2em;
  }
  
  h2 {
    font-size: 2em;
  }
  
  h3 {
    font-size: 1.6em;
  }
  
  h4 {
    font-size: 1.4em;
  }
  
  
  a {
    text-decoration: none;
    color: #fafafa;
  }
  
  a:visited {
    text-decoration: none;
    background: none;
  }
  a:hover,  a:active {
    background: none;
    text-decoration: underline;
  }
  
/* ============  body. ============ */
 
  /* body. */
  body {
    margin: 0;
    padding: 0;
    color: #fafafa;
    font-family: Helvetica, sans-serif, Arial;
    font-size: 100%;
    text-align:center;
    background: #EFEFEF url(/images/bg/body.png) repeat-x left top;
  }
  
/* ============  masthead. ============ */

  /* header properties. */
  #header {
    margin: 0;
    padding: 0;
    float: left;
    width: 930px;
    height: 86px;
    background-image: url(/images/bg/header.png);
    background-repeat: no-repeat;
  }  

  /* logo. */
  #logo {
    margin: 20px 0 0 10px;
    padding: 0;
    float: left; 
    width: 165px;
  }  

  /* tag line. */
  #tag_line {
    margin: 40px 0 0 100px;
    padding: 0px;
    font-size: 16px;
    color: #555;
    font-weight: bold;    
    text-align: left;
  }
  
/* ============ main page styles. ============ */
  
  /* page container. */
  #container {
    margin: 0 auto;
    padding-top: 10px; 
    width: 930px;
    text-align: left;
  }
  
  /* content container. */  
  #content_wrapper {
    margin:0;
    padding:6px 0 2px 0;
    float: right;
    width: 765px;
  }
  
    /* content wrapper image container. */
    #cw_top_img {
      margin: 0;
      padding: 0;
      height: 200px;
      
    }
  
    #cw_main {
	    float: left;
	    width: 765px;
	    margin: 0px;
	    padding: 0px;
	    min-height:399px;
	    max-height:399px;
	    background: url(/images/bg/content.png) repeat-x;
    }
    
    #cw_no_image {
	    float: left;
	    width: 765px;
	    margin: 0;
	    padding: 0px;
	    min-height:600px;
	    max-height:600px;
	    background: #EFEFEF url(/images/bg/copy-bg2.png) repeat-x;
    }
    
    #cw_text {
	    float:left;
	    width:67%; 
	    padding:32px 0 0 0;
	    font-size:12px;
	  }
	
    #cw_text ul {
      margin-top: -5px;
      margin-bottom: 5px;
      line-height: 180%;
      margin-left: 40px
    }
    
    #cw_text li {
      
    }
    
    #cw_text  h2 {
	    padding:0 0 10px 0;
	    font-size: 20px;
	    font-family: Helvetica, sans-serif, Arial;
	  }
	  
	#cw_text  h3 {
	    padding:0px 0 10px 0;
	    font-size: 18px;
	    font-family: Helvetica, sans-serif, Arial;
	}
	
    #cw_list_full {
        float:left;
        width:100%; 
        padding:32px 0 0 15px;
        margin: 0;
        font-size:14px;
    }
    
    #cw_text_full {
	    float:left;
	    width:80%; 
	    padding:32px 0px 20px 45px;
	    margin-right:20px;
	    font-size:12px;
	}
	  
	#cw_text_full  h2 {
	    padding:0 0 10px 0;
	    font-size: 20px;
	    font-family: Helvetica, sans-serif, Arial;
	}
	  
	#cw_text  h3 {
	    padding:0px 0 10px 0;
	    font-size: 18px;
	    font-family: Helvetica, sans-serif, Arial;
	}
   
    #cw_list {
        float:left;
        width:25%; 
        padding:26px 0 0 35px;
        margin: 0;
        font-size:14px;
        list-style-type:none;  
    }  
    
	    #cw_list ul {
	      margin: 0;
	      padding:0;  
	      list-style-type:none;  
	    }
	    
	    #cw_list li { 
	      width:169px;
	      height:35px;
	      margin: 0;
	      padding:0;
	      line-height:35px;      
	    }

      #cw_list2 {
        float:left;
        width:25%; 
        padding:32px 0 0 35px;
        margin: 0;
        font-size:14px;
        list-style-type:none;  
    }  
    
      #cw_list2 ul {
        margin: 0;
        padding:0;  
        list-style-type:none;  
      }
      
      #cw_list2 li { 
        width:169px;
        height:35px;
        margin: 0;
        padding:0;
        line-height:35px;      
      }
      
	    #cw_list li#active a { 
	      color: #5CACEE;
	      font-size:14px;
	    }
    
	    #cw_list a, 
	    #cw_text_full a,
	    #cw_no_image a, 
	    #cw_main a {
	      color: #fafafa;
	      text-decoration: none;
	      border: none;
	      margin: 0;
	      padding: 0;
	    }
    
	    #cw_list a:hover, 
	    #cw_text_full a:hover, 
	    #cw_no_image a:hover, 
	    #cw_main a:hover {
	      color:#ea1b23;
	      text-decoration:underline;
	    }
   #content_vimage {
    float:left;
    width:30%; 
    min-height:390px;
    padding:15px 0 0 15px;
    margin: 0;
  }
  
   #contact_us{
    float:left;
    width:45%; 
    min-height:400px;
    font-size:12px;
    margin:30px 0 0 30px;
     
   }
   
   #contact_us_form  h3 {
    font-size:18px;
    margin:15px 0 0 0;
     
   }
   
   #contact_us_address {
    float:left;
    width:45%; 
    min-height:400px;
    font-size:16px;
    margin:40px 0 0 40px;
     
   }
   
   #contact_us_form {
    float:left;
    width:70%; 
    min-height:400px;
    font-size:13px;
    margin:10px 0 0 20px;
     
   }
   
   #client_container {
     margin: 150px 0 0 170px;
     height:250px;
     width:429px;
     background: url(/images/bg/client_access.png) no-repeat;
   }
   
   #client_form {
     padding:90px 0 0 75px;
     margin:0;
   }
    
  
  /* sidebar client access. */
  #sidebar_ca {
    clear:both;
    height:159px;
    width:165px;
    background-image:url(/images/bg/clientAccess3.jpg);
    background-repeat:no-repeat;
  }

  /* sidebar client access form. */
  #sidebar_ca_form {
    margin: 0 0 0 22px;
    padding:0;
    width:100px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fafafa;
    display: block;
    text-decoration: none;
    border: none;
    
  }

  div#ca_head {
    padding-top: 13px;
    padding-bottom: 15px;
  }
  div#sub_ca {
    padding: 19px 0 15px 0px;
    margin-top:-5px;
  }
  div#sub_contact {
    padding: 15px 0 15px 226px;
  }
  div#username,
  div#password {
    position:relative;
    float:left;
    margin-right:3px;
    padding-bottom:2px;
    font-size:10px;
  }

  div#username2,
  div#password2 {
    position:relative;
    float:left;
    margin-right:3px;
    padding-bottom:5px;
    font-size:10px;
  }
  
  div#firstname,
  div#lastname,
  div#email,
  div#company,
  div#city,
  div#zip,
  div#phone,
  div#message {
    position:relative;
    float:left;
    margin-right:3px;
    padding-bottom:2px;
    font-size:12px;
  }
  
  
  input#firstname-field,
  input#lastname-field,
  input#email-field,
  input#phone-field,
  input#company-field   {
    width:19em;
    height:1.2em;
  }
  
  input#city-field {
    width:13.4em;
    height:1.2em;
  }
  
 
  input#username-field,
  input#password-field {
    left:0;
    width:120px;
    height:1.2em;
  }
  
  input#username-field2,
  input#password-field2 {
    width:15em;
    height:1.2em;
  }
  
  label.overlabel {
    color:#999;
  }
  label.overlabel-apply {
    position:absolute;
    top:3px;
    left:5px;
    z-index:1;
    color:#999;
  }
  
   /* sidebar compass. */
  #sidebar_compass {  	
    position:relative;
    margin-top:-20px;
    height:240px;
    width:165px;
    background-image:url(/images/bg/compass2.jpg);
    background-repeat:no-repeat;
	font-size:13px;
  }
/* ------------ end sidebar nav. ------------ */
.example{color:#ccc;}

input[type="submit"]  {
  color:#FFF;
  background:transparent url(/images/bg/formBtn.png) no-repeat scroll right 0;
  display:block;
  border:0 none;
  font-size:12px;
  font-weight:bold;
  height:25px;
  padding-bottom:5px;
  text-align:center;
}
input[type="submit"]:hover{
   background:transparent url(/images/bg/formBtn.png) no-repeat scroll right 0;
   color:#fff
   text-decoration:underline;
   cursor: pointer; /* cursor: hand; for IE5 */

}
input[type="button"]{
  color:#fff;
  background:transparent url(/images/bg/formBtn_red.png) no-repeat scroll right 0;
  border:0 none;
  font-size:12px;
  font-weight:bold;
  height:25px;
  padding:3px;
  text-align:center;
}
input[type="button"]:hover{
   background:transparent url(/images/bg/formBtn_red.png) no-repeat scroll right 0;
   color:#FFF;
   text-decoration:underline;
   cursor: pointer; /* cursor: hand; for IE5 */

}

/* ============ footer and footer related. ============ */

  /* footer. */
  #footer {
    color:#fafafa;
    width:100%;
    margin:0;
    padding-top:10px;
    float:left;
    text-align:center;
  }
  
  /* copyright. */
  #copyright {
    display:inline;
    font-size:10px;
    margin:0;
    padding:0;
    text-align:center;
  }
  
  #copyright a, #copyright a:visited{
    color:#fafafa;
    text-decoration:none;
    margin:0;
    padding:0;
  }
    
  #copyright a:hover a:active {
    color:#ea1b23;
    text-decoration:none;
  }
    
  /* sub menu. */
  #sub_menu {
    font-size:12px;
    color:#fafafa;
    margin-top:5px;
    padding:0;
  }
  
    /* sub menu list. .. */
    #sub_menu ul {
      margin: 0;
      padding: 0;
    }
    
    #sub_menu li {
      display:inline;
    }
    
    #sub_menu a{
      display:inline;
      color:#fafafa;
      text-decoration:none;
    }
    
    #sub_menu a:hover {
      color:#ea1b23;
      text-decoration:none;
    }
    
    #sub_menu ul li a span {
     padding:0 5px 0 5px; 
    }
    /* .. sub menu list. */

/* ------------ end footer and footer related. ------------ */

  #error_msg {
    border:solid 1px #CC0000; 
    background:#F7CBCA url(/images/buttons/error.png) 18px 4px no-repeat;
    color:#CC0000;
    font-weight:bold;
    padding:4px;
    margin-left:14px;
    text-align:center;
    margin-top:-20px;
    width:88%;
  }
  #error_msg2 {
    border:solid 2px #CC0000; 
  }