/* generic styles */

/* Hides from IE5-mac \*/

* html #main_nav {height: 1%;}

/* End hide from IE5-mac */

body {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;
line-height:16px;

color: #666666;

background-color: #FFFFFF;

margin-top: 0px;

margin-right: 0px;

margin-left: 0px;

}

body {

text-align:center;

}

table{
border:0px;
border-collapse:collapse;
}


h1 {

font-family: Geneva, Arial, Helvetica, sans-serif;

font-size: 18px;

font-weight: normal;

color: #1F8EC9;

margin: 0px;

}
.colums h1{font-size: 14px;}

h2 {

font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight:bold;

color:#666666;

margin:0px;

}

h3{font-size:11px;}

.replaced-h2{

padding-left:4px;

display:inline;

}

.replaced-h1{

border-bottom-style:solid;

border-width:1px;

border-color:#CCCCCC;

margin-bottom:5px;

padding-bottom:2px;

}

p {

margin-top:0px;

margin-bottom:10px;

}

div {

margin:0px;

padding:0px;

text-align:left;

}

#container {

position:relative;

width: 1000px;

margin: auto;

background-image: url(bg_main0.gif);

background-repeat:repeat-y;

}

.introtext{

position:absolute;

top:170px;

left:285px;

width:450px;

height:20px;

z-index:5;

}

#masthead {

width: 957px;

height: 10px;

padding-bottom:14px;

margin-left:21px;

margin-right:21px;

background-image: url(bg_masth.gif);

background-repeat: no-repeat;

clear:both;

}

.nav {

float:right;

margin-left:1px;

list-style-type: none;

background-image: url(tab_off0.gif);

display:block;

width:82px;

height:18px;

text-align:center;

padding-top:3px;

}

#main_nav .active{background-image: url(tab_on00.gif);

}

#main_nav {

position:absolute;

width:821px;

height:50px;

margin-top:35px;

left:155px;

margin-right:35px;

z-index:10;

}

#footer {
line-height:10px;
margin: auto;

background-image: url(bg_foote.gif);

background-repeat: no-repeat;

width: 1000px;

height: 40px;

padding-top: 10px;

padding-left: 41px;

padding-right: 21px;

font-size:9px;

clear:both;

}

#side_nav {

float:left;

width: 244px;

margin-right: 0px;

}

.thumb {

padding: 7px;

height: 47px;

width: 47px;

background-image: url(bg_thumb.gif);

background-repeat: no-repeat;

float: left;

margin: 5px;

}

#main {

padding-left: 20px;

width: 657px;

padding-top:9px;

float:left;

}

#main_container {

padding: 0px;

padding-left:21px;

margin: 0px;

width: 928px;

background-image: url(vr000000.gif);

}

#thumb_holder {

width: 224px;

padding-right: 10px;

padding-left: 10px;

}

#logo {

padding-left: 25px;

padding-top: 6px;

height: 48px;

float:left;

}

ul{

margin:0px;

}

.hr1 {

clear:both;

background-image: url(hr100000.gif);

background-repeat:no-repeat;

height: 10px;

width:100%;

}

#quote {

height: 45px;

width: 220px;

padding:10px 0 0 25px;

clear: both;

}

.quotelink{

display:block;

width:200px;

height:30px;

}

.news {

width: 220px;

padding-top: 10px;

padding-right: 12px;

padding-bottom: 20px;

padding-left: 12px;

}

.showcase {

width: 220px;

padding-top: 10px;

padding-right: 12px;

padding-bottom: 20px;

padding-left: 12px;

}

.noblock{

display: inline;

color:#999999;

margin-left: 5px;

}

.footer_text{float:left;}

.footer_links{float:right; padding-right:75px;}

.featured{

background-image: url(featured.gif);

background-repeat: no-repeat;

padding: 12px;

width: 420px;

height: 140px;

}

.after_bullets{

clear:left;

padding-top:20px;

}

