html, body { 
margin:0; 
padding:0; 
text-align:center; 
height: 100%;
} 

body { 
font-family:Lucida Grande, Lucida Sans Unicode, sans-serif;
background: url(images/bodybg.gif) repeat-x;
background-position: top left;
}

a {
outline: none;
color:black;
text-decoration:none;
}

a:hover {
color:black;
text-decoration:none;
}

img {
border:0;
}

#pagewidth{ 
width:800px; 
min-width:600px;
text-align:left;  
margin-left:auto; 
margin-right:auto;  
} 

#header{
position:relative; 
height:29px; 
max-height:29px; 
width:100%;
min-width:600px;
} 
 
.logo {
margin: 0 0 0 10px;
float:left;
}

#menu {
float:right;
margin:0 5px 0 0;
}

/* KARUSELIS START */
.karuselis li { 
list-style-type:none; 
display:inline;
width:640px;
height:380px; 
padding:0;
margin:0;
margin-left: auto;
margin-right: auto;
}

.karuselis ul { 
display:block; 
max-height:380px; 
padding:0;
margin:0;
} 

/* safari, firefox, opera height ctrl */
html>body .karuselis{ margin-top: 0 }

.karuselis {	
margin:0 0 0 80px; 
width:640px;
max-width:640px;
height:380px;
overflow:hidden; 

}

#leftcol { 
position:absolute;
left:0;
top:0;
background:url(images/hover_leftbtn.gif) no-repeat;
background-position: -1000px -1000px;
}

#rightcol {
position: absolute;
right:0;
top:0;
background:url(images/hover_rightbtn.gif) no-repeat;
background-position: -1000px -1000px;
}

.prev { 
background: url(images/n_leftbtn.gif) no-repeat;
background-position:0% 45%;
display:block;
width:80px;
height:340px;
border:0;
}

a:hover.prev {
background:url(images/hover_leftbtn.gif) no-repeat;
background-position:0% 45%;
}


a:hover.next {
background:url(images/hover_rightbtn.gif) no-repeat;
background-position:100% 45%;
}

.next { 
background: url(images/n_rightbtn.gif) no-repeat;
background-position:100% 45%;
display:block;
width:80px;
height:340px;
border:0;
}

/* KARUSELIS END */ 

/* HIDE SHOW BUTTON */ 
#showhide_box { 
text-align: center; 
position:relative; 
top:56px;
margin-left:350px;
background:url(images/showhidebg.gif) no-repeat; 
width:74px; 
height:20px; 
overflow: hidden; 
}

a:hover#hide{ 
display:block; 
min-width: 74px; 
background:url(images/showhidebg_hover.gif) no-repeat; 
background-position: 0% 50%;
}
/* HIDE SHOW BUTTON END */ 


#maincol{
margin: 7% 0 0 0; 
float: right; 
display:inline; 
position: relative; 
width:100%;
height: 60%; 
}

#maincol img { 
margin: 0 0 0 0;
}

.leftblock p { 
display:block;
width:230px; 
margin:15px 0 0 0;
text-align: left;
}

.leftblock, .middleblock, .rightblock {
/*border: 1px solid black;*/
}


.leftblock { 
display:block;
width: 260px; 
height: 10%;
min-height:350px;
float: left; 
margin: 30px 0 0 80px;
}

.middleblock img { 
border:none;
}
.middleblock p { margin: 15px 0 0 0; }
.middleblock {
width: 200px; 
height: 10%;
min-height:350px;
float: left; 
margin: 30px 0 0 0px; 
}

.rightblock  {
width: 200px; 
height: 10%;
min-height:350px;
float: left; 
margin: 30px 0 0 0;
}

#content {
line-height:12pt;
font-size:9pt;
}

#content strong {
letter-spacing:1px;
}

#content a {
color:#cc3366; 
letter-spacing:1px;
}

#content a:hover { 
color:#ff0066; 

} 

#content .kontakti_mail { 
background: url(images/icons/mail.png) no-repeat; 
background-position: 0% 50%; 
padding: 0 0 0 25px;
margin: 0 0 0 0;
}

#content a.kontakti_mail  {color:black;}

#content .kontakti_telefons { 
background: url(images/tel.gif) no-repeat; 
background-position: 0% 50%; 
padding: 0 0 0 15px; 
margin: 10px 0 10px 0;
}

#content .kontakti_skype { 
background: url(images/skype.gif) no-repeat; 
background-position: 0% 50%; 
padding: 0 0 0 18px;
margin: 0 0 5px 0;
}

#content ul {
list-style-type:none;
padding: 0;
margin: 0;
}
#content ul.linki, #content ul.piedavajums {
margin:15px 0 0 10px;
}
#content ul li {
background: url(images/listbullet.gif) no-repeat; 
background-position: 0% 65%;
}

#content li {
padding: 0 0 0 12px;
}

#content ul.linki li {
background: url(images/listbulletgray.gif) no-repeat; 
background-position: 0 65%
}

#content { 
position: relative;
height:40%;
}

.buttoncontainer {  
overflow: hidden;
width: 100%;
}

#content .buttoncontainer a:hover {
text-decoration:none;
}

a.button {
background: transparent url('images/button_a.gif') no-repeat scroll top right;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin: 20px 0 0 20px;
padding-right: 10px;
}

a.button span {
color:black;
background: transparent url('images/button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 10px;
}


a.button:active {
background-position: bottom right;
color: #000;
outline: none;
}

a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 10px;
}

h1 { 
font-family:verdana;
font-size: 18pt; 
font-weight:normal; 
line-height:20pt; 
letter-spacing:0; 
padding: 0 0 0 27px; 
text-align: left; 
margin: 0 0 0 0px; 
color:black;
}

h1.pakalpojumi {
background: url(images/icons/pakalpojumi.png) no-repeat; 
background-position: 0% 55%; margin:0 0 0 0px;
}

h1.middle {
text-align:left; 
margin:0 0 0 0; 
background: url(images/icons/kontakti.png) no-repeat; 
background-position: 0% 55%;
}

h1.linki {
background: url(images/icons/linki.png) no-repeat; 
background-position: 0% 55%; 
margin:0 0 0 0;
}

#bglogo {
/*background: url(images/bglogo.png) no-repeat;
background-position: 100% 100%;
*/}

#footer{
font-size:12px;
max-height:70px; 
background:white url(images/footerbg.gif) repeat-x;
margin:70px 0 0 0; 
} 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php ***/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix {display: inline;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */