@charset "UTF-8";
/* CSS Document */
html {
	overflow: -moz-scrollbars-vertical;
}
body {
	margin:0px;
	text-align:center;
	background-image:url(images/bgTopShade.jpg);
	background-repeat:repeat-x;
}
#container {
	margin: 0 auto;
	width:850px;
	height:100px;
	text-align: left;
}
#topCon {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
}
#logo {
	position:absolute;
	top:65px;
	right:-1px;
	width:331px;
	height:130px;
}
#topImage {
	position:absolute;
	top:15px;
	left:-61px;
	width:347px;
	height:346px;
}
#socialBtnContact {
	position:absolute;
	left:25px;
	top:382px;
	width:300px;
	height:auto;
	line-height:22px;
}
#socialBtnfriends {
	position:absolute;
	left:25px;
	top:403px;
	width:300px;
	height:auto;
	line-height:22px;
}
#socialBtnHolder {
	position:absolute;
	left:25px;
	top:470px;
	width:300px;
	height:auto;
	line-height:22px;
}
#shareHolder {
	position:relative;
	height:25px;
	left:-15px;
	width:300px;
	height:50px;
}
#topMenyHolder {
	position:absolute;
	top:275px;
	right:-45px;
	width:auto;
	height:65px;
	background-image:url(images/vertDotts.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#topMenyHolderStart {
	position:absolute;
	top:250px;
	right:-61px;
	width:537px;
	height:60px;
	background-image:url(images/horizDotts60.gif);
	background-repeat:repeat-x;
}
.topMeny li {
	height:60px;
	list-style:none;
	display:block;
	padding-right:65px;
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
}
a:link, a:visited, a:active, a:hover {
	border:none;
	color:#b53171;
	text-decoration:none;
}
a:link.topBtn, a:visited.topBtn, a:active.topBtn {
	text-decoration:none;
	color:#b53171;
	font-size:18px;
	font-style:oblique;
}
a:hover.topBtn {
	text-decoration:none;
	color:#64605b;
	font-size:18px;
	font-style:oblique;
}
a:link.topBtn2, a:visited.topBtn2, a:active.topBtn2, a:hover.topBtn2 {
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	font-weight:bold;
	font-size:14px;
	color:#666;
}
#titleConStart {
	position:absolute;
	top:87px;
	left:1px;
	width:473px;
	height:auto;
}
#titleCon {
	position:absolute;
	top:45px;
	left:0px;
	width:500px;
	height:auto;
}
#ingCon {
	position:absolute;
	top:189px;
	left:3px;
	width:498px;
	height:173px;
}
#ingConFriend {
	position:absolute;
	top:189px;
	left:3px;
	width:498px;
	height:101px;
}
#ingConStart {
	position:absolute;
	top:150px;
	left:2px;
	width:500px;
	height:auto;
}
#quickMeny {
	position:absolute;
	top:360px;
	left:20px;
	width:auto;
	height:auto;
}
.icon li {
	height:40px;
	list-style:none;
	display:block;
	padding:5px 10px 5px 10px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	font-size:13px;
	color:#ABABAB;
	text-align:center;
	border:none;
	vertical-align:bottom;
}
#iconTitle {
	position:absolute;
	top:475px;
	left:70px;
}
#topDivider {
	position:relative;
	top:550px;
	right:20px;
	width:940px;
	height:3px;
}
#topDividerPage {
	position:relative;
	top:620px;
	right:20px;
	width:940px;
	height:auto;
}
#contactPage {
	position:relative;
	top:540px;
	right:20px;
	width:940px;
	height:auto;
}
#friendsPage {
	position:relative;
	top:520px;
	right:20px;
	width:940px;
	height:auto;
}
#topDividerProd {
	position:relative;
	top:400px;
	right:20px;
	width:940px;
	height:3px;
}
#HolderPages {
	position:relative;
	top:50px;
	left:-30px;
	width:900px;
	height:370px;
	margin-bottom:30px;
	background-image:url(images/pageBg.png);
	background-repeat:no-repeat;
	background-position:right;
}

#HolderPagesProd {
	position:relative;
	top:50px;
	left:-30px;
	width:900px;
	height:350px;
	margin-bottom:30px;
	background-image:url(images/pageBg.png);
	background-repeat:no-repeat;
	background-position:top;
}

