html,body {margin:0px; padding: 0px; height: 100%; background: #01001F;}
body {background: #01001F url(img/body_bg.jpg) repeat-x;}
body, td, div, p, a, span {font-size: 13px; font-family: Arial, Verdana, sans-serif; color: #C7DEF4;}
p {margin:0; padding: 7px 0px 8px 0px; line-height: 16px; text-align: justify;}
a {text-decoration: underline; color: #DEB367;}
.underline, a.more {text-decoration: underline ;}
a:hover {text-decoration: none; color: #FFD85F;}
a.underline:hover, a.more:hover {text-decoration: none;}
a img {border: none;}
a.more { color: #007DC8;}
ul, ol {margin:0 0 0 35px; padding: 0;}
ul li, ol li{
margin:0; padding: 0;
}
input.text, input.input, textarea, select {line-height: 13px; background-color: #BAD4FE; padding-left: 2px; font: 11px Tahoma, sans-serif; color: #333333; }
input.button {border: 1px solid #636363; background: #E2E2E2 url(img/btn_bg.gif) repeat-x; color: #444444; font-size: 10px; padding-bottom: 2px; line-height: 13px;}
form { margin:0px; padding: 0px;}
.dotted {font-size: 1px; background: url(img/dot.gif) repeat-x;}
h1 {margin: 0px; padding: 3px 0 4px 0; font: bold 16px Arial, Verdana, sans-serif; color: #E2B668;}
h2 {margin: 0px; padding: 3px 0 4px 0; font: bold 16px Arial, Verdana, sans-serif; color: #E9F3FC;}
h3 {margin: 0px; padding: 5px 1px 4px 0; font-size: 14px; font-family: Tahoma, Arial, sans-serif;}
h3.blue {color: #007DC8;}
h4 {padding: 4px 0 4px 0px; margin: 0; font-size: 11px; line-height: 13px; font-family: Tahoma, Verdana, Arial, sans-serif; }
h4.blue {color: white; padding-left: 10px; background: #007DC8;}
h5 {margin: 10px 1px 3px 0px; padding: 0px; font: bold 16px Arial, sans-serif; color: #E2B668;}
h6 {margin: 5px 1px 6px 0px; padding: 0px; font: bold 11px Verdana, Tahoma, Arial, sans-serif; color: #C7DEF4; text-transform: uppercase;}
table {border-collapse: collapse; padding:0;}
table td {padding:0;}
.clearfix:after {clear: both; display: block; content: '.'; visibility:hidden; height: 0;}
.bold {font-weight: bold;}
.red {color:#EC0000;}
.white {color: white;}
.btm15 {margin-bottom: 15px;}
.btm20 {margin-bottom: 20px;}
.btm30 {margin-bottom: 30px;}
.btm15-p {padding-bottom: 15px;}
.top15 {margin-top: 15px;}
.top25 {margin-top: 25px;}
/* ---------- top head part ----------------- */
#head_box {position: absolute; left:0; top: 0; width: 100%; }
#body, #head {margin: 0 auto; min-width: 1000px; max-width: 1450px; width: 100%; position: relative; }
#body {min-height: 800px; padding-bottom: 75px; background: url(img/center_bg.jpg) repeat-x; position: relative; }
#left_top {position: absolute; left: 0px; top: 14px; }
#left_stars{position: absolute; left: 434px; top: 14px; width: 52px; height: 216px; background: url(img/sky_bg.png) no-repeat;}
#right_top {position: absolute; right: 0px; top: 14px; }
#right_topbtm {position: absolute; right: 0px;top: 237px; z-index: 1; background: url(img/right_top_btm.png) no-repeat;}
#right_pic {position: absolute; right: 34px; top: 85px; z-index: 2;}
#right_png_port {position: absolute; right: 36px; top: 71px; z-index: 2; background: url('img/pic_port.png') no-repeat; }
#right_png_contact {position: absolute; right: 11px; top: 76px; z-index: 2; background: url('img/pic_contact.png') no-repeat;}
#right_png_price {position: absolute; right: 40px; top: 90px; z-index: 2; background: url('img/pic_price.png') no-repeat; }
#right_png_news {position: absolute; right: 40px; top: 58px; z-index: 2; background: url('img/pic_news.png') no-repeat; width: 183px; height: 215px;}
#right_png_about {position: absolute; right: 20px; top: 91px; z-index: 2; background: url('img/pic_about.png') no-repeat; width: 214px; height: 180px;}
#right_png_serv {position: absolute; right: 20px; top: 89px; z-index: 2; background: url('img/pic_serv.png') no-repeat; width: 211px; height: 185px;}
#right_png_serv2 {position: absolute; right: 34px; top: 67px; z-index: 2; background: url('img/pic_serv2.png') no-repeat; width: 187px; height: 211px;}
#logo {position: absolute; top: 43px; left: 60px; width: 170px; height: 160px;}
#login {position: absolute; top: 10px; right: 0px; height: 34px;} /* width: 409px; because Opera.. */
table.login td {font: bold 12px Arial, sans-serif; line-height: 12px; color: #186E94; height: 34px; }
table.login td.left {background: url(img/login_left.gif) no-repeat; width: 14px;}
table.login td.lgn {background: #B0D1E2 url(img/login_bg.gif) repeat-x;}
table.login td.text {white-space: nowrap;}
table.login td input.text {width: 87px; margin-left: 5px; margin-right: 5px;}
table.login td input.btn {width: 53px; height: 24px; margin-right: 5px;}
#slogan {position: absolute; right: 212px; top:192px; width: 609px; height: 38px; }
#slogan img{background: url(img/slogan.png) no-repeat;}
/* -------------- LEFT navigavtion ------------- */
#cnt_box {padding-top: 223px; background: url(img/stars_bg.jpg) no-repeat right 14px;}
#content { background: url(img/left_top_bg.jpg) no-repeat left 0px; width: 100%;}
#content td {vertical-align: top;}
#left_td {width:22%; min-width: 278px; height: 530px; }
#center_td {width:59%; min-width: 250px; padding-top: 10px;}
#right_td {width:19%; min-width: 215px; background: url(img/right_bg.jpg) repeat-x left 28px; }
#left_part { width:21.0%; min-width: 260px; min-height: 510px; z-index: 10; }
#center_part { padding: 34px 25px 5px 20px; min-height: 530px; }
#center_part_port { padding: 34px 0px 5px 0px; min-height: 530px; }
#right_part { margin-top: 49px; min-height: 520px; background: url(img/right_packets_bg.jpg) no-repeat left 0px; }
#min_width_right {width: 215px; height: 28px;}
#menu_box { padding-top: 6px;}
#menu_body { background: #B6CFE5 url(img/mnu_btm.jpg) no-repeat 54px bottom; margin-left: 22px; margin-right: 4px; height:549px; }
#menu_left { background: url(img/menu_top_left.gif) no-repeat; padding: 16px 19px 12px 18px; font: bold 16px Arial, sans-serif; line-height: 17px; text-align: center; color: white; } #menu_right { background: url(img/menu_top_right.gif) no-repeat right top; height: 45px;}
#menu_top { background: url(img/menu_top_bg.gif) repeat-x; height: 45px; margin-left: 19px; }
#mnu_left { background: url(img/mnu_left.jpg) no-repeat; height: 549px;}
#mnu_right { background: url(img/mnu_right.jpg) no-repeat right bottom; height: 549px;}
div.menu {margin: 0px 16px 0 14px; border-bottom: 1px solid #E5EEF5; border-right: 1px solid #E5EEF5;}
table.menu { display: block; border: 1px solid #85A8C8; border-bottom-style: none;}
table.menu td { border-bottom: 1px solid #85A8C8; }
table.menu td img.ico {width: 33px; height: 33px; margin: 3px 2px 0px 2px; }
table.menu td a {color: #406994; line-height: 16px; font: bold 14px Arial, sans-serif; display: block; text-decoration: none !important; text-transform: uppercase; white-space: nowrap;}
table.menu td a:hover {color: #406994 !important;}
table.menu td.text div, table.menu td.img a,table.menu td .img, table.menu td.text_sm div, img.blt {
border-left: 1px solid #E5EEF5; border-top: 1px solid #E5EEF5; border-right: 1px solid #85A8C8;
}
table.menu td.text div {background: url(img/mnu_item_left.gif) no-repeat left 0px;}
table.menu td div.img {height: 197px;}
table.menu td.img {width: 39px;}
table.menu td.text {width: 100%; background: url(img/mnu_item_bg.gif) no-repeat right 1px; }
table.menu td.active {background: url(img/mnu_itema_bg.gif) no-repeat right 1px;}
table.menu td.text a {padding: 11px 43px 12px 12px;}
table.menu td.text_sm a {display: inline; font: bold 12px Arial, sans-serif; line-height: 14px; text-transform: none; }
table.menu td.text_sm .blt {float: left; width: 4px; height: 20px;}
table.menu td.text_sm div { margin-left: 6px; padding: 3px 0px 1px 7px;}
/* ----------------- Content --------------------- */
.pack {height: 78px; margin: 0px 23px 7px 32px; }
.pic {float: left; width: 60px;}
.pic img {width: 55px; height: 57px; margin: 3px; }
.pack .text {float: right; width: 60%; text-align: right; padding-top: 12px;}
.pack .text h6 {margin-bottom: 2px; white-space: nowrap;}
.pack .text img {vertical-align: middle; width: 14px; height: 11px; }
.pack .text .price {font: bold 16px Arial, sans-serif; line-height: 17px; color:#CFDFEE; margin-bottom: 1px;}
.pack .text a.more {font: 11px Tahoma, Arial, sans-serif; line-height: 13px; color:#E1EEFA; text-decoration: none;}
.pack .text a.more:hover {text-decoration: underline;}
.basic h6 {color: #81C1FC;}
.basic h1 {color: #81C1FC; margin:15px 0 20px 80px;}
.business h6 {color: #E2B668;}
.business h1 {color: #E2B668; margin:15px 0 20px 80px;}
.dating h6 {color: #C194D9;}
.dating h1 {color: #C194D9; margin:15px 0 20px 80px;}
.ecommerce h6 {color: #65B461;}
.ecommerce h1 {color: #65B461; margin:15px 0 20px 80px;}
.government h6 {color: #61B3B2;}
.government h1 {color: #61B3B2; margin:15px 0 20px 80px;}
.relative{position:relative;}
#center_png_basic {position: absolute; left: 0; top: 0; z-index: 2; background: url('img/basic.png') no-repeat; }
#center_png_business {position: absolute; left: 0; top: 0; z-index: 2; background: url('img/business.png') no-repeat; }
#center_png_dating {position: absolute; left: 0; top: 0; z-index: 2; background: url('img/dating.png') no-repeat; }
#center_png_ecommerce {position: absolute; left: 0; top: 0; z-index: 2; background: url('img/ecommerce.png') no-repeat; }
#center_png_government {position: absolute; left: 0; top: -15px; z-index: 2; background: url('img/government.png') no-repeat; }
table.main_frame { margin-bottom: 25px;}
table.main_frame sup { font: bold 11px Verdana, serif; color: #FFD85F; padding-left: 3px;}
table.main_frame td { padding-bottom: 6px;}
table.main_frame input.input { width: 193px;}
table.main_frame textarea{ width: 460px; margin-top: 5px; margin-bottom: 8px;}
table.main_frame.none { margin-bottom: 0;}
div.port_box {background: url(img/portsite_bg.jpg) no-repeat center 40px; padding: 0 25px 0 20px;}
table.portfolio {width: 100%; margin: 17px 0 15px 0;}
table.portfolio td.image {width: 245px; height: 139px; background: url(img/portfolio_bg.gif) no-repeat; }
table.portfolio td.image img {width: 225px; height: 119px; margin: 10px;}
.image_s{width: 245px; height: 139px; background: url(img/portfolio_bg.gif) no-repeat; }
.image_s img {width: 225px; height: 119px; margin: 10px;}
table.portfolio td.descr {padding: 1px 1px 1px 13px;}
table.portfolio a.site_name { color: #E2B668; font-weight: bold; text-decoration: underline;}
table.portfolio td.descr p {text-align: justify; height: 75px; overflow: hidden; margin-bottom: 2px;}
table.portfolio td.descr a.more {font: 12px Arial, sans-serif; text-decoration: none; color: #90AFEE;}
table.portfolio td.descr a.more img {margin-left: 5px; vertical-align: middle; }
table.portfolio td.descr a.more:hover {text-decoration: underline;}
div.image {width: 425px; height: 339px; margin: 10px auto; background: url(img/portfolio_bg2.gif) no-repeat;}
div.image img {width: 405px; height: 319px; margin: 10px;}
div.site_name {width: 425px; margin: 5px auto 12px auto;}
div.site_name a {color: white; font-weight: bold; }
div.next-page {text-align: center; margin: 30px 0 15px 0;}
div.next-page a {font-weight: bold; color: #90AFEE; }
div.next-page a span {font-family: Tahoma,Verdana,Arial, sans-serif; } div.next-page a:hover {color: #90AFEE;}
/* ----------------- Footer --------------------- */
.copy {background: url(img/ad_star.gif) no-repeat; height: 37px; padding: 13px 0 13px 37px; line-height: 12px; font: 11px Arial, sans-serif; color: #5F81AA; position: absolute; left:0px; bottom: 15px;}
#footer { text-align: right; height: 75px; background: url(img/btm_bg.jpg) repeat-x; position: absolute; bottom:0; right: 0; width: 77%; min-width: 570px;}
#btm_right {background: url(img/btm_right.jpg) no-repeat right 10px; height: 75px;}
#btm_menu { background: url(img/btm_left.jpg) no-repeat; padding: 21px 17px 4px 50px;}
#btm_menu, #btm_menu a {color: #93B2E7; line-height: 18px; font-size: 12px;}
#btm_menu a {padding-left: 2px; padding-right: 2px; text-decoration: none;}
#btm_menu a:hover {text-decoration: none; color: #CCDFFF;}