/*
Theme Name: Veebiaken
Author URI: http://veebiaken.ee
Version: 1.0
Author: Sten Aus ja Marek Meiesaar
Description: Kujundus OÜ VEEBIAKEN veebilehekülje jaoks. Copyright 2011.
*/

/********************************************************************************************/

*{margin: 0; padding: 0;}

a, a:active, a:hover, a:visited{text-decoration: none;}

img{border:0;}

body{
	width: 100%;
	height: 100%;
	margin: 0 auto;
/*	background: url(./images/footer.png) repeat;*/
/*	background: url(./images/footer2.png) repeat;*/
	background: url(./images/bg.jpg) repeat;
	float: none;
	color: #FFF;
	font-family: Arial, sans-serif;
}

@font-face{
	font-family: 'Lobster14Regular';
	src: url('./images/cfont/lobster_1.4-webfont.eot');
	src: url('./images/cfont/lobster_1.4-webfont.eot?#iefix') format('embedded-opentype'),
	url('./images/cfont/lobster_1.4-webfont.woff') format('woff'),
	url('./images/cfont/lobster_1.4-webfont.ttf') format('truetype'),
	url('./images/cfont/lobster_1.4-webfont.svg#Lobster14Regular') format('svg');
	font-weight: normal;
	font-style: normal;

}

/********************************************************************************************/


#container{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: url(./images/index.png) repeat;
/*	background: #FFF;*/
	float: left;
	line-height: 18px;
}

/********************************************************************************************/
#spots{
	background: url(./images/spots.png) no-repeat;
	width: 1020px;
	height: 136px;
	margin: 0 auto;
}

#header{
	background: url(./images/header.jpg) repeat-x;
	width: 100%;
	height: 136px;
}

#header_image{
	padding-top: 40px;
	margin: 0 auto;
	width: 820px;
	height: 55px;
}

	#header_image a, #header_image a:hover, #header_image a:active, #header_image a:visited{border:0; text-decoration: none} 
	
	#header_image img{border: 0;}

/********************************************************************************************/

#menu{
	width: 100%;
	height: 61px;
	background: url(./images/menu3.png) repeat-x;
}

.menu_grad{
	background: url(./images/menu_grad.png) repeat-x;
	width: 100%;
	height: 26px;
	position: absolute;
}

#menu_links{
	margin: 0 auto;
	width: 820px;
	height: 39px;
	padding-top: 20px;
	text-align: left;
}

#menu_links a, #menu_links a:hover, #menu_links a:active, #menu_links a:visited{border:0; text-decoration: none} 

#menu_links img{
	margin-right: 42.5px;
/*	vertical-align: middle;
kas on vaja seda v?
*/ 
}

/********************************************************************************************/

#index{
	width: 820px;
	margin: 0 auto;
	height: 100%;
	color: #FFF;
}

#index_welcome{
	background: url(./images/welcome.png) no-repeat;
	margin: 0 auto;
	color: #e4ffbb;
	font-size: 14px;
	height: 285px;
	width: 821px;
	margin-top: 22px;
	margin-bottom: 21px;
}

	#index_welcome p{
		width: 391px;
		margin-top: 22px;
		margin-bottom: 5%;
	}

	#index_welcome #overview{
		height: 180px;
		width: 380px;
		float:left;
		position: relative;
		top: 23px;
		left: 20px;
	}
	
	#index_welcome #mac{
		position: relative;
		float:right;
		background: url(./images/welcome_computer.png) no-repeat;
		z-index: 1;
		left: -15px;
		top: 25px;
		width: 426px;
		height: 240px;
	}
	
	#index_welcome #bottom{
		float: left;
		width: 800px;
		margin-left: 20px;
		margin-top: 14px;
		height: 20px;
	}
	
	.coin-slider {
		padding-left: 75px;
		padding-top: 24px;
	}

/********************************************************************************************/

.social_up{
	background: url(./images/social4_up.png) repeat-x;
	width: 100%;
	height: 57px;
	margin-bottom: -57px;
}

#social{
	width: 100%;
	height: 206px;
	background: url(./images/social4_down.gif) repeat;
	padding-bottom: 12px;
}

