@charset "UTF-8";

body { font-family: Arial, Helvetica, sans-serif; font-size:62.5%; color:#585858; margin:0px; background-color:#302f2f; min-width:1200px; }
.wrap { width:960px; margin:0px auto; }
#header { width:100%; height:503px; background-image:url(../img/header-bg.jpg); background-repeat:repeat-x; }
#sub-header { width:100%; background-image:url(../img/sub-header-back.jpg); background-repeat:repeat-x; background-color: #FFF;}
#navigation { width:612px; height:55px; float:right; margin-top:60px; }
#navigation ul { width:612px; height:55px; list-style-type:none; margin:0px; padding:0px; }
#navigation li { height: 52px; display: block; padding: 0; cursor: pointer; float:left; }
#navigation a { display:block; width:95px; height:52px; text-indent:-9999px; background-image:url(../img/nav-sprite1.jpg); background-repeat:no-repeat; }


#nav1 { background-position: 0px 0px; }
#nav1:hover { background-position: 0px -51px; }
#nav2 { background-position: -95px 0px; width:123px!important; }
#nav2:hover { background-position: -95px -51px; width:123px!important; }
#nav3 { background-position: -220px 0px; width:178px!important; }
#nav3:hover { background-position: -220px -51px; width:178px!important; }
#nav4 { background-position: -398px 0px; width:102px!important; }
#nav4:hover { background-position: -398px -51px; width:102px!important; }
#nav5 { background-position: -500px 0px; width:114px!important; }
#nav5:hover { background-position: -500px -51px; width:114px!important; }

*:first-child+html #head-box { margin-top:-5px; }
#head-box { width:1192px; height:324px; background-image:url(../img/head-box-bg.jpg); background-repeat:no-repeat; background-position: top center; margin-left:auto; margin-right:auto; margin-top:-2px; padding:20px 0px 20px 8px; position:relative; overflow:hidden; }
#head-box h2 { margin:0px 0px 0px -10px; width:391px; height:101px; background-image:url(../img/titles-sprite.png); text-indent:-9999px; }
#head-box h2.service { background-position:0px -101px; }
#head-box h2.contact-us { background-position:0px 101px; }
#head-box .slide { width:947px; height:324px; }
#head-box .slide .contact { width:292px; height:232px; float:right; margin-right:70px; margin-top:0px; background-image: url(../img/slide-sprite.png); background-position: -10px -10px; position:relative; padding:90px 0px 0px 75px }
#head-box .slide .contact .formstyle { width:195px; color:#999; padding:7px 5px; margin:2px 0px; background-color:#FFF; border:1px solid #CCC; }
#head-box .slide .contact .proceed { width:221px; height:41px; margin-left:-8px; }
#head-box .slide p { font-size:1.4em; color:#FFF; line-height:20px; margin-top:5px; margin-bottom:25px; }
#head-box .slide .text { width:350px; float:left; padding-left:30px; padding-top:20px; }
#head-box .slide .text-right { width:392px; float:right; padding:20px 50px 0px 0px; margin-top:20px; }
#head-box .slide .text-right dl { list-style-type:none; padding:25px 0px 0px 0px; margin:0px; background-image: url(../img/slide-sprite.png); background-position: -10px -356px; width:392px; }
#head-box .slide .text-right dt { padding:0px 0px 27px 60px; color:#FFF; font-size:1.4em; }
#head-box .slide .text img { margin-top:-10px; }
#head-box .slide img { margin-right:55px; }

#content { background-color:#FFF; padding-bottom:40px; }
#content .box { width:900px; height: 164px; background-image:url(../img/content-box.jpg); background-repeat:no-repeat; margin:0px auto; padding:40px 5px 0px 40px; }
#content .box .text { width:628px; padding-top:5px; }
#content .box h1 { font-size:3.2em; color:#00b1da; font-weight: normal; margin:5px 0px 0px 0px; }
#content .box p { color:#737272; font-size:21px; font-family: Arial, Helvetica, sans-serif; margin-top: 8px; padding-top: 0px; font-weight:normal; line-height:30px; }
#content .column { width:420px; padding:20px 20px 20px 30px; float:left; margin:0px; }
#content .column p { font-size:1.3em; line-height: 1.6em; color:#545353; }
#content .column ul { list-style-type:none; font-size:1.9em; color:#656e70; }
#content .column li { background-image:url(../img/li-bg.jpg); background-repeat:no-repeat; background-position:left; padding:15px 0px 15px 30px }
#content .column li.alt-bg { background-image:url(../img/li2-bg.jpg); }
#content .column ul.more { margin-top:0px; }
#content .quote { margin-top:20px; }
#content .our-sites { width:891px; height:389px; background-image:url(../img/our-sites-bg.jpg); background-repeat:no-repeat; position:relative; padding:30px 20px 20px 30px; -webkit-text-size-adjust: none; }
#content .our-sites h4 { font-family: Arial, Helvetica, sans-serif; font-size:2.5em; color:#5e5e5e; font-weight:normal; text-shadow: #FFF 0px 2px 1px;  }
#content .our-sites .yellow-quote { position:absolute; top:70px; right:30px; }
#content .our-sites ul.left{ list-style-type:none; font-weight:bold; color:#767676; float:left; margin:15px 0px 25px 10px; }
#content .our-sites ul.right { list-style-type:none; font-weight:bold; color:#767676; float:left; margin:15px 0px 25px 40px;}
#content .our-sites li { font-size:1.2em; margin-bottom:32px; text-shadow: #FFF 0px 2px 0px; }

#news{ background-image: url(../img/news-bg.gif); height: 105px; padding-top: 40px;  -webkit-text-size-adjust: none; }
#news .wrap{ text-align: center; height: 56px!important; overflow: hidden!important;  }
#news .wrap h3{ font-size: 1.6em; color: #606060; text-shadow: #d6d6d6 1px 1px 1px; margin: 0 auto; font-weight: bold; clear: both; background: url(../img/rss.gif) center right no-repeat; padding-right: 24px; width: 110px; }
#news .wrap ul{ list-style-type: none; margin: 0px; padding: 20px 0px; }
#news .wrap li{ display: inline; margin-right: 15px; font-size: 1.2em; }

#footer { height:355px; width:100%; background-image:url(../img/footer-bg.jpg); background-repeat:repeat-x; padding-top:0px; padding-bottom:40px; }
#footer .wrap { background-image:url(../img/footer-wrap.jpg); background-repeat:no-repeat; height:315px; padding-top:30px; }
#footer img { margin:25px 450px; }
#footer ul { list-style-type:none; color:#FFF; margin: 0px; text-align: center; text-transform:uppercase; font-size: 11px; }
#footer li { display:inline; margin: 0px 10px; padding:0px; }
#footer a { color:#FFF; text-decoration:none; }
#footer a:hover { color: #00b1da; }
#footer p { margin: 10px 0; color:#FFF; text-align:center; text-transform:uppercase; font-size:1.1em; padding:0px 0px 0px 30px; font-size: 10px; }
#footer p a{ font-size: 10px; }
#footer .top { width:200px; height:185px; float:left; margin-right:40px; position: relative; }
#footer .top h3 { font-size:1.5em; color:#FFF; border-bottom:1px solid #565656; padding-top:10px; }
#footer .top h3.rss { background-image:url(../img/rss-h3.png); background-position:left; padding:10px 0px 0px 30px; background-repeat:no-repeat; }
#footer .top h3.tweet {background-image:url(../img/tweet-h3.png); background-position:left 5px; padding:10px 0px 0px 30px; background-repeat:no-repeat; }
#footer .top ul { list-style-type:none; color:#FFF; margin:10px 0px 0px; padding:0px; text-transform:none; font-size:1.2em; text-align: left; }
#footer .top li { display:block; line-height:1.5em; }
#footer .top li.margin-top { margin-top:20px; } 
#footer .top li span { color:#eeeeee; }
#footer .top ul.news li { margin-bottom:5px; }
#footer .top ul.twitter { }
#footer .top ul.twitter span { display:block; margin-top:5px; }
#footer .check { width:200px; height:100px;   }
.check ul, .check li { margin: 0px; padding:0px; list-style:none; margin-left:-20px; text-align:center; }
.check { overflow: hidden; height:169px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.1em; padding-top:11px; }
.check li{ width:200px; height:169px; overflow:hidden;  }
#checkprev, #checknext{ display:block; width:30px; height:77px; position:absolute; left:15px; top:120px; z-index:1000; }
#checknext { left:165px; }
#checkprev a, #checknext a { display:block; position:relative; width:30px; height:77px; background:url(../img/prev-button.png) no-repeat 0 0; }
#checknext a { background:url(../img/next-button.png) no-repeat 0 0; }
.top .more { position:absolute; top:125px; left:42px; color:#FFF; font-size:1.2em;}

.packages { width:942px; position:relative; }
.packages .left { background-image: url(../img/left-right.png); width: 12px; height: 326px; background-position: 0 0; position: absolute; top: 0px; left: 0px; z-index: 10; }
.packages .right { background-image: url(../img/left-right.png); width: 12px; height: 326px; background-position: 12px 0; position: absolute; top: 0px; right: 0px; z-index: 10; }
.packages .quote { position:absolute; top:60px; }
.kwicks { list-style: none; margin: 5px 0px 30px; padding: 0; background-image: url(../img/bg-kwicks.jpg); background-repeat: repeat-x; width: 930px; }
.kwicks li { width: 310px; height: 326px; display: block; overflow: hidden; padding: 0; float: left; position: relative; }
.kwicks li .leftcol { width: 250px; display:inline; position: absolute; left: 50px; top: 10px; padding-right: 17px; padding-top:20px; color:#656e70; }
.kwicks li .rightcol { width: 277px; float:left; position: absolute; left: 310px; top: 10px; padding-top:20px; }
.kwicks li .rightcol h3 { margin-bottom: 10px; font-size: 16px; }
.kwicks li .leftcol .quote { position: absolute; top: 71px; right: 32px; }
.rightcol ul { padding: 0px 3px; margin: 0px; font-size:1.2em; color:#656e70; }
.rightcol li { display: block; height: auto; margin: 0px 0px 10px 0px; padding: 0px; }
.rightcol img { margin-top: 10px; padding-top: 0px; }
.leftcol p { margin-top:0px; padding-top:0px; }
.leftcol img { margin-bottom:12px; }
#kwick_1 { }
#kwick_1.active { background-image: url(../img/kwick-sprite.jpg); background-position: 1px 0; }
#kwick_2 { background-image: url(../img/divide.jpg); background-repeat: no-repeat; background-position: left; background-position: 0% 0%; }
#kwick_2.active { background-image: url(../img/kwick-sprite.jpg); background-position: 1px -326px; }
#kwick_3 { background-image: url(../img/divide.jpg); background-repeat: no-repeat; }
#kwick_3.active { background-image: url(../img/kwick-sprite.jpg); background-position: 0px -651px; }

#sliding-websites { width:297px; height:169px; position:absolute; right:74px; top :115px; }
#slider ul, #slider li { margin: 0px; padding:0; list-style:none; }
#slider { overflow: hidden; height:169px; }
#slider li{ width:297px; height:169px; overflow:hidden;  }
#numbers { margin:1em 0; padding:0; height:34px; position:absolute; right:81px; top:240px; }
#numbers li { margin:1px 10px 1px 0; padding:0; list-style:none; height:34px; width:34px; line-height:34px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; }
#numbers li a { float:left; height:34px; height:34px; line-height:34px; background-image: url(../img/slide-sprite.png); background-position: -10px -624px; color:#000; padding:0 30px 0px 10px; text-decoration:none; }
#numbers li a:hover{ color: #FFF!important; }
#numbers li.current a { background-image: url(../img/slide-sprite.png); background-position: -10px -678px; color:#fff; }
#numbers li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }

h1, h2, h3, h4 { color:#00b1da; margin:0px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
h2 { font-size:2em; }
h3 { font-size:2em; }
.contacts span { color:#00b1da; font-size:1.2em; font-weight:bold; }
.contacts { color:#FFF; font-size:1.8em!important; }
p { font-size:1.3em; line-height: 1.6em; color:#545353; }
.intro{ font-size: 1.4em; margin-top: 7px; padding: 0px; }
a img { border:none; }
a {  color:#585858; outline:none; }
a:hover { color:#00b1da; }
.clear { clear:both; }
label { display: block; text-indent: -9999px; font-size: 1px; }
label.contact { font-size:1.2em; text-indent:0px; display: block; margin-top: 8px; color:#999797;}
noscript{ font-size: 1.4em; text-align: center; margin: 5px 0px; display: block; color: #999; }
#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:72px; height:88px; border:none; text-indent:-999px; background:url(../img/slide-sprite.png) no-repeat 0px -725px; }
#toTopHover { background:url(../img/slide-sprite.png) no-repeat 0px -816px; width:72px; height:88px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }
