/**reset styles**/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd,
ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	
}
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/**body and general styles**/
body{
background-color:#8f929a;
background-image:url(../images/toptile.gif);
background-position:top;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#515357;
}

h1{
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:25px;
font-weight:normal;
margin-bottom:30px;
background-image:url(../images/h1.png);
background-repeat:no-repeat;
padding:9px 20px;
}

p{
margin-bottom:15px;
}

a{
color:#0b0b0c;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

#bodyIn{
background-image:url(../images/toptile2.gif);
background-position:top;
background-repeat:repeat-x;
}

#holder{
width:860px;
margin:0px auto;
}


/**header styles**/

#headFront{
background-image:url(../images/head-front.gif);
width:860px;
height:402px;
}

#headIn{
background-image:url(../images/head-in.gif);
width:860px;
height:322px;
}

/**content boxes**/

#leftBoxFront{
width:420px;
float:left;
background-image:url(../images/left-box-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
min-height:480px;
padding:60px 40px 0px 20px;
}

#rightBoxFront{
width:320px;
float:left;
background-image:url(../images/right-box-bg.jpg);
background-position:top;
background-repeat:no-repeat;
min-height:480px;
padding:60px 0px 0px 60px;
}

#leftBoxIn{
width:420px;
float:left;
background-image:url(../images/left-box-in-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
min-height:480px;
padding:60px 40px 0px 20px;
}

#rightBoxIn{
width:320px;
float:left;
background-image:url(../images/right-box-in-bg.jpg);
background-position:top;
background-repeat:no-repeat;
min-height:480px;
padding:60px 0px 0px 60px;
}

#BigBox{
width:820px;
padding:60px 20px 0px 20px;
background-image:url(../images/bigbox-bg.jpg);
min-height:480px;
}

/**logos**/

h1#logo{
background-image:url(../images/logo.png);
width:243px;
height:64px;
text-indent:-5000px;
position:absolute;
top:25px;
left:50%;
margin-left:-380px;
}

h1#logo2{
background-image:url(../images/logo-contact.png);
width:183px;
height:96px;
text-indent:-5000px;
margin:0px;
padding:0px;
}

/**menu**/

#headFront ul, #headIn ul{
width:510px;
display:block;
float:right;
}

#headFront li, #headIn li{
display:block;
float:left;
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
font-size:16px;
}

#headFront li a, #headIn li a{
display:block;
line-height:100px;
color:#adb1b9;
text-decoration:none;
padding:0px 20px;
}

#headFront li a:hover, #headIn li a:hover{
color:#ffffff;
background-image:url(../images/meni-hover.gif);
}

#headFront li a#Active, #headIn li a#Active{
color:#ff5400;
background-image:url(../images/meni-hover.gif);
}

/**footer styles**/

#footer{
background-image:url(../images/footer-tile.gif);
background-color:#acb0b8;
height:100px;
padding-top:20px;
clear:both;
}

#footerIn{
width:860px;
margin:0px auto;
text-align:center;
}

#footerIn ul{
position:absolute;
left:50%;
margin-left:-200px;
}

#footerIn li{
display:block;
float:left;
}

#footerIn a{
color:#2c2e34;
padding:0px 15px;
}

#footerIn div{
padding:35px 0px;
color:#ffffff;
}

/*content in the left box on front page*/

.leadIn{
color:#2e3744;
font-size:17px;
}

#leftBoxFront p{
margin-bottom:15px;
padding-left:20px;
}

/*content in the right box on front page*/

#rightBoxFront dl{
width:280px;
margin-bottom:20px;
}

#rightBoxFront dt{
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
font-size:19px;
color:#FFFFFF;
margin-bottom:10px;
}

#rightBoxFront dt img{
float:left;
margin-right:20px;
}

#rightBoxFront dd{
width:220px;
clear:both;
padding-left:52px;
}

/*content in the left box on features page*/

#leftBoxIn dl{
margin-left:15px;
margin-bottom:25px;
}

#leftBoxIn dt{
color:#2e3744;
font-size:17px;
padding-left:45px;
background-image:url(../images/check.png);
background-position:left;
background-repeat:no-repeat;
margin-bottom:20px;
}

/*content in the right box on features page*/

#leftBoxIn dd{
padding-left:45px;
}

.smallTitle{
background-image:none;
font-size:17px;
margin-bottom:5px;
padding:0px;
}

#screenshots{
width:310px;
margin:75px 0px 0px -40px;
}

/*price table on the Prices page*/

#table{
width:750px;
height:255px;
padding:15px 40px;
background-image:url(../images/table-back.png);
}

#table table{
width:745px;
/*height:215px;*/
}

