/*
AvTake style
*/

body {
	margin: 0;
	padding: 0;
	background: #302D2D;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #BDBDBD;
}

h2 {
	font-size: 18px;
}

h3 {
}

p, ul, ol {
	margin-top: 0;
	line-height: 240%;
	text-align: justify;
}


/* Sidebar */

#sidebar {
	float: left;
	width: 180px;
	padding-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #585D60;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 30px;
	padding: 0 0 10px 0px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0px;
	padding: 10px 0px;
	border-bottom: 1px dotted #504D4B;
}

#sidebar p {
	margin: 0;
	padding: 0px 0px;
}

#sidebar h2 {
	height: 26px;
	margin: 0 0 10px 0px;
	padding: 12px 0 2px 0px;
	text-transform: capitalize;
	font-size: 18px;
	font-weight: normal;
	color: #D6D6D6;
}

#sidebar p {
	line-height: 200%;
}

#sidebar a {
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	color: #585D60;
}


/*OMAT TYYLIT */

#tausta {
	position:relative;	
	width: 955px;
	margin: 0 auto;
	/*background: url(images/img02.jpg) repeat-y left top;*/
	background: url(graphic/backround1.jpg) repeat-y top;
}

#ylabannertausta {
	width: 955px;
	margin: auto;
}


#ylabanneralaosa {
	width: 955px;
	height: 20px;
	margin: auto;
	background: url(graphic/backround1.jpg) repeat-y top;
}


#ylabanner {
	width: 955px;
	height: 105px;
	margin: 0 auto;
/*background: url(images/img02.jpg) repeat-y left top;*/	background: url(graphic/ylabanner2.jpg) left top;
}

#ylabannervalikko {

	position:absolute;
	width: 955px;
	height: 105px;

	padding-top: 72px;
	padding-left: 452px;


	line-height: 30px;

	text-decoration: none;
	font-family: Droid Sans, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	color: #3D324A;
}


#alabanner {
	width: 957px;
	height: 26px;
	margin: 0 auto;
	padding: 0px;
	background: url(graphic/alabanner2.jpg) left bottom;
	right: 30px;
	text-align: right;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.5em;
	color: #5A5957;
}


#flashbanner {
	width: 921px;
	height: 252px;
	margin: 0 auto;
	/*background: url(images/img02.jpg) repeat-y left top;*/
	background: url(graphic/flashpohja1.jpg) center;	
}

#flashbannercutfourdv {
	width: 921px;
	height: 252px;
	margin: 0 auto;
	background: url(images/cutfourdv3banner.jpg) center;	
}


#rivitausta {
	width: 921px;
	height: 20px;
	margin: 0 auto;
	background: url(graphic/backround1.jpg) center;	
}

#sivuotsikko {
	width: 921px;
	height: 20px;
	margin: 0 auto;
	background: url(graphic/backround1.jpg) center;
	
		padding: 0px 0px 0px 30px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Vollkorn, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;

}


#flashbanneriso {
	width: 921px;
	height: 320px;
	margin: 0 auto;
	/*background: url(images/img02.jpg) repeat-y left top;*/
	background: url(graphic/flashpohjaiso.png) center;	
}


#laatikkolevea {
position:relative;
margin-left: 20px;
margin-top: 20px;
	width: 560px;
	background-color: #EAEAEA;
}

#laatikkokapeaoikealla {
position:absolute;
margin-left: 600px;
margin-top: 20px;
	width: 336px;
	background-color: #EAEAEA;
}

#laatikkoleveaoikealla {
position:relative;
margin-left: 376px;
margin-top: 20px;
	width: 560px;
	background-color: #EAEAEA;
}


#laatikkoiso {
	position:relative;
	margin-left: 20px;
	margin-top: 20px;
	width: 915px;
	background-color: #EAEAEA;
}

#sarakeoikea {
	position:absolute;
	margin-left: 580px;
	margin-top: 0px;
	width: 356px;
}

#laatikkokapeaoikea {
	position:relative;
	margin-left: 20px;
	margin-top: 20px;
	width: 336px;
	background-color: #EAEAEA;
}




#laatikkootsikko {
	position:relative;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;

	background: url(graphic/laatikkootsikko3.jpg) repeat-y left top;
	padding: 8px 8px 9px 20px;
  	text-decoration: none;
  	text-transform: uppercase;
 	font-family: Arial, Vollkorn, Helvetica, sans-serif;
  	font-weight: normal;
 	font-size: 14px;

}

#laatikkotext {
	padding: 9px 9px 9px 20px;
	text-decoration:none;
	text-transform: none;
	font-family: Droid Sans mono, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.5em;
	color: #2C2C2C;
}

#laatikkokuva {
	text-align: right;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;

	border-style: solid;
	border-width: 1px;
	border-color: #3F3C3A;
}

#otsikkokuva {
	position:absolute;
	text-align: left;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;

	border-style: solid;
	border-width: 1px;
	border-color: #3F3C3A;
}

#pricetext {
	padding-right: 30px;
	padding-bottom: 0px;
	text-decoration:none;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 42px;
	line-height:1.5em;
	color: #2C2C2C;
}
#promopricetext {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	color:red;
}
#lineovertext {
	text-decoration:line-through;
}




/*GOOGLE FONT*/
@font-face {
  font-family: 'Molengo';
  src: url('http://themes.googleusercontent.com/font?kit=txVk61PTIsDrQQj2fK-76Q');
}
@font-face {
  font-family: 'Inconsolata';
  src: url('http://themes.googleusercontent.com/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
}
@font-face {
  font-family: 'Droid Sans';
  src: url('http://themes.googleusercontent.com/font?kit=POVDFY-UUf0WFR9DIMCU8g');
}
@font-face {
  font-family: 'Cantarell';
  src: url('http://themes.googleusercontent.com/font?kit=tGao7ZPoloMxQHxq-2oxNA');
}
@font-face {
  font-family: 'Vollkorn';
  src: url('http://themes.googleusercontent.com/font?kit=_3YMy3W41J9lZ9YHm0HVxA');
}




#softbanner {
	margin-left: 20px;
}

#bodybox {
  /*position:relative;*/
  margin: 30px 0 0 230px;
  left: 0px;
  width: 700px;
  color: #515151;
  background-color: #5A5957;
}

#otsikkobox {
  width: 674px;
  height: 20px;
  background: #3F3C3A;
  padding: 6px 4px 4px 20px;
  color: #C1C1C0;
  border-width: 1px;
  border-color: #2C2C2C;
  border-style: solid;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 15px;
  
}

#basetext {
margin-left: 20px;
margin-top: 20px;

  background: #CCCCCC;
  line-height: 1.7em;
  padding: 8px 8px 8px 50px;
  border-left: 1px;
  border-right: 1px;
  border-top: 0px;
  border-bottom: 0px;
  border-color: #2C2C2C;
  border-style: solid;

  /*color: #C1C1C0;  */
  color: #333333;
  text-decoration: none;
  text-transform: capitalize;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}