/** reset **/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table,
ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,a, abbr,
acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0;}
img, fieldset { border: 0; }
body {
	background-color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
	background-repeat: repeat;
	font-size: 12px;
}
	
/** landing page **/	
#fr_wrapper, #fr_band, #fr_logo, #fr_text { width:630px; }
#fr_band, #fr_logo, #fr_text { float:left; background-repeat: no-repeat;}
#fr_wrapper {margin-top: 25px;margin-right: auto;margin-bottom: 0;margin-left: auto;}
#fr_band {height: 340px;	}
#fr_logo {background-image: url(images/yritystilaisuudet.jpg);	height:75px;}
#fr_text { background-image: url(images/bandi.jpg);height:120px; }
#fr_text  h1 {	font-size: 1.1em;	font-weight: normal;text-align: center;margin-top:5px; font-weight:bold}
#fr_text  a, #fr_text  a:visited, #fr_text  a:active {color: #FF9A00;text-decoration: none;}
#fr_text  a:hover {	color: #5E5E5E;}

/**site**/
#wrapper, #menu, #content, #footer { width:900px;}
#wrapper {margin-right: auto;margin-bottom: 0;margin-left: auto;}
/**menu'**/
#menu {background-image: url(images/menu.jpg);height: 157px;	}
#menu ul{
	padding-top: 112px;
	padding-left: 440px;
	vertical-align: middle;
}
#menu ul li{list-style:none; display:inline;}
#menu li a, #menu li a:hover, #menu li a.active, #menu li a.active:hover{line-height:24px;	float:left;text-decoration:none;font-size: 12px;	font-weight: normal;	padding-right: 10px; padding-left: 16px;}
#menu li a{color: #fff;}
#menu li a:hover{color:#FF9900;}
#menu li a.active, .menu li a.active:hover{#FF9900;}

#menu_l {background-image: url(images/menu_l.jpg);height: 157px;	}
#menu_l ul{padding-top: 112px;padding-left: 350px;}
#menu_l ul li{list-style:none; display:inline;}
#menu_l li a, #menu_l li a:hover, #menu_l li a.active, #menu_l li a.active:hover{line-height:24px;	float:left;text-decoration:none;font-size: 12px;	font-weight: normal;	padding-right: 10px; padding-left: 16px;}
#menu_l li a{color: #fff;}
#menu_l li a:hover{color:#FF9900;}
#menu_l li a.active, .menu_l li a.active:hover{#FF9900;}
/**content**/
#content , #galleria  {background-image: url(images/content.jpg);background-repeat: repeat-y; padding-bottom:50px;	float: left;}
/**left**/
#left{float: left;width: 500px;}
#left h1{font-size: 15px;	font-weight: bold;padding-left: 87px;padding-top: 15px;}
#left h2{font-size: 13px;	font-weight: bold;padding-left: 87px;padding-top: 20px;}
#left p{padding-left: 87px;	padding-top: 10px;	line-height: 18px;	padding-right: 87px;}
.hot{color:#FF9900; font-weight:bold;}/**
/**galleria**/
#galleria ul li{list-style:none; display:inline;}
#galleria img{ margin:10px;}
#images{padding-top: 15px;margin-left: 120px; width:725px;}
/**right**/
#right{	float: left;width: 350px;}
.image{padding-top: 15px;	padding-bottom: 20px;}
#sos_yht {margin-left:15px;background-image: url(images/Kassarit.jpg);	background-repeat: no-repeat;	background-position: center top;	height:150px;width:260px;}
#sos_yht img {margin-top:45px;}
/**footer**/
#footer { background-image: url(images/footer.jpg);height:85px;	float: left; }
a:link, a:visited, a:active  { color: #CCCCCC; text-decoration: none; }
a:hover { color: #FF9900; text-decoration: none; }
#laulupyora{float: left;width: 500px;}
#laulupyora h1{font-size: 15px;	font-weight: bold;padding-left: 87px;padding-top: 15px;}
#laulupyora h2{font-size: 13px;	font-weight: bold;padding-left: 87px;padding-top: 20px;}
#laulupyora p{padding-left: 87px;	padding-top: 10px;	line-height: 18px;	padding-right: 40px;}
#images_p{padding-top: 15px;margin-left: 100px; width:350px;}
#images_p ul li{list-style:none; display:inline;}
#images_p img{ margin:10px;}
