@charset "utf-8";
/* CSS Document */

.outer-masthead {
	width: 100%;
	background: url('../images/bg_outer-masthead.jpg') no-repeat 50% 0%;
	}
	
	.masthead {
		position: relative;
		width: 1010px;
		height: 250px;
		margin: 0 auto;
		background: url('../images/bg_masthead.jpg') no-repeat 0% 0%;
		}
		
		.navigation {
			position: absolute;
			top: 200px;
			left: 5px;
			width: 1000px;
			height: 50px;
			}
			
			.navigation ul {
				width: 1000px;
				list-style: none;
				margin: 0;
				padding: 0;
				}
				
				.navigation li {
					float: left;
					display: inline;
					text-align: center;
					margin: 0;
					padding: 0;
					background: none;
					}
					
					/* Generic */
					
					.navigation li#current a {
						color: #fff;
						}
					
					.navigation li#current a:hover {
						color: #ffd400;
						}
										
					.navigation a:link, .navigation a:visited, .navigation a:active {
						float: left;
						display: inline;
						height: 50px;
						line-height: 50px;
						vertical-align: middle;
						padding: 0 15px 0 15px;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						font-weight: bold;
						color: #d7dce3;
						text-decoration: none;
						text-transform: uppercase;
						}
					
						.navigation a span {

							}
					
					.navigation a:hover {
						color: #ffd400;
						}
						
						.navigation a:hover span {

							}
					
					/* Etusivu */
					.navigation li.item1 a:link, .navigation li.item1 a:visited, .navigation li.item1 a:active {
						width: 50px;
						background: url('../images/nav_etusivu.jpg') no-repeat;
						}
					
					.navigation li#current.item1 a {
						background: url('../images/nav_etusivu_current.jpg') no-repeat;
						}
					
					/* Palvelut */
					.navigation li.item2 a:link, .navigation li.item2 a:visited, .navigation li.item2 a:active {
						width: 60px;
						background: url('../images/nav_palvelut.jpg') no-repeat;
						}
					
					.navigation li#current.item2 a {
						background: url('../images/nav_palvelut_current.jpg') no-repeat;
						}
					
					/* Laserleikkauksen edut */
					.navigation li.item3 a:link, .navigation li.item3 a:visited, .navigation li.item3 a:active {
						width: 165px;
						background: url('../images/nav_edut.jpg') no-repeat;
						}
					
					.navigation li#current.item3 a {
						background: url('../images/nav_edut_current.jpg') no-repeat;
						}
					
					/* Profiilimallit */
					.navigation li.item4 a:link, .navigation li.item4 a:visited, .navigation li.item4 a:active {
						width: 95px;
						background: url('../images/nav_profiilit.jpg') no-repeat;
						}
					
					.navigation li#current.item4 a {
						background: url('../images/nav_profiilit_current.jpg') no-repeat;
						}
					
					/* Asiakasesimerkkejä */
					.navigation li.item5 a:link, .navigation li.item5 a:visited, .navigation li.item5 a:active {
						width: 140px;
						background: url('../images/nav_esimerkkeja.jpg') no-repeat;
						}
					
					.navigation li#current.item5 a {
						background: url('../images/nav_esimerkkeja_current.jpg') no-repeat;
						}
					
					/* Ajankohtaista */
					.navigation li.item6 a:link, .navigation li.item6 a:visited, .navigation li.item6 a:active {
						width: 100px;
						background: url('../images/nav_ajankohtaista.jpg') no-repeat;
						}
					
					.navigation li#current.item6 a {
						background: url('../images/nav_ajankohtaista_current.jpg') no-repeat;
						}
					
					/* Ota yhteyttä */
					.navigation li.item7 {
						text-align: left;
						}
					
					.navigation li.item7 a:link, .navigation li.item7 a:visited, .navigation li.item7 a:active {
						width: 180px;
						background: url('../images/nav_yhteystiedot.jpg') no-repeat;
						}
					
					.navigation li#current.item7 a {
						background: url('../images/nav_yhteystiedot_current.jpg') no-repeat;
						}
					
					

.wrapper {
	width: 100%;
	background: url('../images/bg_wrapper.jpg') no-repeat 50% 0;
	}
	
	.outer-content {
		width: 1010px;
		margin: 0 auto;
	 	background: url('../images/bg_outer-content.gif') repeat-y 0 0; 
		}
	
	.inner-content {
		width: 1000px;
		min-height: 400px;
		padding: 40px 5px 0 5px;
		background: url('../images/bg_inner-content.jpg') no-repeat 0% 0%;
		}
		
		.left-column {
			float: left;
			display: inline;
			width: 575px;
			margin: -20px 0 20px 0;
			padding: 0 25px 0 25px;
			}
		
		.right-column {
			float: left;
			display: inline;
			width: 324px;
			margin: 0 0 20px 0;
			padding: 0 25px 0 24px;
			background: url('../images/bg_right-column.gif') repeat-y 0% 100px;
			}
			
		
.outer-footer {
	width: 100%;
	}
	
	.footer {
		width: 950px;
		height: 30px;
		margin: 0 auto;
		padding: 0 30px 0 30px;
		background: url('../images/bg_footer.jpg') no-repeat 0% 0%;
		}