body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:0;
	height:100%;
	background-image:url('img/background.jpg');
	background-repeat:repeat;
	background-color:#61d9f1;
	background-position:top center;
}


#background_crte_zgornje{
	margin-top:-50px;
	height:200px;
	background-image:url('img/background_crte_zgornje.png');
	background-repeat:no-repeat;
	background-position:center;
}

#background_crte_spodnje{
	height:210px;
	margin-top:-80px;
	margin-left:400px;
	background-image:url('img/background_crte_spodnje.png');
	background-repeat:no-repeat;
	background-position:center;
}

/*structure*/

div#container {
	width:720px;
	margin:0 auto;
	padding:0;
}

div#header {
	margin-top:-44px;
	height:54px;
}

div#content {
	height:448px;
	margin-top:-5px;
	margin-left:5px;
	margin-right:5px;
	background-image:url('img/content.png');
	background-repeat:no-repeat;
}

div#content_top {
	padding-left:120px;
	padding-top:22px;
	z-index:100;
	font-size:0px;
	height:25px;
	margin-top:-5px;
	margin-left:5px;
	margin-right:5px;
	background-image:url('img/content_top.png');
	background-repeat:no-repeat;
}

#content_top {
	margin-left:100px;
	padding-top:22px;
	z-index:100;
	font-size:0px;
}

#content_top ul, ul.popular_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#content_top ul li { display:inline;}
#content_top ul li a {
	margin-right:70px;
}

#content_top ul li.about a { margin-right:0px; }
#content_top ul li a:hover { background-position:0 -15px; }

div#content_middle {
	height:auto;
	margin-left:5px;
	margin-right:5px;
	padding-top:25px;
	background-image:url('img/content_middle.png');
	background-repeat:repeat-y;
}

div#content_bottom {
	height:31px;
	margin-top:-15px;
	margin-left:5px;
	margin-right:5px;
	background-image:url('img/content_bottom.png');
	background-repeat:no-repeat;
}


div#footer {
	margin-top:10px;
	height:40px;

}

/*header*/

div.logo{
	margin-left:20px;
	float:left;
}


div.welcome_logo{
	padding-top:100px;
	height:auto;
}

/*navigation*/

div#navigation{
	margin-right:20px;
	float:right;
	font-size:0px;
}

#nav {
	float:right;
	z-index:100;
}

#nav ul, ul.popular_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav ul li { display:inline;}
#nav ul li a {
	margin-right:0px;
}

#nav ul li.about a { margin-right:0; }
#nav ul li a:hover { background-position:0 -54px; }

li.home a {
	background:transparent url(img/home_nav.png) no-repeat scroll left top;
	float:left;
	height:54px;
	width:71px;
}

li.ahome a {
	background:transparent url(img/home_nav.png) no-repeat scroll left top;
		background-position:0 -108px;
	float:left;
	height:54px;
	width:71px;
}



#home li.home a, #home li.home a:hover {
	background-position:0 -108px;
	position:relative;
	z-index:10;
}

#ahome li.ahome a, #ahome li.ahome a:hover {
	background-position:0 -108px;
	position:relative;
	z-index:10;
}

li.portfolio a {
	background:transparent url(img/portfolio_nav.png) no-repeat scroll left top;
	float:left;
	height:54px;
	width:71px;
}

li.aportfolio a {
	background:transparent url(img/portfolio_nav.png) no-repeat scroll left top;
		background-position:0 -108px;
	float:left;
	height:54px;
	width:71px;
}

#portfolio li.portfolio a, #portfolio li.portfolio a:hover {
	background-position:0 -148px;
	position:relative;
	z-index:10;
}

#aportfolio li.aportfolio a, #aportfolio li.aportfolio a:hover {
	background-position:0 -148px;
	position:relative;
	z-index:10;
}

li.downloads a {
	background:transparent url(img/downloads_nav.png) no-repeat scroll left top;
	
	float:left;
	height:54px;
	width:107px;
}

