/*
    Georgije Sargin CSS
    usluge.gswebsite.com
    ver. 0.9
 */
 
 /* ===== global ===== */
 
 body {
	background:#AAFFFF;
}

div#wrapper {
position: relative; 
width: 965px; 
margin: 0 auto; 
text-align: left; 
} 

div#container {
	background-color: #fff;
	border-top:2px solid #AAFF7F;
	border-bottom:2px solid #AAFF7F;
	border-left: 2px solid #AAFF7F;
	border-right: 2px solid #AAFF7F;
	left:0px;
	top:0px;
	width:965px;
}

/* links */
a {color:#1F8600;text-decoration:underline;}
a:hover{color:#1F8600;font-weight:bold;}
a img{border:none}

h1 {font-size:14px;font-weight:bold;}
h2 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 15px;
}
h3 {font-size:10px;}
h4 {
	font-size:16px;
	font-weight:bold;
	color:#FFFF00;
	margin:-1px 0 0 0;
}
h5 {
	font-size:16px;
	font-weight:bold;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	color:#00D4FF;
	margin:-1px 0 0 0;
}

h6 {
	font-size:10px;
	font-weight:bold;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	color:#000000;
	margin:-1px 0 0 0;
}


  /* ===== header ===== */

div#header-gs_ {
	top:22px;
	position:relative;
	background:url(../images/header_gs.jpg) no-repeat;
	height:232px;
}

#header-gs_ div#gs {
	position:absolute;
	left:50px;
	top:65px;	
}
	
div#gs {
	width:182px;
	height:225px;
    background:url(../images/gs.png) no-repeat;
}

div#chat_ {
	top:0px;
	padding:5px 0px 5px 20px;
	width:281px;
	height:10px;
}

#header-gs_ div#srbija {
	position:absolute;
              right:60px;
	top:10px;	
}

div#srbija {
	height:30px;
}

#header-gs_ div#cenovnik {
	position:absolute;
	right:15px;
	bottom:10px;	
}

div#cenovnik {
	width:154px;
	height:150px;
	text-align:center;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	font-style:oblique;
	background:url(../images/cenovnik.png) no-repeat;
}

/* ===== meni ===== */

div#mainMenu {
	float:right;
	top:0px;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

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

#mainMenu li {
    float: left;
    margin: 0;
    padding: 0;
}

#mainMenu li a:link, #mainMenu li a:visited {
    display: block;
	color: #1F8600;
    text-decoration: none;
    padding: 5px 5px 5px 5px;
    margin-right: 10px;
    line-height: 15px;
    border: none;
}

#mainMenu li a:hover, #mainMenu li a:active {
    font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
    display: block;
    color: #1F8600;
    text-decoration: none;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    line-height: 15px;
    border: none;
}

#mainMenu li a.current {
    height: 10px;
	color: #00D4FF;
	font-weight:bold;
    line-height:10px;
	border-top:5px solid #00D4FF;
}

#mainMenu li a.current:hover {
    cursor: default;
}

#footer div#footerMenu {
	position:absolute;
	bottom:0;
}

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

#footerMenu li {
    float: left;
    margin: 0;
    padding: 0;
}

#footerMenu li a:link, #footerMenu li a:visited {
    font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
    display: block;
	color: #1F8600;
    text-decoration: none;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    line-height: 15px;
    border: none;
}

#footerMenu li a:hover, #footerMenu li a:active {
    font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
    display: block;
    color: #1F8600;
    text-decoration: none;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    line-height: 15px;
    border-bottom:2px solid #00D4FF;
}

div#footertxt {
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color: #00D4FF;
	text-align: center;
	border-top:10px solid #AAFFFF;
}

	
/* ===== logo-str ===== */

#header-gs_ div#logostrana {
	position:absolute;
	left:400px;
	top:145px;	
}

div#logostrana {
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
    display: block;
	color: #fff;
    text-decoration: none;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    line-height: 15px;
    background: url(../images/usluge.png) no-repeat right top;
    border: none;
}

/* ===== body & content ===== */

div#body {
	position:relative;
	width:950px;
	height:570px;
	margin-bottom: 15px;
	margin-right: 5px;
	margin-left: 6px;
}

div#body-dizajn {
	position:relative;
	width:950px;
	height:980px;
	margin-bottom: 15px;
	margin-right: 5px;
	margin-left: 6px;
}

#body div#header-bottom {
	position:absolute;
	top:0;
	width:950px;
}

#body div#content-left {
	position:absolute;
	left:40px;
	top:60px;
}

div#content-left {
	float:left;
	width:413px;
	height:256px;
}

#body div#content-right {
	position:absolute;
	right:40px;
	top:60px;
}

div#content-right {
	float:left;
	width:603px;
	height:256px;
}

#content-left h1, #content-left h2, #content-left h3, #content-left h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#content-left h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 15px;
}

#content-right h1, #content-right h2, #content-right h3, #content-right h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#content-right h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 15px;
}

#body div#content-1 div#content-2 div#content-3  div#content-4 div#content-5 div#content-6 div#content-7 div#content-8 div#content-9 div#cenovniks {
	position:absolute;
}

div#content-1 {
	float:left;
	width:280px;
	height:265px;
	background-color: #fff;
	font-family: Verdana, Helvetica, Georgia, serif;
	font-size:12px;
	font-weight:bold;
	margin:60px 5px 5px 43px;
	padding:5px 5px 0 0;
}

#content-1 h1, #content-1 h2, #content-1 h3, #content-1 h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#content-1 h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 15px;
}

div#content-2 {
	float:left;
	width:280px;
	height:265px;
	background-color: #fff;
	font-family: Verdana, Helvetica, Georgia, serif;
	font-size:12px;
	font-weight:bold;
	margin:60px 5px 5px 5px;
	padding:5px 5px 0 0;
}

#content-2 h1, #content-2 h2, #content-2 h3, #content-2 h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#content-2 h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 15px;
}

div#content-3 {
	float:left;
	width:280px;
	height:265px;
	background-color: #fff;
	font-family: Verdana, Helvetica, Georgia, serif;
	font-size:12px;
	font-weight:bold;
	margin:60px 5px 5px 5px;
	padding:5px 5px 0 0;
}

#content-3 h1, #content-3 h2, #content-3 h3, #content-3 h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#content-3 h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 15px;
}

div#content-4 {
	float:left;
	width:430px;
	height:115px;
	background-color: #fff;
	font-family: Verdana, Helvetica, Georgia, serif;
	font-size:12px;
	font-weight:bold;
	margin:45px 5px 5px 30px;
	padding-top:5px;
	padding-left:8px;
}

#content-4 h1, #content-4 h2, #content-4 h3, #content-4 h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#content-4 h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 15px;
}

div#content-5 {
	float:left;
	width:430px;
	height:115px;
	background-color: #fff;
	font-family: Verdana, Helvetica, Georgia, serif;
	font-size:12px;
	font-weight:bold;
	margin:45px 5px 5px 10px;
	padding-top:5px;
}

#content-5 h1, #content-5 h2, #content-5 h3, #content-5 h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#content-5 h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 15px;
}

div#content-6 {
	float:left;
	width:430px;
	height:115px;
	background-color: #fff;
	font-family: Verdana, Helvetica, Georgia, serif;
	font-size:12px;
	font-weight:bold;
	margin:50px 5px 5px 30px;
	padding-left:8px;
}

#content-6 h1, #content-6 h2, #content-6 h3, #content-6 h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#content-6 h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 15px;
}

div#content-7 {
	float:left;
	width:430px;
	height:115px;
	background-color: #fff;
	font-family: Verdana, Helvetica, Georgia, serif;
	font-size:12px;
	font-weight:bold;
	margin:50px 5px 5px 10px;
}

#content-7 h1, #content-7 h2, #content-7 h3, #content-7 h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#content-7 h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 15px;
}

div#content-8 {
	float:left;
	width:400px;
	height:280px;
	background:url(../images/ciljano-oglasavanje.jpg) no-repeat;
	margin:60px 5px 5px 40px;
	padding:5px 5px 0 5px;
}

#content-8 h1, #content-8 h2, #content-8 h3, #content-8 h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#content-8 h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 0;
}

div#content-9 {
	float:left;
	width:420px;
	height:280px;
	background-color: #fff;
	font-family: Verdana, Helvetica, Georgia, serif;
	font-size:12px;
	font-weight:bold;
	margin:60px 5px 5px 30px;
	padding:0 5px 0 5px;
}

#content-9 h1, #content-9 h2, #content-9 h3, #content-9 h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#content-9 h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 15px;
}

div#content-v {
	float:left;
	width:420px;
	background-color: #fff;
	font-family: Verdana, Helvetica, Georgia, serif;
	font-size:10px;
	margin:60px 5px 5px 30px;
	border-top: 1px solid #AAFFFF;
	border-right: 1px solid #AAFFFF;
	border-bottom: 1px solid #AAFFFF;
	border-left: 1px solid #AAFFFF;
	padding:5px;
}

div#content-w {
	float:left;
	width:420px;
	background-color: #fff;
	font-family: Verdana, Helvetica, Georgia, serif;
	font-size:10px;
	margin:60px 5px 5px 30px;
	border-top: 0px solid #AAFFFF;
	border-right: 0px solid #AAFFFF;
	border-bottom: 0px solid #AAFFFF;
	border-left: 0px solid #AAFFFF;
	padding:5px;
}

.sablon {
    background-color: #DEF0EE;
	font-family: Verdana, Helvetica, Georgia, serif;
	font-size:10px;
	padding:5px;
	margin:5px;
	border-top: 1px solid #AAFFFF;
	border-right: 2px solid #AAFFFF;
	border-bottom: 2px solid #AAFFFF;
	border-left: 1px solid #AAFFFF;
}

.sablon1 {
    background-color: #FFFFD4;
	font-family: Verdana, Helvetica, Georgia, serif;
	font-size:10px;
	padding:5px;
	margin:5px;
	border-top: 1px solid #AAFFFF;
	border-right: 2px solid #AAFFFF;
	border-bottom: 2px solid #AAFFFF;
	border-left: 1px solid #AAFFFF;
}

div#cenovniks {
	float:left;
	width:910px;
	height:480px;
	margin:30px 5px 5px 15px;
	padding:5px 5px 0 5px;
}

#cenovniks h1, #cenovniks h2, #cenovniks h3, #cenovniks h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#cenovniks h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-23px 0 0 0;
}

#body div#content-bottom {
	position:absolute;
	left:40px;
	bottom:60px;
}

#body-dizajn div#content-bottom {
	position:absolute;
	left:40px;
	bottom:60px;
}

div#content-bottom {
	position:relative;
	width:868px;
	height:120px;
	border-top: 2px solid #AAFFFF;
	border-right: 2px solid #AAFFFF;
	border-bottom: 2px solid #AAFFFF;
	border-left: 2px solid #AAFFFF;
}

#content-bottom h1, #content-bottom h2, #content-bottom h3, #content-bottom h4 {
	font-family: Verdana, Helvetica, Georgia, serif;
}

#content-bottom h1 {
	font-size:12px;
	font-weight:normal;
	color:#00D4FF;
	margin:-22px 0 0 5px;
}

#content-bottom div#emarketing div#webhosting div#webdomeni div#podrska {
	position:absolute;
}

div#emarketing {
	float:left;
	background:url(../images/internet-marketing.jpg) no-repeat;
	height:100px;
	width:200px;
	border-top: 1px solid #AAFFFF;
	border-right: 1px solid #AAFFFF;
	border-bottom: 1px solid #AAFFFF;
	border-left: 1px solid #AAFFFF;
	margin:10px 5px 5px 10px;
}

div#webhosting {
	float:left;
	background:url(../images/web-hosting.jpg) no-repeat;
	height:100px;
	width:200px;
	border-top: 1px solid #AAFFFF;
	border-right: 1px solid #AAFFFF;
	border-bottom: 1px solid #AAFFFF;
	border-left: 1px solid #AAFFFF;
	margin:10px 5px 5px 5px;
}

div#webdomeni {
	float:left;
	background:url(../images/web-domeni.jpg) no-repeat;
	height:100px;
	width:200px;
	border-top: 1px solid #AAFFFF;
	border-right: 1px solid #AAFFFF;
	border-bottom: 1px solid #AAFFFF;
	border-left: 1px solid #AAFFFF;
	margin:10px 5px 5px 5px;
}

div#podrska {
	float:left;
	background:url(../images/tiket-podrska.jpg) no-repeat;
	height:100px;
	width:200px;
	border-top: 1px solid #AAFFFF;
	border-right: 1px solid #AAFFFF;
	border-bottom: 1px solid #AAFFFF;
	border-left: 1px solid #AAFFFF;
	margin:10px 5px 5px 5px;
}

.roundedcornr_box_tx {
	background: url(../images/gl.png) no-repeat top left;
}

.roundedcornr_top_tx {
	background: url(../images/gd.png) no-repeat top right;
}

.roundedcornr_bottom_tx {
	background: url(../images/dl.png) no-repeat bottom left;
}

.roundedcornr_bottom_tx div {
	background: url(../images/dd.png) no-repeat bottom right;
}

.roundedcornr_content_tx {
	background: url(../images/tacka.png) top right repeat-y;
}

.roundedcornr_top_tx div,.roundedcornr_top_tx,
.roundedcornr_bottom_tx div, .roundedcornr_bottom_tx {
	width: 100%;
	height: 15px;
	font-size: 1px;
}

.roundedcornr_content_tx, .roundedcornr_bottom_tx {
	margin-top: 0;
}

.roundedcornr_content_tx { 
	padding: 0 5px; 
}

/* ===== footer ===== */

div#footer {
	position:relative;
	left:30px;
	bottom:33px;
	
/* ===== misc ===== */

.clear { clear: both }