/* 
	project:  internet studio
	author:   luka cvrk (www.solucija.com) 
*/

*{ margin: 0; padding: 0; }* 
body {
	font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif;
	line-height: 1.4em;
	background: #fff url(images/bg.gif) repeat-x;
	color: #4b4c4c;
	left: 4.3in;
}
a {	color: #EB0000;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; text-decoration: underline; }
p {
	margin: 4px 0 6px 0;
	text-align: justify;
}
h1 { font: normal 2.8em Georgia, "Times New Roman", Arial; color: #444; }
h2 { font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
h2 span {font-size:13px; font-style:italic}
h3 {font-size:14px; font-weight:bold;margin-top:8px}
img { border: 0; }
#content { width: 930px; margin: 5px auto; }
#logo { margin: 10px 0 10px 0; width: 340px; float: left; }
	#logo p { margin: 0; }
#menu { float: right; padding: 40px 0 0; margin: 0 0 10px; }
	#menu li { font-size: 1.1em; display: inline; }
	#menu li a { float: left; width: 87px; padding: 2px 0 7px; text-align: center; margin: 0 0 0 10px; color: #636365;  }
	#menu li a.current { background: #fff url(images/button.gif) no-repeat; color: #fff; }
	#menu li a:hover { text-decoration: none; color: #fff; background: #fff url(images/button.gif) no-repeat; }
.clear { clear: both; }
.caption { background: #fff url(images/title.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
	.caption p { margin: 0; }
	
#banner {margin: 10px 0 10px 0; height:240px; overflow:hidden}	
	
#left { margin: 0 0 20px; clear: left; width: 240px; float: left; }
.box { background: #eee; }
.smallthumb { width: 109px; }
#center { width: 300px; float: left; margin: 0 0 20px 15px; }



/* Right Side Stuff **************************************/
#right { float: right; width: 360px; }
	.date { font-size: 13px; border-top: 1px solid #eee; padding: 5px 0 0; }

#right ul li {list-style:outside;margin-left:20px;}

.order {background:#FFFBCC none repeat scroll 0 0; border:1px solid #E6DB55; clear:both; color:#E0691A; margin:10px !important; padding:5px !important;} 

.orderleft {float:left; width:170px; margin-right:5px;}
.orderright {float:right; width:465px;}

.orderleft input, textarea, select {
  margin: 0;
  padding: 0px;
  width:inherit;
  background: none;
  border: none;
}  

.box { background: #eee; padding: 10px; }
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height:16px; padding:2px;  }
.box li a { display:block; padding:4px 2px;}
.box li a:hover {background:#EB0000; color:#FFF; text-decoration:none}
#footer { font-size: .84em; clear: both; padding: 15px; background: #eee; }
#footer p { margin:0px;}
#footer a { color: #444; }

/* form */
label {
  display: block;
  float: left;
  clear: left;
  width: 150px;
  line-height: 20px;
  margin-bottom: 10px;
  margin: 5px 0;
}

input, textarea, select {
	margin: 0;
	padding: 2px;
	font-size: 1em;
	color: #666666;
	background: #EEEEEE;
	border: 1px solid #ccc;
	margin: 5px 0;
	width: inherit;
	left: 4.3in;
}   

input:focus, textarea:focus, select:focus {
	border: 1px solid #999;
	background-color: #FFFFFF;
	left: 4.3px;
	position: fixed;
}

input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(images/submit.jpg) no-repeat left top;
  width: 90px;
  height: 28px;
  margin-left: 150px;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}#content #right h2 em {
	font-size: smaller;
}
#content #right div {
	text-align: justify;
	left: 4.3in;
}
#content #left .box div {
	text-align: justify;
}
#content #left .box ol li {
	text-align: justify;
}