li.adownloads a {
	background:transparent url(img/downloads_nav.png) no-repeat scroll left top;
		background-position:0 -108px;
	float:left;
	height:54px;
	width:107px;
}

#downloads li.downloads a, #downloads li.downloads a:hover {
	background-position:0 -148px;
	position:relative;
	z-index:10;
}

#adownloads li.adownloads a, #adownloads li.adownloads a:hover {
	background-position:0 -148px;
	position:relative;
	z-index:10;
}


li.iphone a {
	background:transparent url(img/iphone_nav.png) no-repeat scroll left top;
	float:left;
	height:54px;
	width:78px;
}

li.aiphone a {
	background:transparent url(img/iphone_nav.png) no-repeat scroll left top;
		background-position:0 -108px;
	float:left;
	height:54px;
	width:78px;
}

#iphone li.iphone a, #iphone li.iphone a:hover {
	background-position:0 -148px;
	position:relative;
	z-index:10;
}

#aiphone li.aiphone a, #aiphone li.aiphone a:hover {
	background-position:0 -148px;
	position:relative;
	z-index:10;
}

li.contact a {
	background:transparent url(img/contact_nav.png) no-repeat scroll left top;
	float:left;
	height:54px;
	width:67px;
}

li.acontact a {
	background:transparent url(img/contact_nav.png) no-repeat scroll left top;
		background-position:0 -108px;
	float:left;
	height:54px;
	width:67px;
}

#contact li.contact a, #contact li.contact a:hover {
	background-position:0 -148px;
	position:relative;
	z-index:10;
}

#acontact li.acontact a, #acontact li.acontact a:hover {
	background-position:0 -148px;
	position:relative;
	z-index:10;
}

/*content*/
/**slideshow**/


div#flashcontent {
	margin-left:0px;
	margin-top:0px;
}

div#slideshow {
	padding-top:18px;
	margin-left:5px;
	margin-right:5px;
	width:700px;
    height:420px;
}

div#slideshow img {
    position:absolute;
    top:0px;
    left:0px;
    z-index:8;
    opacity:0.0;
}

div#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

div#slideshow img.last-active {
    z-index:9;
}

/*gallery*/

div#downloads_content{
	margin-right:130px;
	margin-top:-2px;
	padding-bottom:40px;
	float:right;
	width:auto;
	height:auto;
	font-size:14px;
	font-weight:bold;
	color:white;
	text-shadow: black 0em 0em 0.2em;
}

div#portfolio_gallery{
	height:auto;
	width:700px;
	padding-top:10px;
	margin-left:8px;
	margin-right:8px;
}

div#downloads_wallpapers{
	height:auto;
	width:700px;
	margin-top:-10px;
	margin-left:5px;
	margin-right:5px;
}


div#gallery{
	height:355px;
	padding-top:43px;
	margin-left:8px;
	margin-right:8px;
}



#visit {
	margin-top:135px;
	margin-left:-135px;
	float:right;
	width:86px;
	height:41px;
}


#visit ul, ul.popular_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#visit ul li { display:inline;}
#visit ul li a {
	margin-right:0px;
}

#visit ul li.about a { margin-right:0; }
#visit ul li a:hover { background-position:0 -41px; }

li.visit_button a {
	background:transparent url(img/visit_button.png) no-repeat scroll left top;
	float:left;
	height:41px;
	width:86px;
}

#visit_button li.visit_button a, #visit_button li.visit_button a:hover {
	background-position:0 -108px;
	position:relative;
	z-index:10;
}

#enter {
	margin-top:40px;
	width:720px;
	height:41px;
}


#enter ul, ul.popular_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:274px;
	padding:0;
}

#enter ul li { display:inline;}
#enter ul li a {
	margin-right:0px;
}

#enter ul li.about a { margin-right:0; }
#enter ul li a:hover { background-position:0 -40px; }

li.enter_button a {
	background:transparent url(img/enter_button.png) no-repeat scroll left top;
	float:left;
	height:41px;
	width:86px;
}

#enter_button li.enter_button a, #enter_button li.enter_button a:hover {
	background-position:0 -108px;
	position:relative;
	z-index:10;
}






