@charset "utf-8";

* { margin: 0; padding: 0; }

html { font-size: 100%; }
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: #f0f0f0 url('/img/bg/bg.gif') repeat; }
#hdr { width: 100%; height: 78px; background: #fff url('/img/bg/hdr.jpg') no-repeat center; }
#hdr .inner { position: relative; margin: 0 auto; width: 960px; height: 78px; }

#hdr .inner a.what { position: absolute; left: 735px; width: 143px; height: 78px; background: url('/img/iR/a-what.jpg') no-repeat left top; }
#hdr .inner a.plans { position: absolute; left: 780px; width: 96px; height: 78px; background: url('/img/iR/a-planss.jpg') no-repeat left top; }
#hdr .inner a.contact { position: absolute; left: 910px; width: 52px; height: 78px; background: url('/img/iR/a-contact.jpg') no-repeat left top; }
#hdr .inner a:hover { background-position: left bottom!important; }

#intro { margin: 0 auto; padding: 50px 0 0 0; width: 960px; height: 355px; background: url('/img/bg/intro.jpg') no-repeat center; }
#intro h1 { padding: 0 0 10px 0; font-size: 3.0em; color: #666; letter-spacing: -1px; }
#intro p { padding: 0 0 10px 0; font-size: 1.3em; color: #7f7f83; letter-spacing: -1px; line-height: 1.7; }
#intro a { margin: 30px 0 0 0; width: 223px; height: 45px; background: url('/img/iR/a-plans.png') no-repeat left top; }
#intro a:hover { background-position: left bottom; }

a.top { margin: 10px auto 0 auto; width: 104px; height: 26px; background: url('/img/iR/a-top.jpg') no-repeat left top; }
a.top:hover { background: url('/img/iR/a-top.jpg') no-repeat 0 -24px; }

#what { margin: 30px auto 0 auto; width: 960px; height: 453px; background: url('/img/bg/what.jpg') no-repeat center; }
#what h2 { margin-left: 600px; padding: 0 0 20px 0; font-size: 3.0em; color: #666; letter-spacing: -1px; }
#what p { margin-left: 600px; padding: 0 0 10px 0; font-size: 1.3em; color: #666; letter-spacing: -1px; }
#what p.pink { padding: 0 0 25px 25px; background: url('/img/bg/pink.jpg') no-repeat 0 5px; }
#what p.blue { padding: 0 0 25px 25px; background: url('/img/bg/blue.jpg') no-repeat 0 5px; }
#what p.green { padding: 0 0 25px 25px; background: url('/img/bg/green.jpg') no-repeat 0 5px; }
#what p.red { padding: 0 0 25px 25px; background: url('/img/bg/red.jpg') no-repeat 0 5px; }
#what p.purple { padding: 0 0 25px 25px; background: url('/img/bg/purple.jpg') no-repeat 0 5px; }
#what p.yellow { padding: 0 0 25px 25px; background: url('/img/bg/yellow.jpg') no-repeat 0 5px; }

#feedback { margin: 30px auto 0 auto; width: 960px; height: 200px; background: url('/img/bg/feedback.jpg') no-repeat center; }

#plans { position: relative; margin: 0 auto; width: 1000px; height: 576px; background: url('/img/bg/plans.jpg') no-repeat center bottom; }
#plans h2 { margin-left: 20px; font-size: 3.0em; color: #666; letter-spacing: -1px; }
#plans a.contact_blue { position: absolute; top: 413px; left: 51px; width: 235px; height: 45px; background: url('/img/iR/a-contact-blue.png') no-repeat left top; }
#plans a.contact_blue:hover { background-position: left bottom; }
#plans a.contact_pink { position: absolute; top: 440px; left: 380px; width: 235px; height: 45px; background: url('/img/iR/a-contact-pink.png') no-repeat left top; }
#plans a.contact_pink:hover { background-position: left bottom; }
#plans a.contact_green { position: absolute; top: 413px; left: 712px; width: 235px; height: 45px; background: url('/img/iR/a-contact-green.png') no-repeat left top; }
#plans a.contact_green:hover { background-position: left bottom; }

#contact { margin: 30px auto 0 auto; width: 960px; }
#contact h2 { padding: 0 0 20px 0; font-size: 3.0em; color: #666; letter-spacing: -1px; }
#contact p { padding: 0 0 30px 0; font-size: 1.3em; color: #666; letter-spacing: -1px; }
#contact p.err { color: #ec443c; }
#contact p.err span { color: #2da6e1; }

#contact input.col1 { margin: 0 25px 25px 0; }
#contact input { margin: 0 0 25px 0; width: 466px; height: 45px; text-indent: 20px; border: 0; outline: none; background: url('/img/bg/input.jpg') no-repeat; }
#contact input { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #666; }
#contact input.err { color: #ec443c; }
#contact textarea { margin: 0 0 25px 0; padding: 20px 0; width: 961px; height: 175px; text-indent: 20px; border: 0; outline: none; background: url('/img/bg/textarea.jpg') no-repeat; }
#contact textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #666; }
#contact textarea.err { color: #ec443c; }
#contact input.radio { float: left; margin: 0 10px 0 0; width: auto; height: auto; background: none; }
#contact p.label { float: left; margin: 0 20px 0 0; }
#contact div { float: left; margin: 0 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #666; }
#contact a { width: 194px; height: 38px; background: url('/img/iR/a-submit.png') no-repeat; }
#contact a:hover { width: 194px; height: 38px; background: url('/img/iR/a-submit.png') no-repeat 0 -39px; }

#ftr { margin: 80px 0 0 0; width: 100%; height: 150px; background: #fff; border-top: 1px solid #dfdfdf; }
#ftr .inner { margin: 0 auto; width: 960px; height: 150px; }
#ftr .inner p { float: left; padding: 40px 0 0 0; font-size: 1.4em; color: #666; letter-spacing: -1px; }
#ftr .inner p a { color: #666; text-decoration: none; }
#ftr .inner p a:hover { color: #20a654; }
#ftr .inner p.twitter { margin: 33px 0 0 0; float: right; padding: 7px 0 13px 40px; background: url('/img/bg/twitter.jpg') no-repeat; }
#ftr .inner p.twitter a:hover { color: #2ea6e2; }

a:focus { outline: none!important; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif!important; }

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }
 
* html .clearfix { height: 1%; }
* + html .clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }