/* Meyer RESET - START*/
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix {
	clear: both;
}

/* CUSTOM STYLES - START */
body {
	background: url(../images/site_bg.jpg) repeat-x #5393c1;
	font-family: Verdana, "Times New Roman", sans-serif;
	font-size: 12px;
}
#site_container {
	width: 1010px;
	background: url(../images/site_bg.jpg) repeat-x #5393c1;
	margin: 0 auto;
}

#top {

width:1001px;
height:38px;
background-image:url(../images/top.jpg);

}

#top #tleft {
	float: left;
	width: 470px;
	height: 18px;
	margin: 12px 10px 3px 6px;
}

#top #tright {
	float: left;
	width: 327px;
	height: 18px;
	margin: 7px 2px 3px 0;
	font-size: 12px;
	font-weight:bold;
	color: #6e6e6e;
}

#top #menu {
	float: left;
	width: 181px;
	height: 18px;
	margin: 14px 0 3px 0;
	font-size: 9px;
	font-weight:bold;
	color: #6e6e6e;
	word-spacing:4px;
}

#top #menu p{
	font-size: 9px;
	font-weight:bold;
	color: #6e6e6e;
	word-spacing:4px;
	text-decoration:none;
}

#top #menu p a{
	font-size: 9px;
	font-weight:bold;
	color: #6e6e6e;
	word-spacing:4px;
	text-decoration:none;
}

#top #menu p a:hover{
	font-size: 9px;
	font-weight:bold;
	color:#23b4d9; /*ova boja se menja za menu MoseOver opciju*/
	word-spacing:4px;
	text-decoration:none;
}



#main #left {
	float: left;
	width: 177px;
	height: 897px;
	background:#00CC66;
}

#main #left #topl {
	float: left;
	width: 177px;
	height: 609px;
	background:url(../images/middle-left-2.jpg) repeat-y;
}



#main #left #topl .banner1 {
	margin: 5px 0 0 9px;
}


#main #left #bottoml {
	float: left;
	width: 177px;
	height: 194px;
	background:url(../images/middle-left-3.jpg) repeat-y;;
}

#main #left #bottoml .banner2 {
	margin: 2px 0 0 9px;
}


#main #center {
width:660px;
	float: left;
	background: white;
}
#main #center #special {
	width: 660px;
	height: 189px;
	background: url(../images/top_middle.jpg);
}



#main #center #special .picture {
	width: 634px;
	height: 159px;
	position: relative;
	top: 11px;
	left: 14px;
}

#main #center #privacy-policy {
	width: 660px;
	height: 189px;
	background: url(../images/privacy-policy.jpg);
}


#main #center #gspecial {
	width: 660px;
	height: 189px;
	background: url(../images/top_middle-gallery.jpg);
}




#main #center #gspecial .title {
	width: 630px;
	position: relative;
	top: 17px;
	left: 20px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

#main #center #gspecial .description {
	width: 630px;
	position: relative;
	top: 22px;
	left: 20px;
	color:#555555;
	font-size:11px;
}

#main #center #gspecial .shere {
	width: 420px;
	position: relative;
	top: 30px;
	left: 128px;
	word-spacing:15px;
}

#main #center #gspecial .top-reklama {
	width: 500px;
	position: relative;
	top: 40px;
	left: 98px;
}


#main #center #content {
    width:660px;
    height:694px;
    background: url(../images/middle-center.jpg) repeat-y;
}


#main #center #content #gallery {
	width:630px;
	height:695px;
	padding:0 0 0 20px;
	overflow: scroll; /*Omogucavamo overflow */
    overflow-x:hidden;/* Sakrivamo kliznu traku po x-osi*/
}

#main #center #content #privacy-tekst {
	width:640px;
	height:695px;
}

#main #center #content #privacy-tekst p {
	padding:0 0 0 20px;
	font-size:12px;
	color:#333333;
}


#main #center .content .content_list {
	margin: 20px 0 0 0;
}

#main #center .content_list .item {
    float:left;
	width: 191px;
	height:160px;
	padding: 0 0 0 0;
	margin: 2px 14px 2px 14px;
}

#main #center .content_list .item .thumb {
	margin: 0 4px 0 0;
}

#main #center .content_list .item .head {
	padding: 3px 0 2px 0;
}
#main #center .content_list .item .head h1 a {
	font-weight: bold;
	font-size: 11px;
	color:#6d9ec6; /*ova boja se menja za boju title kod thumb-ova*/
	text-decoration: none;
}

#main #center .content_list .item .head h1 a:hover {
	font-weight: bold;
	font-size: 11px;
	color:#000000; /*ova boja se manja za MouseOver opciju*/
	text-decoration: none;
}

#main #center .content_list .item .text p {
	color: #6e6e6e;
	font-size: 10px;
}


#main #center #pagination {
    margin:0 0 0 120px;
    width:425px;
    height:30px;
}

#main #right {
    width:165px;
	float: left;
	background: yellow;
}

#main #right #topr{
	float: left;
	width: 165px;
	height: 665px;
	background: url(../images/miggle-right.jpg) repeat-y;	
}
#main #right #topr .banner4 {
	padding: 2px 0 4px 3px; 
}


#main #right #middler{
	float: left;
	width: 165px;
	height: 37px;
	background: url(../images/part-right.jpg) no-repeat;	
}


#main #right #bottomr{
	float: left;
	width: 165px;
	height: 187px;
	background: white;	
}

#main #right #bottomr .banner5 {
	padding: 2px 0 0 2px; 
}


/* Footer styles START */


#footer {
    float:left;
	width: 962px;
	background:#000000;
	margin: 0 0 25px 0;
	padding: 10px 20px 10px 20px;
}
#footer .footer_nav {

	 padding: 40px 5px 0 0;
}
#footer ul li a {
	color: #cccccc;
	font-size: 10px;
	text-decoration: none;
	float: left;
	margin: 0 3px 2px 0;
}
#footer ul li a:hover {
	color: white;
}
#footer p {
	border-top: 1px solid white;
    float:left;
	font-size: 11px;
	color: #cccccc;
	text-align: center;
	padding: 10px 0 0 0 ;
}
#footer p a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
#footer p a:hover {
	color: white;
	text-decoration: underline;
}

#footer .friends{

	color: #fefefe;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	float: left;
	margin: 10px 0 10px 0;

}