* {
	margin: 0;
	padding: 0; }
acronym {
	border-bottom: 1px dotted #fff;
  cursor:pointer;
}

body {
	background: #2f2727 url(../images/bg1.jpg) repeat-x;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
  line-height: 18px;
  color: #fff; }
a:hover {	text-decoration: none;color: #ec3567; }
	
#slider-bg {
  position: relative;
  cursor:pointer;
  background:url(../images/slider-bg.png) 0 0 no-repeat;
  height:26px;
  width:590px;
  padding: 0 0 0 20px;
	outline: none;
	margin: -8px 0 0 160px; }
#slider-thumb {
  cursor:pointer;
  position: absolute;
	width:18px;
  top: 0;
  left: 10px;
}

	
	
	
/*-----------------------------------*/
#container { 
	background: url(../images/bg2.jpg) no-repeat;
	width: 820px;
	padding-top: 160px;
	margin: 0 auto; }
	
#cardviewer {
	position:relative; /* important */
	overflow: hidden; /* important */
	width: 820px; /* important */
	height: 296px; /* important */
	margin-bottom: 30px;
}

#cardviewer_content {
	overflow: hidden;
	position: absolute;
	top: 0;
	margin:0;
	width:99999px;
}
#cardviewer_content .carditem {
	width:640px;
	height:296px;
	display: block;
	float: left;
	padding: 45px 90px;
  background: url(../images/header-bg.png) 70px 30px no-repeat; }
#cardviewer_content .carditem h2, #cardviewer_content .carditem h3  {
  font-size: 11px; 
  color: #ffc20e; }
#cardviewer_content .carditem p { margin-bottom: 18px; }
#cardviewer_content .carditem a {
	display: inline;
	padding: 7px 20px 7px 25px;
	background: #1c1818 url(../images/arrow.gif) 10px 10px no-repeat;
	color: #ed1653;
	font-weight: bold;
	text-decoration: none; }
#cardviewer_content .carditem a:hover { background-color: #000000; color: #ff3a72; }
#cardviewer_content .slide-slogan {	background: url(../images/slogan.png) center 40px no-repeat; }
  
#cardviewer_content .portfolio img {
 	float: right;
	position: relative; 
  width: 380px;
  height:250px;
  left: 20px;
  top: -30px;
  margin-left: 0; }
  
#cardviewer_content .portfolio .hide {
	display:none;
}

#cardviewer_content .portfolio-start ul {
  margin: 18px 0 0 0;
  width:220px;
  float:left;
}
#cardviewer_content .portfolio-start ul li {
  list-style:none;
  display:block;
  margin:0;
  padding: 0 0 0 15px;
  background:url(../images/bullet_star.png) 0 0 no-repeat;
}

#cardviewer_content .portfolio-start img {
  width: 250px;
  height:160px;
  top: 0px;
  border:0;
  left: 60px;
  margin-left:-60px; }
#cardviewer_content .portfolio-start a,
#cardviewer_content .portfolio-start a:hover {
	display:inline;
  border:0;
  padding:0;
  margin:0;
  background:none;
}
  
h1 {
	display: block;
  background: url(../images/logo.png) bottom right no-repeat;
  text-indent: -9999px;
  width: 85px;
  height: 62px;
  padding: 310px 0 0 50px;
  position: absolute; }

ul#menu {
	margin-left: 154px; }
ul#menu li {
	list-style-type: none;
	display: inline; }
ul#menu li a {
	display: block;
	float: left;
	width: 52px;
	margin-right: 0px;
	text-align: center;
	cursor: pointer;
	color: #817a77;
	font-weight: bold; }
ul#menu a:hover { color: #ec3567; }
ul#menu .hidden { text-indent: -9999px; }

/*-----------------------------------				
          
OM JAHA! DESIGN         
-----------------------------------*/
#cardviewer_content .about .about-text p.hide {
	display:none; }
  
#cardviewer_content .about .about-text {
	width: 300px;
  float:left; }

#cardviewer_content .about .service-list  {
	float: left;
  width: 250px;
  margin-left: 50px; }

#cardviewer_content .about ul li {
	list-style:none;
  display:block;
  margin:0;
  padding: 0 0 0 15px;
  background:url(../images/bullet_star.png) 0 0 no-repeat; }
  
  
/*-----------------------------------				
          
KONTAKT         
-----------------------------------*/
#cardviewer_content #contact-form label {
	font-size: 11px;
  margin:0;
  padding:0;
  display:block;
  line-height:11px; 
  color: #ffc20e;
  font-weight:bold; }
  
#cardviewer_content #contact-form input {
	font-size: 11px;
  font-family:Arial, Helvetica, sans-serif;
  border:1px solid #1f1c1c;
  background:url(../images/form-bg.jpg) top left repeat-x;
  background-color: #232323;
  padding: 4px;
  height: 13px;
  width: 200px;
  color:#fff;
  margin:5px 0 10px 0;
  clear: left; }
  
#cardviewer_content #contact-form textarea {
	width: 200px;
  height: 70px;
	border:1px solid #1f1c1c;
  background:url(../images/form-bg.jpg) top left repeat-x;
  background-color: #232323;
  margin:5px 0 10px 0;
  padding:4px;
  overflow:auto;
  font-size: 11px;
  font-family:Arial, Helvetica, sans-serif;
  color:#fff; }

#cardviewer_content #contact-form button {
  display:block;
  padding: 7px 20px 7px 25px;
  _padding: 4px 10px 4px 15px;
	background: #1c1818 url(../images/arrow.gif) 10px 10px no-repeat;
	color: #ed1653;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
  border:0; }
  
#cardviewer_content #contact-form button:hover { background-color: #000000; color: #ff3a72; }
#cardviewer_content #contact-text {
	float:right;
	position: relative; 
	width: 350px;
  top:-3px; }

#cardviewer_content #contact-text .contact-address {
	float:left;
  width: 170px; }

#cardviewer_content #contact-text .contact-address a {
	padding:0;
  display:inline;
  background:none;
  float:none;
  color:#fff;
  border-bottom: 1px dotted #fff;
  font-weight:normal;
  word-spacing:-3px;
}

#cardviewer_content #contact-text .contact-address a:hover { color: #ff3a72;border-bottom: 1px dotted #ff3a72; }

.log_res { width:250px; }