#social a, #social a:visited, #social a:active{
	text-decoration: none;
	color: #577234;
}
#social a:hover{
	color: #577234;
	text-decoration: underline;
}

#social_inside{
	margin: 42px auto;
	width: 820px;
	vertical-align: top;
	height: 168px;
	color: #222222;
	font-size: 12px;
}

	#social_inside h2{
		color: #264100;
		font-family: Lobster14Regular;
		font-weight: normal;
		display: inline;
		font-size: 24px;
	}

	#social_inside img{ margin:0; padding: 0; }

	#social_inside ul{
		list-style-image: url(./images/bullet.png);
		margin-top: 8px;
		margin-left: 13px;
	}
	
	#social_inside li{
		margin-bottom: 12px;
	}
	
	#social_inside .separator{
		background: url(./images/separator.png) repeat-y;
		background-position: top right;
		height: 217px;
		float: left;
		margin-top: -41px;
	}
	
	#social_inside img{
		margin-right: 11px;
	}
	
	#social_inside #news{
		width: 260px;
		margin-top: 18px;
		height: 100%;
		float: left;
		padding-right: 37px;
		padding-left: 20px;

	}
	
	#social_inside #services{
		width: 173px;
		margin-top: 18px;
		margin-left: 37px;
		padding-right: 37px;
		height: 100%;
		float:left;
	}
	
		#social_inside #services span.right{
			text-align: right;
			float: right;
		}
	
	#social_inside #info{
		width: 200px;
		height: 100%;
		margin-left: 37px;
		float:left;
		margin-top:-24px;
		line-height: 19px;
	}
	
		#social_inside #info p.info{
			color: #222222;
			font-size: 12px;
			margin-bottom: 6px;
			margin-top: 8px;
		}
		
		#social #reccomendation span.green{
			color: #577234;
		}

		#social_inside #info span.right{
		 	float: right;
		 	text-align: right;
		 	}
/*
		#social_inside #info span.where{
			color: #222222;
			font-size: 12px;
			font-style: italic;
		}
*/
/********************************************************************************************/

#page{
	width: 820px;
	margin: 0 auto;
	height: 100%;
	color: #e4ffbb;
}

#page_header{
	background: url(./images/page_header.png) no-repeat;
	width: 820px;
	height: 110px;
	margin-top: 22px;
	margin-bottom: 21px;
}

	#page_header #up{
		height: 37px;
		margin-left: 20px;
		padding-top: 23px;
		width: 100%;
	}
	
	#page_header #down{
		width: 100%;
		color: #e4ffbb;
		font-size: 14px;
		margin-left: 20px;
		margin-top: 18px;
	}
	
	#page_header #down a, #page_header #down a:hover, #page_header #down a:active, #page_header #down a:visited{
		text-decoration: none;
		color: #e4ffbb;
	}

/********************************************************************************************/

#page_text{
	width: 100%;
	background: url(./images/social4_down.gif) repeat;
	color: #222222;
	height: 100%;
	font-size: 14px;
	float: left;
}

.page_text_up{
	background: url(./images/social4_up.png) repeat-x;
	width: 100%;
	float: left;
	height: 57px;
	margin-bottom: -36px;
}

/********************************************************************************************/

#page_inside{
	margin: 0 auto;
	width: 820px;
	height: 100%;
}

#page_inside #left{
	float: left;
	width: 500px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin-top: 17px;
	padding-left: 20px;
	min-height: 240px;
/*	line-height: 18px;*/
}

	#page_inside #left ul{
		list-style-image: url(./images/bullet.png);
		margin-left: 13px;
	}

	#page_inside #left li{
		margin-bottom: 10px;
	}	

	#page_inside #left a, #page_inside #left a:active, #page_inside #left a:visited{
		color: #577234;
		text-decoration: none;
	}
	
	#page_inside #left a:hover{
		color: #577234;
		text-decoration: underline;
	}
	
	#page_inside #left p{
		padding-bottom: 10px;
	}

#page_inside .separator{
	background: url(./images/separator.png) repeat-y;
	background-position: top right;
	width: 560px;
	height: 100%;
	float: left;
	margin-top: -19px;
	padding-bottom: 36px;
}

