@charset "utf-8";

* {margin:0; padding:0;}

body {background:#fff; font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
img {border:0;}
p {font-size:12px; color:#000; line-height:17px;}
h1 {color:#755790; font-size:16px;}
h2 {color:#838b81; font-size:14px; font-weight:normal;} 
h3 {color:#6f776d; font-size:12px; font-weight:normal;}
a:hover {text-decoration:none;}

#wrap {width:980px; margin:10px auto;}

/* Navigation and Search
------------------------------------------------------------*/
#navBar {float:left; width:980px; background:url(../img/nav-side.png) right no-repeat #f1f2f1;}
/* Navigation English */
#nav {float:left; width:750px;}
#nav ul li {float:left; list-style-type:none;}
#nav li {height:32px; display:block;}
#nav li a {display:block; height:32px; background-position:0 0; text-indent:-9999px;}
#nav li a.home {background:url(../img/home.png) top no-repeat; width:101px}
#nav li a.products {background:url(../img/products.png) top no-repeat; width:118px}
#nav li a.support {background:url(../img/support.png) top no-repeat; width:110px}
#nav li a.contact {background:url(../img/contact.png) top no-repeat; width:115px}
#nav li a.screenshots {background:url(../img/screenshots.png) top no-repeat; width:129px}
#nav li a.srpski {background:url(../img/srpski.png) top no-repeat; width:104px}
#nav li a:hover, #nav li a.activeLink {background-position:0 -32px;}

/* Navigation Serbian */
#navs {float:left; width:750px;}
#navs ul li {float:left; list-style-type:none;}
#navs li {height:32px; display:block;}
#navs li a {display:block; height:32px; background-position:0 0; text-indent:-9999px;}
#navs li a.home {background:url(../img/srp_home.png) top no-repeat; width:101px}
#navs li a.products {background:url(../img/srp_products.png) top no-repeat; width:118px}
#navs li a.support {background:url(../img/srp_support.png) top no-repeat; width:110px}
#navs li a.contact {background:url(../img/srp_contact.png) top no-repeat; width:115px}
#navs li a.screenshots {background:url(../img/srp_screenshots.png) top no-repeat; width:127px}
#navs li a.english {background:url(../img/english.png) top no-repeat; width:104px}
#navs li a:hover, #navs li a.activeLink {background-position:0 -32px;}

/* Search */
#searchField {float:right; padding:10px 10px 0 48px; background:url(../img/search-bgr.png) right no-repeat; background-position:25px 8px; width:152px; height:22px;}
#searchField input {float:left; border:0; background:none; font-size:11px;}
#searchField input.searchField {width:140px; height:12px;}
#searchField input.searchButton {width:1px; height:1px;}

/* Header
------------------------------------------------------------*/
#header {float:left; width:980px; padding:15px 0;}

/* Footer
------------------------------------------------------------*/
#footer {float:left; width:980px; padding:10px 0; border-top:#dfe7ea solid 1px;}
#footer p.footerLeft {float:left; width:400px; color:#6f776d; font-size:10px;}
#footer p.footerRight {float:right; width:400px; text-align:right; font-size:10px;}
#footer p.footerRight a {color:#6f776d;}

/* Content
------------------------------------------------------------*/
#content {float:left; width:980px; padding:0 0 15px 0;}

/* Bottom Content */
#subContent {float:left; width:980px; padding:15px 0 0 0;}
.SubBox {float:left; width:318px; height:129px; background:url(../img/bottom-box.png) top no-repeat; margin:0 11px 0 0;}
.SubBox h3 {padding:6px 0 10px 8px;}
.SubBox p {color:#000; font-size:11px; padding:0 8px;}
.SubBox a{color:#6f776d;}
.SubBox input.newsletterField {background:url(../img/newsletter-bgr.png) left no-repeat; width:292px; height:17px; border:0; padding:2px 5px 0 5px; margin:8px 0 0 8px; font-size:11px; color:#6f776d;}
.SubBox input.sendButton {background:url(../img/button-send.png) left no-repeat; border:0; width:70px; height:19px; float:right; margin:5px 0 0 0; cursor:pointer;}
.SubBox input.sendButtonSrp {background:url(../img/srp_button-send.png) left no-repeat; border:0; width:70px; height:19px; float:right; margin:5px 0 0 0; cursor:pointer;}

.SubBox label {float:left; width:100px; text-align:right; padding:10px 0 0 0;}
.SubBox input.loginField {background:url(../img/login-bgr.png) left no-repeat; width:184px; height:17px; border:0; padding:2px 5px 0 5px; margin:8px 0 0 8px; font-size:11px; color:#6f776d; float:left;}
.SubBox input.submitButton {background:url(../img/button-submit.png) left no-repeat; border:0; width:70px; height:19px; float:right; margin:5px 15px 0 0; cursor:pointer;}
.SubBox input.submitButtonSrp {background:url(../img/srp_button-submit.png) left no-repeat; border:0; width:70px; height:19px; float:right; margin:5px 15px 0 0; cursor:pointer;}

/* PAGES */

/* Main Content */
#mainContent {float:left; width:980px;}
.mainContentBox {float:left; width:284px; border-right:#dfe7ea solid 1px; padding:0 20px;}
.mainContentBox h1 a {text-decoration:none;}
.mainContentBox h1 a:hover {text-decoration:underline;}
.mainContentBox p {padding:15px 0 0 0;}
.mainContentBox span {float:right;}
.mainContentBox ul {float:left; width:286px; padding:10px 0 0 0;}
.mainContentBox li {list-style:none; line-height:17px;}
.mainContentBox a{color:#9074aa;}

/* Products Content */
.productsContentBox {float:left; width:655px; border-right:#dfe7ea solid 1px; padding:0 20px 0 0;}
.productsContentBox img {float:left; border:#b4bcb2 solid 2px; padding:1px; margin:3px 20px 0 0;}
.productsContentBox p {float:left; padding:7px 0 0 0; text-align:justify;}

.productsContentBox ul {float:left; width:635px; padding:10px 0 10px 20px;}
.productsContentBox li {list-style:disc; line-height:20px;}

.productBottomTxt {float:left; width:635px; padding:10px; margin:5px 0 0 0; font-style:italic; font-size:14px;}

.productsSideBox {float:left; width:284px; border:0; padding:0 0 0 20px;}
.productsSideBox img {margin:10px 0 0 0;}

/* Screenshots Content */
.screenshotsHolder {float:left; width:940px; padding:0 20px;}
.screenshotsBoxes {float:left; width:940px; padding:20px 0 0 0;}
.screenBox {float:left; width:460px; padding:0 20px 0 0;}
.screenBox img {float:left;}
.screenBox p{float:right; width:310px; padding:20px 5px 0 5px;}

/* Support Content */
.supportContentBox {float:left; width:685px; border-right:#dfe7ea solid 1px; padding:0 20px;}
.supportContentBox p {padding:15px 0 0 0;}
.supportSideBox {float:left; width:234px; border:0; padding:0 0 0 20px;}
.supportSideBox p {padding:15px 0 0 0;}
.supportSideBox span {float:right;}
.supportSideBox a{color:#9074aa;}

/* Contact Content */
.contactContentBox {float:left; width:612px; border-right:#dfe7ea solid 1px; padding:0 20px;}
.contactSideBox {float:left; width:310px; border:0; padding:0 0 0 17px;}
.contactSideBox img {margin:20px 0 0 0;}
.contactForm {float:left; width:290px; padding:20px 15px 0 0;}
.contactForm label {float:left; width:95px; text-align:right; margin:0 5px 5px 0;}
.contactForm input.contactField {float:left; width:150px;margin:0 0 5px 0;}
.contactForm textarea {float:left; width:192px;margin:0 0 5px 0; height:100px;}
.contactForm .sendContectButton {float:right; margin:0 0 5px 0; width:70px; height:19px; border:0; background:url(../img/button-send2.gif) left no-repeat; cursor:pointer;}
.contactForm .sendContectButtonSrp {float:right; margin:0 0 5px 0; width:70px; height:19px; border:0; background:url(../img/srp_button-send2.png) left no-repeat; cursor:pointer;}
.contactAddressBox {float:left; width:230px; padding:20px 0 0 20px;}

/* Sitemap Content */
.sitemapContentBox {float:left; width:685px; border-right:#dfe7ea solid 1px; padding:0 20px;}
.sitemapContentBox p {float:left; padding:20px 0 0 50px; line-height:25px; color:#969e94}
.sitemapContentBox a {color:#000; text-decoration:none; font-size:12px; font-weight:bold;}
.sitemapContentBox a:hover {text-decoration:underline;}
.sitemapContentBox i {font-style:normal; padding:0 0 0 20px;}
.sitemapContentBox i a {font-weight:normal;}
.sitemapSideBox {float:left; width:234px; border:0; padding:0 0 0 20px;}
.sitemapSideBox p {padding:15px 0 0 0;}
.sitemapSideBox span {float:right;}
.sitemapSideBox a{color:#9074aa;}


#screenshotsHolder {float:left; width:980px;}