body {margin: 0; padding:0px; background: #fff url(images/body_bg.jpg) 0 0 repeat-x; color:#777; font-family: Arial, Tahoma, sans-serif; font-size:12px;}


/*---Global tags---*/
img {border:0;}
form {padding:0; margin:0;}
a {color:#F19223; text-decoration:underline; outline:0;}
a:hover {text-decoration:none;}

hr {border:0px solid #7F7F7F; border-bottom:1px solid #7F7F7F;}
h1, h2, h3, h4 {color:#66768A; font-weight:bold; line-height:normal; text-shadow:1px 1px #ECECEC;}
h1 {font-size:30px; margin:0; padding:20px 0 28px 0; letter-spacing:-1px;}
h1 a {color:#66768A; text-decoration:none;}
h1 a:hover {text-decoration:underline;}
h2 {font-size:20px; margin:0; padding:25px 0 20px 0;}
h2 a {color:#66768A; text-decoration:none;}
h2 a:hover {text-decoration:underline;}
h3 {font-size:24px; margin:0; padding:25px 0 20px 0;}
h3 a {color:#66768A; text-decoration:none;}
h3 a:hover {text-decoration:underline;}
h4 {font-size:16px; margin:0; padding:25px 0 15px 0;}
h4 a {color:#66768A; text-decoration:none;}
h4 a:hover {text-decoration:underline;}
h1 span {font-weight:normal;}


ul {}
ul li {}
ol {margin-top:0;}
ol ul {margin:10px 0 0 0;}

p {margin: 0 0 15px 0;}
fieldset {padding:0; border:none; border:0px solid #000; margin:0;}
table {border-collapse: collapse;}
textarea, input {font-family:Arial;}

.cl {clear:both; font-size:0; height: 0; overflow: hidden;}

.img {float:left; margin: 10px 20px 30px 0;}
.star {color:#EF8722;}
.container {width:960px; margin:0 auto; position:relative; line-height:18px;}

#header {padding: 35px 0 0 0; line-height:normal;}
#logo {float:left; position:relative; top:-6px;}
.support {float:right;}
.header_contacts {width:147px; float:right; color:#000; margin-bottom:25px;}
.icq {background: transparent url(images/icq.gif)  0px 3px no-repeat; padding: 4px 0 4px 22px;}
.skype {background: transparent url(images/skype.gif) 0px 3px no-repeat; padding: 4px 0 4px 22px;}
.email {background: transparent url(images/mail.gif) 0px 6px no-repeat; padding: 4px 0 4px 22px;}

.main_menu {height:39px; background: transparent url(images/main_menu.gif) 0 0 no-repeat;  clear:both; margin-bottom:20px; text-shadow:1px 1px #66768A;}
.main_menu ul {list-style-type:none; padding:0; margin:0;}
.main_menu ul li {float:left; height:39px; line-height:39px; font-size:16px; font-weight:bold; background: transparent url(images/main_menu_li.gif) 0 5px no-repeat; padding:0 25px;}
.main_menu ul li a {color:#fff; text-decoration:none;}
.main_menu ul li a:hover {color:#F0F0F0;}

.content {padding: 0 10px 50px 10px}
.main_services {margin-bottom:5px; width:960px; position:relative; margin-left:-10px;}
.main_services h2 {text-align:center;}
.htmlcss_coding {width:300px; padding: 0 10px; float:left;}
.site_support {width:300px; padding: 0 10px; float:left;}
.site_promo {width:300px; padding: 0 10px; float:left;}

.works_list {position:relative; padding: 0 0 0 0px; margin-bottom:50px; height:150px; overflow:hidden;}
.works_list ul {list-style-type:none; padding:0; margin:0;}
.works_list img {width:200px; height:150px;}

.partners_list {position:relative; padding: 0 0 0 30px; margin: 0 0 50px -30px; height:58px; overflow:hidden;}
.partners_list .arr_left {position:absolute; left:0; top:6px;}
.partners_list .arr_right {position:absolute; right:0; top:6px;}
.partners_list ul {list-style-type:none; padding:0; margin:0; width:880px; height:58px;}
.partners_list ul li {float:left; padding:0 12px 0 10px;}
.partners_list ul li img {border:1px solid #D6D6D6; padding:3px; width:50px; height:50px;}

.quality {width:480px; float:left;}
.quality li {padding: 0 0 7px 0;}
.quality  h3 {background: transparent url(images/quality.gif) 0 0 no-repeat; padding:15px 0 30px 60px; margin-top:25px;}
.twitter {float:right; width:400px;}
.twitter  h3 {background: transparent url(images/twitter.gif) 0 4px no-repeat; padding:15px 0 30px 60px; margin-top:25px;}
.twitter .date {color:#999999; font-size:11px;}
.studios {width:480px; float:left;}
.studios  h3 {background: transparent url(images/studios.gif) 3px 0 no-repeat; padding:10px 0 30px 60px; margin-top:35px;}


.footer {background:#F0F0F0; height:100px;}
.footer .container {background: transparent url(images/footer_line.gif) 10px 0 no-repeat; padding: 20px 0 0 10px; width:950px;}
.footer p {margin-bottom:5px;}
.counters {padding-top:5px; float:right;}

/*---base page---*/
.content_text {float:left; width:550px; padding: 0 0 70px 15px;}
.content_text li {padding: 0 0 7px 0;}
.right_part {float:right; width:300px; position:relative; margin-top:-16px;}
.right_part .studios {width:300px;}
.right_part .quality {width:300px;}
.right_part .twitter {width:300px;}
.right_part h3 {font-size:20px}

.path  {font-size:11px; padding: 10px 0 0 15px; position:relative; margin-bottom:-10px;}
.path a {color:#66768A;}

.testim_table {}
.testim_table td {padding: 0 15px 15px 0; vertical-align:top}
.testim_table img {border:1px solid #D6D6D6; padding:3px;}
.resp_company {color:#6F6D6D; text-align:right; padding-bottom:15px; font-size:11px;}
.text_input {width:400px; font-size:18px; border:1px solid #66768A; padding:3px;}
.text_input:focus {border:1px solid #EC7923;}
#contacts_table textarea {width:400px; height:200px; font-size:18px; border:1px solid #66768A; padding:3px;}
#contacts_table textarea:focus {border:1px solid #EC7923;}
#contacts_table td {padding: 10px 20px 10px 0;}
#send_mess {font-size:18px; padding: 0 20px; cursor:pointer;}


.faq {position:relative; margin-top:-25px;}