@import "extras.css";

body {
background-image:url(../images/backgr.jpg);
margin:0px;
font-family:Tahoma;
background-color:#000000;
font-size:12px;
}

#main {
width:1000px;
height:840px;
background-image:url(../images/main_backgr.jpg);
background-repeat:no-repeat;
}

#header {
width:1000px;
height:156px;
position:relative;
}

#logo {
position:absolute;
top:40px;
left:32px;
}

#mobnr {
position:absolute;
width:610px;
height:50px;
/*background-image:url(../images/mobnr.png);*/
top:30px;
left:300px;
text-align:right;
}
#mobnr a img {border:none;}

#menuItems {
position:absolute;
left:265px;
top:86px;
width:652px;
text-align:right;
}

.corner {
position:absolute;
width:15px;
height:14px;
top:36px;
right:10px;
background:url(../images/menu_corner.gif) no-repeat;
display:none;
}

.menuItem,.menuItemOver {
/*float:left;*/
display:inline-block;
padding-left:15px;
padding-right:25px;
height:27px;
background:url(../images/menu_item_back.gif) repeat-x;
color:#FFFFFF;
font-size:13px;
text-decoration:none;
padding-top:9px;
text-align:left;
margin-right:8px;
position:relative;
}

.menuItemOver {
background:url(../images/menu_item_over.gif) repeat-x;
}

#middle {
position:relative;
width:1000px;
height:427px;
}

#content {
position:absolute;
left:111px;
top:25px;
width:776px;
height:333px;
text-align:left;
font-size:11px;
font-weight:bold;
color:#808080;
}

#content h1 {
margin:0px;
color:#292929;
font-size:18px;
font-weight:normal;
background:url(../images/blue_arrow.gif) no-repeat;
background-position:0px 7px;
padding-left:15px;
padding-bottom:10px;
border-bottom:1px dotted #c0bfbf;
margin-bottom:9px;
}

#content a {
color:#fb7b7b;
}

.leftArrow {
position:absolute;
top:200px;
left:18px;
}

.rightArrow {
position:absolute;
top:200px;
right:22px;
}

#boxes {
position:relative;
width:1000px;
height:280px;
text-align:left;
}

.box {
position:absolute;
top:35px;
width:212px;
height:169px;
color:#FFFFFF;
font-size:11px;
}

.placiau {
position:absolute;
display:block;
width:104px;
height:30px;
top:135px;
left:101px;
}

.firstbox { left:113px;}
.secondbox { left:396px;}
.thirdbox { left:684px;}

#footer {
background:url(../images/footer_back.jpg) repeat-x;
height:180px;
}

#pasiulymai {
position:absolute;
top:20px;
left:97px;
}

#rekvizitai {
position:absolute;
top:20px;
left:320px;
}

#kontaktai {
position:absolute;
top:20px;
left:580px;
}

#teises {
position:absolute;
left:320px;
top:128px;
}

#footerContent {
width:1000px;
position:relative;
line-height:22px;
text-align:left;
color:#e3e1e1;
font-size:11px;
font-family:Tahoma;
}

#footerContent  a,#footerContent a:hover {
color:#e3e1e1;
text-decoration:none;
}

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

A#fantazy, A#fantazy:hover{
color:#bfbfbf;
}

A#inovacijos,A#inovacijos:hover {
color:#4ababa;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 776px; /*Width of Carousel Viewer itself*/
height: 112px; /*Height should enough to fit largest content's height*/
overflow:none;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
overflow:none;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
/*
overflow-y: auto; /*clip content that go outside dimensions of holding panel DIV*/
*/
overflow: hidden;
width: 776px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:left;
height: 333px;
}

.stepcarousel .panel img {
border:2px solid #ededed;
}

.yes_votes img, .no_votes img {
	vertical-align: middle;
}div#gallery {clear:both;}
div#gallery div.image {
	float: left;
	margin: 10px;
}

div#contactForm {
	float:right;
	width:250px;
	margin-left: 50px;
}
div#contactForm input,
div#contactForm textarea{
	border: 1px solid #AAA;
	width: 200px;
	margin: 3px 0;
}