* {
	margin: 0px;
	padding: 0px;
}

body.home {
	background: transparent;
	text-align: center;
	margin: 0 auto;
	
}

body.home .surround {
	position: relative;
	font-family: arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	background-image: url(../../../eeimages/body_main_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #ffffff;
	margin: 0 auto;
}


/*
body.about_us,
body.connected,
body.sundays,
body.families,
body.help_you,
body.feeds,
body.my_southridge,
body.contact,
body.privacy_policy,
body.gallery
{
position: relative;
background: transparent;
font-family: arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
margin: 0 auto;
text-align: center;
}

body.about_us .surround,
body.connected .surround,
body.sundays .surround,
body.families .surround, 
body.help_you .surround,
body.feeds .surround,
body.my_southridge .surround,
body.contact .surround,
body.privacy_policy .surround,
body.gallery .surround,
body.sitemap .surround{
	background-image: url(../../../eeimages/body_sec_bg1.gif);
	font-family: arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #ffffff;
	text-align: center;
}
*/


.page {
	position: relative;
	width: 866px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	text-align: left;
}

.content_wrapper {
	position: relative;
	width: 866px;
	margin: 0 auto;
	padding: 0;
	background: url(/eeimages/pdl_centar.png)
}

/*------------- PRE-HEADER ----------------- */


div.hidebox{
	width: 100%;
	background: #3e3e3e;
	text-align: center;
	display:none;
	height: auto;
	position: relative;
 }

 * html div.hidebox {float: left;}


 .sitemap{
 	position: relative;
	width: 866px;
	margin: 0 auto;
	text-align: center;
	background: #3e3e3e;
 }


.sitemap ul {
	width: 130px;
	margin: 30px 15px 30px 0;
	float: left;
	padding: 0 0;
	text-align: left;

}

.sitemap ul li ul{
	margin: 0 0 4px 0;
	float: none;
}

.sitemap ul li{
	font: normal 11px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	list-style: none;
}

.sitemap ul li a, .sitemap ul li a:link, .sitemap ul li a:visited {
	font: normal 11px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #3399ff;
	text-decoration: none;
}

.sitemap ul li a:hover {
	text-decoration: underline;
}

.sitemap ul li li a, .sitemap ul li li a:link, .sitemap ul li li a:visited {
	font: normal 10px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #f9f7f2;
	text-decoration: none;
	background: transparent url(../../../eeimages/green_arrow.gif) 0 2px no-repeat;
	padding-left: 16px;
}

.sitemap ul li li a:hover {
	text-decoration: underline;
}

.preheader{
	position: relative;
	width: auto;
	margin: 0 auto;
	text-align: right;
	background: transparent;
	padding: 0;
	height: 28px;
}

.preheader p{
	position: absolute;
	font: normal 10px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	margin: 0;
	padding: 0;
	color: #ffffff;
	height: 26px;
	top: 3px;
	right: 0;
	}

.preheader p a, .preheader p a:link, .preheader p a:visited{
	font: normal 10px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	text-decoration: none;
	margin: 0 auto;
	padding: 0;
	color: #3399ff;
}

.preheader p a:hover, .preheader p a:active{
	text-decoration: underline;
 	color: #ffffff;
 }

 .preheader input.search{
 	margin: 1px 0 0 0;
 	position: absolute;
 	right: 0;
 
  }

 .preheader input.textfield{
 	margin: 0px 50px 0 0;
 	
 }

/*------------- HEADER/LOGO ----------------- */

.header_main{
	position: relative;
	width: 866px;
	height: 78px;
	margin: 0 auto;
	background: transparent;
	float: right;
}

.header_main a img{
	position: relative;
	float: left;
	top:18px;
	border: 0;
	width: 174px;
	height: 46px;
	z-index: 200;
}

.header_sec{
	position: relative;
	width: 866px;
	height: 78px;
	margin: 0 auto;
	background: transparent;
	float: right;
}

.header_sec img{
	position: relative;
	float: left;
	top:18px;
	border: 0;
	width: 174px;
	height: 46px;
	z-index: 200;
}

/*------------- TOP NAVIGATION ----------------- */

.top_nav{
	position: absolute;
	width: auto;
	height: auto;
	margin: 0 auto;
	right: 0;
	text-align: left;
	background: transparent;
}

.top_nav ul{
	position: relative;
	font: normal 10px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	margin: 0;
	width: 643px;
	height: 78px;
	padding: 0;
	text-align: left;
	color: #8B8F9D;
	list-style-image: none;
	float: right;
}

.top_nav ul li{
	position: relative;
	font: normal 10px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	margin: 0;
	padding: 18px 20px 0 20px;
	text-align: center;
	width: auto;
	color: #8B8F9D;
	list-style: none;
	list-style-image: none;
	background: url(../../../eeimages/mainnav_bg_left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: inline;
	height: 60px;
	float: left;
}

.top_nav ul li.ktm{
	background: none;
}

.top_nav a{
	position: relative;
	float: right;
	width: auto;
	padding: 23px 0 0 0;
	margin: 8px 0;
	overflow: hidden;
	height: 0px;
	height: /**/:23px; /* for IE5/Win only */
	float: left;
}

.top_nav ul li a:hover{
	background-position: 0 -23px;
}
	
.top_nav ul li a:active, .topnav ul li a.selected{
	background-position: 0 -46px;
}

.top_nav li a.ktm{
	width: 74px;
	background: url(../../../eeimages/ktm_nav.gif) no-repeat;
	background-position: 0 0;
}
.top_nav li a.diadora{
	width: 67px;
	background: url(../../../eeimages/diadora_nav.gif) no-repeat;
	background-position: 0 0;
}
	
.top_nav li a.eyewear{
	width: 90px;
	background: url(../../../eeimages/eyewear_nav.gif) no-repeat;
}

.top_nav li a.nolan{
	width: 92px;
	background: url(../../../eeimages/nolan_nav.gif) no-repeat;
}

.top_nav li a.talijanski{
	width: 110px;
	background: url(../../../eeimages/torpado_nav.gif) no-repeat;
}

.about_us #ktm a,
.sundays #diadora a,
.connected #eyewear a,
.families #nolan a,
.help_you #talijanski a
{
background-position: 0 -23px;
}

/*------------- MAIN IMAGE BOX ----------------- */

.img_box{
	position: relative;
	height: 300px;
	width: 584px;
	text-align: left;
	margin: 0;
	padding: 0;
	background: none;
	background-repeat: no-repeat;
	background-color: transparent;
	float: left;
	
}
.img_box object{
	position: relative;
	margin: 0; 
	padding: 0; 
	float: left; 
}


/*------------- MAIN IMAGE / MESSAGE BOX ----------------- */

.main_message{
	position: relative;
	height: 254px;
	width: 282px;
	text-align: left;
	margin: 0;
	padding: 0;
	background: url(../../../eeimages/main_message_bg.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: top left;
	float: right;
	clear: right;
}

.message_img_box{
	position: relative;
	margin: 17px 0 0 15px;
	width: 240px;
	height: 124px;
	padding: 5px 0 0 27px;
	background: #ffffff url(../../../eeimages/mali-banner2010.gif) 0 0 no-repeat;
	}
	
/*
		background: #ffffff url(../../../eeimages/cestitka-za-web.jpg) 0 0 no-repeat;
*/


	mali-banner2010.gif
/*mali-banner2010.gif*/
.message_img_box a img{
	border: 0;
	margin: 0 auto;
	padding: 0;
	float: left;
	
}

.message_title{
	position: relative;
	height: auto;
	text-align: left;
	margin: 10px 0 0 15px;
	padding: 0;
	background-color: transparent;
	width: 267px;
}


.message_title h2{
	font: normal 11px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #000000;
}


/*------------- HOME MIDDLE SECTION START ----------------- */

.mid{
	position: relative;
	margin: 0 0 17px 0;
	padding:0;
	text-align: left;
	float: left;
	width: 866px;
	height: auto;
}

/*------------- HOME MID LEFT BOX ----------------- */

.mid_left{
	position: relative;
	margin: 0;
	padding:0;
	text-align: left;
	float: left;
	width: 584px;
}

.mid_left h1{
	font: normal 26px/32px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #111111;
	margin-bottom: 5px;
	width: auto;
	}

.welcome{
	position: relative;
	margin: 10px 0 0 0;
	padding: 0 49px 0 0;
	text-align: left;
	height: auto;
	float: left;
}

.mid_left .welcome p{
	font: normal 16px/24px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #333333;
	clear: left;
}

.mid_left h2{
	font: bold 13px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #111111;
}

.times_ride{
	background: #f5f5f5;
	border: 1px solid #cccccc;
	width: 568px;
	height: auto;
	margin: 17px 0 0 0;
	padding: 12px 0;
	float: left;
}

.mid_left p{
	font: normal 12px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #6E747A;
}

.service_times{
	position: relative;
	width: 264px;
	margin: 0;
	padding: 0 7px 0 11px;
	float: left;
	text-align: left;	
}


/*------------- HOME MID RIGHT BOX ----------------- */

.mid_right{
	position: relative;
	width: 264px;
	height: 214px;
	margin: 0;
	padding: 11px 0 0 17px;
	background-image: url(../../../eeimages/main_center_right_bg.gif);
	background-repeat: no-repeat;
	float: left;
	clear: right;
}


/*------------- HOME BOTTOM 3 BOXES ----------------- */

.bottom_box_surround{
	position: relative;
	margin: 0;
	padding:0;
	text-align: left;
	height: auto;
	width: auto;
	float: left;
}

.bottom_box{
	position: relative;
	width: 275px;
	height: auto;
	text-align: left;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
	clear: right;
}

.bottom_box h1{
	font: normal 13px/17px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #3399ff;
	padding:8px 0 10px 14px;
	border-top: 2px solid #000000;
	background: #3E3E3E;
}

.bottom_box img.feed{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 10px;
	right: 10px;
	border: 0;
}

.box{
	position: relative;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #E1E2E6;
	border-right: 1px solid #E1E2E6;
	border-bottom: 1px solid #E1E2E6;
	width: 273px;
}

.box_event{
	border-bottom: 1px solid #DFE1E8;
	position: relative;
	margin: 15px 0 0 9px;
	padding: 0 0 10px 0;
	width: 254px;
}

.box_event_last{
	border-bottom: none;
	position: relative;
	margin: 10px 9px 0 9px;
	padding: 0 0 10px 0;
	width: 254px;
}
.service_times img, .rif img, times_ride, .box_event img, .box_event_last img{
	position: relative;
	border: 1px solid #D5D5D5;
	padding: 2px;
	float: left;
	margin: 0 3px 0 0;
	background: transparent;
}

.bottom_box h2{
	font: bold 12px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #333333;
}

.bottom_box h2 a, .bottom_box h2 a:link, .bottom_box h2 a:visited{
	font: bold 12px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #3399ff;
	text-decoration: none;
}


.bottom_box h2 a:hover, .bottom_box h2 a:active{
	font: bold 12px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #505B01;
	text-decoration: underline;
}

.bottom_box p{
	font: normal 11px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #555555;
}

.bottom_box  p a, .bottom_box  p a:link, .bottom_box p a:visited{
	font: normal 11px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #3399ff;
	text-decoration: underline;
}


.bottom_box p a:hover, .bottom_box  p a:active{
	font: normal 11px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #000000;
	text-decoration: underline;
}

/*------------- FOOTER YEAH THAT'S RIGHT! ----------------- */

.footer{
	position: relative;
	height: auto;
	width: 100%;
	margin: 0 auto;
	background: #ffffff url(../../../eeimages/footer-bg.gif) 0 0 repeat-x;
	text-align: center;
	float: left;
}

.footer_content{
	position: relative;
	width: 856px;
	margin: 0 auto;
	height: 128px;
	padding: 24px 0 0 10px;
	text-align: left;
}
	
.footer_content p{
	font: normal 11px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #6C6C64;
}

.footer_content p a, .footer_content p a:link, .footer_content p a:visited{
	font: normal 11px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #6C6C64;
	text-decoration: none;
}

.footer_content p a:hover, .footer_content p a:active{
	font: normal 11px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #6C6C64;
	text-decoration: underline;
}	

.footer_right{
	position: absolute;
	top: 24px;
	right: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	height: auto;
	width: 275px;
}

.footer_right p{
	font: normal 11px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #6C6C64;
}

 h1.title {
	text-indent: -9000px;
	font-size: 26px;
  line-height: 22px;
}


.divider{
	margin: 15px 0;
	padding: 0;
	height: auto;
	border-top: 1px solid #EAEAEA;
	clear: left;
}

/*------------- pretraga ----------------- */

.rezultati_pretrage{
	position: relative;
	width: 420px;
	margin: 0;
	padding: 11px 0 0 17px;
	background-image: url(../../../eeimages/main_center_right_bg.gif);
	background-repeat: no-repeat;
	float: left;
	clear: both;
	border-top: 1px dotted #888888;
}

.stavke h1 {
	font: bold 13px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #111111;
	margin: 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #C1C5BB;
}

.stavke h2.news{
	font: bold 12px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #3e3e3e;
	margin-top: 4px;
	float: left;
	width: auto;
}

.stavke span.date{
	font: bold 10px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #aaaaaa;
	position: relative;
	float: right;
	margin-top: 4px;
}

/*------------- trazilica2 ----------------- */

#trazilica_rezultati{
/* izlistavanja u trazilici */
font: normal 12px/16px arial, helvetica, verdana,sans-serif;
color: #555555; padding: 30px;      
	padding-bottom: 10px;
	margin: 10px;
	
}
/*------------- SECONDARY PAGE(S) INTERNAL STYLES BEGIN ----------------- */


ul, blockquote {position: relative; }


#sirina {
	margin: 0px auto;
	padding-top: 350px;
	width: 950px;
	background: transparent url(../dizajn/film2.gif) no-repeat center top;	
}

html>body #sirina {
	margin: 0px auto;
	padding-top: 350px;
	width: 950px;
	background: transparent url(../dizajn/film.png) no-repeat center top;	
}