#page_inside #right{
	width: 200px;
	float: left;
	margin-top: 8px;
	position: relative;
	left: 37px;
}

	#page_inside #right a, #page_inside #right a:active, #page_inside #right a:visited{
		color: #577234;
		text-decoration: none;
	}
	
	#page_inside #right a:hover{
		text-decoration: underline;
		color: #577234;
	}

	#page_inside #right .work h2{
		margin: 0;
		font-weight: normal;
		font-family: Lobster14Regular;
		font-size: 24px;
		margin-bottom: 14px;
 	}
	
	#page_inside #right h2{
		margin-top: -18px;
		margin-left: 38px;
		margin-bottom: 9px;
	}
	
	#page_inside #right p.reccomendation{
		color: #222222;
		font-size: 12px;
		margin-bottom: 6px;
		margin-top: 13px;
	}
	
	#page_inside #right p.name{
		color: #577234;
		display: inline;
		font-size: 12px;
		font-weight: bold;
	}
	
	#page_inside #right .somespace{
		height: 4px;
	}
	
	#page_inside #right p.contact{
		color: #222222;
		font-size: 12px;
	}
	
	#page_inside #right .author{
		color: #577234;
		font-style: italic;
		font-weight: bold;
		display: inline;
		font-size: 12px;
	}
	
	#page_inside #right span.where{
		color: #222222;
		font-size: 12px;
		font-style: italic;
	}
	
	#page_inside #right h2.normal{
		margin: 0;
		padding: 0;
	}
	
	#page_inside #right .info{
		font-style: italic;
		color: #577234;
		margin-top: 5px;
	}
	
#page_inside #right span.green{
	color: #577234;
}

#page_inside .work{
	height: 130px;
	color: #222222;
	font-size: 12px;
	width: 100%;
	overflow: hidden;
	float: left;
	text-align: left;
	margin-bottom: 25px;
	padding: 0;
}

#page_text h2{
	color: #264100;
	font-size: 24px;
	font-weight: normal;
	font-family: Lobster14Regular;
	margin-bottom: 9px;
	margin-top: 11px;
}

#page_text h1{
	color: #264100;
	font-size: 24px;
	font-weight: normal;
	font-family: Lobster14Regular;
	margin-bottom: 7px;
	margin-top: 3px;
	line-height: 25px;
}

blockquote {
	quotes: none;
	background: url(./images/blockquote2.png) repeat-y;
	border-left: 1px solid #d9ff85;
	font-style: italic;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	font-size: 12px;
	padding-top: 9px;
	padding-bottom: 0px;
	padding-left: 7px;
}

/********************************************************************************************/

#footer{
	background: url(./images/footergradient_bg.jpg) repeat-x;
	width: 100%;
	height: 100px;
	color: #d9ff85;
	font-size: 12px;
	padding-top: 21px;
	text-align: center;
	float: left;
}

#footer_inside{
	margin: 0 auto;
	width: 820px;
}

	#footer_inside #left{
		float: left;
		text-align: left;
		display: inline;
		width: 50%;
	}
	
	#footer_inside #right{
		float: left;
		text-align: right;
		width: 50%;
	}
	
		#footer_inside #right a, #footer_inside #right a:hover, #footer_inside #right a:active, #footer_inside #right a:visited{
			text-decoration: none;
			color: #d9ff85;
		}
	
	#footer_inside #right span.socialmedia{
		float: right;
		width: 35px;
		vertical-align: middle;
		display: inline;
	}

		#footer_inside #right span.socialmedia img{
/*			margin-left: 5px;*/
			border: 0;
		}
/********************************************************************************************/

#contactform p{
	margin-bottom: 10px;
	font-size: 14px;
	font-family: Arial, sans-serif;
}

#contactform input{
	width: 318px;
	height: 29px;
	padding: 5px;
	border: 1px solid #dfdfdf;
	color: #222222;
	font-size: 14px;
	font-family: Arial, sans-serif;
	margin-bottom: 5px;
}

#contactform textarea{
	padding: 5px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	border: 1px solid #dfdfdf;
	color: #222222;
	width: 479px;
}

#contactform input.wpcf7-submit{
	background: url(./images/sendbtn.png) no-repeat;
	width: 131px;
	border:0;
	height: 42px;
	font-size: -999px;
}

/********************************************************************************************/