#HolderPagesLogos {
	position:relative;
	top:80px;
	left:-30px;
	width:900px;
	height:489px;
	padding-bottom:30px;
	background-image:url(images/logosPage.png);
	background-repeat:no-repeat;
	background-position:right;
}

#HolderPagesIntroText {
	position:relative;
	top:0px;
	left:20px;
	width:900px;
	height:370px;
	padding-bottom:30px;
	background-repeat:no-repeat;
	background-position:right;
}
#HolderPagesNews {
	position:relative;
	top:0px;
	left:-20px;
	width:900px;
	height:370px;
	background-image:url(images/pageBg.png);
	background-repeat:no-repeat;
	background-position:right;
}
#DottsHoriz {
	position:absolute;
	left:-20px;
	top:0px;
	width:940px;
	height:3px;
	background-image:url(images/vertDotts.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#DottsHorizBott {
	position:relative;
	left:-80px;
	bottom:-100px;
	width:960px;
	height:3px;
	margin-bottom:100px;
	background-image:url(images/vertDotts.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:10px;
	padding-left:90px;
	
}


#DottsHorizBottProd {
	position:relative;
	left:-80px;
	bottom:-100px;
	width:960px;
	height:3px;
	margin-bottom:100px;
	background-image:url(images/vertDotts.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:10px;
	padding-left:90px;
	
}

#DottsHorizContact {
	position:absolute;
	left:-19px;
	top:518px;
	width:940px;
	height:3px;
	background-image:url(images/vertDotts.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#DottsHorizFriends {
	position:absolute;
	left:-20px;
	top:549px;
	width:940px;
	height:3px;
	background-image:url(images/vertDotts.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#DottsHorizPage {
	position:relative;
	left:-20px;
	top:1020px;
	width:940px;
	height:3px;
	background-image:url(images/vertDotts.gif);
	background-repeat:repeat-x;
	background-position:top;
	z-index:10;
}

#prodHolder1 {
	position:relative;
	top:100px;
	left:60px;
	width:300px;
	height:auto;
	}
#prodHolder2 {
	position:absolute;
	left:320px;
	top:40px;
	width:280px;
	height:auto;
	background-image:url(images/vertDotts2.gif);
	background-position:right;
	background-repeat:repeat-y;
	text-align:center;
}
#prodHolder3 {
	position:absolute;
	left:600px;
	top:40px;
	width:260px;
	height:auto;
	text-align:center;
}
#prod {
	text-align:left;
	padding: 20px 10px 0px 30px;
	line-height:28px;
}
#prod2 {
	text-align:right;
	padding: 20px 70px 0px 0px;
	line-height:28px;
}
#prodInfoHolder {
	position:absolute;
	left:374px;
	top:52px;
	width:471px;
	height:319px;
}

#prodInfoHolderText {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	padding-left:20px;
}

#prodInfoHolderBullet {
	position:relative;
	left:0px;
	top:0px;
	width:auto;
	height:auto;
	padding-left:20px;
	padding-top:20px;
	background-image:url(images/vertDotts.gif);
	background-repeat:repeat-x;
	
}

