@import url("ie6.css");
*{padding:0px; margin:0px;}
html { height: 101%; }
body {
	font: 13px/18px "Trebuchet MS", Arial, sans-serif;
	color: #616161;
	background: #ffffff /*url(http://www.compustar.ro/images/bgr_body.gif) center -13px*/;
	text-align: center;
	margin:0px;
	padding:10px 0px 12px 0px;
}
h1, h2, h3, h4, h5, h6, p{ padding-top:.5em; padding-bottom:3px;}
a img{border:none; cursor:pointer;}
a:link, a:visited{
	color:#91b41a;
	text-decoration:none;
	cursor:pointer;}
a:hover{text-decoration:underline;}
fieldset{ border:none;}
#wrapper {
	z-index:2;
	background:#FFFFFF;
	margin: 0px auto 0px;
	padding: 0px;
	width: 820px;
	text-align: left;
	border:1px solid #e9e9e9;
	position:relative;}
#top { text-align: center; }
#logo {
	float: left;
	margin: 18px 0px 0px 39px;
	position: relative;
	z-index: 3;
}
#nav  {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 22px;
	padding: 0px;
	height: 80px;
	width: 550px;
	display: block;
	position:relative;
	z-index: 4;
}
#nav  li  { display:inline;}
#nav li a:link, #nav li a:visited {
	display:block;
	float:left;
	color: #616161;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	font-weight:bold;
	padding: 4px 17px 3px;
	margin: 66px 5px 0px 0px;
}
#nav li a:hover, #nav li a.active{ background:#91b41a; text-decoration:none; color:#FFFFFF;}
#nav li a span.first{padding:0px 6px; width:60px;}
#header {
	clear: both;
	padding-top: 6px;
}
#container{
	position:relative;
	overflow: hidden;}
#content{
	float:right;
	width:523px;
	margin: 19px 28px -9999px 0px;
	padding:0px 0px 9999px 25px ;
	border-left:5px solid #91b41a;}

#content h1 {
	margin: 0px 0px 0px -2px;
	padding: 0px;
	text-transform: uppercase;
	font: normal 24px "Trebuchet MS", Arial, sans-serif;
	color: #91b41a;}
#content .lead {
	text-transform: uppercase;
	font-weight: bold;}
#content ul{ margin:10px 40px;}
#sidebar{
	width:239px;
	padding:0px;
	float:left;
	margin-left:0px;
	text-align:right;
	margin-top:19px;
	min-height:550px;
	height: auto !important;
	height: 550px;}
#sidebar .subnav {list-style:none; padding:0px; margin:73px 0px 0px 0px;}
#sidebar .subnav li{ display:block; text-align:right; margin-bottom:11px;}
#sidebar .subnav  li a:link, #sidebar .subnav  li a:visited{ padding:4px 20px; margin-bottom:1px; line-height:18px;}
#sidebar .subnav  li a:hover, #sidebar .subnav  li a.active{ color:#FFFFFF; background:#91b41a; text-decoration:none;}
#client{ width:211px; position:absolute; bottom:0px; left:8px; z-index:3;} 
#client h2{ margin:0px; padding:0px; color:#91b41a; text-transform:uppercase; font-weight:normal; font-size:18px;}
#client h3{ margin:0px; padding:0px; color:#767676; text-transform:uppercase; font-weight:normal; font-size:12px;}
#client form#login label{color:#adadad; font:12px "Trebuchet MS", Arial, sans-serif; text-align:right; }
#client p{ line-height:1em; padding:0px; margin:0px;}
#client form#login{ text-align:right;}
#client form#login input.submit{
	color:#FFFFFF;
	background:#91b41a;
	border:none;
	display:block;
	float:right;
	clear:both;
	font:12px "Trebuchet MS", Arial, sans-serif;
	text-transform:uppercase;
	margin-top:10px;
	padding:2px 4px 0px;
	cursor:pointer;
	line-height:1.4em;}
