/*************** Fonts & Graphics ***************/



html {font-size: 75%}



body {color: #383738; font: normal 1em/1.3 Tahoma,sans-serif}



h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; display: block}



h2 {font: normal 1.916em Tahoma, Verdana; color: #ffba00} 



body.index h3 {font: bold 1.166em Tahoma, Verdana; color: #fff}/* 14px */



	h3 {font: normal 1.5em Tahoma, Verdana; color: #3d99cb}



h4 {font: bold 1.083em Tahoma; color: #727272}



h5 {font: bold 1em Tahoma; color: #003f6f}



h6 {font: bold 1.083em Tahoma; color: #727272}



p {margin: 10px 0; padding: 0; text-align: left}



p:first-child {margin-top: 0 !important}





html { margin: 0; padding: 0;}



/*************** Positioning ***************/



html {  /*background: url("/images/bg_all.png") 0 0 repeat;*/ background: url("/images/bg_all.png") 0 0 repeat-x;}



body {margin: 0; padding: 0 0 0 0;  background: url("/images/bg_body.png") 0 0 repeat-x;}



body.index #wrapper { width: 931px; position: relative; margin: 0 auto; padding: 494px 20px 30px 21px; background: none}



#wrapper { width: 970px; position: relative; margin: 0 auto; padding: 137px 0 30px 0;}







       /* -- Mainframes -- */



#header     {position: absolute; top: 0; left: 0}



body.index #content    { margin: 0; padding: 10px 9px 0 9px;}



#content {padding: 10px 20px 0 30px}



#footer     {clear: both;}



#bottom     {}







/*************** Representation ***************/







       /* ++ Standard elements ++ */



a         {color: #144472; text-decoration: underline}



a:visited {color: #036}



a:hover, a:active,a:focus {text-decoration: none}



a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af}



a.external {color: #f0f0f0; padding-right: 10px; background: url("/img/ico_external.png") right 0px no-repeat}







fieldset {padding: 5px 5px; border: solid 1px #dcdcdc}



legend   {color: #ccc}



input,label,form,textarea,button {margin: 0; padding: 0}



  input[type="text"],input[type="password"] {padding: 2px 2px; border: 1px solid #e4e8d0}



        input.text,input.password {padding: 2px 2px; border: 1px solid #e4e8d0}



  input[type="hidden"] {display: none !important}



        input.hidden {display: none !important}



  input[type="image"],input[type="checkbox"] {width: auto !important}



        input.image,input.checkbox {width: auto !important}



select    {margin: 0}



textarea {padding: 5px 5px; width: 367px; height: 144px; border: 1px solid #ccc; background: #fff url("/img/bg_textarea.png") no-repeat; font: normal 1em 'Tahoma'}



input,label,select {vertical-align: middle}



iframe {display: block; overflow: hidden; margin: 0; padding: 0; border: none}







input[type="text"],input[type="password"] {padding: 4px 10px 3px 10px; color: #fff; font: normal 1em Tahoma;border-color: #fff; }



input.text,input.password {padding: 4px 10px 3px 10px; color: #fff; font: normal 1em Tahoma;border-color: #fff;}



select    {margin: 0; font: normal 1.166em Tahoma; color: #95989b; padding: 2px 0px 3px 0; border: 1px solid #898b8c; background: #fffef3 url("/img/bg_input_content-24.png") no-repeat}



    select {height: 21px} /* KNUDGE: Opera,Safari */







hr     {clear: both; display: block; border: none; color: #d5dfe5; background-color: #d5dfe5; height: 1px; width: 100%; margin: 10px 0; padding: 0}



hr     {clear: both; display: block; border: none; border-top: 1px dashed #adadad; color: #fff; background-color: transparent; height: 1px; width: 100%; margin: 10px 0; padding: 0}







table {border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: hide}



    table th {padding: 0; text-align: center; vertical-align: middle; font-weight: bold}



    table td {padding: 0; text-align: left; vertical-align: top}



    table caption {caption-side: top; text-align: center}



    table thead   {}



    table tfoot   {}



    table tbody   {}







       /* -- List's -- */



ul {margin: 1em 0 1em 1.5em; padding: 0; list-style-type: none}



   ul li {margin: 0; padding: 0 0 0 8px; background: url("/images/bull_li.png") 0px 7px no-repeat}



   li ul {margin-top: 0; margin-bottom: 0}



ol {margin: 0 0 1em 1.5em; padding: 0; list-style-type: decimal}



   ol li {margin: 0; padding: 0}



   ol ul li {background: none}



dl {margin: 0 0 1em 1.5em; padding: 0}



   dl dt {margin: 0 0 0.5em 0; padding: 0}



   dl dd {margin: 0.5em 0 1.5em 1.5em; padding: 0}







       /* -- Images -- */



img {display: block; border: none; vertical-align: middle} /* VA is for inline img's */







       /* -- Text -- */



blockquote {margin: 10px 0; padding: 10px 15px}



html:lang(en) q {quotes: "\201e" "\201c" "\2018" "\2019"}

html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019"}



html:lang(ru) q,html:lang(ua) q {quotes: "\00ab" "\00bb" "\201e" "\201c"}



cite  {font-style: italic}







small {}



big   {}



sup   {vertical-align: text-top; font-size: 65%}







dfn   {font-style: normal; margin: 0; padding: 0}



var   {font-style: normal; margin: 0; padding: 0}







code  {margin: 0; padding: 0}



samp  {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}



kbd   {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}



tt    {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}







ins   {text-decoration: underline}



del   {text-decoration: line-through}







pre   {word-wrap: break-word; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap}







abbr {text-transform: uppercase; text-decoration: none; border-bottom: 1px dotted #f0f0f0; cursor: help}



acronym {text-transform: none; text-decoration: none; border-bottom: 1px dotted #f0f0f0; cursor: help}







/* ^^ Disable a deprecated ^_^  ^^ */



font,basefont {



 color: inherit;



 font: inherit;



 font-size: 100%;



}



center {



 text-align: inherit;



}



s,strike,u {



 text-decoration: inherit;



}







/*======= -- OUR BLOCK's & STYLES ! -- =======*/



.mobile,#mobile-nav {display: none}



.fl {float: left; margin: 0 5px 5px 0}



.fr {float: right; margin: 0 0px 5px 5px}



.m0 {margin: 0 !important}







.hidden {display: none !important}



.showed {visibility: visible !important}



.nb { border: none !important}







/* contacts  */



address.vcard {display: block; font-style: normal;}



address.vcard a.fn { color: #30e100}



address.vcard .adr {display: block}



address.vcard .country-name {display: none}



/* /contacts */























/*  -- Header --  */







/*  logo */



h1 {font: bold 2em Tahoma; color: #fff; text-transform: uppercase; z-index: 10;width: 363px; height: 67px; padding: 0; position: absolute; top: 31px; left: 0}



  h1 dfn {font: bold 0.5em Tahoma; color: #fff; display: block; text-transform: lowercase;}



h1 a {display: block; position: absolute; width: 100%; height: 100%;background: url("/images/logo.png") no-repeat; top: 0; left: 0; z-index: 2}



/* /logo */







#header { width: 970px; height: 137px; background: url("/images/bg_header.png") 0 0 no-repeat}







	#header ul#nav { z-index:10; zoom: 1; position: absolute; /*width: 578px;*/ width: auto; height: 38px; margin: 0; padding: 0; bottom: 11px; right: 20px;}



		#header ul#nav li { float: left; padding: 0 0 0 10px; background:  url("/images/bg_nav.png") left top no-repeat; margin: 0 3px 0 0}



			#header ul#nav li a { display: block; height: 38px; text-align: center; color: #fff; text-decoration: none; background: #6ebbe5 url("/images/bg_nav.png") right top no-repeat; line-height: 38px; padding:  0 10px 0 0;}



			#header ul#nav li:hover,#header ul#nav li.jshover { background-position: left bottom;}



			#header ul#nav li:hover a,#header ul#nav li.jshover a  { background-position: right bottom; color: #2d2c2d}







	#header ul.login { position: absolute; width: 115px; height: 24px; margin: 0; padding: 5px 0 0 3px; top: 0; right: 20px; text-align: center; background: url("/images/bg_login_area.png") 0 0 no-repeat}




		#header ul.login li { display: inline; padding: 0 5px 0 0; color: #fff; background: none}



			#header ul.login li a { color: #fff}



			#header ul.login li a:hover,#header ul.login li a:focus { color: #78e52b; text-decoration: underline}



	/*#header a.workorders { position: absolute;  margin: 0; padding: 0; top: 48px; right: 26px; text-align: right; color: #000; font-weight: bold; }*/




a.logo_osm { position: absolute; display: block; left: 392px; top: 18px; width: 327px; height: 57px; color: #458dbf; text-decoration: none; background-color: #f7f7f7;}



    a.logo_osm span { position: absolute; display: block; left: 0px; top: 0px; width: 327px; height: 57px; background:url("/images/logo_osm.png") 0 0 no-repeat ;cursor: pointer;}



/* /-- Header -- */











/* -- Footer --  */



 #footer { background: url("/images/bg_footer_main.png") 0 top no-repeat; position: relative; padding: 37px 0 0 50px; color: #c3c3c3; }



body.index #footer {background: url("/images/bg_footer.png") 0 top no-repeat; padding: 35px 0 0 30px;}



	#footer strong { font: normal 1.916em "Arial Rounded MT Bold" Arial, Helvetica, sans-serif; display: block; margin: 10px 0}



	#footer ul.privacy { margin: 0; padding: 0;}



	#footer ul.privacy li { display: inline; padding: 0; border-left: 1px solid #c3c3c3; padding: 0 10px; background: none}



	#footer ul.privacy li:first-child,#footer ul.privacy li.firstchild { border-left: none; padding-left: 0}



		#footer ul.privacy li a { color: #abafec}







	#footer ul.ccard { margin: 0; padding:0; position: absolute; top: 58px; right: 6px;}



		#footer ul.ccard li { display: block; height: 40px; float: left; padding: 0; margin: 0 20px 0 0; background: none;}



		#footer ul.ccard li.visa { background: url("/images/ill_ccards.png") 0 0 no-repeat; width: 63px}



		#footer ul.ccard li.m_card { background: url("/images/ill_ccards.png") 0 -80px no-repeat; width: 66px}



		#footer ul.ccard li.am_express { background: url("/images/ill_ccards.png") 0 -160px no-repeat; width: 62px}



        #footer ul.ccard li.paypal { background: url("/images/ill_ccards.png") 0 bottom no-repeat; width: 91px}



       a.logo_osm_secondary { position: absolute; display: block; left: 300px; top: 57px; width: 251px; height: 44px; color: #458dbf; text-decoration: none; background-color: #f7f7f7;}



            a.logo_osm_secondary span { position: absolute; display: block; left: 0px; top: 0px; width: 251px; height: 44px; background:url("/images/logo_osm_dark.png") 0 0 no-repeat ; cursor: pointer;}



/* /-- Footer -- */







/* -- Bottom --  */



/* /-- Bottom -- */







/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */



body.index #content { border-left: 1px solid #777791; border-right: 1px solid #777791; background: #4c4c5e;}



#content { overflow: hidden; position: relative;background: #fff url("/images/bg_content.png") 0 bottom repeat-x; padding-bottom: 30px}







/* Content text */







/*=========== index page ========*/



body.index #content-text { background: #535364; border-left: 1px solid #636377; border-right: 1px solid #636377; padding: 0 20px; width: 528px; float: left; margin: 0 10px 0 0; min-height: 100px}



	body.index #content-text  h2 {font: normal 1.916em Tahoma, Verdana; color: #ffba00} 



	body.index #content-text:before,body.index #content-text span.block-before {background: url("/images/conten_text_ramka.png") 0 top no-repeat; height: 8px; margin: 0 -21px 0 -21px; display: block; content: ' ';position: relative}



	body.index #content-text:after,body.index #content-text span.block-after {background:  url("/images/conten_text_ramka.png") 0px bottom no-repeat; height: 8px; margin: 0 -21px 0 -21px; display: block; content: ' '; clear: both; position: relative}



	body.index #content-text h3 { background: url("/images/ill_star.png") 0 4px no-repeat; padding-left: 15px}



	body.index #content-text p { text-align: justify; color: #c3c0c0}



	body.index #content-text div.block { border-top: 1px solid #646477; padding-top: 10px;; background: url("/images/ill_numbers.png") 0 40px no-repeat; min-height: 100px;}



	body.index #content-text div.block:first-child,#content-text div.firstchild { border-top: none !important}







	body.index #content-text div.block p { margin-left: 75px; font-size: 1.083em;}



	body.index #content-text div.second { background-position: -625px 40px}



	body.index #content-text div.third { background-position: -1250px 40px}



	body.index #content-text div.fourth { background-position: -1875px 40px}



	body.index #content-text div.block p { overflow: hidden;}

		body.index #content-text div.block a.btn_begin { position: relative; display: block; width: 173px; height: 37px; float: right; text-align: center;}

			body.index #content-text div.block a.btn_begin span {position: absolute; top: 0; left: 0; display: block; width: 173px; height: 37px; background: url("/images/btn_begin.png") 0 0 no-repeat}



	



/* / =========== index page ========*/







#content-text { border-right: 1px dashed #c3c3c3; padding: 0 30px 0 0; width: 652px; float: left; margin: 0 0 0 0; min-height: 645px}



 #content-text h2 { font: normal 1.916em Arial, Helvetica, sans-serif; color: #4c4c5e; margin-bottom: 10px}

    #content-text h2 kbd { color: #63B1DB;}



 #content-text p { text-align: justify}



 	#content-text.testimonial blockquote { padding: 10px 0; color: #383738; border-top: 1px solid #c3c3c3;font: normal 1em Verdana, Arial, Helvetica, sans-serif}



		#content-text.testimonial blockquote q {  display: block; text-align: justify}



		#content-text.testimonial blockquote cite { display: block; text-align: left; font-style: normal; font-weight: bold; color: #438bb1; margin-top: 5px;font-style: italic;}





	div.subscribe_form { margin: 0 0 0 580px; color: #fff;}



	div.subscribe_form form.proof {border-left: 1px solid #d2d2da; border-right: 1px solid #d2d2da; padding: 0 27px; background: #aaaab0;}



	div.subscribe_form form.proof:before,div.subscribe_form form.proof span.block-before {background: url("/images/form_proof_ramka.png") 0 top no-repeat; height: 9px; margin: 0 -28px 0 -28px; display: block; content: ' ';position: relative}



	div.subscribe_form form.proof:after, div.subscribe_form form.proof span.block-after {background:  url("/images/form_proof_ramka.png") 0px bottom no-repeat !important; height: 9px; margin: 0 -28px 0 -28px !important; display: block; content: ' '; clear: right; position: relative}



	



		div.subscribe_form form.proof h2 { text-transform: uppercase; font: normal 1.583em Arial, Helvetica, sans-serif; margin-top:10px; color: #fff}



		div.subscribe_form form.proof label { font-weight: bold; display: -moz-inline-box; display: inline-block; width: 85px;}



		div.subscribe_form form.proof input { width: 164px;  margin: 5px 0; background: #9f9fa4}



		div.subscribe_form form.proof label.lbl_ta { position: relative; top: -95px}



		div.subscribe_form form.proof textarea { width: 174px; height: 100px; border-color: #fff; background: #9f9fa4; color: #fff; margin: 5px 0;}



		div.subscribe_form form.proof input[type="image"] { float: right; margin: 10px 0 5px 35px}



		div.subscribe_form form.proof input.image { float: right; margin: 10px 0 5px 35px}



	



	div.subscribe_form form.subscribe { padding: 15px 0 0 0}



		div.subscribe_form form.subscribe label {text-transform: uppercase; font: bold 1.416em Arial, Helvetica, sans-serif; display: block; text-align: center}



		div.subscribe_form form.subscribe input { width: 239px; display: block; margin: 10px auto; background: #48485a; }



		div.subscribe_form form.subscribe input[type="image"] { margin: 0 35px 0 auto}



		div.subscribe_form form.subscribe input.image {margin: 0 40px 0 auto}



         span.propos_request { display: block;  background: #f1f1f1 url("/images/bg_propos_request.png") 0 0 no-repeat; text-align: center; padding: 22px 0 21px 0; font-size: 1.083em;}

          span.propos_request a{ color: #52569b;}

         p.osm_partners { background: url("/images/logo_osm_3.png") 0 0 no-repeat; padding: 15px 0 15px 196px; margin: 25px 0;}

















/* / ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */







/* ====== Sidebar ==============*/



#sidebar { float: right; width: 217px; padding: 0 0 0 20px; position: relative;}



#sidebar div.testimonials { position: relative; width: 198px}



	#sidebar div.testimonials h2 { color: #63b1db}



		#sidebar div.testimonials div.holder { background: url("/images/bg_testimonial.png") 0 0 repeat-y; position: relative; top: -5px; padding: 0 20px; width: 177px; color: #fff; text-align: center}



		#sidebar div.testimonials div.holder:before,#sidebar div.testimonials div.holder span.block-before {background: url("/images/testimonial_frame.png") 0 -51px no-repeat; height: 27px; margin: 0 -20px 0 -20px; display: block; content: ' ';position: relative}



		#sidebar div.testimonials div.holder:after, #sidebar div.testimonials div.holder span.block-after {background:  url("/images/testimonial_frame.png") 0px -97px no-repeat ; height: 8px; margin: 0 -20px 0 -20px ; display: block; content: ' '; clear: right; position: relative}



			#sidebar div.testimonials div.holder blockquote { margin: 0 0 20px; padding: 5px 0 0 0;font: normal 0.916em Verdana, Arial, Helvetica, sans-serif;}



				#sidebar div.testimonials div.holder blockquote q { font-style: italic; text-align: justify; display: block}



				#sidebar div.testimonials div.holder blockquote cite { display: block; font-weight: bold; text-align: right; font-variant: normal; margin: 7px 0}



			#sidebar div.testimonials div.holder a.more {background: url("/images/bull_more_white.png") 0 3px no-repeat; color: #fff;}



			#sidebar form.subscribe { padding: 15px 0 0 0}



		#sidebar form.subscribe label { font: bold 1.25em Arial, Helvetica, sans-serif; display: block; text-align: center; color: #383838}



		#sidebar form.subscribe input { width: 195px; display: block; margin: 10px auto; background: #9f9fa4; border: 1px solid #535364 }



		#sidebar form.subscribe input[type="image"] { margin: 0 0 0 auto; border: none}



		#sidebar form.subscribe input.image {margin: 0 0 0 auto;border: none}



	



	



	#sidebar div.hints { border: 1px solid #efefef; padding: 20px 15px; background: #f6f6f6; color: #383738; margin-top: 20px}



		#sidebar div.hints p { text-align: justify}



		#sidebar div.hints h2 { font: normal 1.5em "Arial Rounded MT Bold", Arial, sans-serif; color: #78e52b}



		#sidebar div.hints a.more { display: block; text-align: center; background: url("/images/bull_more_orange.png") 54px 5px no-repeat; color: #ca4c18}







/* ====== Promo ==============*/



#promo { position: absolute; top: 137px; left: 0; background: #fff url("/images/bg_promo.png") 0 bottom no-repeat; width: 940px; padding: 13px 0 15px 30px; color: #383738;}



	#promo p { text-align: justify}



	#promo div.block { float: left; height: 328px; position: relative;}



		#promo div.block h2 { font: normal 1.916em Arial, Helvetica, sans-serif; color: #63b1db}



		



	#promo div.web_edits { width: 425px; margin: 0 27px 0 0}



		#promo div.web_edits p { text-align: justify}



		#promo div.web_edits h2 { color: #4c4c5e}



		#promo div.web_edits ul { position: absolute; bottom: 0; left: 0; width: 407px; margin: 40px 0 0 0; padding: 13px 0 0 18px; background: url(/images/bg_ul_web_edit.png) 0 0 no-repeat; overflow: hidden;font-size:12px;}



			#promo div.web_edits ul li { background: none; padding: 32px 0 0 0; margin: 0; float: left; display: block; height: 41px; margin: 0 10px 0 0}



			#promo div.web_edits ul li.services { background: url("/images/ill_web_edit_puck.png") 0 5px no-repeat; padding-left: 48px}



			#promo div.web_edits ul li.pricing { background: url("/images/ill_web_edit_puck.png") 0 -125px no-repeat; padding-left: 75px}



			#promo div.web_edits ul li.login { background: url("/images/ill_web_edit_puck.png") 0 bottom no-repeat; padding-left: 48px; margin-right: 0}



				#promo div.web_edits ul li a { color: #575aa0; text-decoration: none}



				#promo div.web_edits ul li a:hover,#promo div.web_edits ul li a:focus { text-decoration: underline; color: #54b811}











	#promo div.most_popular { border-left: dashed 1px #c3c3c3;border-right: dashed 1px #c3c3c3; padding: 0 20px; width: 233px; margin-right: 14px; position: relative}



		#promo div.most_popular p small { font-size: 0.916em; color: #52569b;}



		#promo div.most_popular #swf { position: absolute; width: 255px; height: 98px; left: 5px; bottom: -5px}



		#promo div.most_popular span.flash_bottom { position: absolute; bottom: 0; left: 20px; width: 233px; display: block; background: url("/images/flash_bottom.png") 0 0 no-repeat; padding: 13px 0 1px 0; text-align: center; margin-top: 105px}



		a.more { background: url("/images/bull_more.png") 0 3px no-repeat; padding: 0 0 0 15px; color: #52569b; font-size: 1.083em}



		



	#promo div.testimonials { position: relative; width: 198px}



		#promo div.testimonials div.holder { background: url("/images/bg_testimonial.png") 0 0 repeat-y; position: absolute; top: 23px; right: -22px; padding: 0 20px; width: 177px; color: #fff; text-align: center}



		#promo div.testimonials div.holder:before,#promo div.testimonials div.holder span.block-before {background: url("/images/testimonial_frame.png") 0 top no-repeat; height: 27px; margin: 0 -20px 0 -20px; display: block; content: ' ';position: relative}



		#promo div.testimonials div.holder:after, #promo div.testimonials div.holder span.block-after {background:  url("/images/testimonial_frame.png") 0px bottom no-repeat ; height: 8px; margin: 0 -20px 0 -20px ; display: block; content: ' '; clear: right; position: relative}



			#promo div.testimonials div.holder blockquote { margin: 0 0 20px; padding: 5px 0 80px 0;font: normal 0.916em Verdana, Arial, Helvetica, sans-serif; background: url("/images/ill_testimonial.png") 20px bottom no-repeat}



				#promo div.testimonials div.holder blockquote q { font-style: italic; text-align: justify; display: block}



				#promo div.testimonials div.holder blockquote cite { display: block; font-weight: bold; text-align: right; font-variant: normal; margin: 7px 0}



			#promo div.testimonials div.holder a.more {background: url("/images/bull_more_white.png") 0 3px no-repeat; color: #fff;}



			



/* =========== Register Page */



	#content-text form.register_form { margin-bottom: 40px}



		#content-text form.register_form label { display: -moz-inline-box; display: inline-block; width: 135px; font-weight: bold; color: #4c4c5e}



        #content-text form.register_form label.hide { visibility: hidden;}



		#content-text form.register_form label.lbl_ch { font-weight: normal; display: inline; width: auto}



		#content-text form.register_form input { width: 371px; margin: 5px 0; background: #fff; border: 1px solid #535364; color: #000; }



		#content-text form.register_form div.website_value { padding: 10px 0 20px; border-bottom: 1px solid #c3c3c3;border-top: 1px solid #c3c3c3; margin: 10px 0; position: relative}



			div.website_value span.payment { display: block; text-align: center; font-weight: bold; color: #4c4c5e}



			div.website_value h3 { margin-bottom: 10px}



				div.website_value span.payment big { font-size: 1.5em; font-weight: normal; color: #ca4c18}



		#content-text form.register_form select { width: 132px; margin: 5px 20px 5px 0; background: #fff; border: 1px solid #535364; color: #000;}



		#content-text form.register_form input[type="image"] { border: none; margin: 30px 0 0 135px}



		#content-text form.register_form input.image { border: none; margin: 30px 0 0 135px}





		#content-text form.register_form input.left_btn { margin-left: 139px}



		#content-text form.register_form label a { color:#69b335}



        	#content-text form.register_form textarea { width: 381px; height: 180px; border: 1px solid #535364; color: #000; font: normal 1em Tahoma;}



        .hint_ico { background: #6b98b2 url(/images/ico_question.png) 0 0 no-repeat; display: imoz-inline-box; display: inline-block; width: 27px; height: 27px; cursor: pointer; position: relative; top: -3px; text-indent: -900em;}

        .for_ta { position: relative; top: -175px;}

        #content-text form.register_form input#r_attach { width: 216px;}







#cvv_code_popup {position: absolute; width: 315px; height: 309px; border: 1px solid #52472d; background: #fff; left: 145px;	bottom: 10px; display: none; z-index: 100}



#cvv_code_popup.showed {display: block !important}



#cvv_code_popup strong {display: block;	height: 40px; margin-bottom: 10px; font: normal 17px/40px Tahoma; color: #8e571d; background-color: #ddd5ba; text-align: center}



#cvv_code_popup p {font: normal 11px Tahoma, Verdana, sans-serif; color: #000; padding: 0 20px; margin: 10px 0}



#cvv_code_popup img {display: block; margin: auto; border: none}



#content-text form.register_form #cur_value { position: absolute; top: 107px; left: 405px;font-size: 1.5em; font-weight: normal; color: #ca4c18; padding: 0; margin: 0; background: #fff; border-color: #fff; width: 20px;}







/* ******************* TracBar ***************** */



















/* / =========== Register Page */



.slide_holder {background: url("/images/rull_temp.jpg") 5px 0 no-repeat; height: 43px; padding-right: 5px; position: relative; width: 657px; padding: 26px 0 0 0; left: -5px}



.slide_holder span.left-limit {font: normal 17px Tahoma, Verdana, sans-seri; color: #fff; position: absolute; left: 12px; top: 6px}



.slide_holder span.right-limit {font: normal 17px Tahoma, Verdana, sans-seri; color: #fff; position: absolute; right: 5px; top: 6px}



/* Reset */



table.trackbar div, table.trackbar td {margin:0; padding:0;}



table.trackbar {border-collapse:collapse;border-spacing:0;}



table.trackbar img{border:0;}



/* Styles */



table.trackbar {width:250px; margin: 10px 0;}



table.trackbar .l {width:1%; text-align: right; font-size: 1px;}



table.trackbar .l div {position:relative; width:0; text-align: right; z-index:500; white-space:nowrap;}



table.trackbar .l div img {cursor:pointer;}



table.trackbar .l div span {position: absolute;top: -30px !important; right:-15px !important; z-index:1000; font: normal 17px Tahoma, Verdana, sans-seri; color: #fff}



table.trackbar .l div span.limit {text-align:left; position:absolute;top:-30px !important; left: 0 !important; z-index:100; font: normal 17px Tahoma, Verdana, sans-seri; color: #fff; visibility: hidden}



table.trackbar .r {position:relative; width:1%; text-align: left; font-size: 1px;  cursor:default;}



table.trackbar .r div {position:relative; width:0; text-align: left; z-index:500; white-space:nowrap;}



table.trackbar .r div img {cursor:pointer;}



table.trackbar .r div span {position:absolute; top: -30px !important; left: 2px !important; z-index:1000; color:#fff;font: normal 17px Tahoma, Verdana, sans-serif;}



table.trackbar .r div span.limit {position:absolute; top: -30px !important; left: 98% !important; z-index:100; ont: normal 17px Tahoma, Verdana, sans-seri; color: #fff; visibility: hidden}



table.trackbar .c {font-size:1px; width:100%;}



table.trackbar #leftBlock_two span { color: #f00}







/* ================= Modal Windows ==============*/



	#contact_window { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("/images/bg_Modal_window.png") 0 0 repeat; z-index: 10; display: none;}



		#contact_window fieldset { border: 3px solid #fff; padding: 20px 30px 10px; width: 250px; background: #89a7b8; color: #fff; height: 350px; margin: -194px 0 0 -178px; position: absolute; left: 50%; top: 50%;}



			#contact_window fieldset h2 { font: normal 1.916em Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 10px}



			#contact_window fieldset h3 { font-size: 1em}



			#contact_window fieldset a { color: #fff}



			#contact_window fieldset div.contact_area { width: 250px; padding: 0 15px 0 0; float: left}



			#contact_window fieldset div.contact_area input,#contact_window fieldset div.contact_area textarea { background: #7c97a6}



			#contact_window fieldset div.contact_area input { margin: 3px 0; width: 152px}



			#contact_window fieldset div.contact_area label { font-weight: bold; display: -moz-inline-box; display: inline-block; width: 72px}



			#contact_window fieldset div.contact_area label.lbl_ta { width: 100px}



			#contact_window fieldset div.contact_area textarea { width: 238px; margin: 5px 0; border-color: #fff; height: 99px}



			#contact_window fieldset div.contact_area p { font-size: 0.916em}



			#contact_window fieldset div.contact_area img.ill_anti_bot { display: inline; border: 1px solid #535364}



			#contact_window fieldset div.contact_area input.anti_bot { margin-left: 40px; width: 77px}



			#contact_window fieldset div.contact_area input[type="image"] { margin-top: 20px}



			#contact_window fieldset div.contact_area input.image { margin-top: 20px}



			#contact_window fieldset div.contact_area input.left_btn { margin-right: 92px}



			



			#contact_window fieldset div.address { float: right; width: 211px; padding-left: 15px}



				#contact_window fieldset div.address p { margin-top: 5px}



			#contact_window fieldset a.close_window { position: absolute; right: 3px; top: 3px; background: url("/images/ico_close.png") right 0 no-repeat; padding: 1px 25px 5px 0; font-size: 0.916em; display: block; height: 21px;}



			@-moz-document url-prefix()



				{



					#contact_window fieldset a.close_window { right: 33px; top: -13px;}



				}



				



				



		#login_window  {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("/images/bg_Modal_window.png") 0 0 repeat; z-index: 10; display: none;}



			#login_window fieldset { border: 3px solid #fff; padding: 30px 30px 10px; ; background: #89a7b8; color: #fff; margin: -125px 0 0 -160px; position: absolute; left: 50%; top: 50%;width: 251px; height: 160px}



			#login_window fieldset h2 { font: normal 1.916em Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 10px}



				#login_window fieldset label { font-weight: bold; display: -moz-inline-box; display: inline-block; width: 72px}



				#login_window fieldset input { margin: 3px 0; width: 152px;background: #7c97a6}



				#login_window fieldset a { display: block; color: #fff; margin-left: 77px}



				#login_window fieldset input[type="image"] { margin-top: 20px}



				#login_window fieldset input.image { margin-top: 20px}



				#login_window fieldset input.left_btn { margin: 20px 18px 0 75px}



				#login_window fieldset a.close_window {position: absolute; right: 3px; top: 3px; background: url("/images/ico_close.png") right 0 no-repeat; padding: 1px 25px 5px 0; font-size: 0.916em; display: block; height: 21px;}



				@-moz-document url-prefix()



				{



					#login_window fieldset a.close_window { right: 33px; top: -13px; margin: 0}



				}



/* / ================= Modal Windows ==============*/











/* ================== Pricing Page =================== */











#content-text table.pricing { width: 100%; table-layout: fixed; margin: 20px 0}



	#content-text table.pricing thead th { width: 138px; border-left: 1px solid #fff; background-color: #535364; font: bold 0.916em Tahoma, Verdana, sans-serif; color: #ffba00; padding: 10px 0}



	#content-text table.pricing thead th.feature { width: 213px; border-left-color: #535364;}



	#content-text table.pricing tbody td { padding: 10px 0; text-align: center; font: bold 0.916em Tahoma, Verdana, sans-serif; color: #535364; border: 1px solid #535364}



	#content-text table.pricing tbody td.feature { background-color: #9f9fa4; color: #fff; font-size: 1.083em}



	#content-text table.pricing tfoot td { font: bold 1.583em Tahoma, Verdana, sans-serif; color: #fff; background-color: #535364; border-left: 1px solid #fff; text-align: center; padding: 5px 0}



	#content-text table.pricing tfoot td.feature { border-left-color: #535364}



/* / ================== Pricing Page =================== */











/* ================== Service Page =================== */



	#content-text div.articles_area { border-top: 1px solid #c3c3c3; padding-top: 10px}



		div.articles_area div.article { padding: 0 0 5px 110px; margin-bottom: 10px}



		div.articles_area div.web { background: url("/images/ico_web.png") 0 0 no-repeat}



		div.articles_area div.graphiccs { background: url("/images/ico_graphic.png") 0 0 no-repeat}



		div.articles_area div.html { background: url("/images/ico_html.png") 0 0 no-repeat}



		div.articles_area div.code { background: url("/images/ico_code.png") 0 0 no-repeat}



		div.articles_area div.scripting { background: url("/images/ico_scripting.png") 0 0 no-repeat}



		div.articles_area div.programming { background: url("/images/ico_programming.png") 0 0 no-repeat}



		div.articles_area div.text { background: url("/images/ico_text.png") 0 0 no-repeat}



		div.articles_area div.graphic { background: url("/images/ico_graphic.png") 0 0 no-repeat}



		div.articles_area div.ecommerce { background: url("/images/ico_ecommerce.png") 0 0 no-repeat}



		div.articles_area div.hosting { background: url("/images/ico_hosting.png") 0 0 no-repeat}



		div.articles_area div.flash { background: url("/images/ico_flash.png") 0 0 no-repeat}



		div.articles_area div.gif { background: url("/images/ico_gif.png") 0 0 no-repeat}



		div.articles_area div.art { background: url("/images/ico_art.png") 0 0 no-repeat}



		div.articles_area div.logo { background: url("/images/ico_logo.png") 0 0 no-repeat}



		div.articles_area div.banner { background: url("/images/ico_banner.png") 0 0 no-repeat}



		div.articles_area div.d3d { background: url("/images/ico_3d.png") 0 0 no-repeat}



	a.reg_now { display: block; width: 165px; height: 39px; position: relative; margin: 5px auto; text-align: center}



		a.reg_now span { position: absolute; display: block; width: 178px; height: 42px; background: url("/images/btn_GetFreeQuote.png") 0 0 no-repeat; left: 0; top: 0;}



/* / ================== Service Page =================== */





/* hints */

#hints {z-index: 100; position: absolute; top: 0; top: 0; visibility: hidden; font-size: 12px; color: #000; padding: 3px; margin: 0px; background-color: #CCFFFF; border: 1px solid #666}



/* adding register */

div#fill_form {display: none; margin-bottom: 1em; padding: 10px 20px; font-size: 0.916em; color: #000; font-size: 1.181em}

    div#fill_form h3 { color: #c82430; font-size: 1.2em;}

    div#fill_form ul { margin: 5px 0 0 0;}

/* My task page */

#content-text table.tasks {  table-layout: fixed; margin: 20px 0}



	#content-text table.tasks thead th { border-left: 1px solid #fff; background-color: #535364; font: bold 0.916em Tahoma, Verdana, sans-serif; color: #ffba00; padding: 10px 0; width: 920px}

    	#content-text table.tasks thead th.number { width: 78px; border-left-color: #535364;}

    	#content-text table.tasks thead th.t_detail { width: 370px;}

    	#content-text table.tasks thead th.t_url { width: 300px;}

		#content-text table.tasks thead th.t_upl { width: 67px }

		#content-text table.tasks thead th.t_status { width: 101px }



	#content-text table.tasks tbody td { padding: 10px 5px; vertical-align: middle; text-align: center; font: normal 0.916em Tahoma, Verdana, sans-serif; color: #535364; border: 1px solid #535364;}

	#content-text table.tasks tbody td a { color: #3a6db3; display: block;}

	#content-text table.tasks tbody td tt { padding-top: 17px; font: bold 1.181em Tahoma; color: #52569b; background: url("/images/ico_task.png") center 0 no-repeat; display: block;}

    #content-text table.tasks tbody td tt.completed { background-position: center -46px;}

    #content-text table.tasks tbody td tt.payment_sent { background-position: center -88px;}

    #content-text table.tasks tbody td tt.payment_recived { background-position: center -88px;}

    #content-text table.tasks tbody td.number { font-weight: bold;}



	#content-text table.tasks tbody td ul { margin: 0; padding: 0}

		#content-text table.tasks tbody td ul li { margin: 0; padding: 0; background: none}



     #content-text table.tasks tbody tr:last-child td,#content-text table.tasks tbody tr.last-child td { border-bottom: 6px solid #535364;}

    a.btn_new_task { display: block; position: relative; width: 242px; height: 38px; float: right; margin-top: 20px; text-align: center; color: #50ab10;}

        a.btn_new_task span{ display: block; position: absolute;  width: 242px; height: 38px; top: 0; left: 0;background: url("/images/btn_new_task.png") center 0 no-repeat; }





#content-text.my_task { border-right: 0; margin-right: 0; width: auto; padding-right: 0}



/* forgot password */

form.forgot_form label {color:#4C4C5E; font-weight: bold;}

form.forgot_form input#email { border-color: #505d62; width: 297px; margin: 3px 0 3px 10px; color: #000;}

form.forgot_form input#submit_2 { margin: 20px 0 0 291px}



/* Thanks page */



ol.prospect { font-weight: bold; margin: 1em 0; list-style-position: inside;}

	ol.prospect li {padding: 0; margin-bottom: 4px}



	div.thanks_block { padding: 0 19px; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; background: #f0f0f0 url(/images/bg_thanx_block.png) 0 0  repeat-y;}



    div.thanks_block:before,div.thanks_block span.block-before {background: url("/images/bg_thanx_frame.png") 0 top no-repeat; height: 8px; margin: 0 -20px 0 -20px; display: block; content: ' ';position: relative}



	div.thanks_block:after,div.thanks_block span.block-after {background:  url("/images/bg_thanx_frame.png") 0px bottom no-repeat; height: 8px; margin: 0 -20px 0 -20px; display: block; content: ' '; clear: both; position: relative}



	div.thanks_block h3 { font: bold 1em Tahoma; color: #383738; margin-top: 8px}



	div.thanks_block dl { margin: 20px 0 0 0; padding: 0; overflow: hidden;}

		div.thanks_block dl dt { width: 123px; margin: 0; padding: 0; float: left; clear: left;}

		div.thanks_block dl dd { margin: 0 0 5px 0; padding: 0}



	div.thanks_block p { margin-top: 4px}

	div.thanks_block  ul.loaded_files {margin: 5px 0 0; padding: 0}

		div.thanks_block  ul.loaded_files li {margin: 0 0 4px 0; padding: 7px 0 9px 35px; background: url("/images/ico_file.png") 0 0 no-repeat}

		div.thanks_block  ul.loaded_files a { color: #52569b}




div.tickets_page input.sticker { display: block; float: left; width: 130px; height: 45px; border: none ; background: url("/images/bg_btn_ticker.jpg") 0px 10px no-repeat; text-align: center; font: bold 1.15em 'Tahoma';  color: #fff; }
div.tickets_page input.sticker_3 { display: block; float: left; width: 200px; height: 45px; border: none; background: url("/images/bg_btn_ticker_3.jpg") 0px 10px no-repeat; text-align: center; font: bold 1.15em 'Tahoma';  color: #fff; }
div.tickets_page input.sticker_2 { display: block; float: left; width: 110px; height: 45px; border: none; background: url("/images/bg_btn_ticker_2.jpg") 0px 10px no-repeat; text-align: center; font: bold 1.15em 'Tahoma';  color: #fff; }


table#slogin td { vertical-align:middle; padding: 0 5px; }
table#slogin { border: 5px solid #eee;   }

div.tickets_page a.sticker {  display: block; float: left; width: 200px !important; height: 45px;  border: none; background: url("/images/bg_btn_ticker_3.jpg") 0px 0px no-repeat; text-align: center; font: bold 1.15em 'Tahoma';  color: #fff; }
#content div.tickets_page #index form input.sticker { display: block; float: left; width: 130px; height: 45px; padding: 0px 0px 0px 0px; border: none ; background: url("/images/bg_btn_ticker.jpg") 0px 10px no-repeat; text-align: center; font: bold 1.15em 'Tahoma';  color: #fff; }