i@charset "utf-8";
html {height:100.05%}
body {background: #161b31 url(../images/body.jpg) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:0; padding:0; text-align:center; color:#babbc2; line-height:1.4em;}
/* layout */
/* common */
#container {width:990px; margin:0 auto; text-align:left; overflow:hidden}
#header {height:280px; padding-left:205px; overflow:hidden; background:url(../images/header.jpg) no-repeat top left}
/* menu */
#header h1, #header h1 a { width:180px; height:140px; background:url(../images/logo.jpg); float:right; overflow:hidden}
#header h1 a { background:url(../images/home.gif) no-repeat 95px 6px}
#header ul li { float:left; padding:44px 14px 0 26px;}
#header ul ul li, #footer ul ul li { float:none; padding:2px 0}
#header ul strong, #footer ul strong { height:1px; line-height:1px; overflow:hidden}
#header .mAbout { background: url(../images/mAbout.jpg) no-repeat; width:86px}
#header .mAbout a { color:#991e28}
#header .mServices { background: url(../images/mServices.jpg) no-repeat; width:94px;}
#header .mServices a { color:#a88615}
#header .mPortfolio { background: url(../images/mPortfolio.jpg) no-repeat; width:96px;}
#header .mPortfolio a { color:#788118}
#header .mContact { background: url(../images/mContact.jpg) no-repeat; width:84px;}
#header .mContact a { color:#2e6b44}
#header ul li a, #footer ul li a { text-decoration:none; color:#9698a2;}
#header ul li a:hover, #footer ul li a:hover { color:#FFF;}
#header ul li.active a { color:#babbc2}
/* footer */
#footer { clear:both; padding:15px 0 15px 205px; background:url(../images/footer.jpg) no-repeat 0 0; border-top:1px solid #2e3246; margin-top:15px; height:150px}
#footer ul li { float:left; padding:27px 40px 0 0;}
#footer .mAbout { background: url(../images/fAbout.gif) no-repeat; width:86px}
#footer .mServices { background: url(../images/fServices.gif) no-repeat; width:94px;}
#footer .mPortfolio { background: url(../images/fPortfolio.gif) no-repeat; width:96px;}
#footer .mContact { background: url(../images/fContact.gif) no-repeat; width:94px;}
#footer ul li.active a { color:#FFF}
#qq, #qq a { width:255px; height:110px; overflow:hidden; background:url(../images/qq.jpg) no-repeat 0 0; float:right}
/* homepage */
#hQuote, #hInfo, #hWork, #hAbout, #hVision {padding:15px 10px 15px 205px;}
#hQuote {background:url(../images/hQuote.jpg) no-repeat 0 0;}
#hQuote big {display:block; height:157px; width:100%; overflow:hidden; background-repeat:no-repeat}
#hQuote big span { float:left; margin-top:-9999px}
#hInfo {background:url(../images/hInfo.jpg) no-repeat 0 0; border-top:1px solid #2e3246; height:265px;}
#hInfo h2, #hInfo h2 a {display:block; width:248px; height:248px; overflow:hidden; background-repeat:no-repeat; float:left}
#hInfo h2 a:hover { background-position:0 -248px}
#hInfo1, #hInfo2, #hInfo3 { margin-right:10px; float:left; width:248px;}
#hInfo1 h2 a { background:url(../images/rWD.jpg)}
#hInfo2 h2 a { background:url(../images/rCMS.jpg)}
#hInfo3 h2 a { background:url(../images/rSEO.jpg)}
#hWork {background:url(../images/hWork.jpg) no-repeat 0 0; border-top:1px solid #2e3246; height:245px; line-height:1.65em}
#hWork img {float:left; margin:0 15px 15px 0}
.moreInfo {line-height:30px; color:#6a7292; text-align:center; font-size:13px;}
.moreInfo a { color:#bc2430; padding:3px 7px; text-decoration:none}
.moreInfo a:hover { background:#bc2430; color:#FFF}
#hInfoRoll { height:248px; overflow:hidden; text-align:left; margin-bottom:15px;}
/* about */
#hAbout { background:url(../images/hAbout.jpg) no-repeat 0 0}
#hVision { background:url(../images/hVision.jpg) no-repeat 0 0; border-top:1px solid #2e3246; clear:both}
#hHowWork { background:url(../images/hProcess.jpg) no-repeat 0 0; padding:15px 10px 15px 205px}
#hTech { background:url(../images/hTech.jpg) no-repeat 0 0; padding:15px 10px 15px 205px}
#pAbout, #pTech, #pWork { font-size:15px; line-height:1.3}
#pAbout h2, #pWork h2, #pTech h2 {height:36px; width:200px; margin:-37px 0 1px 0; position:relative; z-index:9; margin-left:205px; overflow:hidden; }
#pAbout h2 {background:url(../images/about.gif)}
#pWork h2 {background:url(../images/work.gif)}
#pTech h2 {background:url(../images/technology.gif)}
#pAbout h3, #pTech h3, #pWork h3 { color:#bf2531; font-size:24px; font-weight:normal; margin-bottom:0.5em; font-family:Georgia, "Times New Roman", Times, serif;}
#pWork ul { list-style:disc inside;}
#pWork ul li { list-style:disc inside; padding: 0 0 0 20px}
/* tags */
ul.tags {clear:both; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#bf2531}
ul.tags li {display: inline;margin:0 0.5em 0 0;padding: 0.5px 0 0.5px 0}
ul.tags li.software{color:#318450;font-size:20px}
ul.tags li.activity{color:#d3aa22;font-size:24px}
ul.tags li.language{color:#93a11c;font-size:30px}
ul.tags li.technology{color:#d4522f;font-size:20px}
/* services */
#hWebDesign { padding:15px 10px 15px 205px; background:url(../images/hservices.jpg) no-repeat 0 0}
.wdcol { float:left; width:230px; margin-right:25px; font-size:13px; padding:0}
.wdcol h3 { font-size:18px !important}
.wdcol ul li { padding:3px 0 3px 20px; background:url(../images/bulet_arrow_yellow.gif) no-repeat 3px 8px}
#pWebDesign, #pWebDevelopment, #pSeo { font-size:15px; line-height:1.3}
#pWebDesign h2, #pWebDevelopment h2, #pSeo h2 {height:36px; width:220px; margin:-37px 0 1px 0; position:relative; z-index:9; margin-left:205px; overflow:hidden; }
#pWebDesign h2 {background:url(../images/webdesign.gif) no-repeat}
#pWebDevelopment h2 {background:url(../images/webdevelopment.gif) no-repeat}
#pSeo h2 {background:url(../images/seo.gif) no-repeat}
#pWebDesign h3, #pWebDevelopment h3, #pSeo h3 { color:#d2a71a; font-size:24px; font-weight:normal; margin-bottom:0.5em; font-family:Georgia, "Times New Roman", Times, serif;}
.price { /*background:url(../images/currency_usd.png) no-repeat 0 8px !important;*/ background:none !important; font-size:18px; padding-left:20px}
.price b { color:#D2A71A; font-weight:normal}
p.price { padding-left:0}
/* portofoliu */
#pSelected, #pCaseStudy {background:url(../images/hSelected.jpg) no-repeat 0 37px}
#pSelected h2, #pTestimonials h2, #pCaseStudy h2 { height:36px; width:200px; margin:-37px 0 1px 0; position:relative; z-index:9; margin-left:205px; overflow:hidden;}
#pSelected h2 {background:url(../images/selected.gif);}
#pTestimonials h2 {background:url(../images/testimonials.gif);}
#pCaseStudy h2 {background:url(../images/casestudies.gif);}
#pTestimonials h3, #pSelected h3, #pCaseStudy h3 { color:#96a11d; font-size:24px; line-height:1.2; font-weight:normal; margin-bottom:0.5em; font-family:Georgia, "Times New Roman", Times, serif;}
#pTestimonials {background:url(../images/hTestimonials.jpg) no-repeat 0 37px}
.hSelected {border-top:1px solid #2e3246; height:245px; margin-top:-1px; line-height:1.65em; clear:both; padding:15px 10px 15px 205px;}
.hSelected img {float:left; margin:0 15px 15px 0}
.lCaseStudy { float:right; width:150px; margin-top:15px}
.lCaseStudy li { clear:both; text-align:right;}
.lCaseStudy li a { text-decoration:none; background:#101321; padding:5px; width:140px; float:left; height:14px; line-height:14px; border-bottom:1px solid #2e3246;}
.lCaseStudy .active { font-weight:bold;}
.lCaseStudy .active a {background:#96a11d url(../images/cur.gif) no-repeat 0 0; color:#161b31}
.hCaseStudy { padding:15px 10px 15px 205px; width:610px}
.hCaseStudy img { margin-bottom:15px;}
.csimg { float:left; margin:5px 2px 10px 0}
.hTestimonial {line-height:1.65em; clear:both; padding:15px 10px 15px 205px; background:url(../images/q.gif) no-repeat 205px 100%; font-size:12px; border-top:1px solid #292b3a; margin-top:-1px}
#pTestimonials h3 { text-align:right; font-size:18px; padding:0 120px 0 0; margin:0}
#pTestimonials h3 small { font-size:12px; color:#babbc2}
/* contact */
#pPayment, #pContact, #pQQ { background:url(../images/hContact.jpg) no-repeat 0 37px; font-size:15px; line-height:1.3}
#pPayment h2, #pContact h2, #pQQ h2 {height:36px; width:200px; margin:-37px 0 1px 205px; position:relative; z-index:9; overflow:hidden; }
#pPayment h2 {background:url(../images/payment.gif)}
#pContact h2 {background:url(../images/hello.gif)}
#pQQ h2 {background:url(../images/quoterequest.gif)}
#hPayment, #hContact, #hQQ {padding:15px 10px 15px 205px;}
#hPayment h3, #hContact h3, #hQQ h3 { color:#398554; font-size:24px; font-weight:normal; margin-bottom:0.5em; font-family:Georgia, "Times New Roman", Times, serif;}
fieldset {border:1px solid #1b2e33; padding-bottom:15px; clear:both}
legend { margin: 10px; padding:3px; color:#FFF; }
input, textarea { float:left; width:500px; background:#111321; color:#FFF; border:1px solid #2e6b44; margin-bottom:5px; padding:2px}
.submit { float:left; clear:both; cursor:pointer; font-weight:bold; background:#2e6b44; color:#FFF; border:none; padding:5px; display:inline; margin-left:135px;width:100px;}
.contactForm label, .quoteForm .textFields label { width:120px; text-align:right; padding:0 15px 0 0; float:left; clear:both; font-size:11px;}
.contactForm fieldset { background:url(../images/contact.gif) no-repeat top right}
.quoteForm label { padding-left:15px; float:left; font-size:11px}
.quoteForm span { float:left; margin-right:5px; padding-left:5px; font-size:11px}
.rad { border:none; background:transparent; width:auto;}
/* common helpers */
#header h1 span, #header ul strong span, #footer ul strong span, h2 span { float:left; margin-top:-9999px}
.errorMessage { color:#bd2532; float:left; font-size:15px !important}
/* defaults */
* {margin:0; padding:0; list-style:none outside}
p {margin:0 0 1.2em 0}
a img {border:none} a { color:#babbc2;} a:hover { color:#FFF}
#wework li{margin:3px 0;}
#wework li strong{color:#d2a71a;}
#copyright {color:#9698A2; clear:both; border-top:1px solid #2e3246; padding:10px 0}
#pPrivacy {padding:10px 10px 10px 205px;}
#pPrivacy h2 {
font-size: 24px;
font-weight: normal;
margin-bottom: 0.5em;
font-family: Georgia, "Times New Roman", Times, serif;
}
#pPrivacy ul li { padding:0 0 3px 21px}