* { margin:0px; padding:0px; }
html { overflow-y: scroll; }

body{ margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 9pt; background: none; color:#595959; }
clear { clear: both; height:1px; margin:0; padding:0;display:block; }
a { text-decoration: none; outline: none; cursor:pointer; cursor:hand;}
:-moz-any-link:focus { outline: none; }
img{border:none;}

.exterrior { width:965px; margin: 0px auto; }

/* header */
.header { height: 162px; background: url(../images/div-head.png) 0px 122px repeat-x; }
.header .col-1 { float:left; margin-top:46px; }
.header .col-2 { float:right;margin-top:58px; }
.header form { float: right;}
.header label { padding-right: 5px; font-size: 8pt; }
.header select { color:#595959; width:80px; font-size: 8pt; }
.sub-header { height:41px; line-height:41px; }

/* landing page preview images */
#preview { width: 641px; height: 453px; margin:0px; overflow: hidden; }
#preview div { width: 641px; height: 453px; display:none;}

/* interrior of pages */
.interrior { min-height: 498px; position:relative; }
.interrior .col-1 { float:left; width: 648px; }
.interrior .col-2 { float:right; width: 317px; text-align:right; }
.interrior .col-2 .icon { float:left; width: 153px; height:109px; cursor:pointer; cursor:hand; margin-bottom:6px; }
.interrior .nohand_ .icon { cursor:default; }
.interrior .col-2 .next { margin-left:7px; }
.interrior .col-main { font-size: 11pt; font-family:arial; line-height: 22px; padding-left: 20px;width: 760px; }

.interrior .inttext-sp { border:1px solid #CBC9C0; padding:28px 22px 35px 28px; }
.interrior h2 { font-size:10pt; margin: 0px 0px 20px;font-weight:bold; height:25px; line-height:25px; border-bottom:1px solid #e8e8e8; color:#000; width: 97%;}
.inttext { width: 635px; font-size:10pt; line-height:20px; }


/* solutions page previews */
.thumbs { }
.thumbs div { float:left; margin: 0px 51px 48px 0px; cursor:pointer; cursor:hand;  }
.thumbs img { width:203px; height:140px; }
.thumbs span { width:203px; height: 24px; line-height:24px; display:block; text-align:center; color:#333; font-size:8pt; }
.thumbs .last { margin-right:0px; }

#solutions { position:absolute; top:-23px;left:0px; width:965px;background:#fff; z-index:300; display:none;}
#solutions .view { display:none; }
#solutions .col-1 { width:675px; }
#solutions .col-1 img { width:641px; height:453px;}
#solutions .col-2 { width:282px; float:left; font-family: calibri; font-size:9pt; line-height: 18px; text-align:left; }
#solutions .col-2 h1 { color:#404040; font-family: arial; font-weight:normal; height: 31px; margin-top: 14px; font-size:9pt; }
#solutions .col-2 a { text-decoration:underline; color:#F57B17;}
#solutions .back { display:block; width:41px; height:37px; margin: 0px 0px 0px 233px; background:url(../images/btn_backrow.png); cursor:pointer; cursor:hand; }



/* contact */
.incontact_ { color:#000; font-size:9pt; }
.incontact_ .inttext-sp { padding-bottom:0; height:423px;}
/* form */
.form { margin-top: 32px;}
.form label { display:block; font-size:10pt; height:19px; color:#000; font-family: calibri;}
.form label em { color:#f00; font-style:normal; }
.form span { display:block; width:310px;  }

.form input, 
.form select, 
.form textarea { font-family:arial; font-size:9pt; color:#595959; padding: 2px 4px; width: 384px; border: 1px solid #7F9DB9; margin-bottom: 9px; }
.form textarea { height:76px; }
.form a.send { background: url(../images/btn_send.png) 0px 0px; width: 40px; height: 18px; display:block; margin-left:352px; }


/* nav before footer */
.spells { }
.spells .col_ { float:left; min-height: 100px; width: 313px; margin-right: 10px;}
.spells .col_ em { display:block; height:43px; border-bottom:1px solid #000; }
.spells span { display:block; margin-top: 16px; font-size:9.5pt; min-height:30px; line-height: 20px;}
.spells .last_ { margin-right:0px; }
.spells div div a { display:block;float:right; width: 69px; height:21px; position:relative; top:-9px; background:url(../images/btn_click_here.png); cursor:pointer; cursor:hand; }
.spells div.ccurr_ div a { display:none; }

.solutions { background:url(../images/bg_solutions.png) 0px 0px no-repeat; }
.about { background:url(../images/bg_about.png) 0px 0px no-repeat; }
.contacts { background:url(../images/bg_contact.png) 0px 0px no-repeat; }

.ccurr_ .solutions { background:url(../images/bga_solutions.png) 0px 0px no-repeat; }
.ccurr_ .about { background:url(../images/bga_about.png) 0px 0px no-repeat; }
.ccurr_ .contacts { background:url(../images/bga_contact.png) 0px 0px no-repeat; }


/* footer */
.footer { margin-top:40px; height:36px; display:block; background:url(../images/bg_footer.png) 0px 0px repeat-x; font-family:arial; font-size:8pt; color:#999999; }
.footer .col-1 { float:left; margin:12px 0px 0px 4px; }
.footer .col-2 { float:right; }