/*--------------------------------------------------------------
*	Filename:		main.css
*	Description:	Layout for ID site
*	Client:			MyCity - www.mycity.rs
*	Author:			Ivan Tatic - www.simplifiedstudio.com
*	Optimised for: 	Safari, Firefox 3, IE 7, IE 8, Opera
*	Version:		1.0 / 06162009
--------------------------------------------------------------*/

/*
Globals resets
---------------------------------*/
body, html{	padding: 0;	margin: 0; font: normal 12px/1.5em Arial, Helvetica, sans-serif;}
p, h1, h2, h3, h4 ,h5, h6{ padding: 0;	margin: 0; font-weight: normal; font-size: 1em;}
ul, ol, dl, dt, dd{ list-style: none; padding: 0; margin: 0;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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; vertical-align: baseline; background: transparent; }

/*
Layout
---------------------------------*/
#warper{ width: 756px; margin: 0 auto; position: relative;}
	
	/* Tabbed navigation */
	ul#navigation{ position: absolute; left: -126px; top: 118px; background: url('../img2/nav-bg.png') no-repeat; padding: 10px 0 10px 5px;}
		ul#navigation li a{ display: block; width: 131px; height: 18px; font: normal 11px/18px Verdana, sans-serif; text-decoration: none; padding: 0 0 0 10px; }
			ul#navigation li a:hover{ text-decoration: underline;}
		ul#navigation li a.current{ background: url('../img2/tab-active.png') no-repeat; height: 34px; font: bold 11px/34px Verdana, sans-serif;}
			ul#navigation li a.current:hover{ text-decoration: none !important;}
		
	/* Main parts */
	#header{ height: 100px; display: block; padding: 0 18px;}
	#content{ width: 720px; background: url('../img2/content-bg.png') top left no-repeat; padding: 18px 18px 0 18px; font: normal 0.95em/1.6em Verdana, Arial, sans-serif; color: #121212;}
	#footer{ height: 70px; display: block; padding: 0 18px; background: url('../img2/footer.png') top left no-repeat; }
	
	/* Header elements */
	#header h1 a{ font: bold 42px/100px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #fff; text-decoration: none;}

	/* Footer elements */	
	#footer{ text-align: right; font: normal 0.85em/1.6em Verdana, Arial, sans-serif;}
	#footer p{ color: #fff; display: block; width: 100%; padding-top: 24px;}
		#footer p a{ font-weight: bold; color: #fff; text-decoration: none;}
		#footer p a:hover{ text-decoration: underline;}

	/* Content elements */
	#left{ width: 430px; padding: 15px 15px 15px 25px;}
	#right{ border-left: 1px dotted #ccc; width: 219px; margin: 15px 0; padding: 0 15px 0 15px;}
		#left ul, #right ul{}
		#left img, #right img{ margin: 3px 10px 0 10px;}
			img.goleft{ float: left;}
			img.goright{ float: right;}			
			#left ul li, #right ul li{ background: url('../img2/list-icon.png') 0px 4px no-repeat; padding-left: 1.6em;}
		#left h2, #right h2{ font: bold 20px/24px "Trebuchet MS", Verdana, Arial, sans-serif; margin: 0.8em 0 0 0;}
		#left p, #right p{ text-align: justify; padding: 4px 0;}
		#content a{ font-weight: bold; padding: 0px 2px;}
			#content a:hover{ color: #fff; text-decoration: none;}
			
		dl{ width: 100%; display: block; overflow: auto;}
		dl dt{ color: #000; margin-top: 6px; font-weight: bold; position: relative;}
		dl dd{ color: #474747; margin-left: 40px;}
		dl dd small{ font-size: 9px; color: #999; }
			dl.addr{ background: url('../img2/addr.png') 2px 26px no-repeat;}
			dl.phone{ background: url('../img2/phone.png') 2px 26px no-repeat;}			
			dl.net{ background: url('../img2/web.png')  2px 26px no-repeat;}
					
	#left{ float: left;}
	#right{ float: right;}
	
/*
Clear floats
---------------------------------*/
.clearfix:after { content: "."; display: block;	height: 0; clear: both;  visibility: hidden;}
.clearfix {	display: inline-block; }
/* Hides from IE-mac \*/ * html .clearfix { height: 1%;}
.clearfix {	display: block;	}