@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-image: url(../images/bkgr.png);
	background-repeat: repeat-x;
	background-color: #2c1c10;
	font-family:Verdana, Geneva, sans-serif;
	color: #333333;
	font-size: 12px;
}

h1 {
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 12px;
}

#monitor {
	width: 700px;
	height: 553px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -350px;
	margin-top: -276px;
}

#content {
	overflow: auto;
	display: inline;
	float:left;
	background-color: #FFF;
	width: 641px;
	height: 400px;

}

#main {
	padding: 0px 10px 0px 10px;
}

#homepage p {	
	text-align: justify;
}

#webcreativity_06 a img, #webcreativity_07 a img, #webcreativity_08 a img, #webcreativity_09 a img {
	border: none;
}

#webcreativity_01 {
	float:left;
	width: 700px;
	height: 28px;
	background: url(../images/webcreativity_01.png) no-repeat;

}

#webcreativity_02 {
	display: inline;
	float:left;
	width: 29px;
	height: 400px;
	background: url(../images/webcreativity_02.png) no-repeat;

}

#webcreativity_04 {
	display: inline;
	float:left;
	width: 30px;
	height: 400px;
	background: url(../images/webcreativity_04.png) no-repeat;

}

#webcreativity_05 {
	display: inline;
	float:left;
	width: 493px;
	height: 75px;
	background: url(../images/webcreativity_05.png) no-repeat;

}

#webcreativity_06 {
	display: inline;
	float:left;
	width: 50px;
	height: 75px;

}

#webcreativity_07 {
	display: inline;
	float:left;
	width: 44px;
	height: 75px;

}

#webcreativity_08 {
	display: inline;
	float:left;
	width: 43px;
	height: 75px;

}

#webcreativity_09 {
	display: inline;
	float:left;
	width: 46px;
	height: 75px;

}

#webcreativity_10 {
	display: inline;
	float:left;
	width: 24px;
	height: 75px;
	background: url(../images/webcreativity_10.png) no-repeat;

}

#webcreativity_11 {
	float:left;
	width: 700px;
	height: 50px;
	background: url(../images/webcreativity_11.png) no-repeat;

}

#titleh {
	margin: 10px 0px 0px 0px;
	padding:0;
	font-size: 14px;
	color: #333333;
}

/* SERVICES */

#sites {
	float: left;
	width: 280px;
}

#seo {
	float: right;
	display: inline;
	width: 280px;
}

#logo {
	float: left;
	width: 280px;
}

#graphic {
	float: right;
	display: inline;
	width: 280px;
}

#flash {
	float: left;
	width: 280px;
}

#host {
	float: right;
	display: inline;
	width: 280px;
}

#zapitvane {
	margin-top: 7px;
	float: left;
	width: 100%;
}

#zapitvane p {
	margin: 0;
	padding: 0;
}

#titles {
	margin: 10px 0px 6px 0px;
	padding:0;
	font-size: 14px;
	color: #333333;
}

/* MENU */

#home
{
  display: block;
  width: 50px;
  height: 75px;
  background: url(../images/home.png) no-repeat 0 0;

}

#home:hover
{ 
  background-position: 0 -75px;
}

#home.active {
	  background-position: 0 -75px;
}

#home span
{
  display: none;
}

#portfolio
{
  display: block;
  width: 44px;
  height: 75px;
  background: url(../images/portfolio.png) no-repeat 0 0;

}

#portfolio:hover
{ 
  background-position: 0 -75px;
}

#portfolio.active {
	  background-position: 0 -75px;
}

#portfolio span
{
  display: none;
}

#services
{
  display: block;
  width: 43px;
  height: 75px;
  background: url(../images/services.png) no-repeat 0 0;

}

#services:hover
{ 
  background-position: 0 -75px;
}

#services.active {
	background-position: 0 -75px;
}

#services span
{
  display: none;
}