pre{background-color:#E8E8E8; border:1px solid #AAA; padding:5px;}

/*---------------------------- link styles------------------------*/

a:link, a:visited, a:active, a:hover{ color:#F82B02; text-decoration:none;}

a:hover{ color:#000000; text-decoration:none;}

a.grey:link, a.grey:visited, a.grey:active, a.grey:hover{ color:#666666; text-decoration:none;}

a.navlink:link, a.navlink:visited, a.navlink:active{ color:#666666; text-decoration:none;}

a.navlink:hover{ color:#F82B02; text-decoration:none;}

a.footer:link, a.footer:visited, a.footer:active{ color:#666666; text-decoration:none;}

a.footer:hover{ color:#F82B02; text-decoration:none;}

a.validate:link, a.validate:visited, a.validate:active{ color:#F82B02; text-decoration:none;}

a.validate:hover{ color:#000000; text-decoration:none;}

a.flashlink:link, a.flashlink:visited, a.flashlink:active{ color:#FFFFFF; text-decoration:none;}

a.flashlink:hover{ color:#FFFFFF; text-decoration:underline;}

a.showcase_more{

color:#1F8EC9;

margin-bottom:10px;

background-image: url(btn_goto.jpg);

width:161px;

height:19px;

padding:6px 0 0 21px;

display:block;

clear:both;

margin-left:15px;

}

/*---------------------------- homepage content------------------------*/

.colums{margin:15px 0 40px 0; background: url(dots_h00.gif) repeat-x }

.colums .left{width:211px; float:left; padding-top:10px;}

.colums .right{ padding-left:230px; background: url(dots_v00.gif) repeat-y 215px; padding-top:10px;}

.colums li{list-style-type: none;

background:

url(bullet_b.gif)

no-repeat;

background-position: 0 5px;

padding-left:8px;   }

.colums ul{padding:0 0 5px 0;}

.colums p {padding:5px 0 0 0;}

.feature{border:1px solid #ccc;

padding:7px;}

.feature p{padding:10px; background: #F5F5F5; margin:0}

a.seo:link, a.seo:active, a.seo:visited, .seo:hover {font-weight:normal; font-size:10px; color:#dadada}

/*---------------------------- work------------------------*/

.hr{

margin:0px;

}

.hr2{

height:1px;

background-color:#E3E3E3;

}

.work_description{

padding-top:6px;

margin-left:70px;

}

.work_product{

border-bottom-width:1px;

border-bottom-color:#CCCCCC;

border-bottom-style:solid;

padding-bottom:5px;

margin-bottom:5px;

width:100%;

float:right;

}

.heading_underline{

border-bottom-width:1px;

border-bottom-color:#E3E3E3;

border-bottom-style:solid;

padding-bottom:3px;

margin-bottom:3px;

}

.work_projectlist {

border-bottom-width:1px;

border-bottom-color:#E3E3E3;

border-bottom-style:solid;

padding-top:3px;

padding-bottom:3px;

}

.work_projectlist:hover {

background-color:#EBF6F2;

}

.work_projectlist_active {

background-color:#EBF6F2;

margin:0px;

width:100%;

display:block;

color:#000000;

border-bottom-width:1px;

border-bottom-color:#E3E3E3;

border-bottom-style:solid;

padding-top:3px;

padding-bottom:3px;

}

a.projectlist:link, a.projectlist:visited, a.projectlist:active {

width:100%;

display:block;

color:#999999;

border-bottom-width:1px;

border-bottom-color:#E3E3E3;

border-bottom-style:solid;

padding-top:3px;

padding-bottom:3px;

text-decoration:none;

}

a.projectlist:visited {

color:#9cc6d7;

}

a.projectlist:hover {

color:#000000;

background-color:#EBF6F2;

text-decoration:none;

}

.project_icon {

margin: 3px;

float:left;

}

.more_icon {

margin-top:7px;

vertical-align:middle;

}

#project_detail{

padding:5px;

margin-top:10px;

border-width:1px;

border-color:#E3E3E3;

border-style:solid;

background-color:#FFFFFF;

}

.doc_icon{

font-size:12px;

background-image:url(doc_icon.gif);

width:9px;

height:17px;

padding:10px;

display:block;

float:left;

margin-right:5px;

}

a.doc_icon:link, a.doc_icon:visited, a.doc_icon:hover, a.doc_icon:active{

color:#6699FF;

}

.more_copy{

height:20px;

margin-top:10px;

padding-top:10px;

padding-bottom:10px;

}

.spacer {

width:1px;

height:1px;

clear: both;

}

/*------------------------------ contact / form pages styles -------------------------------*/

.textfield, textarea, .login_field, .pass_field{

border-color:#CCCCCC;

border-style:solid;

border-width:1px;

margin-bottom:10px;

}

.login_field, .pass_field{

width:160px;

height:15px;

}

.pass_field{

float:left;

}

.button{

margin-left:5px;

}

#addlink{

margin-top:10px;

}

.textfield{

width:200px;

height:15px;

}

.quote_textarea{

width:420px;

height:80px;

}

.textarea{

width:260px;

height:80px;

}

.contact_form{

width:430px;

margin-top:20px;

}

#quote_popup{

width:450px;

height:320px;

border-width:1px;

border-style:solid;

border-color:#CCCCCC;

margin-left:10px;

margin-top:5px;

}
.required{color:red; display:block; float:right; margin:-23px 2px 0 0; width:100px;}

/*------------------------------services styles -------------------------------*/

.services_column{

float:left;

margin-left:10px;

width:180px;

margin-top:20px;

margin-bottom:20px;

}

.services_column li {

margin-top:5px;

margin-left:30px;

}

.two_column{

float:left;

margin-left:10px;

width:180px;

}

.notice{

background-color:#EBEBEB;

padding:10px;

margin-bottom:10px;

}

.links_partners{

padding-bottom:10px;

margin-bottom:10px;

border-bottom-width:1px;

border-bottom-color:#E3E3E3;

border-bottom-style:solid;

}

.links_partners p {

margin-bottom:0px;

}

ul{

margin:0px;

padding:0px;

}

#stretch{

height:660px;

}

#home_content{

height:560px;

}

/*-----------Product pages--------------*/

.prod_thumb{width:190px; padding-right:10px; float:left; padding-bottom:10px;}

.order_btn{float:right; width:150px; text-align:right;}

.order_div{height:22px; border-top:1px solid #d1c9c9; border-bottom:1px solid #d1c9c9; padding:1px; margin-bottom:10px;}

.clear{clear:left;}

.price{color:#1F8EC9; font-weight:bold; padding-top:3px;}

a.order_process_link{text-decoration:underline; display:block; float:right; width:170px; text-align:right; color:#1F8EC9;}

.cards{clear:both;}

/*-----------Resources pages--------------*/

.resource_links{width:200px; float:left; padding:5px;}

.resource_links ul li{list-style-type:none; padding-bottom:2px;}

.resource_links ul{padding:0; margin:0;}

.resource_links a{color:#848484; font-weight:bold; }

.resource_links a:hover{text-decoration:underline;}



/*-----------quoteform--------------*/



#quote_form label{display:block; width:120px; float:left; margin-bottom:5px;}

#quote_form label.comments{width:100%;}

.notice_important{background:#FEFDCA; padding:20px; margin-top:30px;}

.notice_important h2{color:#666666;}

#head {
        padding: 7px 0 7px 5px;
       font: bold 1em Tahoma, Arial, Sans-Serif;
}

#head a { color: #1F8EC9; text-decoration: none; clear: both;}
#head a:hover {
                color: #1F8EC9; TEXT-DECORATION: underline;

        }

#head a.nw{
     TEXT-DECORATION: underline
}


.stars {
 background: url('star-1.gif') left top;
 width:55px;
 height:11px;
 position:relative;
  }

.stars a {
height:11px;
font-size:1px; line-height:1px;
position:absolute;
top:0;
left:0;
display:block;
        }

.stars a:hover, .stars a.active { background:url('star-2.gif') left top;   }

.star1 {
                width:11px;
                z-index:5;
        }

        .star2 {
                width:22px;
                z-index:4;
        }


        .star3 {
                width:33px;
                z-index:3;
        }


        .star4 {
                width:44px;
                z-index:2;
        }

        .star5 {
                width:55px;
                z-index:1;
        }

input.text_inp {
border:1px solid #A9C0CE;
background-color:#fff;
color:#E0691A;
padding:2px;
font-size:10px;
}

select, textarea.text_inp {
border:1px solid #A9C0CE;
background-color:#fff;
color:#E0691A;
padding:2px;
font-family: Tahoma, Arial, Sans-Serif;
font-size:10px;
width:210px;
}

.text_inp_error {
background-color:#FFEFE5;
}