@charset "utf-8";
/* CSS Document */
body   {margin:0; background: transparent url(../images/bgr.gif);  color:#444; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.75em; cursor: auto;}
img    {border:0;}
#wrap  {width:950px; height:650px; margin-top:-340px; position:absolute; top:50%; margin-left:-475px; left:50%;}
.bground {width:506px; height:670px; margin-top:90px; margin-left:45px; position:absolute;}

.logo  {position:absolute; no-repeat; margin:12px 0 0 45px; width:260px; height:47px;}
.logo a{display:block; background:url(../images/cat.png) no-repeat; width:260px; height:47px;}
.logo a:active{background:url(../images/cat.png) no-repeat;}
.logo a:hover{background:url(../images/cat.png) no-repeat;}

.title {margin:0 0 0 555px; position:absolute; font-size:19px; font-variant:small-caps; font-weight:bold; padding:2px; background: transparent 		url(../images/title.png) no-repeat;width:360px; height:20px;}

.icon1  {position:absolute; margin:13px 0 0 310px; padding:0; width:40px; height:40px;}
.icon1 a{display:block; background:url(../images/icons/icon01.gif) no-repeat; width:40px; height:40px;}
.icon1 a:active{display:block; background:url(../images/icons/icon01.gif) no-repeat; width:40px; height:40px;}
.icon1 a:hover {display:block; background:url(../images/icons/icon01.gif) no-repeat; width:40px; height:40px;}

.icon2  {position:absolute; margin:13px 0 0 310px; padding:0; width:40px; height:40px;}
.icon2 a{display:block; background:url(../images/icons/icon02.gif) no-repeat; width:40px; height:40px;}
.icon2 a:active{display:block; background:url(../images/icons/icon02.gif) no-repeat; width:40px; height:40px;}
.icon2 a:hover {display:block; background:url(../images/icons/icon02.gif) no-repeat; width:40px; height:40px;}

.icon3  {position:absolute; margin:13px 0 0 310px; padding:0; width:40px; height:40px;}
.icon3 a{display:block; background:url(../images/icons/icon03.gif) no-repeat; width:40px; height:40px;}
.icon3 a:active{display:block; background:url(../images/icons/icon03.gif) no-repeat; width:40px; height:40px;}
.icon3 a:hover {display:block; background:url(../images/icons/icon03.gif) no-repeat; width:40px; height:40px;}

.icon4  {position:absolute; margin:13px 0 0 310px; padding:0; width:40px; height:40px;}
.icon4 a{display:block; background:url(../images/icons/icon04.gif) no-repeat; width:40px; height:40px;}
.icon4 a:active{display:block; background:url(../images/icons/icon04.gif) no-repeat; width:40px; height:40px;}
.icon4 a:hover {display:block; background:url(../images/icons/icon04.gif) no-repeat; width:40px; height:40px;}

.icon5  {position:absolute; margin:13px 0 0 310px; padding:0; width:40px; height:40px;}
.icon5 a{display:block; background:url(../images/icons/icon05.gif) no-repeat; width:40px; height:40px;}
.icon5 a:active{display:block; background:url(../images/icons/icons/icon05.gif) no-repeat; width:40px; height:40px;}
.icon5 a:hover {display:block; background:url(../images/icons/icon05.gif) no-repeat; width:40px; height:40px;}

.icon6  {position:absolute; margin:13px 0 0 310px; padding:0; width:40px; height:40px;}
.icon6 a{display:block; background:url(../images/icons/icon06.gif) no-repeat; width:40px; height:40px;}
.icon6 a:active{display:block; background:url(../images/icons/icon06.gif) no-repeat; width:40px; height:40px;}
.icon6 a:hover {display:block; background:url(../images/icons/icon06.gif) no-repeat; width:40px; height:40px;}

.icon7  {position:absolute; margin:13px 0 0 310px; padding:0; width:40px; height:40px;}
.icon7 a{display:block; background:url(../images/icons/icon07.gif) no-repeat; width:40px; height:40px;}
.icon7 a:active{display:block; background:url(../images/icons/icon07.gif) no-repeat; width:40px; height:40px;}
.icon7 a:hover {display:block; background:url(../images/icons/icon07.gif) no-repeat; width:40px; height:40px;}

.icon8  {position:absolute; margin:13px 0 0 310px; padding:0; width:40px; height:40px;}
.icon8 a{display:block; background:url(../images/icons/icon08.gif) no-repeat; width:40px; height:40px;}
.icon8 a:active{display:block; background:url(../images/icons/icon08.gif) no-repeat; width:40px; height:40px;}
.icon8 a:hover {display:block; background:url(../images/icons/icon08.gif) no-repeat; width:40px; height:40px;}



.front {position:absolute; margin:110px 0 0 46px; width:860px; height:453px; padding:0;}
.front a{display:block; background:url(../images/a.png) no-repeat; width: 860px; height:453px;}
.front a:hover{background: transparent url(../images/a.png) no-repeat}
.front a:active{background: transparent url(../images/a.png) no-repeat}

.front img {vertical-align:baseline; position:absolute; margin:0; width:860px; height:450px;}
.about {position:absolute; margin:150px 0 0 300px; padding:55px 40px 20px 20px; text-align:left; width:540px; height:320px; border-right:dashed #333;
border-top:thin dashed #dddddd; border-left:thin dashed #dddddd; border-bottom:thin dashed #dddddd;}
.about h2{
	text-align:left;
	font-size: 13px;
	font-weight:lighter;
	color:#777777;
	line-height: 16.6px;
	font-variant: small-caps;
	width:540px;
}

.about p{
	text-align:left;
	font-size: 12px;
	font-weight:lighter;
	color:#777777;
	line-height: 16.6px;
	font-variant: small-caps;
	width:540px;
}
.about h1{
	font-size: 18px;
	font-weight:lighter;
	color:#444;
	line-height: 17px;
	float:right;
}
.about a{
	text-align:left;
	font-size: 12px;
	font-weight:lighter;
	color:#777777;
	line-height: 16.6px;
	font-variant: small-caps;
	width:540px;
}
.contact {
	position:absolute;
	margin:150px 0 0 300px;
	padding:55px 40px 20px 20px;
	text-align:left;
	font-size: 13px;
	font-weight:lighter;
	color:#777777;
	width:540px;
	height:320px;
	border-top:dashed #333;
	border-right:thin dashed #dddddd;
	border-left:thin dashed #dddddd;
	border-bottom:thin dashed #dddddd;
	font-variant: small-caps;
	text-decoration: none;
}
.mail{
	position:relative;
	margin:-30px 0 0 40px;
	float:left;
	width: 70px;
	height:70px;		
}
.mail a{
	display:block;
	background:url(../images/mail.gif) no-repeat;	
	width:70px;
	height:70px;}
.mail a:active{
	display:block;
	background:url(../images/mail.gif) no-repeat;	
	width:70px;
	height:70px;}
.mail a:hover{
	display:block;
	background:url(../images/mail1.gif) no-repeat;	
	width:70px;
	height:70px;
}

.flickr{
	position:relative;
	margin:0 0 0 50px;
	float:left;
	width: 78px;
	height:31px;		
}
.flickr a{
	display:block;
	background:url(../images/flickr.gif) no-repeat;	
	width:78px;
	height:31px;}
.flickr a:active{
	display:block;
	background:url(../images/flickr.gif) no-repeat;	
	width:78px;
	height:31px;}
.flickr a:hover{
	display:block;
	background:url(../images/flickr1.gif) no-repeat;	
	width:78px;
	height:31px;
}
.da{
	position:relative;
	margin:0 0 0 50px;
	float:left;
	width: 78px;
	height:31px;		
}
.da a{
	display:block;
	background:url(../images/deviantart.gif) no-repeat;	
	width:78px;
	height:31px;}
.da a:active{
	display:block;
	background:url(../images/deviantart.gif) no-repeat;	
	width:78px;
	height:31px;}
.da a:hover{
	display:block;
	background:url(../images/deviantart1.gif) no-repeat;	
	width:78px;
	height:31px;
}
.modelm{
	position:relative;
	margin:0 0 0 5px;
	float:left;
	width:198px;
	height:31px;		
}
.modelm a{
	display:block;
	background:url(../images/modelmayhem.jpg) no-repeat;	
	width:198px;
	height:31px;}
.modelm a:active{
	display:block;
	background:url(../images/modelmayhem.jpg) no-repeat;	
	width:198px;
	height:31px;}
.modelm a:hover{
	display:block;
	background:url(../images/modelmayhem1.jpg) no-repeat;	
	width:198px;
	height:31px;
}
.yt{
	position:relative;
	margin:-30px 0 0 340px;
	float:left;
	width:81px;
	height:31px;		
}
.yt a{
	display:block;
	background:url(../images/yt.gif) no-repeat;	
	width:81px;
	height:31px;}
.yt a:active{
	display:block;
	background:url(../images/yt.gif) no-repeat;	
	width:81px;
	height:31px;}
.yt a:hover{
	display:block;
	background:url(../images/yt1.gif) no-repeat;	
	width:81px;
	height:31px;
}	
.contact h1{
	font-size: 22px;
	font-weight:lighter;
	color:#222;
	line-height: 17px;
	font-variant: small-caps;
}
.contact h2{text-align:left; font-size: 13px; font-weight:lighter; font-variant: small-caps;	}
.frame {position:absolute; margin:75px 0 0 45px;}

.sr{position:absolute; margin:215px 0 0 159px; float:right; width:110px; height:35px;}
.sr a{display:block; background:url(../images/srpski.png) no-repeat; width: 110px; height:35px;}
.sr a:active{background:url(../images/srpski.png) no-repeat;}
.sr a:hover{background:url(../images/srpski1.png) no-repeat;}

.en{background:url(../images/english.png) no-repeat; position:absolute; margin:252px 0 0 159px; float:right; width: 110px;height:35px;}
.en a{display:block; background:url(../images/english.png) no-repeat; width: 110px; height:35px;}
.en a:active{background:url(../images/english.png) no-repeat;}
.en a:hover{background:url(../images/english1.png) no-repeat;}

.clients {position:absolute; margin:290px 0 0 60px; text-align:right; font-weight:normal; line-height: 17px; width: 214px;}
.clients p {clear:both; margin:0; padding:0}

.icons1  {position:absolute; margin:580px 0 0 660px; padding:0; width:26px; height:50px;}
.icons1 a{display:block; background:url(../images/icons/icon1.gif) no-repeat; width:26px; height:50px;}
.icons1 a:active{display:block; background:url(../images/icons/icon1.gif) no-repeat; width:26px; height:50px;}
.icons1 a:hover {display:block; background:url(../images/icons/icon1on.gif) no-repeat; width:26px; height:50px;}

.icons2  {position:absolute; margin:580px 0 0 686px; padding:0; width:32px; height:50px;}
.icons2 a{display:block; background:url(../images/icons/icon2.gif) no-repeat; width:32px; height:50px;}
.icons2 a:active{display:block; background:url(../images/icons/icon2.gif) no-repeat; width:32px; height:50px;}
.icons2 a:hover {display:block; background:url(../images/icons/icon2on.gif) no-repeat; width:32px; height:50px;}

.icons3  {position:absolute; margin:580px 0 0 718px; padding:0; width:31px; height:50px;}
.icons3 a{display:block; background:url(../images/icons/icon3.gif) no-repeat; width:40px; height:50px;}
.icons3 a:active{display:block; background:url(../images/icons/icon3.gif) no-repeat; width:40px; height:50px;}
.icons3 a:hover {display:block; background:url(../images/icons/icon3on.gif) no-repeat; width:40px; height:50px;}

.icons4  {position:absolute; margin:580px 0 0 749px; padding:0; width:45px; height:50px;}
.icons4 a{display:block; background:url(../images/icons/icon4.gif) no-repeat; width:45px; height:50px;}
.icons4 a:active{display:block; background:url(../images/icons/icon4.gif) no-repeat; width:45px; height:50px;}
.icons4 a:hover {display:block; background:url(../images/icons/icon4on.gif) no-repeat; width:45px; height:50px;}

.icons5  {position:absolute; margin:580px 0 0 794px; padding:0; width:37px; height:50px;}
.icons5 a{display:block; background:url(../images/icons/icon5.gif) no-repeat; width:37px; height:50px;}
.icons5 a:active{display:block; background:url(../images/icons/icon5.gif) no-repeat; width:37px; height:50px;}
.icons5 a:hover {display:block; background:url(../images/icons/icon5on.gif) no-repeat; width:37px; height:50px;}

.icons6  {position:absolute; margin:580px 0 0 831px; padding:0; width:36px; height:50px;}
.icons6 a{display:block; background:url(../images/icons/icon6.gif) no-repeat; width:36px; height:50px;}
.icons6 a:active{display:block; background:url(../images/icons/icon6.gif) no-repeat; width:36px; height:50px;}
.icons6 a:hover {display:block; background:url(../images/icons/icon6on.gif) no-repeat; width:36px; height:50px;}

.icons7  {position:absolute; margin:580px 0 0 867px; padding:0; width:26px; height:50px;}
.icons7 a{display:block; background:url(../images/icons/icon7.gif) no-repeat; width:26px; height:50px;}
.icons7 a:active{display:block; background:url(../images/icons/icon7.gif) no-repeat; width:26px; height:50px;}
.icons7 a:hover {display:block; background:url(../images/icons/icon7on.gif) no-repeat; width:26px; height:50px;}

.icons8  {position:absolute; margin:580px 0 0 893px; padding:0; width:21px; height:50px;}
.icons8 a{display:block; background:url(../images/icons/icon8.gif) no-repeat; width:21px; height:50px;}
.icons8 a:active{display:block; background:url(../images/icons/icon8.gif) no-repeat; width:21px; height:50px;}
.icons8 a:hover {display:block; background:url(../images/icons/icon8on.gif) no-repeat; width:21px; height:50px;}

.icons6in  {position:absolute; margin:580px 0 0 831px; padding:0; width:36px; height:50px;}
.icons6in a{display:block; background:url(../images/icons/icon6in.gif) no-repeat; width:36px; height:50px;}
.icons6in a:active{display:block; background:url(../images/icons/icon6in.gif) no-repeat; width:36px; height:50px;}
.icons6in a:hover {display:block; background:url(../images/icons/icon6on.gif) no-repeat; width:36px; height:50px;}

.strip1 {position:absolute; display:block; margin:595px 0 0 48px; padding:0; width:100px; height:60px;}
.strip1 a{display:block; background:url(../images/commercial.jpg) no-repeat;  width:100px; height:60px;}
.strip1 a:active{display:block; background:url(../images/commercial.jpg) no-repeat;  width:100px; height:60px;}
.strip1 a:hover{display:block; background:url(../images/commercial.jpg) no-repeat;  width:100px; height:60px;}

.strip2 {position:absolute; display:block; margin:595px 0 0 155px; padding:0; width:100px; height:60px;}
.strip2 a{display:block; background:url(../images/tabletop.jpg) no-repeat;  width:100px; height:60px;}
.strip2 a:active{display:block; background:url(../images/tabletop.jpg) no-repeat;  width:100px; height:60px;}
.strip2 a:hover{display:block; background:url(../images/tabletop.jpg) no-repeat;  width:100px; height:60px;}

.strip3 {position:absolute; display:block; margin:595px 0 0 262px; padding:0; width:100px; height:60px;}
.strip3 a{display:block; background:url(../images/fashion.jpg) no-repeat; width:100px; height:60px;}
.strip3 a:active{display:block; background:url(../images/fashion.jpg) no-repeat;  width:100px; height:60px;}
.strip3 a:hover{display:block; background:url(../images/fashion.jpg) no-repeat;  width:100px; height:60px;}

.strip4 {position:absolute; display:block; margin:595px 0 0 369px; padding:0; width:100px; height:60px;}
.strip4 a{display:block; background:url(../images/portraits.jpg) no-repeat;  width:100px; height:60px;}
.strip4 a:active{display:block; background:url(../images/portraits.jpg) no-repeat;  width:100px; height:60px;}
.strip4 a:hover{display:block; background:url(../images/portraits.jpg) no-repeat;  width:100px; height:60px;}

.strip5 {position:absolute; display:block; margin:595px 0 0 474px; padding:0; width:100px; height:60px;}
.strip5 a{display:block; background:url(../images/fine_art.jpg) no-repeat;  width:100px; height:60px;}
.strip5 a:active{display:block; background:url(../images/fine_art.jpg) no-repeat;  width:100px; height:60px;}
.strip5 a:hover{display:block; background:url(../images/fine_art.jpg) no-repeat;  width:100px; height:60px;}

.gray { color:#999}

.copy  {background: no-repeat; width:280px; height:10px; margin:635px 0 0 660px; position:absolute;}
.copy p {clear:both; position:relative; margin:0; padding:0; color:#999}

.fltrt { 
	margin:0 20px 0 0;
	padding:5px;
	float: right;
	text-align: left;
	max-width:660px;}
.fltlft {
	text-align:left;
	margin:0 0 0 30px;
	color:#666666;
	padding:5px;
	float: left;
	font-size:13px;}
#menu ul{
float:right;
margin:24px 40px 0 0;
list-style-type: none;
text-transform:uppercase}
#menu li{
display: block;
float: left;
padding:0;}
#menu a{
display: block;
font:bold 12px arial,helvetica,sans-serif;
padding:6px 9px 6px 9px;}
#menu i{
font:bold 12px arial,helvetica,sans-serif; 
color:#000;
display: block;
text-transform:uppercase; 
border-right:7px solid #000000;
border-left:7px solid #000000;
border-bottom:7px solid #000000;
padding:6px 9px 6px 9px;}
#menu a{color:#fff;background:#000;text-decoration:none;}
#menu a:visited{color: #fff;}
#menu a:hover{color:#000;background:#eee;}
#menu a:active{color:#999;background:#eee;}

.clearfloat {clear:both; height:1px; font-size: 1px; line-height: 0px;}


a:link {
	color: #444444;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #444444;
}
a:hover {
	text-decoration: none;
	color: #ff6600;
}
a:active {
	text-decoration: none;
}