div#img{
	height: auto;
	width: auto;
	float: left;
	text-align: center;
}

div#img img {
	display:inline;
	margin:5px;
	border:4px solid #ffffff;
}
div#img a:hover img {
	border:4px solid #41ccff;
}



div#bgiphone{
	height:754px;
	width:700px;
	margin: -34px 5px 0px 5px;
	background-image:url('img/iphone/bgiphone.png');
	background-repeat:no-repeat;
}

div#home_screen{
	height:480px;
	width:320px;
	background-image:url('img/iphone/home_screen.jpg');
	background-repeat:no-repeat;
}

#home_screen_buttons {
	padding-left:17px;
	padding-right:17px;
	padding-top:33px;
	z-index:100;
	font-size:0px;
	width:286px;
	height:480px;
}

#home_screen_buttons ul, ul.popular_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#home_screen_buttons ul li { display:inline;}
#home_screen_button ul li a {
	margin-right:70px;
}

#home_screen_buttons ul li.about a { margin-right:0px; }
#home_screen_buttons ul li a:hover { background-position:0 -73px; }

li.wallpapers_button a {
	background:transparent url(img/iphone/wallpapers_button.jpg) no-repeat scroll left top;
	float:left;
	margin-right:17px;
	height:73px;
	width:59px;
}

#wallpapers_button li.wallpapers_button a, #wallpapers_button li.wallpapers_button a:hover {
	background-position:0 -73px;
	position:relative;
	z-index:10;
}


li.themes_button a {
	background:transparent url(img/iphone/themes_button.jpg) no-repeat scroll left top;
	float:left;
	height:73px;
	width:59px;
}

#themes_button li.themes_button a, #themes_button li.themes_button a:hover {
	background-position:0 -73px;
	position:relative;
	z-index:10;
}







div#iphone_slideshow {
	padding-top:122px;
	margin-left:188px;
	margin-right:188px;
	width:320px;
    height:480px;
}

#iphone_home_button {
	margin-left:314px;
	margin-right:316px;
	padding-top:17px;
	z-index:100;
	font-size:0px;
	width:69px;
	height:69px;
}

#iphone_home_button ul, ul.popular_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#iphone_home_button ul li { display:inline;}
#iphone_home_button ul li a {
	margin-right:70px;
}

#iphone_home_button ul li.about a { margin-right:0px; }
#iphone_home_button ul li a:hover { background-position:0 -69px; }

li.home_button a {
	background:transparent url(img/home_button.png) no-repeat scroll left top;
	float:left;
	height:70px;
	width:70px;
}




#home_button li.home_button a, #home_button li.home_button a:hover {
	background-position:0 -108px;
	position:relative;
	z-index:10;
}


/*gallery page navigation and page numbers*/

div#portfolio_navigation{
	margin-right:20px;
	float:right;
	
}

#portfolio_nav {
	margin-left:100px;
	padding-top:22px;
	z-index:100;
	font-size:0px;
}

#portfolio_nav ul, ul.popular_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#portfolio_nav ul li { display:inline;}
#portfolio_nav ul li a {
	margin-right:70px;
}

#portfolio_nav ul li.about a { margin-right:0px; }
#portfolio_nav ul li a:hover { background-position:0 -15px; }

li.webdesign a {
	background:transparent url(img/webdesign_nav.png) no-repeat scroll left top;
	float:left;
	height:15px;
	width:79px;
}

li.awebdesign a {
	background:transparent url(img/webdesign_nav.png) no-repeat scroll left top;
		background-position:0 -15px;
	float:left;
	height:15px;
	width:79px;
}



#webdesign li.webdesign a, #webdesign li.webdesign a:hover {
	background-position:0 -108px;
	position:relative;
	z-index:10;
}

#awebdesign li.awebdesign a, #awebdesign li.awebdesign a:hover {
	background-position:0 -108px;
	position:relative;
	z-index:10;
}

li.graphicdesign a {
	background:transparent url(img/graphichdesign_nav.png) no-repeat scroll left top;
	float:left;
	height:15px;
	width:102px;
}

