@import  url(editor.css); 

/*
+--------------------------------------------------------------------------
|   UPS
|   ================================================
|  Author:             Siim Sindonen | Pirn disain OÜ
|   Web:                http://www.pirndisain.ee
|   Email:               info@pirndisain.ee
+--------------------------------------------------------------------------
|    Main styles
+--------------------------------------------------------------------------
*/


		
a[href^="http:"],a[href^="https:"]{
                background: url(../images/out_link.gif) no-repeat right top;
                padding-right: 10px;
                }

a[href^="http://upc.ee"],a[href^="http://www.upc.ee"]{
                background-image: none;
                padding-right: 0;
                }
		
/*------------------ Layout -----------------*/

#wrapper{
                width: 960px;
                position:relative;
                left:50%;
                margin-left:-480px;
                }                                                                                 
                                
#logo{
                padding:0;
                margin:0;
                width:24%;
                background: url("../images/upc_logo.jpg") no-repeat bottom right;
                float:left;
                }
                                
#logo a{
                display:block;
                text-decoration:none;
                height:40px;
                padding-top:80px;
                text-indent:-9999px;
                }

form{
                padding:0;
                margin:0;
				}
				
#content{
			padding-top:10px;
			padding-bottom:20px;
			}
			
#header{
			clear:both;
			border-bottom:4px solid #666;
			padding-bottom:10px;
			}
			
.banner img,.banner_nw img{
			border:none;
			}
			
html #content .print{
			float:right;
			display:block;
			padding:3px;
			background:#f3efe7;
			text-decoration:none;
			}
			
.input,.vali{
			background:#fff url("../images/input.jpg") repeat-x top left;
			padding:3px 3px 3px 6px;
			border:solid 1px #bdbdbd; 
			font-size:1.2em;
			}
			
#info_txt{
			margin-top:20px;
			font-size:1.2em;
			}
			
.block{
			display:block;
			}

/*------------------ Search -----------------*/

#search{;
			float:right;
			padding:3px 20px 0 30px;
			}
			
#search .go{
			background: url("../images/search.jpg") no-repeat bottom left;
			border:none;
			width:30px;
			height:25px;
			cursor:pointer;
			}
			
#search .vali{
			width:130px;
			}
			
.found h3{
			font-size:1.4em;
			font-weight:bold;
			padding-top:25px;
			padding-bottom:5px;
			}
			
.found .content{
			font-size:1.2em;
			}
			
.found .link{
			padding-top:8px;
			font-size:1.1em;
			color:#666;
			}

/*------------------ Main menu -----------------*/

#main_menu{
                                margin:0;
								padding:0;
								float:right;
								padding-top:0px;
								font-family: Arial, Helvetica, sans-serif;
								}
        
#main_menu li{
                                margin:0;
								padding:0;
								display: inline; /*IE*/
                                width:auto;
                }

#main_menu a{
                                padding-left:30px;
                                padding-right:10px;
								height:35px;
								display: block;
								text-decoration: none;
								color:#888888;
                                font-size: 1.1em;
                                float:left;
								font-weight:bold;
								line-height:3.4em;
								background: url("../images/main_menu.jpg") no-repeat bottom right;
                }
                               
                                
#main_menu a:hover,#main_menu  .active_menu{
                                color:#000;
								line-height:2.8em;
                                }
                                
/*------------------ Pages -----------------*/

#pages{
		padding-top:25px;
		}

#pages a{
		font-size:1.2em;
		padding:5px;
		text-decoration:none;
		}
		
#pages .pageThis{
		background:#dedede;
		}

/*------------------ Content -----------------*/

#content_left{
				float:left;
				width:30%;
				}

#content_right{
				float:right;
				width:68%;
				}

#content_left h2{
			color:#a9a9a9;
			}
			
			
#content_menu{
			margin:0;
			padding:0;
			list-style:none;
			background:#f2f2f2;
			padding:10px 0 10px 10px;
			width:90%;
			}
			