#prodInfoHolder2 {
	position:absolute;
	left:350px;
	top:50px;
	width:500px;
	height:500px;
}
#aboutInfoHolder {
	position:absolute;
	left:350px;
	top:147px;
	width:500px;
	height:500px;
}
#prodInfoCon {
	padding-bottom:20px;
}
#prodInfoCon2 {
	padding-bottom:10px;
}
#backbtn {
	position:absolute;
	right:40px;
	top:40px;
	width:40px;
	height:30px;
}
/*WORK CONTENT*/ 
#workHolder {
	position:relative;
	top:50px;
	left:-5px;
	width:850px;
	height:370px;
	background-image:url(images/imgBigBg.png);
	background-repeat:no-repeat;
	background-position:right;
}
#workCon {
	position:absolute;
	top:16px;
	left:15px;
	width:835px;
	height:355px;
	padding-bottom:30px;
}
#workTextHolder {
	position:absolute;
	top:370px;
	left:0px;
	width:835px;
	height:70px;
	-bottom:50px;
}
#workDate {
	position:absolute;
	top:0px;
	left:0px;
	width:60px;
	height:inherit;
	padding-top:0px;
	text-align:center;
	background-image:url(images/horizDotts.gif);
	background-repeat:repeat-y;
	background-position:right;
}
.workDateTop {
	font-family:"Arial Black", Gadget, sans-serif;
	color:#CCC;
	font-size:16px;
}
.workDatebot {
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	font-size:14px;
}
#workTextCon {
	position:absolute;
	top:0px;
	right:0px;
	width:475px;
	height:inherit;
	line-height:18px;
}
#workTextCon2 {
	position:absolute;
	top:0px;
	left:2px;
	width:538px;
	height:0.177in;
	line-height:18px;
}
.workHeading {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	font-weight:bold;
	font-size:13px;
	color:#b53171;
}
.workHeadingGrey {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	font-weight:bold;
	font-size:14px;
	color:#666;
}
.workbread {
	font-family:inherit;
	font-style:normal;
	font-size:13px;
	color:#666;
}
#workInfoHolder {
	position:relative;
	left:80px;
	top:0px;
	padding-top:10px;
	background-image:url(images/horizDotts.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:250px;
	height:inherit;
	padding-top:0px;
	padding-right:15px;
	line-height:18px;
	text-align:left;
}
#workInfoHolder2 {
	position:relative;
	left:600px;
	top:0px;
	padding-top:10px;
	background-image:url(images/horizDotts.gif);
	background-repeat:repeat-y;
	background-position:left;
	width:250px;
	height:inherit;
	padding-top:0px;
	padding-left:15px;
	line-height:18px;
	text-align:left;
}
.workInfoGrey {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#959595;
	font-style:italic;
}
.workInfoPink {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:oblique;
	color:#b53171;
}
.work li {
	list-style:none;
	float:left;
	padding-bottom:120px;
}
.work2 li {
	list-style:none;
	float:left;
	height:450px;
	padding-bottom:100px;
}
.work3 li {
	list-style:none;
	float:left;
	height:600px;
	padding-bottom:120px;
}
#contactHolder {
	position:absolute;
	left:265px;
	width:500px;
	height:100%;
	padding:50px;
}
/*Kontakt style*/ 
label {
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
	color:#b53171;
}
#contact-area input, #contact-area textarea {
	padding: 10px;
	padding-bottom:15px;
	width: 460px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	margin: 0px 0px 10px 0px;
	border:solid 4px #EDEDED;
	color:#936;
	max-width:460px;
	min-width:460px;
}
#contact-area input.submit-button {
	padding:10px;
	width:130px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFF;
	cursor:pointer;
	cursor:hand;
	background-color:#b53171;
	max-width:130px;
	min-width:130px;
}
#contaktInfo {
	position:absolute;
	left:30px;
	top:50px;
	width:200px;
	height:600px;
	text-align:right;
 text-indent:
}
#hani {
	position:absolute;
	left:100px;
	top:381px;
	width:200px;
}
#footerHolder {
	position:fixed;
	bottom:0px;
	width:100%;
	height:40px;
	background-image:url(images/vertDotts.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFF;
	z-index:10;
}
/*TEXT STYLES*/ 

.H1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	color:#64605b;
	line-height:46px;
}

.H2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#b53171;
	line-height:22px;
}
.h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#999;
	padding-left:5px;
}
.H4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:34px;
	font-style:italic;
	color:#b53171;
	line-height:40px;
}
.H5 {
	margin-left: auto;
	margin-right: auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-style:italic;
	color:#b53171;
}
.H6 {
	margin-left: auto;
	margin-right: auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-style:italic;
	color:#b53171;
}
.H7 {
	margin-left: auto;
	margin-right: auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:34px;
	color:#CCC;
	padding:10px;
}
.H8 {;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	color:#999;
}
.H9 {;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	color:#b53171;
}
.t1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#999;
	line-height:18px;
}
.t2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#333;
	line-height:24px;
}
.t3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#666;
	line-height:22px;
}

.t4 {;
		font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	color:#999;
	line-height:24px;
}

.date {
	margin-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#b53171;
}
.bottomInfo {
	padding-top:15px;
}
.btnSelect {
	text-decoration:none;
	color:#999;
	font-size:18px;
	font-style:oblique;
}


.footerText {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:9px;
	color:#999;
	}


#bottomInfoHolder {
	position:relative;
	bottom:0px;
	left:0px;
	width:940px;
	height:40px;
	background-image:url(images/vertDotts.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-top:15px;
	text-align:center;
}