li.agraphicdesign a {
	background:transparent url(img/graphichdesign_nav.png) no-repeat scroll left top;
		background-position:0 -15px;
	float:left;
	height:15px;
	width:102px;
}

#graphicdesign li.graphichdesign a, #graphichdesign li.graphichdesign a:hover {
	background-position:0 -15px;
	position:relative;
	z-index:10;
}

#agraphicdesign li.agraphichdesign a, #agraphichdesign li.agraphichdesign a:hover {
	background-position:0 -15px;
	position:relative;
	z-index:10;
}

li.logos a {
	background:transparent url(img/logos_nav.png) no-repeat scroll left top;
	
	float:left;
	height:15px;
	width:41px;
}

li.alogos a {
	background:transparent url(img/logos_nav.png) no-repeat scroll left top;
		background-position:0 -15px;
	float:left;
	height:15px;
	width:41px;
}

#logos li.logos a, #logos li.logos a:hover {
	background-position:0 -15px;
	position:relative;
	z-index:10;
}

#alogos li.alogos a, #alogos li.alogos a:hover {
	background-position:0 -15px;
	position:relative;
	z-index:10;
}


li.print a {
	background:transparent url(img/print_nav.png) no-repeat scroll left top;
	
	float:left;
	height:15px;
	width:41px;
}

li.aprint a {
	background:transparent url(img/print_nav.png) no-repeat scroll left top;
		background-position:0 -15px;
	float:left;
	height:15px;
	width:41px;
}

#print li.print a, #print li.print a:hover {
	background-position:0 -15px;
	position:relative;
	z-index:10;
}

#aprint li.aprint a, #aprint li.aprint a:hover {
	background-position:0 -15px;
	position:relative;
	z-index:10;
}




div#page{
	margin-right:15px;
	float:right;
	width:auto;
	height:14px;
	
}

div.num {
	height: 14px;
	width: 14px;
	float: left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size:12px;
	font-weight:bold;
	color:#2f86a6;
}


/*podtfolio, downloads content*/

div#downloads_content{
	margin-right:130px;
	margin-top:-2px;
	padding-bottom:40px;
	float:right;
	width:auto;
	height:auto;
	font-size:14px;
	font-weight:bold;
	color:white;
	text-shadow: black 0em 0em 0.2em;
}

div#portfolio_content{
	padding-left:15px;
	padding-bottom:20px;
	float:left;
	width:auto;
	height:auto;
	font-size:14px;
	font-weight:bold;
	color:white;
	text-shadow: black 0em 0em 0.2em;
}

#downloads_new {
	margin-top:-399px;
	margin-right:13px;
	float:right;
	width:59px;
	height:59px;
	background-image:url('img/new.png');
	
}




#download {
	margin-top:-77px;
	margin-right:15px;
	float:right;
	z-index:100;
	font-size:0px;
}


#download ul, ul.popular_list {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#download ul li { display:inline;}
#download ul li a {
	margin-right:0px;
}

#download ul li.about a { margin-right:0; }
#download ul li a:hover { background-position:0 -53px; }

li.download_button a {
	background:transparent url(img/download_button.png) no-repeat scroll left top;
	float:left;
	height:53px;
	width:108px;
}

#download_button li.download_button a, #download_button li.download_button a:hover {
	background-position:0 -108px;
	position:relative;
	z-index:10;
}




/*footer*/

div.copyright{
	margin-left:20px;
	padding-top:7px;
	float:left;
	font-size:11px;
	color:#218cb4;
}

div.footer_icons{
	margin-top:2px;
	margin-right:25px;
	float:right;
}

div.icons{
	margin-top:-4px;
	margin-right:40px;
	float:right;
}


/*fonts*/



A:link {
	text-decoration: none;
	color:#ffffff;

}
A:visited {
	text-decoration: none; 
	color:#ffffff;
}
A:active {
	text-decoration: none;
	color:#ffffff;
}
A:hover {
	text-decoration: none; 
	color:#2f86a6;
}