#table td{
height:50px;
font-weight:bold;
padding-left:20px;
padding-top:10px;
font-size:13px;
font-weight:normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #table td { height:40px; }
}

#table td.top{
	font-size:17px;
	font-weight:bold;
	
}

#table td.first{
width:183px;
}

#table td.second{
width:160px;
}

.yes{
	background-image:url(../images/check.png);
	width:32px;
	height:32px;
	text-indent:-5000px;
	margin-right: auto;
	margin-left: auto;
}

.no{
	background-image:url(../images/cross.png);
	width:32px;
	height:32px;
	text-indent:-5000px;
	margin-right: auto;
	margin-left: auto;
}

/*screenshots list on the Screenshots page*/

ul#screenshotList{
background-image:url(../images/screenshots.png);
width:835px;
float:left;
display:block;
margin-left:-10px;
}

ul#screenshotList li{
width:291px;
padding:9px 0px 0px 9px;
height:128px;
float:left;
display:block;
}

ul#screenshotList li.third{
width:211px;
}


/*contact form styles on Contacts page*/

ul#contact{
margin-left:20px;
}

ul#contact li{
margin-bottom:4px;
}

.white{
color:#FFFFFF;
text-transform:uppercase;
font-size:17px;
}

.formItem1{
width:340px;
background-color:#e9e9e9;
border:1px solid #bfbfbf;
margin-bottom:25px;
height:22px;
padding:4px;
font-size:13px;
color:#515357;
}

.formItem2{
width:370px;
background-color:#e9e9e9;
border:1px solid #bfbfbf;
height:80px;
margin-bottom:25px;
padding:4px;
font-size:13px;
color:#515357;
font-family:Arial, Helvetica, sans-serif;
}

.buttonSend{
background-image:url(../images/buton-submit.gif);
display:block;
width:106px;
height:26px;
text-indent:-5000px;
float:right;
margin:0px 20px 20px 0px;
}


/*right box styles on Contacts page*/

#contacts{
text-align:center;
width:183px;
margin-left:50px;
}

#contacts h2{
color:#34363d;
font-size:17px;
font-weight:normal;
margin-top:45px;
}

#contacts p{
color:#FFFFFF;
}

#contacts a{
color:#c63e00;
text-decoration:underline;
}

#contacts a:hover{
text-decoration:none;
}

/*header styles for features, pricing, screenshots and contacts page*/

#textTop{
	width:340px;
	float:left;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFFFFF;
	padding-top: 70px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 80px;
}

#silverbadge{
background-image:url(../images/znacajke.png);
width:319px;
height:170px;
float:left;
margin-top:10px;
}

#silverbadge div{
color:#000000;
text-align:center;
font-size:17px;
padding-top:55px;
}


#silverbadge1{
background-image:url(../images/cjenik.png);
width:319px;
height:170px;
float:left;
margin-top:10px;
}

#silverbadge1 div{
color:#000000;
text-align:center;
font-size:17px;
padding-top:55px;
}


#silverbadge2{
background-image:url(../images/galerija.png);
width:319px;
height:170px;
float:left;
margin-top:10px;
}

#silverbadge2 div{
color:#000000;
text-align:center;
font-size:17px;
padding-top:55px;
}


#silverbadge3{
background-image:url(../images/kontakt.png);
width:319px;
height:170px;
float:left;
margin-top:10px;
}

#silverbadge3 div{
color:#000000;
text-align:center;
font-size:17px;
padding-top:55px;
}

a#order{
background-image:url(../images/order-button.gif);
width:90px;
height:28px;
display:block;
text-indent:-5000px;
float:left;
margin:20px 0px 0px 57px;
display:inline;
}

a#preview{
background-image:url(../images/preview-button.gif);
width:107px;
height:28px;
display:block;
text-indent:-5000px;
float:right;
margin:20px 57px 0px 0px;
display:inline;
}

#bodyIn2{
background-image:url(../images/toptile3.gif);
background-position:top;
background-repeat:repeat-x;
}

/*styles for the slideshow on the front page*/

#screen2{
position:absolute;
width:337px;
height:258px;
left:50%;
top:125px;
background-image:url(../images/softwarebox.png);
margin-left:50px;
}
	
#screen2 .prev, #screen2 .next{
display:block;
width:28px;
height:25px;
position:absolute;
text-indent:-5000px;
top:240px;
}

#screen2 .prev{
left:40px;
background-image:url(../images/slide-left.gif);
}

#screen2 .next{
left:270px;
background-image:url(../images/slide-right.gif);
}

#slideshow{
margin:20px 0px 0px 30px;
overflow:hidden;
width:279px;
}

#slideshow ul{
width:2030px;
}

#slideshow li{
float:left;
cursor:pointer;
}