@charset "utf-8";
/* CSS Document */
.page.contact {margin:43px auto 84px auto; padding-bottom:100px; min-height:620px;}
.msie6 .page.contact {margin-bottom:150px;}
.msie7 .page.contact {margin-bottom:-80px;}

.page.contact .location { width:238px; height:168px;  float:right; margin:100px 40px 0 0}
.page.contact .location .head {font-size:24px; font-weight:bold; color:#FFF; text-shadow:1px 1px 2px rgba(0,0,0,0.8); } 

.page.contact .location .addr {color:#b3b3b3; line-height:20px; margin-top:10px;} 
.page.contact .location .tel {color:#FFF;margin-top:10px;}
.page.contact .location .spacer {height:90px;}
.page.contact .location .head2 {font-size:20px; font-weight:bold; color:#FFF; text-decoration:none;  }
.page.contact .location .link {margin-top:10px;}
.page.contact .location a  {color:#8ad4f0; text-decoration:underline; }

.page.contact .card { background:url(card.png) no-repeat; width:401px; height:289px; margin:10px 0 0 120px;}
.msie6 .page.contact .card {margin-top:40px;}
.page.contact .tagline {width:500px; margin:20px 0 0 120px;}
.page.contact .tagline .head {font-size:26px; color:#FFF; }
.page.contact .tagline .head2 {margin-top:10px;  }
.page.contact .tagline .platforms {margin-top:30px;}
.page.contact .tagline .platforms a { float:left; display:block ;width:70px; height:70px; text-indent:-9999px;  cursor:pointer; border:1px solid rgba(0,0,0,0); margin-left:20px; border-radius:5px;}
.page.contact .tagline .platforms a:hover { border:1px solid #666;  -webkit-transition:all linear 0.3s}
.page.contact .tagline .platforms .iphone  a { background:rgba(0,0,0,0.3) url(ico_ios.png) center center no-repeat; }
.page.contact .tagline .platforms .android  a { background:rgba(0,0,0,0.3) url(ico_android.png) center center no-repeat; }
.page.contact .tagline .platforms .winphone  a { background:rgba(0,0,0,0.3) url(ico_winphone.png) center center no-repeat; }
.page.contact .tagline .platforms .blackberry  a { background:rgba(0,0,0,0.3) url(ico_blackberry.png) center center no-repeat; }


.page.contact .tagline .sub {color:#FFF; margin-top:40px; }
.page.contact .tagline .sub a {color:#8ad4f0; text-decoration:underline; }


.page.contact #formArea {width:532px; margin:20px 0 0 60px; position:relative; transition:opacity 0.4s linear; -webkit-transition:opacity 0.4s linear; -moz-transition:opacity 0.4s linear;  opacity:1}
.page.contact #formArea.hide {position:absolute; top:-9999px; left:-9999px; opacity:0 }
.page.contact #formArea .box { background:url(bg2.gif) repeat; border:1px solid #2d2d2d;  -moz-border-radius:12px;  -webkit-border-radius:12px; border-radius:12px; padding:20px; }
.page.contact #formArea table {width:100%;}
.page.contact #formArea th { border-bottom:1px solid #3a3a3a; padding:15px 0 0 0; vertical-align:top; text-align:left; font-weight:normal; width:75px; font-size:14px;  }
.page.contact #formArea td { border-bottom:1px solid #3a3a3a; padding:10px 0; vertical-align:top;}
.page.contact #formArea .inpTxt  {width:100%; border:none;  color:#FFF; background-color:rgba(255,255,255,0); }
.page.contact #formArea textarea  {width:100%;  border:none; color:#FFF;  background-color:rgba(255,255,255,0);}
.page.contact #formArea .last th ,
.page.contact #formArea .last td {border:none;}
.page.contact #formArea #btnSend { display:block; background:url(btnSend.png) no-repeat; width:93px; height:38px; text-indent:-9999px; overflow:hidden; float:right; margin:10px; cursor:pointer}
.page.contact #formArea #btnSend.hide {display:none;}
.page.contact #formArea #sending {text-align:right;margin:10px;}
.page.contact #formArea #sending.hide {display:none;}