
body {
	background: url(../images/body_bg.jpg) left top repeat-x; background-attachment:fixed;
}

#base { background: url(../images/base_bg.png) center top repeat-y;}

/* layout */

.item {
	padding-top:120px;
	margin-bottom:-90px;
	padding-bottom:0px;
}

/* end layout */



/* top */

.top-wrapper {
	height:118px;
	background: transparent url(../images/top-bg.png) center top no-repeat;
	position: fixed;
	width:100%;
	top:0px;
	left:-10px;
	z-index:1000;
}

.top-wrapper > div {
	height:118px;
}

#logo {
	height:83px;
	line-height:83px;
	background: #b42924;
	display:block;
	color:#fff;
	text-decoration: none;
	font-size:30px;
	font-family: "LaurenScript";
	text-align: center;
	float:left;
	padding:0px 20px;
	border:1px solid #8b0e13;
	border-top:0px;
	-moz-box-shadow:0px 0px 5px rgba(89, 8, 12, 0.3), inset 0px 0px 1px rgba(255, 255, 255, 0.75);
	-webkit-box-shadow: 0px 0px 5px rgba(89, 8, 12, 0.3), inset 0px 0px 1px rgba(255, 255, 255, 0.75);
	box-shadow:0px 0px 5px rgba(89, 8, 12, 0.3), inset 0px 0px 1px rgba(255, 255, 255, 0.75);
}

.allekirjoitus {
	
	font-size:20px;
	font-family: "LaurenScript";
	
}

.navigation {
	float:right;
	margin:3px 80px 22px 0px;
}

.navigation li, .navigation a {
	float:left;
	background:none;
}

.navigation a {
	font-family: Georgia, "Times New Roman", serif;
	color:#28701b;
	font-size:14px;
	text-decoration: none;
	margin-left:18px;
	height:27px;
}

.navigation .active a, .navigation a:hover {
	background: transparent url(../images/menu-underline.gif) left bottom repeat-x;
}

/* end top */



/* slideshow*/

.slides-container {
	position: relative;
}

.slides-container a.nivo-prevNav,  .slides-container a.nivo-nextNav{
	background:#474747;
	background:rgba(0,0,0,0.6);
	display:block;
	font-size:14px;
	color:#fff;
	text-decoration: none;
	width:45px;
	height:26px;
	padding:4px 0px 0px;
	text-align: center;
	position: absolute;
	top:110px;
	z-index:1000;
}

.slides-container a.nivo-prevNav {
	left:0px;
}

.slides-container a.nivo-nextNav {
	right:0px;
}

.slides {
	display:block;
	height:250px;
	border:1px solid #cccccc;
	position: relative;
	background: #fff url(../images/ajax-loader.gif) 50% 50% no-repeat;
}

.slides > p {
	width:390px;
	height:242px;
	margin:4px;
	position: relative;
}

.slides img {
	display:block;
	background:grey;
	width:390px;
	height:242px;
	position: absolute;
}

.nivo-controlNav {
	position: absolute;
	bottom:-30px;
	right:20px;
	text-align: center;
}

.nivo-controlNav a {
	width:12px;
	height:12px;
	background: transparent url(../images/slideshow-buttons.png) left top no-repeat;
	text-indent: -9999px;
	float:left;
	margin-right:4px;
}

.nivo-controlNav a.active {
	background: transparent url(../images/slideshow-buttons.png) left bottom no-repeat;
}

.shadow-bottom {
	margin-bottom:40px;
}

/* end slideshow */



/* portfolio */

.portfolio {
	margin-left:10px;
	width:880px;
	display:block;
	position: relative;
}

.portfolio li {
	display:block;
	width:260px;
	height:172px;
	background: transparent url(../images/portfolio-item-bg.png) left top no-repeat;
	float:left;
	margin:0px 20px 20px 0px;
	padding:6px 0px 0px;
}

.portfolio li a {
	display:block;
	width:250px;
	height:152px;
	border:1px solid #ccc;
	background:#fff url(../images/ajax-loader.gif) 50% 50% no-repeat;
	padding:4px;
}

.portfolio img {
	display:block;
	width:250px;
	height:152px;
}

/* end portfolio */


/* gallery */

.gallery {
	display:block;
	width:280px;
	margin-bottom:20px;
}

.gallery a {
	display:block;
	width:70px;
	height:70px;
	float:left;
	border:1px solid #cccccc;
	margin-right:10px;
	margin-bottom:10px;
	background:#fff;
	padding:4px;
}

.gallery a img {
	background:#efefef;
	display:block;
	width:70px;
	height:70px;
}

/* end gallery */



/* links */

.links li {
	display:block;
	background: transparent url(../images/tri.gif) left 50% no-repeat;
	padding-left:25px;
}

.links a {
	color:#b42924;
	font-size:14px;
	text-decoration: none;
	border-bottom:1px dotted #eed4d3;
	display:block;
	padding:10px 0px;
}

/* end links */


/* textbox */

h1.textbox, h2.textbox, h3.textbox, h4.textbox, h5.textbox {
	background:#efefef;
	border:1px solid #ccc;
	height:31px;
	padding:9px 0px 0px 10px;
	margin:0px;
}

p.textbox {
	border:1px solid #ccc;
	border-top:0px;
	padding:20px;
	background:#fff;
}

/* end textbox */



/* contact */

.contact label {
	display:block;
	color:#1c1c1c;
	font-weight:bold;
	font-size:15px;
	clear:both;
	margin-bottom:30px;
}

.contact label .text {
	background:#fff;
	border:1px solid #ccc;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	padding:7px;
	width:390px;
	float:right;
}

.contact label textarea.text {
	height:180px;
}

.contact label .submit {
	background: #465e18;
	-moz-border-radius:12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
	color:#fff;
	text-transform: uppercase;
	border:0px;
	padding:15px 10px;
	font-family: Garamond, serif;
	font-weight:bold;
	font-size:16px;
	float:right;
	cursor:pointer;
	width: 99%;
}

.address {
	background: transparent url(../images/icon-address.png) left 7px no-repeat;
	padding-left:25px;
}

.talk {
	background: transparent url(../images/icon-talk.png) left 7px no-repeat;
	padding-left:25px;
}

.write {
	background: transparent url(../images/icon-write.png) left 7px no-repeat;
	padding-left:25px;
}


.error {
	border-color: red !important;
	background: #faefef !important;
}

.formErrors {
	border: 1px solid red;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background: #faefef !important;
	padding:20px;
	color:#000;
	font-size:14px;
}

.sent {
	border: 1px solid green;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background: #f8ffed !important;
	padding:20px;
	color:#000;
	font-size:14px;
}

/* end contact */



/* footer */

.footer-wrapper {
	background:#000;
	padding-top:40px;
	padding-bottom:40px;
	color:#fff;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5 {
	color:#fff;
	font-weight:normal;
}

.social img {
	float:left;
	margin-right:5px;
}

/* end footer */