* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
	text-align:left;
	min-height:634px;/* for ie7*/
	background-image: url(../img/bg.png);
	background-color: #C2C1C2;
	background-repeat: repeat-x;
	font-family: "Myriad Pro";
	font-size: 11px;
	color: #656565;
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 468px;
}	
#xinner {
	width: 810px;
	height: 634px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../img/ram.png);
}
#left {
	float: left;
	height: 497px;
	width: 210px;
	margin-left: 6px;
	position: static;
}
#navigacija {
	background-image: url(../img/navigacija.png);
	height: 200px;
	width: 191px;
	position: static;
	margin-top: 8px;
	margin-left: 10px;
	text-align: left;
}


#floater	{float:left; height:50%; margin-bottom:-120px;}

#logo {
	background-image: url(../img/logo.png);
	height: 99px;
	width: 213px;
	float: left;
	position: static;
	margin-left: 3px;
}
#table {
	background-image: url(../img/table.png);
	float: right;
	height: 530px;
	width: 583px;
	position: static;
	margin-right: 11px;
}

#menu {
	background-image: url(../img/menu.png);
	float: right;
	height: 40px;
	width: 594px;
	position: static;
	margin-top: 29px;
}
#footer {
	background-image: url(../img/footer.png);
	height: 30px;
	width: 800px;
	position: static;
	float: right;
	margin-right: 5px;
	font-family: "Myriad Pro";
	font-size: 11px;
	color: #FFF;
	font-style: normal;
	vertical-align: middle;
	text-align: center;
	clip: rect(11px,auto,auto,auto);
}
#home {
	background-image: url(../img/home.png);
	height: 30px;
	width: 84px;
	margin-top: 6px;
	position: static;
	float: left;
	text-align: right;
}
#usluge {
	background-image: url(../img/usluge.png);
	height: 30px;
	width: 93px;
	margin-top: 6px;
	position: static;
	float: left;
	text-align: right;
}

#home:hover {
	background-image: url(../img/home_over.png);
}
#web:hover  {
	background-image: url(../img/web_dizajn_over.png);
	text-align: right;
	}
#kon {
	background-image: url(../img/kontakt.png);
	height: 30px;
	width: 103px;
	margin-top: 6px;
	position: static;
	float: left;
	top: 53px;
	text-align: right;
}
#kon:hover {
	background-image: url(../img/kontakt_over.png);
}
#usluge:hover {
	background-image: url(../img/usluge_over.png);
}
#hardver {
	background-image: url(../img/hardver.png);
	height: 30px;
	width: 101px;
	margin-top: 6px;
	position: static;
	float: left;
	text-align: right;
}
#hardver:hover {
	background-image: url(../img/hardver_over.png);
}
#reference {
	background-image: url(../img/reference.png);
	height: 30px;
	width: 110px;
	margin-top: 6px;
	position: static;
	float: left;
	text-align: right;
}
#reference:hover {
	background-image: url(../img/reference_over.png);
}
p,h1{margin-bottom:1em}
#lines {
	background-image: url(../img/line.png);
	height: 30px;
	width: 1px;
	margin-top: 6px;
	margin-left: 50px;
	position: static;
	clear: left;
	float: left;
	margin-right: 1px;
	text-align: right;
}
#ci {
	font-size: 11px;
	font-family: "Myriad Pro";
	color: #FFF;
	margin-top: 10px;
}
#links {
	background-image: url(../img/links.png);
	height: 286px;
	width: 191px;
	position: static;
	margin-top: 5px;
	margin-left: 10px;
}
#b {
	height: 225px;
	width: 140px;
	margin-top: 50px;
	margin-left: 25px;
	position: static;
	float: left;
}
#homes {
	background-image: url(../img/home_over.png);
	height: 30px;
	width: 84px;
	margin-top: 6px;
	position: static;
	float: left;
	margin-right: 1px;
	text-align: right;
}



/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* MyCSSMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{
	width:110px;
	padding:15px 10px 15px 10px;
	margin:0px;
	background-color:#F3F3F3;
	border-width:0px;
	border-style:solid;
	border-color:#898787;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{
	padding:4px 20px 3px 3px;
	background-color:#D9D9D9;
	color:#868686;
	font-family:"Myriad Pro";
	font-size:11px;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#9A9A9A;
	text-decoration: none;
	font-weight: bold;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		color:#5A5A5A;
		border-color:#9FDFFF;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#CCCCCC;
		color:#111111;
		border-color:#99DFFF;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		background-color:#CCCCCC;
		border-width:1px;
		border-style:solid;
		border-color:#999999;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 20px 3px 5px;
		background-color:#CCCCCC;
		color:#111111;
		font-size:11px;
		border-width:0px;
		border-color:#FFCC33;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{
	color:#09C;
	text-decoration:none;
	font-family: "Myriad Pro";
	font-size: 11px;
	}#include {
	height: 530px;
	width: 560px;
	position: static;
}

.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}.l {
	font-style: italic;
	font-family: "Myriad Pro";
	font-size: 11px;
	font-weight: bold;
}#lines1 {
	background-image: url(../img/line.png);
	height: 30px;
	width: 1px;
	margin-top: 6px;
	position: static;
	float: left;
	margin-right: 1px;
	text-align: right;
}
#lines2 {
	background-image: url(../img/line.png);
	height: 30px;
	width: 1px;
	margin-top: 6px;
	position: static;
	float: left;
	margin-right: 1px;
	text-align: right;
}