/* Global Resetting */

@import "global.css";

html{	
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
/* CSS Document */


body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    font-size: 14px;
    font-weight:normal;
    min-width: 980px;
}

body *{
	font-family:'Noto Sans', Tahoma;
	line-height:140%;
}

.bigWrapper{
    width:100%;
    margin:0;
}

.mainWrapper{
    position:relative;
    width: 100%;
    margin:auto;
}

img{
    border:none;
}

header.static_header{
background: url("../images/top_ribbon.png") repeat-x scroll 0 0 transparent;
height: 85px;
padding-top: 5px;
position: relative;
width: 100%;
z-index: 100;
}

header.static_header .header_container, header.menu_header .header_container{
    width: 960px;
    margin: auto;
    position: relative;
}

.logo{
display: block;
float: left;
padding-top: 16px;
width: 240px;
}

.mainMenu {
float: right;
height: 40px;
list-style-type: none;
margin: 20px 125px 0 0;
overflow: hidden;
padding: 0;
position: relative;
text-align: right;
}

.mainMenu li{
    font-family: 'Roboto', sans-serif;
    float:left;
    padding: 11px 0px 0 20px;
}

.mainMenu li a {
 font-family: 'Roboto', sans-serif;
 color: black;
display: block;
font-size: 23px;
text-decoration: none;
color:#3b8ebf;
font-weight: 300;

text-transform: uppercase;
}
					
.mainMenu li.current a, .mainMenu li.section a,.mainMenu li a:hover {
   
    /*text-decoration: underline;*/
    color:#996698;
}

hr {
  display: block;
  height: 1px;
  padding: 0;
}

p{
    color: #6E7982;
font-size: 16px;
line-height: 31px;
margin-top: 0;
text-align: justify;
}

#projnav{
    width:100%;
}

#projnav h1{
    color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: normal;
text-align: center;
}


.block_title hr {
background: none repeat scroll 0 0 #3B8EBF;
border: medium none;
margin: 0;
position: absolute;
top: 23px;
width: 255px;
}

.block_title hr.last {
  right: 0;
}

.block_title hr.first {
  left: 0;
}

.block_title h1{
    color: #3B8EBF;
font-family: 'Roboto',sans-serif;
font-size: 30px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
}


.block_title h2{
    color: #3B8EBF;
font-family: 'Roboto',sans-serif;
font-size: 30px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
}


.block_title_portfolio hr {
background: none repeat scroll 0 0 #FFF;
border: medium none;
margin: 0;
position: absolute;
top: 23px;
width: 255px;
}

.block_title_portfolio hr.last {
  right: 0;
}

.block_title_portfolio hr.first {
  left: 0;
}

.block_title_portfolio h2{
    color: #FFF;
font-family: 'Roboto',sans-serif;
font-size: 30px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
}


/*contacts */

.block_title_contacts hr {
background: none repeat scroll 0 0 #974e97;
border: medium none;
margin: 0;
position: absolute;
top: 23px;
width: 375px;
}

.block_title_contacts hr.last {
  right: 0;
}

.block_title_contacts hr.first {
  left: 0;
}

.block_title_contacts h2{
    color: #974e97;
font-family: 'Roboto',sans-serif;
font-size: 30px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
}

fieldset{
background: none repeat scroll 0 0 #C391C2;
border: medium none;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
padding: 10px 20px 20px 11px;
}

fieldset label{
font-size: 16px;
line-height: 28px;
    
}

fieldset label.required{
display:none !important;    
}



fieldset span.required, fieldset span.validation{
color: #800000;
font-size: 11px;
position: absolute;
right: -9px;
text-align: right;
top: 8px;
}

#EditableTextField5{
     float:left;
     position:relative;
     width:100%;
}
#EditableTextField1{
    float:left;
    width:205px;
     position:relative;
}

#EditableEmailField3{
    float:right;
    width:205px;
     position:relative;
}


input, textarea{
   border: 1px solid #974E97;
border-radius: 3px 3px 3px 3px;
width: 100%;
 padding: 3px;
}