/*------------- LEFT COLUMN ----------------- */

.left_container {
	position: relative;
	text-align: left;
	margin: 32px 0 0 0;
	padding: 0;
	width: 202px;
	height: auto;
	float: left;
	border-top: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	background-color: #ffffff;
}
.left{
	position: relative;
	text-align: left;
	margin: 0px 0 60px 0;
	padding: 0;
	width: 202px;
	background: transparent;
	height: auto;
	float: left;
	overflow:hidden;
	clear: both;	
}
.left_nav{
	background: url(/eeimages/pdl_vrh-lijevo.png) top left no-repeat;
	position: relative;
	text-align: left;
	margin: 0;
	padding: 60px 0 0 0;
	width: 202px;
	float: left;

}
.left_nav-top{
	position: relative;
	text-align: left;
	left: 0;
	top: 0;
	width: 202px;
	height: 60px;
	margin: 0;
	padding: 0;
	float: left;
	z-index: 300;
}
.left ul#nav_categories, .left ul.nav_categories{
	float: left;
	width: 202px;
	margin:  -60px 0 30px 0;
	border-bottom: 1px solid #ffffff;
	z-index: 400;
	position: relative;
}

/*------------- CENTER AREA / 2 COLUMN LAYOUT ----------------- */

.center_full{
	position: relative;
	float: left;
	width: 642px;
	height: auto;
	margin: 28px 0 20px 20px;
	min-height: 430px;
}



/*------------- CENTER COLUMN / 3 COLUMN LAYOUT ----------------- */

.center {
	position: relative;
	float: left;
	width: 420px;
	height: auto;
	margin: 0 0 20px 20px;
	
}

/*------------- RIGHT COLUMN / 3 COLUMN LAYOUT ----------------- */

.right{
	position: relative;
	float: right;
	margin: 0px 0 60px 10px;
	padding: 0;
	width: 200px;
	clear: right;
}

.right_container{
	position: relative;
	float: right;
	margin: 0 auto;
	padding: 0 0 14px 0;
	width: 200px;
	height: auto;
}