html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:12px;	background:url(../images/bigbg.jpg) no-repeat top center #ffffff;}
p, h1, h2, h3, hr, ul, li, input, form, body {margin: 0;padding: 0;}
a {outline:none;}

#wrap {margin:0 auto; width:905px;}

#left {float:left; width:252px;}
#left img {border:0; padding-bottom:20px; float:left; width:252px;}
#left h1 a, #left h2 a{color:#936589; font-size:16px; font-weight:bold; float:left; text-align:right; width:240px; padding:0 12px 0 0; text-decoration:none;}
#left h1 a:hover, #left h2 a:hover { color:#0cafcb;}
#left ul {list-style:none;}
#left ul li {float:right; width:252px;}

#right { float:left; width:653px;}

#menu {float:right; width:653px; height:112px;}
#menu ul {float:right; list-style:none; margin-top:46px;}
#menu ul li {float:left; margin-left:12px; display:inline;}
#menu a {float:left;color:#ffffff; text-decoration:none; font-size:14px; height:40px; font-weight:bold;}
#menu a span.l {height:34px;display:block;float:left;background:url(../images/topmenu.gif) left -80px; cursor:pointer;padding:6px 12px 0 15px;}
#menu a span.d {height:40px; width:4px; display:block; float:left; background:url(../images/topmenu.gif) no-repeat right -50px;}
#menu a:hover span.l {height:34x;display:block;float:left;padding:6px 12px 0 15px;background:url(../images/topmenu_hover.gif) left -80px; cursor:pointer;}
#menu a:hover span.d {height:40px; width:4px; display:block; float:left; background:url(../images/topmenu_hover.gif) no-repeat right -50px;}
#menu a.active:hover {text-decoration:underline;}
#menu a.active span.l {height:34px;display:block;float:left;padding:6px 12px 0 15px;background:url(../images/topmenu_active.gif) left -80px; cursor:pointer;}
#menu a.active span.d {height:40px; width:4px; display:block; float:left; background:url(../images/topmenu_active.gif) no-repeat right -50px;}


.box {float:left; width:613px; padding:21px 0 12px 0; margin-left:40px; display:inline; background:url(../images/orangespot_hr.gif) no-repeat bottom;}
.box h3 a {float:left; width:613px; font-size:20px; color:#0cafcb; text-decoration:none; display:inline; margin:0 0 0 0; padding:0 0 7px 0;}
.box h3 a:hover {text-decoration:underline;}
.box p {float:left; width:613px; display:inline; font-size:14px; padding-bottom:5px;}
.box a.vec {color:#0cafcb; font-weight:bold; font-size:12px; text-decoration:none; float:right;}
.box a.vec:hover {text-decoration:underline;}
.box ul { padding:0 0 0 15px !important;}
.last {background:none;}

#content { float:left; width:613px; padding:20px 0 12px 0; min-height:500px;height:auto !important;height:500px; margin-left:40px; display:inline;}
#content a { color:#0cafcb; }
#content a:hover {text-decoration:none;}
#content h1 {color:#0cafcb; font-size:20px; font-weight:bold; padding-bottom:10px;}
#content span.big {font-size:14px;}
#content span.orangetitle {color:#0cafcb; font-weight:bold; font-size:14px;}
#content ul {list-style:none; padding:6px 0 6px 0;}
#content ul li { padding:0 0 0 10px; background:url(../images/ulli_content.gif) no-repeat 0 6px;}

#footer {float:left; width:905px; background:url(../images/footer_bg.jpg) top no-repeat; height:123px; padding:30px 0 40px 0;}
#footer ul {float:left; list-style:none; width:650px; padding-bottom:60px; padding-top:15px;}
#footer ul li {padding:0 5px 0 10px; float:left; height:40px;}
#footer ul li a.bot {font-size:15px; font-weight:bold; font-style:italic; color:#936589; height:26px;padding:14px 6px 0 17px; display: inline-block; float:left;}
#footer ul li a:hover {text-decoration:none;}
#footer ul li a span.l {font-size:15px; font-weight:bold; font-style:italic; color:#ffffff; height:26px;display: inline-block;float:left;background:url(../images/bottom_active.gif) left -80px; cursor:pointer;color:#ffffff; padding:14px 10px 0 15px;  text-decoration:none;}
#footer ul li a span.d {height:40px; width:4px; display:block; float:left; background:url(../images/bottom_active.gif) no-repeat right -40px;}
#footer div {float:right; width:255px;height:121px; padding-top:2px;}
#footer p.copy { font-size:11px; width:725px; float:left; padding:0 0 0 30px;}
#footer p.fb {float:left; font-size:11px; }
#footer a img {float:left; border:0; margin-left:12px; display:inline;}


/* clearfix za content */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#left div {
	background:url(../images/middlebubble.gif) repeat-y right;
	position: absolute;
	visibility: hidden;
	color:#ffffff;
	font-weight:bold;
	width:353px;
	margin:-23px 0 0 252px;
	*margin: -23px 0 0 0;
	_margin:-45px 0 0 252px;
	float:left;}

#left div span {background:url(../images/topbubble.gif) no-repeat top left; width:286px; float:left; padding:25px 25px 20px 42px;}
#left div span span {background:none; width:auto; padding:0;clear: left;}

#left div p.bottom {background:url(../images/bottombubble.gif) no-repeat top left; height:9px; width:353px; float:left;}

	#left div a	{
		font-size:12px;
		padding:8px 0 0 26px;
		display: block;
		margin: 0;
		height:22px;
		text-align: left;
		text-decoration: none;
		background: url(../images/middlebg.gif) no-repeat;
		color: #ffffff;
		}
	#left div span ul {list-style:none; float:left; width:270px}
	#left div span ul li {padding-left:10px; background:url(../images/bubble_ulli.gif) no-repeat 0 8px; padding-bottom:3px; float:none; width:auto;}

