html {height: 100%; margin:0;padding:0;}

body {min-height: 100%;  background:url(images/bg01.gif) #C5C1B6; margin:0 auto;}

* {margin:0;} 

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

li {margin:0;}

a {outline:none;} 



h1 { display:block; width:99%; border-left:4px solid #ffa238; border-right:4px solid #ffa238; color:#21697D; font:bold .8em/1.7em "Tahoma", Times, serif;

background: url(images/h1.png) repeat-x; text-indent:40px; position:relative;}

h1.long {margin-left:10px; width:96.7%;}

h1.short {float:right; width:70%;}

h1.short2 {float:left; width:70%;}

h1.megashort {float:right; width:55%;} 

h2 {font:13px Verdana; font-weight:bold; color:#555; padding:0; margin:0;}



a {color:#555; text-decoration:none;} 

p.nopadding {margin-left:-10px;} 



#shadow {width:820px; min-height:100%; height:100%; background:url(images/shadow.png) repeat-y;  margin:0 auto; behavior: url(iepngfix.htc); }



#wrap {width:780px; min-height:100%; position:relative; margin:0 auto;  background:#fff; border:1px solid #d0d0d0; border-top:none;}

#top { height:36px; background:url(images/top.gif) repeat-x;  position:relative;}

#header {height:192px;  background:url(images/head1.jpg) left top no-repeat; position:relative;  }



#menu {height:43px;width:780px; background:url(images/menu_bg.png) repeat-x left bottom; position:absolute; bottom:7px;}



#menu ul.navigation {display:block; position:absolute; bottom:10px; z-index:2;}

#menu ul li {float:left; margin:0; padding-left:45px; padding-top:12px; padding-bottom:5px; }

#menu ul li.active {float:left; margin:0; padding-left:33px; padding-top:12px; padding-bottom:5px;  background:url(images/left_menu.png) no-repeat 0 0px; }

#menu ul li a { padding:0; display:block; text-align:center; color:#21697D; font:bold 13px/20px   Tahoma;  

text-decoration:none;}

#menu ul li a:hover {color:#F89422}

#menu ul li a.active {color:#fff;}

#menu ul li a.active:hover {color:#21697D;}

#menu ul li a span{ display:block; padding-top:12px; padding-bottom:8px; padding-left:5px; padding-right:5px; margin-top:-12px;}

#menu ul li a span.active{ display:block; padding-top:12px; padding-bottom:8px; padding-left:5px; padding-right:15px; margin-top:-12px; background:url(images/span.gif) repeat-x;}

#menuborders {position:absolute; z-index:1; background:url(images/menu_borders.png) 0 8px;}







#content {padding:0;}

#content p {padding:10px 0px 10px 10px; font:  .8em/1.5em Tahoma, Verdana, Arial, Sans-Serif; color:#555; text-align:justify;}

#content p span.capital { float:left; color:silver; padding:2px 5px 0 0; font: 2.4em/.9em "Tahoma", times, Sans-Sherif; background: #fff }



img.welcome {float:left; margin:5px 15px 40px -15px;}

img.project {float:left; margin:5px 15px 5px 25px;}

img.puzzle {float:left; margin:30px 5px 5px 0; width:140px}







/* Index page */

#left {width:520px; padding:0 10px 10px; float:left; position:relative;}

#left object {margin-top:20px; width:200px; height:173px;}

div#star_limited {width:200px; height:173px; background:url(images/star_limited.jpg) no-repeat 50px 30px;}



#right {width:216px; padding-left:5px;  float:left; background-color:#fff;  background:url(images/right_background.gif) repeat-y;}

#right p {font: .7em/1.5em Verdana, Arial, Sans-Serif; color:#555; text-align: left; padding-left:30px;}

#right p.right_top {background:url(images/right.jpg) no-repeat -5px 0 #fff; padding-left:40px; padding-top:100px; 

font:italic bold .9em Georgia, 'Times New Roman', Times, serif; color:#21697d;}

#right p.bottom {background:url(images/right_bottom.gif) -5px 100% no-repeat;}

#right p.bottom span {background:#ffffff url(images/samples_bottom.gif) no-repeat bottom right; display:block; padding:12px; padding-top:4px; border:0px solid #cccccc; border-top:0px solid #cccccc; border-bottom:0px solid #cccccc;}

#right p.bottom span strong {color:#555; font-weight:bold; text-align:right; display:block;}

#right h2 {font:italic bold .9em Georgia, 'Times New Roman', Times, serif; color:#555; padding-left:60px; background-color:#ccc;}

#right h2.methodology { background:url(images/methodology.gif) no-repeat 28px 0px; color:#21697d; line-height:22px;}

#right h2.calculate { background:url(images/calculate.gif) no-repeat 28px 3px; line-height:22px;}

#right h2.news { background:url(images/globe.gif) no-repeat 28px 0; }

#right h2.quote { background:url(images/quote.gif) no-repeat 30px 0px; color:#21697d; line-height:22px;}

img.latest {margin:2px 17px -2px; border:2px solid #ccc; opacity: .70; -moz-opacity: 0.70; -khtml-opacity: 0.70;}

img.latest:hover {border:2px solid #666;  opacity:1; -moz-opacity:1; -khtml-opacity: 1;}

img.h1img {position:absolute; left:0px; bottom:-7px;}

img.whatwedo {margin-left:-5px; margin-top:8px;}

img.lproject {margin-left:-7px; margin-top:8px;}

img.intouch {background:url(images/samples_bottom.gif) no-repeat bottom right; margin-left:35px; margin-top:2px;}

img.comments {margin-left:35px; margin-top:2px;}

img.cbanner {margin:5px 25px 0px;}



 

div.samples {width:260px; height:175px; background: #fff url(/images/bg_input_white.gif) 0 100% repeat-x; font-size:.9em; color:#666; position:absolute; left:2px; 

margin:10px; margin-top:10px; padding:10px -1px 15px 10px; border:1px solid #ccc; border-top:none;}

font.raquo{color:#ff7113;}

font.raquo1{color:#21697d;}

div.samples strong{color:#555; font:bold 12px Verdana;}

div.samples h2  {background:url(images/index_box_top.gif); width:240px; height:36px; display:block; padding-left:30px; padding-top:5px; margin-left:-5px;

text-decoration:none; font:bold .9em/1.5em Verdana, Arial, Sans-Serif; color:#21697d;}

div.samples a {text-decoration:none;}

div.samples img.portfolio {width:110px; margin:12px 10px 15px 10px; border:2px solid #ccc; float:left; opacity: .70; -moz-opacity: 0.70; -khtml-opacity: 0.70;}

div.samples img.portfolio:hover {border:2px solid #999;  opacity:1; -moz-opacity:1; -khtml-opacity: 1;}

div.background {width:287px; height:189px; background: #fff url(/images/bg_bottom_shadow.gif) 0 100% no-repeat; position:relative; float:right;}


/* About us  */

p.letsdothis {border:1px solid #e2e2e2; border-top:4px solid #e2e2e2; border-bottom:4px solid #ececec;}

p strong {color:#65567A;}

span.approach {padding:10px 0 10px 10px; display: block; font:  .8em/1.5em Tahoma, Verdana, Arial, Sans-Serif; color:#555; text-align:justify;}span.approach img{float:left; margin-right:5px; margin-top:6px;}

div.hightlight {font-size: 1em; color:#21697D; display:inline;  background: url(images/bg-h4-orange-highlight.gif) top left no-repeat; margin-right: 8px;} 

div.hightlight  span {background: url(images/bg-h4-orange-highlight-span.gif) top right no-repeat; font-weight:bold; } 

img.phone {float:left; margin:0 0 0 -10px;}

img.passion {float:left; margin:2px; margin-top:8px;}

img.mpteam {float:left; margin:-10px 40px 10px 58px; }

img.arrow {float: left; padding: 0px; margin: 0px 8px 5px 0;}

img.leftbar {margin-left:2px; margin-top:3px;}

img.notepd {float:right; margin: -5px 45px 10px 58px; }

ul.about {margin-left:20px; color:#555;}

ul.about li {background:url(images/arrow_grey.gif) no-repeat top left; height:20px; 

font:12px Tahoma; margin-bottom:0px; padding-left:20px;}



/* Services */

ul.services {margin:10px  auto 20px 20px;}

ul.services li {background:url(/) no-repeat top left; height:20px; 

font: normal .7em Verdana, "Times New Roman", Times; color:#555; margin-bottom:0px; padding-left:20px;}

ul.services li span{ border-bottom:1px dashed #aeaeae; display:block; width:95%;}

ul.services li span:hover { border-bottom:1px solid #3399cc; background:#F9F9F9;}



ul.services_page {margin:10px  auto 20px 20px;}

ul.services_page li {background:url(images/arrow_grey.gif) no-repeat top left; height:20px; 

font: normal .8em Tahoma, "Times New Roman", Times; color:#555; margin-bottom:0px; padding-left:20px;}

ul.services_page li span{ border-bottom:0px dashed #aeaeae; display:block; width:270px;}

ul.services_page li span:hover { border-bottom:1px solid #009fFF; background:#F9F9F9;}



img.services {float:left; margin-right:10px;}

img.passion {float:left; margin:2px; margin-top:8px;}

img.teamwork  {float:left; margin:-10px 40px 10px 150px;}

img.pplver  {float:right; margin:45px 20px 0 50px;}

div.package {border:1px solid #ccc; border-top:none; margin:10px 9px; background: #fff url(/images/bg_input_white.gif) 0 100% repeat-x; 

position:relative; padding:0; padding-top:30px; padding-bottom:9px; font-size: .9em;}

div.package span {position:absolute; height:5px; left:0; top:0px; padding:5px 0 0 10px; 

font-weight:bold; display:block; width:98%; color:#555; background:url(images/top1.gif); 

margin:0px; border-top:1px solid #ccc; font:bold .9em Verdana; color:#21697D; height:20px;}

img.package_image {position:absolute; left:417px; top:45px;}

div.package p.package_content a{font-weight:bold; display:block; text-decoration:none; position:absolute; left:416px; bottom:19px; background-repeat:no-repeat; 

background:url(images/btn_order_blue.gif); width:72px; height:26px;}

div.package p.package_content a:hover{background-image:url(images/btn_order_orange.gif);}



.package p.package_content span {display:block; background:none;}

.package p.package_content b {text-align:right;margin:0;}



table.pricelist {color:#555; font:.8em Tahoma, Arial, Helvetica, sans-serif; margin:0 5px 0 5px; width:100%; border:0;}









.list {list-style:square;width:500px;padding-left:16px;}

.list li{padding:2px;font-size:8pt;}









/*  PORTFOLIO */

div.portfolio {width:390px; height:330px; margin:5px auto; background:url(images/bg-portf.png) #C5C1B6;

 padding-top:35px; padding-left:80px; font:12px Tahoma; letter-spacing:0;}

div.portfolio_image {width:270px; height:280px; background: url(images/portfolio_img.png) no-repeat; float:left; padding:30px 20px 30px 20px;

color:#555; font:}

div.portfolio_image img {margin:18px 0px 5px 10px; float:right; border:none;}

div.portfolio_image span {width:98%; color:#555; font:bold 13px Verdana; color:#21697D; text-transform:uppercase; text-align:center; display:block;}





p.portfolio_description {font-weight:bold;}

i { margin-top:5px; color:#ff7113; font: bold 1em Tahoma; text-align:left; }

div.portfolio a:hover {text-decoration:none;}



div.portfolio div.hint  {position:absolute; left:315px; top:170px; font:11px Verdana; text-align:center;}

.hintsClass {background-color:#fff ;border: 1px solid #808080; padding: 5px 5px 30px 5px;}

img.hintimage {border:1px solid #555}		



#loader_container {text-align:center;position:absolute;top:40%;width:100%}

#loader {font:10px Tahoma, Helvetica, sans; color:#000;background:#fff;padding:10px 0 16px 0;margin:0 auto;display:block;width:135px;border:1px solid #6A6A6A;text-align:left; z-index:255;

}

#progress {height:5px; font-size:1px; width:1px;	position:relative;	top:1px;	left:10px;	background-color:#9D9D94}



#loader_bg {	background-color:#EBEBE4;position:relative;top:8px;left:8px;height:7px;width:113px;font-size:1px}

.title_h2 { width:300px; padding:12px 0 0 18px;}

.border_preview{z-index:100; position:absolute; background: #fff;	border: 1px solid #444;}

.preview_temp_load {	vertical-align:middle; text-align:center; padding: 10px;}

.preview_temp_load img{ vertical-align:middle; text-align:center;}



#basic-accordian{border:5px solid #EEE;padding:5px;width:500px;position:absolute;left:10px;top:80px;z-index:2;}



.accordion_headings{padding:5px;background:#99CC00;color:#FFFFFF;border:1px solid #FFF;cursor:pointer;font:bold 12px Tahoma; }



.accordion_headings:hover{background:#00CCFF;}



.accordion_child{padding:0px;}



.header_highlight{background:#00CCFF;}



/* ORDER */

table.additional {color:#555; font:11px Tahoma, Arial, Helvetica, sans-serif; margin:10px; width:400px;

float:right; padding:5px;border:1px solid #ccc; }

form input.order_checkbox {width:15px; background-color:#fff; border:none; margin-left:5px;}

form select {width:50px; margin:0} 

img.otmetka {vertical-align:middle; margin-right:5px;}

input.add {float:right; margin:5px 0px;border:1px solid #ccc;font:12px Verdana, Arial; background:#555; color:#fff;}

input.info {height:12px; width:130px; font-size:10px;}

form textarea {width:132px; margin-left:0;}

p.desired_package {width:330px; float:left;  margin:10px 5px;}

span.package_info {display:block; background:#FFFFFF; border:1px solid #ccc; padding:10px;}

#show_packages {width:340px; height:500px; float:left; font:12px Tahoma, Verdana, Arial,

 sans-serif;color:#555; margin:10px; position:relative;}

#show_packages i {font-weight:bold; padding-left:10px; font-size:12px;color:#21697D;}

#show_packages strong {padding:0px 10px ; color:#555;}

#show_packages p{font: 12px Verdana; position:relative; padding:0;}

#add_element label.error {color:#f00; width: auto; float:left; clear:right; }

#add_element input.error {border:2px solid #f00; background:#FFFFD5;}
p.error {color:#f00;}




/* Contact Form */

form#contact fieldset {width:400px; border:none; float:right; margin-top:10px;}

form#contact input, select {border:1px solid #c0bebe; font:.9em/1.5em Tahoma, Georgia, "Times New Roman", Times, serif; color:#2d2c2c; float:left; display:block; width:125px; height:14px; margin-left:10px; background: #fff url(/images/bg_input_white.gif) 0 100% repeat-x;}

form#contact textarea {font:.9em/1.5em Tahoma, Georgia, "Times New Roman", Times, serif; color:#2d2c2c; float:left; display:block;  width:190px; height:148px;  margin-left:10px;

padding:2px 0; border:1px solid #c0bebe; background: #fff url(/images/bg_input_white.gif) 0 100% repeat-x;}

form#contact label, label span { display:block; font:85% Tahoma, Georgia, "Times New Roman", Times, serif;color:#21697d; }

form#contact label { float:left; width:95%; margin-bottom:5px;}

form#contact label span { float:left; width:40%; text-align:right;}

form#contact label img {float:left; margin-left:13px; margin-bottom:4px; border-bottom:1px dashed #ccc;}

form#contact input.button {border:1px solid #ccc;  font:1em  "Tahoma", Verdana, Arial; color:#21697D; 

 margin:10px; width:80px; height:20px;}

form#contact input.button:hover{color:#F89422;}

#contactforminfo {width:200px; height:380px; background:url(images/contact_person2.jpg) no-repeat top left; 

padding:20px 40px 30px 30px; margin:25px 0px 0px; float:right;}





/* Estimate Form */

form#estimate fieldset {width:500px; border:none; float:left; margin-top:20px;}

form#estimate label {float:left; width:99%; display:block; padding-bottom:2px; padding-top:4px;}

form#estimate label.box {width:79%;  padding-bottom:2px; padding-top:1px;}

form#estimate label.comments {margin:5px auto;}

form#estimate label span {float:left; width:270px; text-align:right; display:block; padding-top:2px;}

form#estimate select {background:#F7F7F7; float:left; padding:0; width:60px; margin-left:15px;}

form#estimate select#project {width:199px;}

form#estimate fieldset input, textarea {float:left; width:196px; background:#FFFFFF; 

border:1px solid #ccc; border-left:1px solid #666; border-top:1px solid #666; 

font-family:Verdana, Georgia, "Times New Roman", Times, serif; font-size:11px; margin-left:15px;}

form#estimate fieldset input#num_pages {width:30px; text-align:right;}

form#estimate fieldset input.checkbox {width:34px; background-color:#fff; border:none;}

form#estimate fieldset input.button {width:120px; float:left; background-color:#fff; margin-left: 15px; 

font:14px "Lucida Sans Unicode", Verdana, Arial; color:#ff7113;}

form#estimate fieldset input#code {width:115px; margin-top:10px;}

form#estimate fieldset input:hover, textarea:hover {border-color:#CE6700;}

form#estimate fieldset input:active, input:focus {border-color:#CE6700}

form#estimate span.text {width:90%; float:left; margin:15px; margin-left:15px; text-align:left;

font-family:Verdana, Georgia, "Times New Roman", Times, serif; font-size:12px; color:#69753e;}

form#estimate label span img{ border-bottom:1px dashed #ccc;}

#quote_info {width:320px; margin-top:20px; padding:0 0 5px 0;  float:right;}

#quote_info p {padding:60px 45px 15px 55px;background:url(images/notepad.gif) no-repeat top left; text-indent:10px;}





/*FAQ*/

#left ul.faq li {background:url(images/arrow_grey.gif) no-repeat left 4px; padding-left:20px; margin-left:10px;}

#left ul.faq li a {text-decoration:none; color:#21697D; display:block; width:98%; font:bold 75%/1.6em Tahoma, Helvetica, sans-serif; }

#left ul.faq li a:hover {text-decoration:none; font-weight:bold; color:#555; /*border-bottom:1px solid #ff7113;*/ background:#fcfcfc;}

#left span.question {font:bold 75% Tahoma, Arial, Helvetica, sans-serif;  

height:21px; padding:3px 15px; color:#21697D; display:block;  line-height:18px;}

#left span.question font{color:#326077; font-weight:bold; padding-left:7px;}

#left span.bottom {margin-bottom:8px;}

#left span.answer {display:block; padding:3px 20px; text-align:justify;  margin-bottom:25px; font:normal 75%/1.6em 

Tahoma, Arial, Helvetica, sans-serif;}

#left span.answer font{color:#ff7113; font-weight:bold; padding-left:2px;}

#left strong {color:#555;  display:block;}

#left p.faq {text-align:justify; width:92%; padding-left:20px;}



/* Sitemap */

ul.sitemap {margin:30px; margin-left:40px; font:.7em/1.5em Verdana;}

ul.sitemap li {height:30px; margin-bottom:0px; padding-left:0px;}

ul.sitemap li span{ border-bottom:1px dashed #aeaeae; display:block; width:335px;}

ul.sitemap li span:hover { border-bottom:1px solid #3399cc; background:#F9F9F9;}

img.sitemap {float:left; margin-right:10px; margin-top:10px; margin-bottom:5px; margin-left:10px;}



/* Footer  */

#footer {width:780px; height:27px; position:absolute; bottom:0px; background: url(images/footer.png) repeat-x left bottom #f0f0f0; padding-top:6px;  border-top:1px solid #aeaeae;

font:normal .7em/1.8em Tahoma ,Arial; color:#21697D;}

#footerhtml{display:block; position:absolute; left:8px; top:7px; margin:0; padding:3px; } 

#footerhtml a{display:inline; text-decoration:none; color:#21697D;}

#footerhtml a:hover{ text-decoration:underline; }

#copyright { position:absolute; display:block; right:8px; top:10px; }



/* PRIVACY  */

img.privacy {float:left; margin-right:15px; margin-top:0px; margin-bottom:4px;}



/* Success  */

#success {width:200px; height:300px;}

img.check {float: left; padding: 0px; margin: 0px 8px 5px 0;}