/*-------------------------------------------------------------------


	Website:	http://www.free-lance.ru/users/PhoenAleXiX
	
-------------------------------------------------------------------*/

@media Screen  {
	
/* GLOBAL
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
html {height:100%;}
body { height:100%;margin:0; font:13px "Myriad Pro", Arial, Helvetica, sans-serif; color:#555; min-width:982px;}


* {margin: 0; padding: 0;}

a, input, textarea, select {outline: none;}
a{text-decoration: underline; color:#0098a2;}
a:hover{text-decoration: none;}
img {border:none;}
input,
textarea,
select{font:100% arial,sans-serif; vertical-align:middle;}
form,fieldset{ margin:0; padding:0; border-style:none;}


article,aside,details,figcaption,figure, 
footer,header,hgroup,menu,nav,section { 
	display: block;
}

#main { min-height:100%; background:url(/images/bg_main.png) repeat-y 50% 0; position:relative; z-index:10;}

p {line-height:15px; padding:0 0 15px;}




/* HEADER
-----------------------------------------------------------------------------------*/
#header { background:url(/images/bg_header.jpg) repeat-x; height:215px; width:982px; margin:0 auto;}

.heder_top { height:37px; padding:0 17px 0 16px; position:relative; z-index:10;}
.logo { float:left; padding:4px 0 0;}

.login_box {float:right; padding:8px 0 0; position:relative;}
.login_box .login {display:block; width:78px; height:22px; line-height:20px; text-align:center; overflow:hidden; background:url(/images/btn_login.gif) no-repeat; text-decoration:none; color:#999; font-size:12px; font-weight:bold;}
.login_box .login:hover {background-position:0 -22px;}

.user_name {float:right; font-size:12px; color:#42a1e3; line-height:20px; padding:8px 48px 0 0;}

.head_nav {float:right; padding:8px 28px 0 0; line-height:20px;}
.head_nav a {margin:0 25px 0 0; font-size:12px; color:#61b9f6; text-decoration:none;}
.head_nav a:hover { color:#fff;}

.header_center {height:114px; position:relative; padding:32px 0 0 26px;}

.slogan {background:url(/images/bg_slogan.png) no-repeat; display:block; height:54px; width:645px; text-indent:-9999px; overflow:hidden;}

.live_chat {position:absolute; top:21px; right:18px; background:url(/images/bg_live_chat.gif) no-repeat; display:block; height:26px; width:81px; text-align:center; line-height:24px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 -1px #559c16;}
.live_chat:hover {background-position:0 -26px;}

.btn_upload {
			background:url(/images/btn_upload_v2.png) no-repeat; display:block; 
			overflow:hidden; 
			text-indent:-9999px; 
			height:50px; 
			width:233px; 
			position:absolute; 
			top:55px; 
			right:7px;
}
.btn_upload:hover {background-position:0 -60px;}

.phone {position:absolute; top:19px; right:128px; font-size:16px; color:#fff; font-weight:bold; text-shadow:1px 2px #045693;}


.menu {width:100%; overflow:hidden;}
.menu ul {list-style:none; width:101%; overflow:hidden;}
.menu ul li { float:left; background:url(/images/sep_menu.gif) no-repeat 0 1px; padding:0 0 0 2px;}
.menu ul li:first-child {background:none; padding:0;}
.menu ul li a { float: left; font: bold 16px/30px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; height:32px; padding:0 50px;}
.menu ul li a:hover, .menu ul li a.active {color:#91fa04; background:url(/images/bg_menu_hover.gif) repeat-x;}

.drop_login {position:absolute; top:50px; right:20px; display:none; }
.drop_login_box {width:300px; background:#fafafa; box-shadow:0 3px 5px #7b7b7b; border-radius:5px; position:relative; padding:35px 0 24px; z-index: 10;}
.clouse_drop {display:block; overflow:hidden; height:14px; width:14px; position:absolute; top:5px; right:5px; background:url(/images/bg_clouse_drop.gif) no-repeat;}

.form_login {padding:0 24px; overflow:hidden;}
.form_login .tx {position:relative; background:#fff; border:1px solid #e1e1e1; margin:0 0 10px; border-radius:7px; font-size:12px; color:#888; display:block; width:228px; padding:10px 10px;}
.form_login_bot { overflow:hidden; padding:9px 5px 0 0;}
.form_login a {float:left; font-size:14px; color:#2a77c2; text-decoration:none; margin:5px 0 0;}
.form_login a:hover {text-decoration:underline;}
.btn_sing {float:right; position:relative; text-align:center; border:1px solid #295b9d; height:30px; background:url(/images/btn_sing.gif) repeat-x; border-radius:5px; width:83px; color:#fff; font-size:16px; font-weight:bold; cursor:pointer;}
.btn_sing:hover {background-position:0 -31px;}
/* CONTENT
----------------------------------------------------------------------------------*/
.content {padding:22px 0 90px; width:946px; margin:0 auto;}

.top_info {list-style:none; overflow:hidden; border-bottom:1px solid #f1f1f1; padding:0 0 26px; margin:0 0 16px;}
.top_info li { float:left; width:195px; padding:0 0 0 65px; margin:0 0 0 55px;}
.top_info li img {float:left; margin:0 0 0 -65px;}
.top_info li p {padding:0; height:53px; display:table-cell; vertical-align:middle; font-size:16px; color:#0469a8; line-height:20px; font-weight:bold;}
.top_info li p a {text-decoration:none; color:#0469a8;}
.top_info li p a:hover {text-decoration:underline;}

.service_trusted {overflow:hidden; padding:0 0 16px 186px; border-bottom:1px solid #f1f1f1; margin:0 0 17px;}
.service_trusted .name {float:left; margin:0 0 0 -180px; font-size:20px; color:#555;}
.tbl_adds {border-collapse:collapse; border-spacing:0; width:100%;}


.article {list-style:none; overflow:hidden; margin:0 0 23px -65px; width:1013px; border-bottom:1px solid #f1f1f1; padding:0 0 5px;}
.article li {float:left; width:345px; margin:0 0 16px 65px; padding:0 0 0 95px;}
.article li h2 {margin:0 0 10px -95px; padding:0 0 7px 95px; border-bottom:1px solid #f1f1f1; font-size:20px; color:#0a72bc; font-weight:bold;}
.article li h2 a {text-decoration:none; color:#0a72bc;}
.article li.active h2 a {color:#5ab616;}
.article li img {float:left; margin:0 0 0 -95px;}
.article li p {padding:0; line-height:17px; padding:0 0 17px; cursor:pointer;}
.article li .read {color:#0766ab; font-size:12px; font-weight:bold;}
.article li .read:hover {text-decoration:underline; color:#7ecc0d;}
.article li.active .read {text-decoration:underline; color:#7ecc0d;}

.information {overflow:hidden; border-bottom:1px solid #f1f1f1; margin:0 0 15px;}
.information_left {float:left; width:305px; padding:0 0 0 95px;}

.coments {padding:0 0 23px;}
.coments img {float:left; margin:0 12px 5px 0;}
.coments h3 { font-size:20px; color:#222; line-height:20px;}
.coments p {clear:both; color:#393838; padding:0 0 12px;}
.coments .autor { display:block; text-align:right; font-size:12px; color:#6db60b;}


.information_right {float:right; width:435px; padding:0 0 23px;}

.btn_upload_new {
				background:url(/images/btn_upload_v2.png) no-repeat; 
				display:block; 
				overflow:hidden; 
				text-indent:-9999px; 
				height:50px; 
				width:233px; 
				margin:35px auto 0;
}
.btn_upload_new:hover { background-position:0 -60px;}

.pay { padding:60px 0 10px;}
.pay img { margin:0 4px 0 0;}

.tbl_pay {border-collapse:collapse; border-spacing:0;}
.tbl_pay td {line-height:17px; padding:0 24px 0 0;}
.tbl_pay img {display:block; margin:6px 0 0;}

/* FOOTER
---------------------------------------------------------------------------------*/
				#footer { background:url(/images/bg_footer.gif) repeat-x; height:68px; margin:-68px 0 0; min-width:982px; position:relative; z-index:20;}
.footer_box {width:982px; margin:0 auto; overflow:hidden;}
.footer_box .copy {float:left; color:#fff; font-size:12px; padding:22px 0 0 8px; font-weight:bold;}
.foot_nav {float: right; list-style:none; padding:21px 0 0;}
.foot_nav li {float:left; background:url(/images/sep_foot_nav.gif) no-repeat 0 5px; padding:0 4px 0 10px;}
.foot_nav li:first-child {background:none;}
.foot_nav li a {color:#fff; font-size:12px; font-weight:bold; text-decoration:none;}
.foot_nav li a:hover {color:#91fa04;}







.inner { background:url(/images/bg_body_inner.gif);}

.inner .content {width: 982px; margin:0 auto; padding:0 0 81px; background: url(/images/bg_cont_inner_bot.gif) repeat-x 0 100%;}
.content_inner {background:url(/images/bg_cont_inner_top.gif) repeat-x; min-height:500px; padding:19px 10px;}

.name_box {background:url(/images/bg_name_box.png) no-repeat 50% 0; overflow:hidden; padding:31px 0 0; min-height:84px;}

.name_left {float:left; background:url(/images/bg_name_left.png) no-repeat; height:47px; width:277px; font: bold 30px/45px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 13px;}
.name_right {float: right; background:url(/images/bg_name_right.png) no-repeat; height:47px; width:277px; font: bold 30px/45px Arial, Helvetica, sans-serif; color:#fff; padding:0 13px 0 0; text-align:right;}

.title {background:url(/images/line_blue.gif) repeat-x 0 65%; text-align:center; margin:0 0 26px;}
.title span {background:#fff; padding:0 15px; font: bold 48px/44px Arial, Helvetica, sans-serif; color:#b5d2ec; text-shadow:2px 3px #4482b0;}

.two_list {overflow:hidden; position:relative; padding:0 0 70px; margin:0 0 35px;}
.two_list_left {float:left; width:428px;}
.two_list_right {float: right; width:428px;}

.list_namber {list-style:none;}
.list_namber li {overflow:hidden; height:36px; background: url(/images/bg_list_namber_one.gif) repeat-x 0 100%; font-weight:bold; font-size:17px; color:#0461a7; line-height:35px; margin:13px 0 0;}
.list_namber li div {float:left; background:url(/images/bg_list_namber_right.gif) no-repeat 100% 100%; padding:0 45px 0 0; height:35px; min-width:225px;}
.list_namber li span {float:left; background:url(/images/bg_list_namber.gif) no-repeat; width:29px; height:36px; font:25px Arial, Helvetica, sans-serif; color:#c1d6e5; line-height:35px; text-align:center; padding:0 4px 0 33px;}

.two_list_right .list_namber li {background-position: 0 0;}
.two_list_right .list_namber li div { float:right;background:url(/images/bg_list_namber_two_left.gif) no-repeat 0 0; padding:0 0 0 40px; text-align:right;}
.two_list_right .list_namber li span { float:right; background:none; background:url(/images/bg_list_namber_two.gif) no-repeat; padding:0 33px 0 10px;}
.two_list_right .btn_list { left: auto; right:0;}

.btn_list {display:block; overflow:hidden; height:35px; width:428px; text-align:center; background:url(/images/btn_list.gif) no-repeat; font-size:20px; color:#fff; line-height:33px; position:absolute; bottom:0; left:0;}
.btn_list span {background:url(/images/btn_list_icon.png) no-repeat 100% 10px; padding:0 15px;}
.btn_list:hover {background-position:0 -35px; text-decoration:underline;}

.text_box { border-top:1px solid #0461a7; padding:25px 0 0; margin:0 0 33px;}
.text_box p { font-size:19px; padding:0; line-height: 23px; color:#0461a7;}

.qwestion {list-style:none; overflow:hidden; padding:33px 0 0;}
.qwestion li {float:left; width:210px; background:#f1f7fa; border-radius:5px; position:relative; margin:29px 6px 0; padding:35px 60px 20px 22px; min-height:53px;}
.qwestion li .icon {background:url(/images/bg_qwestion_icon.gif) no-repeat; display:block; height:29px; width:79px; overflow:hidden; position:absolute; top:-29px; left:107px;}
.qwestion li .namber { position:absolute; bottom:0; right:0; font-size:60px; line-height:54px; font-weight:bold; color:#cce1ee; width:60px; text-align:center;}
.qwestion li.active {background:#e0edf5;}
.qwestion li.active .namber {color:#b0d0e9;}
.qwestion li.active .icon { background:url(/images/bg_qwestion_icon_active.gif) no-repeat;}


.following {overflow:hidden; list-style:none; margin:0 0 0 -8px; width:922px; padding:35px 0 0;}
.following li {float:left; width:180px; padding: 17px 20px 10px 20px; margin:29px 0 0 8px;  background:#f1f7fa; border-radius:5px; position:relative; min-height:145px;}
.following li .icon {background:url(/images/bg_qwestion_icon.gif) no-repeat; display:block; height:29px; width:79px; overflow:hidden; position:absolute; top:-29px; left:72px;}
.following li h3 {font-size:19px; font-weight:bold; color:#0461a7; border-bottom:1px solid #0461a7; padding:0 0 11px;}
.following li p {padding:17px 0 0; margin: 0 -15px 0 0;}
.following li.active {background:#e0edf5;}
.following li.active .icon { background:url(/images/bg_qwestion_icon_active.gif) no-repeat;}


.blue_box { background:#eaf5fc; border-radius:5px; position:relative;}
.blue_box_main {position:relative; z-index:10; padding:12px 95px 15px 12px;}
.blue_box .icon {background:url(/images/bg_blue_box_icon.png) no-repeat; display:block; height:144px; width:248px; position:absolute; bottom:-78px; right:0;}




}

.header {
    background: url("//img3.goproofreading.com/images/new_header_bg.jpg") repeat-x scroll 0 0 #FFFFFF;
    height: 220px;
    margin: 0 auto;
    position: relative;
    width: 982px;
}


a.logo {
    display: block;
    height: 32px;
    left: 25px;
    padding: 0;
    position: absolute;
    top: 5px;
    width: 167px;
    float:left;
}

ul.header_nav {
    height: 39px;
    list-style: none outside none;
    overflow: hidden;
    padding: 0 9px 0 0px;
}


ul.header_nav li {
    float: right;
    padding: 0 20px 0 0;
}


ul.header_nav li a {
    color: #64B7F1;
    font-size: 12px;
    line-height: 39px;
    text-decoration: none;
}

ul.header_nav li a:hover { background:none; text-decoration: none; color:#ffffff;}

ul.menu {
    height: 32px;
    left: 0;
    list-style: none outside none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 182px;
}

ul.menu  li a {
    color: #FFFFFF;
    float: left;
    font: bold 16px/30px Arial,Helvetica,sans-serif;
    height: 32px;
    padding: 0 35px 0 34px !important;
    text-decoration: none;
}

.menu {
    float: right;
}

ul.menu li {
    background: url("/images/sep_menu.gif") no-repeat scroll 0 1px transparent;
    float: left;
}

ul.menu li.first {
    background: none repeat scroll 0 0 transparent;
}



ul.menu  li a:hover, ul.menu li a.active {
    background: url("/images/bg_menu_hover.gif") repeat-x scroll 0 0 transparent;
    color: #91FA04;
}

p.toll_free {
    float: none;
    padding: 0;
    position: absolute;
    right: 135px;
    top: 71px;
    color: #FFFFFF;
}



p.slogan {
    margin: 47px 0 0 25px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
}


a.live_chat {
    position: absolute;
    right: 29px;
    top: 64px;
}


a.header_order {
    background: url("//img2.goproofreading.com/images/order_header.png") no-repeat scroll 0 0 transparent;
    height: 54px;
    position: absolute;
    right: 26px;
    text-indent: -9999px;
    top: 112px;
    width: 236px;
}

a.header_order:hover{ background-position:0px -54px;}

.top_bg {
    background: url("/images/bg_body.gif") repeat-x scroll 0 0 transparent;
    height: 215px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.header {
    background: url("/images/bg_header.jpg") repeat-x scroll 0 0 transparent;
    height: 215px;
    margin: 0 auto;
    width: 982px;
}

.logo
{
    margin-left: 16px;
}

.login_box
{
    margin-right:17px;
}

a.live_chat {
    position: absolute;
    right: 18px;
    top: 19px;
}