#contacts
{
  display: block;
  width: 46px;
  height: 75px;
  background: url(../images/contacts.png) no-repeat 0 0;

}

#contacts:hover
{ 
  background-position: 0 -75px;
}

#contacts.active {
	  background-position: 0 -75px;
}

#contacts span
{
  display: none;
}

/* GALLERY */

#gallery {
	width:400px;
	height:350px;
	margin:0 auto;
	position:relative;
	font-family: Verdana, Geneva, sans-serif;
	display: inline-block;
	margin-left: 110px;
}
#gallery a.previous {display:block; height:25px; width:32px; background:url(../gallery/previous.png); position:absolute; left:0; top:320px;}
#gallery a.next {display:block; height:25px; width:32px; background:url(../gallery/next.png); position:absolute; right:0; top:320px;}
#gallery a b {display:none; text-decoration: none;}
#gallery #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:350px;
	width:400px;
	overflow:hidden;
	text-align:center;
}
#gallery #fullsize div {width:400px; height:900px; padding-top:10px; position:relative;}
#gallery #fullsize div img {clear:both; display:block; margin:0 auto; border: 0;}
#gallery #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:16px;}
#gallery #fullsize div p {padding:5px 0; margin:0; font-size:12px; line-height:18px;}

a {color: #333333;}
a:hover {color: #774c29;}

#titlep {
	margin: 10px 0px 0px 0px;
	padding:0;
	font-size: 14px;
	color: #333333;
	float: left;
}

#gallerylinks {
	margin: 10px 0px 0px 0px;
	padding: 0;
	font-size: 14px;
	display: inline;
	float: right;
}

/* CONTACTS */

#titlec {
	margin: 10px 0px 20px 0px;
	padding:0;
	font-size: 14px;
	color: #333333;
}

#contactform {
	float: left;
}

#contactinfo {
	display: inline;
	float: right;
	margin-right: 5px;
}

.contacttxt {
	margin: 0px 0px 20px 10px;
	font-size: 12px;
	text-align: justify;
	width: 280px;
}

#contactul {
	list-style: none;
	padding: 0;
	margin: 30px 0px 0px 10px;
	font-size: 14px;
}

#contactphone {
	background-image: url(../images/phone.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-bottom: 20px;
}

#contactmail {
	background-image: url(../images/mail.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-bottom: 20px;
}

#contactmail a {
	text-decoration: none;
}

#contactmail a:hover {
	text-decoration: underline;
}

#contactskype {
	background-image: url(../images/skype.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-bottom: 20px;
}

#contactskype a {
	text-decoration: none;
}

#contactskype a:hover {
	text-decoration: underline;
}

#form1 {
	margin:0px; 
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	width:300px;
}

#from {
	padding:2px;
	width:180px;
	height:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#subject {
	padding:2px;
	width:180px;
	height:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#verif_box {
	padding:2px;
	width:180px;
	height: 14px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#message {
	padding:2px;
	width:300px;
	height:100px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	overflow: auto;
}

#submit {
	margin-top:10px;
	display:block;
	border:1px solid #cccccc;
	width:100px;
	height:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding-left:2px;
	padding-right:2px;
	padding-top:0px;
	padding-bottom:2px;
	line-height:14px;
	background-color:#EFEFEF;
	color: #333333;
}

#submit:hover {
	border-color: #333;
}

#mail_sent {
	border:1px solid #003300;
	background-color:#006600;
	color:#FFFFFF;
	padding:4px;
	padding-left:6px;
	width:250px;
	font-size: 11px;
	margin-bottom: 10px;
}

#wrong_code {
	border:1px solid #990000;
	background-color:#D70000;
	color:#FFFFFF;
	padding:4px;
	padding-left:6px;
	width:295px;
	margin-bottom: 10px;
}

textarea, input {
	border:1px solid #CCCCCC;
}

textarea:hover, input:hover {
	border:1px solid #774c29;
}

textarea:focus, input:focus {
	border:1px solid #774c29;
}