/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#675f4c url(images/baggis.jpg) repeat top; text-align:center;}
#main{ padding:0 30px;}
.page{ background:url(images/tail.gif) top repeat-y;}
.top-bg{ background:url(images/top-bg.gif) top no-repeat; padding:41px 65px 86px 65px}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

paakuva {
	background-image: url(images/atv-v1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 6px;
	height: 270px;
	width: 726px;
}

html{ font-family:Trebuchet MS, Helvetica, sans-serif; font-size:0.8125em; line-height:1.538em; color:#323026;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#323026}
a:hover{text-decoration:none;}
p {padding-top:20px;}
strong{ color:#a6a00a; text-transform:uppercase; display:block;}
.strong1{ font-size:0.769em; text-transform:none; color:#918b72; padding-bottom:2px;}
h1 {
	color:#a6a00a;
	text-transform:uppercase;
	display:block;
	font-size: 130%;
}

/* ============================= main layout ====================== */
.imgindent {margin:0 10px 0 0; float:left;}
.phone{ float:right; padding-right:22px;}
.margin1{ margin:-8px 35px 0 0 !important;}
.padding1{ padding-bottom:3px;}
.padding2{ padding-top:17px;}
.padding3{ padding-top:20px;}
.padding4{ padding-top:5px;}
.padding5{ padding-top:35px;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) top no-repeat;}
#header .logo{ padding:18px 0 0 103px;}
#header .menu{ width:100%; overflow:hidden; }
#header .menu ul{ padding:16px 0 0 104px;}
#header .menu li{ float:left; padding-right:32px; font-size:0.923em; line-height:1.5em;}
#header .menu a{ text-transform:uppercase; text-decoration:none; color:#ede5d2; font-weight:bold;}
#header .menu a:hover{ color:#ffcf10;}
#header .unline{ background:url(images/unline.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:7px;}

#header-safarit{ background:url(images/header-bg.jpg) top no-repeat;}
#header-safarit .logo{ padding:18px 0 0 103px;}
#header-safarit .menu{ width:100%; overflow:hidden; }
#header-safarit .menu ul{ padding:16px 0 0 104px;}
#header-safarit .menu li{ float:left; padding-right:32px; font-size:0.923em; line-height:1.5em;}
#header-safarit .menu a{ text-transform:uppercase; text-decoration:none; color:#ede5d2; font-weight:bold;}
#header-safarit .menu a:hover{ color:#ffcf10;}
#header-safarit .unline{ background:url(images/unline.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:7px;}

#header .column-2, #header .column-3{ margin-left:20px;}
#header .banners{ padding-top:2px; font-size:0.846em; text-transform:uppercase; line-height:1.455em;}
#header .column-1{ background:url(images/banner1-bg.jpg) no-repeat 0 0; position:relative;}
#header .column-2{ background:url(images/banner2-bg.jpg) no-repeat 0 0; position:relative;}
#header .column-3{ background:url(images/banner3-bg.jpg) no-repeat 0 0; position:relative;}
#header .column-1 .text{ padding:149px 50px 0 30px;}
#header .column-2 .text{ padding:156px 50px 0 20px;}
#header .column-3 .text{ padding:139px 39px 0 20px;}
#header .column-1 strong{ text-transform:none; color:#cf3f00; display:block; padding-bottom:4px;}
#header .column-2 a span{ color:#cf3f00; font-weight:bold;}
#header .column-3 a{ color:#cf3f00; text-transform:none; float:right; display:inline-block; margin-top:5px}
#header .column-3 a span{ font-weight:bold;}
#header .imgindent{ margin:-17px 10px 0 0; float:left; position:relative;}
#header .button{ position:absolute; bottom:16px; right:20px;}
#headerZ{ position:relative;}
#headerZ .flash{ position:absolute; margin-left:-95px;}
#header .flash{ position:absolute; margin-left:-95px;}
/* ============================= content ====================== */
#content{ padding:12px 0 18px 0;}
.col-2{ margin-left:17px;}
.col-3{ margin-left:17px;}
.title{ width:100%; overflow:hidden; padding-bottom:6px;}
.title a{ font-size:12px; background:url(images/title-link-bg.gif) right top no-repeat; padding-right:10px; color:#cf3f00; float:right; margin-right:5px;}

.link{ display:inline-block; float:right; color:#cf3f00; font-size:0.769em; margin-top:4px; margin-right:15px;}
.link a{ color:#cf3f00;}
.banner{ display:block; margin-top:20px;}

.box1{ background:url(images/box1-bot-tail.gif) bottom repeat-x #fdfcfa;}
.box1 .left-tail{ background:url(images/box1-left-tail.gif) left repeat-y; width:100%;}
.box1 .right-tail{ background:url(images/box1-right-tail.gif) right repeat-y;}
.box1 .left-top{ background:url(images/box1-corner-left-top.gif) left top no-repeat;}
.box1 .right-top{ background:url(images/box1-corner-right-top.gif) right top no-repeat;}
.box1 .left-bot{ background:url(images/box1-corner-left-bot.gif) left bottom no-repeat;}
.box1 .right-bot{ background:url(images/box1-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box1 .indent{ padding:25px 35px 17px 35px;}
.box1 .indent2{ padding:25px 30px 35px 35px;}

.box2{ background:url(images/box2-top-tail.gif) top repeat-x #f9f7f0; }
.box2 .bot-tail{ background:url(images/box2-bot-tail.gif) bottom repeat-x; width:100%;}
.box2 .left-tail{ background:url(images/box2-left-tail.gif) left repeat-y;}
.box2 .right-tail{ background:url(images/box2-right-tail.gif) right repeat-y;}
.box2 .left-top{ background:url(images/box2-corner-left-top.gif) left top no-repeat;}
.box2 .right-top{ background:url(images/box2-corner-right-top.gif) right top no-repeat;}
.box2 .left-bot{ background:url(images/box2-corner-left-bot.gif) left bottom no-repeat;}
.box2 .right-bot{ background:url(images/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box2 .indent{ padding:25px 35px 16px 35px;}

.box3{ background:url(images/box3-top-bg.jpg) top no-repeat #e2b90c; font-size:0.923em; }
.box3 .bot-bg{ background:url(images/box3-bot-bg.jpg) bottom no-repeat;}
.box3 .indent{ padding:5px 25px 32px 20px;}
.box3 .indent2{ padding:5px 5px 10px 10px;}
.box3 strong{ padding:0 0 10px 10px; color:#2c2a21;}
.box3 .strong-bg{ background:url(images/strong-bg.gif) right top no-repeat; padding-left:0;}

.box4{ background:url(images/box4-tail.gif) left repeat-y;}
.box4 .top-bg{ background:url(images/box4-top-bg.gif) left top no-repeat; padding:0;}
.box4 .bot-bg{ background:url(images/box4-bot-bg.gif) left bottom no-repeat;}
.box4 .indent{ padding:25px 30px 22px 35px;}
.box4 .text1{ font-size:0.923em;}
.box4 .text1 a{ color:#cf3f00;}

.box5{ background:url(images/box5-bg.jpg) no-repeat 0 0; font-size:0.846em; line-height:1.455em;}
.box5 .indent{ padding:16px 20px 15px 21px;}
.box5 a{ color:#cf3f00; text-transform:uppercase; font-weight:bold;}

.box6{ background:url(images/box6-tail.jpg) left repeat-y;}
.box6 .top-bg{ background:url(images/box6-top-bg.jpg) left top no-repeat; padding:0;}
.box6 .bot-bg{ background:url(images/box6-bot-bg.jpg) left bottom no-repeat; width:100%;}
.box6 .indent{ padding:16px 0 14px 20px;}

.box7{ background:url(images/box7-bot-tail.gif) bottom repeat-x #fdfcfa;}
.box7 .left-tail{ background:url(images/box7-left-tail.gif) left repeat-y; width:100%;}
.box7 .right-tail{ background:url(images/box7-right-tail.gif) right repeat-y;}
.box7 .left-top{ background:url(images/box7-corner-left-top.gif) left top no-repeat;}
.box7 .right-top{ background:url(images/box7-corner-right-top.gif) right top no-repeat;}
.box7 .left-bot{ background:url(images/box7-corner-left-bot.gif) left bottom no-repeat;}
.box7 .right-bot{ background:url(images/box7-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box7 .indent{ padding:25px 25px 29px 35px;}

.box8{ background:url(images/box8-top-bg.jpg) top no-repeat #e5be0d; font-size:0.923em; }
.box8 .bot-bg{ background:url(images/box8-bot-bg.jpg) bottom no-repeat;}
.box8 .indent{ padding:11px 10px 25px 10px;}
.box8 .text1{ padding:8px 10px 0 10px; color:#000000; line-height:1.5em;}
.box8 .text1 a{ color:#cf3f00;}
.box8 p{ padding-top:18px;}

.box9{ background:url(images/box9-tail.jpg) left repeat-y;}
.box9 .top-bg{ background:url(images/box9-top-bg.jpg) left top no-repeat; padding:0;}
.box9 .bot-bg{ background:url(images/box9-bot-bg.jpg) left bottom no-repeat; width:100%;}
.box9 .indent{ padding:28px 10px 32px 20px;}

.box10{ background:url(images/box10-bot-tail.gif) bottom repeat-x #fdfcfa; margin-left:-5px; zoom:1; position:relative;}
.box10 .left-tail{ background:url(images/box10-left-tail.gif) left repeat-y; width:100%;}
.box10 .right-tail{ background:url(images/box10-right-tail.gif) right repeat-y;}
.box10 .left-top{ background:url(images/box10-corner-left-top.gif) left top no-repeat;}
.box10 .right-top{ background:url(images/box10-corner-right-top.gif) right top no-repeat;}
.box10 .left-bot{ background:url(images/box10-corner-left-bot.gif) left bottom no-repeat;}
.box10 .right-bot{ background:url(images/box10-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box10 .indent{ padding:25px 40px 45px 35px;}
.box10 a{ color:#cf3f00; font-size:0.846em;}

.list li{ line-height:2.083em;}
.list2 li{ line-height:1.846em;}
.list2 a{ color:#cf3f00;}
.gallery a{ display:inline-block; margin:0 8px 7px 0;}
.prev{ color:#cf3f00; font-size:0.846em;}
.prev a{ color:#cf3f00; font-weight:bold; margin-left:3px;}
.next{ float:right; color:#cf3f00; font-size:0.846em; padding-right:10px;}
.next a{ color:#cf3f00; font-weight:bold; margin-right:3px;}
.video a{ display:inline-block; margin-bottom:20px;}
.video .last{ margin-bottom:0;}
.contacts{ width:100%; overflow:hidden;}
.contacts .col-1{ width:150px !important; padding-left:30px;}
.contacts .col-2{ width:210px !important; padding-left:25px;}

/* ============================= page8 ====================== */
#page9 #header{ height:142px;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-bg.gif) top left no-repeat; color:#e5bf0d; text-align:center; font-size:0.846em; text-transform:uppercase;}
#footer a{ color:#e5bf0d; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}
#footer .text{ padding:15px 0 0 0;}

/* ============================= forms ============================= */
#AuthorizationForm{ float:right; padding:23px 0 0 0; font-size:0.923em; height:22px;}
#AuthorizationForm input{ border:solid 1px #323026; padding:1px 0 2px 2px; vertical-align:top;}
#AuthorizationForm span{ vertical-align:top;}
#AuthorizationForm .input1{ width:146px; margin-right:15px;}
#AuthorizationForm .input2{ width:96px;}
/* ============================= header4 ====================== */
#header4{ background:url(images/header-bg.jpg) top no-repeat;}
#header4 .logo{ padding:18px 0 0 103px;}
#header4 .menu{ width:100%; overflow:hidden; }
#header4 .menu ul{ padding:16px 0 0 104px;}
#header4 .menu li{ float:left; padding-right:32px; font-size:0.923em; line-height:1.5em;}
#header4 .menu a{ text-transform:uppercase; text-decoration:none; color:#ede5d2; font-weight:bold;}
#header4 .menu a:hover{ color:#ffcf10;}
#header4 .unline{ background:url(images/unline.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:7px;}