#client form#login .submit:hover{ background:#A9D11F; }
span.error{color:#993300; display:block; font-size:11px; }
#footer {
	padding-top:19px;
	clear:both;
	overflow:hidden;
	background: #FFFFFF;
}
#footerleft{width:211px; border-top:5px solid #e5e5e5; float:left; margin-left:28px; }
#footerright{width:521px; border-top:5px solid #e5e5e5; float:left; margin-right:28px; margin-left:5px; font-size:11px; color:#ababab; padding:10px 0px 10px 25px;}
#footerright p{ padding:15px 0px; margin:0px; line-height:1em;}

/* Verso Editor Styles*/
.maintext{ background:#FFFFFF; text-align:left;}
#topwrap{
	position:absolute;
	left:-10px;
	top:-10px;
	background: url(http://www.compustar.ro/images/topright.png) no-repeat right top;
	width:841px;
}
#leftwrap{
	position:absolute;
	left:-10px;
	top:0px;
	background: url(http://www.compustar.ro/images/right.png) no-repeat right top;
	width: 841px;
	z-index:1;
}
#bottomwrap{
	position:absolute;
	left:-10px;
	bottom:-10px;
	background: url(http://www.compustar.ro/images/bottomright.png) no-repeat right top;
	width:841px;
	z-index:-1;
}
#rightwrap{
	position:absolute;
	left:-10px;
	bottom:0px;
	background: url(http://www.compustar.ro/images/right2.png) no-repeat right top;
	width: 841px;
	z-index:-1;
}
.workcat{ display:block; text-transform: uppercase;
	font: normal 1.20em "Trebuchet MS", Arial, sans-serif;
	color: #91b41a; clear:both; margin-left:0px;}

.works{
	width:160px;
	float:left;
	height:215px;
	margin-right:13px;
	}
.worktitle{font-size:14px; margin-left:10px;}
.worksimg{display:block; padding:18px; width:135px; background: url(http://www.compustar.ro/images/bgr_works.jpg) no-repeat left top;}
.worksimg img{width:132px; display:block; filter:gray alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.worksimg img:hover{width:132px; display:block; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
p.short_description{ color:#616161; font-size:11px; line-height:1.2em; margin-left:10px;}
p.description{ font-size:.83em; line-height:1em; padding:0px; margin:0px; margin-top:10px;}
p.order{ font-size:.83em; line-height:1em; padding:0px; margin:6px 0px 0px 0px;}
p.order a:hover{ text-decoration:underline;}
#gallery{float:right; margin:10px -4px 10px 0px; width:235px; border-left:3px solid #ebebeb; display:block;padding-left: 10px; margin-left:10px; }
#gallery a:hover{ text-decoration:underline!important;}
#slide {
	padding:0px;
	margin:0px;
	height:290px;}
#slide ul {
  list-style:none!important;
  position: absolute;
  bottom:-2px;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;
  margin:0px;}
#slide ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 9px;
  width: 9px;
  margin-right: 5px;
  border:1px solid #ebebeb;
  background:#FFF;
}
#slide ul a.active,
#slide ul a:hover {
  border:1px solid #91b41a;
  background:#91b41a;
}
#slide ul li {
  float: left;
  list-style: none;
}
#slide p{
	margin:3px 0px 5px;
	padding:5px 0px 10px 0px;
	font-size:11px;
	line-height:13px;
	color:#888;}
#slide img{ display:block; width:230px; height:230px;}
#articles{ width:520px; margin-left:-10px;}
#login .form-inputbox{
	width:178px;
	border:1px solid #dfdfdf;
	padding:1px 1px 1px 3px;
	margin:0px;
	color:#585858;
	text-align:right;
	font:12px "Trebuchet MS", Arial, sans-serif;
	padding:0px 5px;
}
#login .form-inputbox_on{ 
	width:178px;  
	text-align:right;
	border:1px solid #dfdfdf;
	border-bottom:1px solid #91B41A; 
	padding:1px 1px 1px 3px;
	margin:0px;
	padding:0px 5px;
	color:#585858;
	font:12px "Trebuchet MS", Arial, sans-serif;}