.Actions input{
background: none repeat scroll 0 0 #C391C2;
border: 1px solid #974E97;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
font-family: Arial;
font-size: 20px;
font-weight: normal;
margin-left: 2px;
margin-top: 11px;
padding: 3px 27px;
text-transform: uppercase;
width: auto;
cursor: pointer;
}

.Actions input:hover{
text-decoration: underline;
}

.section_contacts p{
  color: #6E7982;
font-size: 16px;
line-height: 31px;
margin-top: 0;
text-align: justify;
}


.liline{
background: url("../images/liline.png") no-repeat scroll center center transparent;
height: 50px;
margin-top: 10px;
padding-top: 20px;
   position: relative;
}

.rabid{
background: url("../images/rabid.png") no-repeat scroll center center transparent;
height: 250px;
left: -100px;
margin-top: 10px;
padding-top: 20px;
position: absolute;
top: -190px;
width: 280px;
}


/* next */

.section_home{
     background: url("../images/nice_background.png") repeat-x scroll transparent;
     background-position:center 0;
height: 330px;
}


#MyContactForm_Contact{
    float:right;
    text-align: left;
    margin-top: 25px;
    width:460px;
}

#MyContactForm_Contact #Message{
 width:460px;
} 

#MyContactForm_Contact .field{
float: left;
margin-top: 15px;
width: 230px;
position:relative;
   
}


#MyContactForm_Contact label.required{
color: #a81818;
position: absolute;
right: 20px;
top: 1px;
font-size:13px;
}

#MyContactForm_Contact input[type=text], #MyContactForm_Contact textarea{
background: none repeat scroll 0 0 #777777;
border: 1px solid #999999;
color: #FFFFFF;
font-size: 14px;
height: 27px;
line-height: 1.2;
padding: 0 10px;
width: 190px;
}

#MyContactForm_Contact select{
background: none repeat scroll 0 0 #777777;
border: 1px solid #999999;
color: #FFFFFF;
font-size: 14px;
height: 27px;
line-height: 1.2;
padding: 0 0 0 7px;
width: 441px;
}

#MyContactForm_Contact textarea{
    height: 143px;
    padding:10px;
    width: 420px;
}

#MyContactForm_Contact #qType,#MyContactForm_Contact #Message{

 width:460px;

}


.required_star:after {
    color: #a81818;
    content: "*";
}


.section_content_960{
    margin:auto;
    width: 960px;
    position: relative;
   
}

#MyContactForm_Contact input[type=submit]{
background: none repeat scroll 0 0 #444751;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
float: right;
font-size: 12px;
height: 28px;
margin-right: 18px;
margin-top: 10px;
padding: 0 10px 0px;
  margin-bottom: 20px;
}



#MyContactForm_Contact input[type=submit]:hover{
    background: #777777;
  
}


.contactInfo{
    float: left;
    width: 450px;
    height: 450px;
    
    color:#444751;
    font-size: 18px;
    margin-top: 20px;
}

.contactInfo a{
    color:#444751;
    text-decoration: none;
}

.message{
    color:red;
}

.home_pad{
    position: relative;
}

.computer{
background: url("../images/computer1.png") no-repeat scroll 0 0 transparent;
height: 280px;
left: 0;
position: absolute;
top: 59px;
width: 330px;
z-index: 100;
}

.painting1{
background: url("../images/painting1.png") no-repeat scroll 0 0 transparent;
height: 88px;
left: 358px;
position: absolute;
top: 14px;
width: 75px;
}
.painting2{
background: url("../images/painting2.png") no-repeat scroll 0 0 transparent;
height: 88px;
left: 475px;
position: absolute;
top: 24px;
width: 75px;
}
.lily{
background: url("../images/lily.png") no-repeat scroll 0 0 transparent;
height: 238px;
left: 290px;
position: absolute;
top: 105px;
width: 420px;
z-index: 200;
}
.board{
background: url("../images/board.png") no-repeat scroll 0 0 transparent;
height: 220px;
position: absolute;
right: 0;
top: 0;
width: 315px;
z-index: 100;
}
.rabbit{
background: url("../images/rabbit.png") no-repeat scroll 0 0 transparent;
height: 125px;
position: absolute;
right: 0px;
top: 233px;
width: 120px;
z-index: 110;
}

.buton{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
padding: 10px 0 10px 50px;
color: #3B8EBF;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
border: 1px solid #3B8EBF;   
display:block;
text-decoration: none;
}

.buton:hover{
    background-color: #6dc567;  
    color:#FFF;
    border: 1px solid #3e9b46; 
}

.logodizainas{
left: 30px;
position: absolute;
top: 115px;
width: 200px;
background: url("../images/palette.png") no-repeat scroll 10px center #FFFFFF;
}

.grafinisdizainas{
left: 30px;
position: absolute;
top: 165px;
width: 200px;
background: url("../images/pencil.png") no-repeat scroll 10px center #FFFFFF;
}

.webdizainas{
position: absolute;
right: 30px;
top: 35px;
width: 140px;
background: url("../images/monitor3.png") no-repeat scroll 10px center #FFFFFF;
}

.appdizainas{
position: absolute;
right: 30px;
top: 85px;
width: 140px;
background: url("../images/mobile.png") no-repeat scroll 17px center #FFFFFF;
}

.baneriudizainas{
position: absolute;
right: 30px;
top: 135px;
width: 200px;
background: url("../images/banners.png") no-repeat scroll 10px center #FFFFFF;
}

.section_profile{
    background-color: #4fa9de;
    padding-top:5px;
}


.section_darbas{
    background-color: #4FA9DE;
overflow: hidden;
padding-bottom: 9px;
padding-top: 5px;
}

#aprasymas h2{
 color: #3B8EBF;
font-family: sans-serif;
font-size: 21px;
font-weight: 300;
text-align: left;    
}

footer{
  background: url("../images/footer.png") repeat-x scroll left bottom #2A2A2A;
color: #FFFFFF;
height: 160px; 
}

footer p{
  color: #AFAFAF;
font-size: 18px;
margin: 0;
}

footer span{
color: #3C81A9;
font-size: 13px;
line-height: 28px;

}

footer img{
    margin:20px 0;
}

footer h5{
font-family: comic sans ms, Arial;
font-size: 20px;
font-weight: 300;
margin: 15px 0 10px;
text-align: left;
text-transform: none;
}

#eye1, #eye2, #eye3, #eye4{
    display: block;
    position:absolute;
    background: url(../images/eye.png) no-repeat;
    width:10px;
    height:10px;
} 

#mouth1, #mouth2{
background: url("../images/mouth.png") no-repeat scroll 0 0 transparent;
display: block;
height: 15px;
position: absolute;
width: 28px;
} 

#eye1{
left: 150px;
top: 64px;
}

#eye2{
left: 230px;
top: 64px;

}

#eye3{
left: 20px;
top: 85px;

}

#eye4{
left: 80px;
top: 80px;

}

#mouth1{
left: 186px;
top: 80px;

}

#mouth2{
left: 47px;
top: 97px;
    
}

.counter img{
	padding:0; margin:0;
}

.validationError input{
	background:#FF6666;
}


.langswitch{

height: 83px;
position: absolute;
right: 0;
top: 4px;
width: 80px;
}


.langswitch .lt_lang{
background: url("../images/lt.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 25px;
position: absolute;
right: 25px;
top: 20px;
width: 25px;
}

.langswitch .ru_lang{
background: url("../images/rus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 25px;
position: absolute;
right: 0;
top: 30px;
width: 25px;
}

.langswitch .en_lang{
background: url("../images/en.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 25px;
position: absolute;
right: 25px;
top: 45px;
width: 25px;
}

.langswitch .lt_lang:hover, .langswitch .en_lang:hover,  .langswitch .ru_lang:hover{
opacity:0.6;	
	
} 

.brothers{
	list-style-type:none;

}

.brothers a{
	text-decoration:none;

}

.brothers a:hover{
	text-decoration:underline;
	
}

.brothers a.link{
	color:#000;
}

.brothers a.section{
	color:#000;
	font-weight:bold;
}

.brothers li{
	list-style-type:none;
}

.fbfollow{
background: url("../images/f.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 25px;
position: absolute;
right: 80px;
top: 38px;
width: 25px;
}