#content_menu li{
			margin:0;
			padding:0;
			}	
			
#content_menu a{
			display:block;
			padding:4px 0 4px 6px;
			text-decoration:none;
			}	
			
#content_menu a:hover,#content_menu .active_service{
			background:#fff;
			}
			
#content_menu .active_service{
			font-weight:bold;
			}

/*------------------ Front page -----------------*/	

#frontpage_left{
				float:left;
				width:32%;
				}
				
#frontpage_left img{
				border:none;
				}
				
#frontpage_right{
				float:right;
				width:66%;
				}	

#frontpage_left p,#frontpage_right p{
				font-size:1.1em;
				}	

#frontpage_right h4 span{
				font-weight:normal;
				}					

/*------------------ Contact form -----------------*/

.contact_form label,.info_form label{
			float:left;
			width:180px;
			}
			
.contact_form .input,.info_form .input{
			font-size:1.1em;
			width:250px;
			}
			
.contact_form textarea,.info_form textarea{
			height:120px;
			width:250px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			
.message_ok{
			text-align:center;
			font-size:1.2em;
			color:#fff;
			background:#a1a1a1;
			padding:4px;
			}


/*------------------ Typogrphy-----------------*/

.read_more{
			padding:3px;
			margin-top:5px;
			display:block;
			font-size:1.1em;
			}

/*------------------ Footer -----------------*/

#footer{
		border-top:solid 1px #dddddd; 	
		margin-top:10px;
		}
		
#footer p{
		font-size:1.1em;
		color:#999;
		}


/*------------------ Lang menu -----------------*/

#lang_menu{
                padding:0;
                margin:0;
                list-style-type: none;
                float:right;
                font-size: 1.3em;
				background:#e9e9e9;
				padding:0px 8px 5px 8px;
                }
                
#lang_menu a{
                padding: 5px 5px 2px 5px;
                display: block;
                text-decoration: none;
                font-family: Arial, Helvetica, sans-serif;
                color:#333;
                float:left; 
                }
                                             
#lang_menu li{
                padding:0;
                margin:0;
                display: inline; /*IE*/
                width:auto;
                }
                
#lang_menu a:hover,#lang_menu .active_lang{
                background:#fff;
                }
				
.obj_info{
			padding-bottom:20px;
			}
				
ul#pikame{
	padding-left:0;
	margin:0 auto;
	}
.pika_main{
	margin:0 auto;
	text-align:center;
	}
#pikame li{
	margin:5px;
	float: left;
	}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.sliderjs{background:url("../images/scroller.jpg") no-repeat bottom left;
			padding-bottom:22px;
			cursor:pointer;
			}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation a{font-size: 12px;color:white;text-decoration: none;cursor:pointer;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* SliderJS */
.sliderjs{margin:0 auto;}

/*------------------ Forms -----------------*/

.userForm{
	font-size:1.2em;
	color:#333;
	}
	
.userForm input,.userForm textarea,.userForm select{
	width:98%;
	}
	
.userForm .radio,.userForm .checkbox,.userForm .sendForm{
	width:auto;
	}
	
.userForm .odd,.userForm .even{
	margin:5px 0 5px 0;
	padding:4px;
	}
	
.userForm .odd{
	background:#f7f7f7;
	}
	
.userForm .formLeft{
	float:left;
	width:40%;
	}
	
.userForm .formRight{
	float:right;
	text-align:left;
	width:59%;
	}
	
.userForm .formRight p{
	padding:0;
	margin:0;
	font-size:1em;
	}
	
.userForm .itemName{
	font-weight:bold;
	}
	
.userForm .desc{
	display:block;
	padding-top:4px;
	font-size:1em;
	}
	
.userForm .input,.userForm .textarea{
	width:100%;
	}
	
.req{
	color:#d61f07;
	font-size:0.9em;
	}
	
.reqField{
	border:solid 1px #d61f07;
	}
	
.formOK{
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#79bd1d;
	}