/* 
>>Stylesheet for Saun-Tour web site.
>>Created by Paul Z. 2010 
*/
* {
   padding:0;
   margin:0;
}
a, a:hover, a:visited {
    text-decoration:none
}
h1 {
    color:#3e3e3e;
    font-family:Myriad Pro,Tahoma;
    font-size:28px;
    font-weight: normal;
    padding-top:12px;
    padding-left:10px;
}

h2 {
	color:#f7faff;
	font-size:28px;
	font-family:Myriad pro, Tahoma;
	font-weight:normal;
	
}
.formbg {
    background-color:#687c96;
}	
h3 {
	color:#eceff4;
	font-size:14px;
	font-family:Tahoma;
	font-weight:normal;
}
body {
    background: url(../img/bg-summer.jpg) repeat fixed ;
    margin:0 0;
    font-family:Tahoma;
}
ul {

	margin:0 0;
	list-style: none;

}
li {
	list-style:none;
	
}
.formerror {
    font-size:8px;
    color:#ff7800;
    padding:0px 0px !important;
    height:4px;
    font-weight:bold;
}
.alignLeft {
	float:left;
	clear:none;
}
.alignRight {
	float:right;
	clear:none;
}
.clear {
	clear:both;

}
.aligncenter {
    margin:0 auto;
}
#info {
    display:none;
    background:#b9c9de url(../img/infologo.png) no-repeat;
    -moz-border-radius:5px;
    -moz-box-shadow:2px 2px 4px #b9c9de;
    -webkit-border-radius:5px;
    -webkit-box-shadow:2px 2px 4px #b9c9de;
    -khtml-border-radius:5px;
    -khtml-box-shadow:2px 2px 4px #b9c9de;
    -o-border-radius:5px;
    -o-box-shadow:2px 2px 4px #b9c9de;
    border:1px solid #e0edff;
    position:fixed;
    height:90px;
    width:400px;
    top:160px;
    left:34.5%;
    z-index:1000;
}
#info h3 {
    padding:15px 0 0 105px;
    color:#000;
    font-weight: bold;
}
img {border:0}

.img {
    border:1px solid #e3eff8;
    margin:0 0;
}
.img:hover {
     -moz-box-shadow:0px 0px 7px #fff;
     -webkit-box-shadow:0px 0px 7px #fff;
     -khtml-box-shadow:0px 0px 7px #fff;
     -o-box-shadow:0px 0px 7px #fff;
     -webkit-transition: all 0.12s ease-out;
     -moz-transition: all 0.12s ease-out;
     -o-transition: all 0.12s ease-out;
}
#light {
    background:transparent repeat-y;
    margin:0 auto;
    width:857px;
}
/* Header START */

#header_bg {
	background:#687586 url(../img/header_bg.png) repeat-x;
	height:171px;
	margin:0 0;
}
#layout {
	margin:0 auto;
	width:857px;
	
}
#logo {
	background:#687586 url(../img/logo.png) no-repeat;
 	width:192px;
 	height:171px;
 	float:left;
 	

}
#h_pic {
 	width:665px;
 	height:171px;
    float:right;

}

/* Button Section START */

#men_bg {
	 background:#687586 url(../img/button_field.png) repeat-x;
	 height:33px;	 
}
#menu {
	width:857px;
	margin:0 auto;
	padding:6px 0;

}

ul.menu {
	margin:0 0;
	float:left;


}
ul.menu li, ul.lang li {
	display:inline;
	float:left;
	margin-top:-5px;
	border-left:1px solid #3a4351;
	padding:5px 0 5px 0;
    text-transform: uppercase;
	
}


ul.menu a, ul.lang a{
	color:#f0f6ff;
	text-shadow:0 0 5px #687688;
	font-size:15px;
	font-family:Verdana;
	text-decoration:none;
	padding:7px 15px 8px 15px;

}
ul.menu li:first-child, ul.lang li:first-child {
	border-left:none
}
ul.menu a:hover{
	background: transparent url(../img/mhb.png) repeat-x;
	height:33px;
	color:#f0f6ff;
	text-shadow:0 0 5px #687688;
	font-size:15px;
	font-family:Verdana;
	text-decoration:none;
	padding:7px 15px 8px 15px;

}

ul.menu a.current{
	background: transparent url(../img/chb.png) repeat-x;
	height:33px;
	color:#f0f6ff;
	font-size:15px;
	font-family:Verdana;
	text-decoration:none;
	padding:7px 15px 8px 15px;

}

ul.lang {
	margin:-1px 0 0 0;
	float:right;
}
ul.lang li {
	display:inline;
	float:left;
	margin-top:0px;
	border-left:none;
	padding:0 0 0 8px;
	
}
ul.lang a {
	text-decoration:none;
	padding:0;   
}
ul.lang a:active{
    position:relative;
    top:3px;
    -webkit-transition: all 0.10s ease-out;
    -moz-transition: all 0.10s ease-out;
    -o-transition: all 0.10s ease-out;   
}

/* Banner START */

#ban_l {
	background:transparent url(../img/ban_l.png) no-repeat;
	width:20px;
 	height:291px;
    float:left;
}

#ban_c {
	background:transparent url(../img/ban_c.png) repeat-x;
 	height:291px;
	margin:0 0 0 20px;
}
#pos_l {
    margin:21px 0 0 -9px;
	background:transparent url(../img/slide_l.png) no-repeat right;
	width:235px;
	height:248px;

}
#pos_r {
    margin:21px 0 0 0;
	background:transparent url(../img/slide_r.png) no-repeat left;
	width:236px;
	height:248px;

}

#slideshow {

	margin:21px 0 0 0;
	width:374px;
	height:248px;
	
}



ul.slog_l {

	padding:35px 20px 0 20px;
}

ul.slog_l li {

	list-style: none;
	padding:20px 0 ;


}


ul.slog_l span{
	display:block;
	font-size: 16px;
	color: #fafcff;
	font-weight: bold;
	font-family:Verdana;
	text-align:center;
	text-shadow:0 0 5px #687688;
	padding:5px 10px;
	-khtml-border-radius:0 10px 0 20px;
	-webkit-border-radius:0 10px 0 20px;
	-moz-border-radius:0 10px 0 20px;
    -o-border-radius:0 10px 0 20px;
	-khtml-box-shadow:#4e8fe3 -1px 2px 5px;
	-webkit-box-shadow:#4e8fe3 -1px 2px 5px;
	-moz-box-shadow:#4e8fe3 -1px 2px 5px;
}

ul.slog_r {

	padding:35px 20px 0 20px;
}

ul.slog_r li {

	list-style: none;
	padding:20px 0;


}


ul.slog_r span{
	display:block;
	font-size: 16px;
	color: #fafcff;
	font-weight: bold;
	font-family:Verdana;
	text-align:center;
	text-shadow:0 0 5px #687688;
	padding:5px 10px;
	-khtml-border-radius:10px 0 20px 0;
	-webkit-border-radius:10px 0 20px 0;
	-moz-border-radius:10px 0 20px 0;
	-khtml-box-shadow:#4e8fe3 -1px 2px 5px;
	-webkit-box-shadow:#4e8fe3 -1px 2px 5px;
	-moz-box-shadow:#4e8fe3 -1px 2px 5px;
}
.side_r {
    background: transparent url(../img/side_r.png) no-repeat;
    width:4px;
    height:253px;
    float:right;
    margin-top:20px;
    margin-right:-4px;
}

/* Content START*/
#slog {
    background:transparent url(../img/slogline.png) repeat-x;
    border:1px solid #82868b;
    border-left:4px solid #3d84e7;
    width:908px;
    height:55px;
    margin-left:-27px;
}
#slogshade {
    background:transparent url(../img/slogshade.png)repeat-x;
    height:30px;
    width:857px;
    z-index:9999;
}

a.fb {
    background-color: #5d667b;
    color:#fff;
    padding:2px;
    font-weight:bold;
    margin-left:-4px;
    -moz-border-radius:0 2px 2px 0;
}
span.fb:active {
    position:relative;
    top:3px;
}
#content {
	margin:12px auto;
	width:857px;
	
}
#field {
	background:transparent url(../img/bg.png) repeat-y;
	width:857px;
	margin:0 auto;
    padding:0 0;
}

#field h3 {
    padding:0 20px 0 20px;
    text-align: justify;
    font-size:16px;

}
#field h3.simple {
    background-color: #1f2429;
}
#field h3.norm {
    background-color: #687c96;
}
#field h3.cntcs {
    padding:2px 0 5px 3px;
    text-align:left;
}
#post {
    position:relative;
    border:1px solid #7c91a2;
    background: rgb(47, 82, 109);
    background: rgba(47, 82, 109, 0.8);
    padding:20px 0;
    width:877px;
    margin-left: -10px;
}
#title {
    background-color:#1f252d;
    border:1px solid #485464;
    border-top:1px solid #646b74;
    margin-left:-5px;
    padding:10px 5px;
}
#title h2 {
    font-size:24px;
    width:795px;
}
#prod  {
    background-color: rgb(254, 254, 255);
    background: rgba(254, 254, 255, 0.8);
    padding:20px 0;
    width:857px;
}

#prodname {
    border:1px solid #999;
    background:#1f252d;
    padding:10px;
    margin:-21px -10px 0 -10px;
    -moz-box-shadow:-2px 2px 8px #222;
    -webkit-box-shadow:-2px 2px 8px #222;
    -khtml-box-shadow:-2px 2px 8px #222;
    -o-box-shadow:-2px 2px 8px #222;


}
#prodname h2 {font-size:32px;}
#proddet {
    position:absolute;
    border:1px solid #dedede;
    background: rgb(47, 82, 109);
    background: rgba(47, 82, 109, 0.8);
    padding:5px;
    margin:10px 0 0 -15px;
    width:375px;
    -moz-box-shadow:2px 2px 8px #444;
    -webkit-box-shadow:2px 2px 8px #444;
    -khtml-box-shadow:2px 2px 8px #444;
    -o-box-shadow:2px 2px 8px #444;
}
#proddet h3 {
    font-weight:bold;
}
#prodimage {
    width:400px;
    height:260px;
    margin-top:10px;
    margin-right:45px;
    position:relative;
}
#prodimage a{
    display:block;
    width:400px;
    height:260px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -0-border-radius:5px;
    -moz-box-shadow:0 2px 8px #222;
    -webkit-box-shadow:0 2px 8px #222;
    -khtml-box-shadow:0 2px 8px #222;
    -o-box-shadow:0 2px 8px #222;
    position:absolute;
    cursor: default;

}
#prodimage a:hover {
    z-index:1;
}
#one {background:url(../img/tnd3.jpg);}
#two {background:url(../img/tnd2.jpg);}
#thre {background:url(../img/tnd.jpg);}
#t_one {background:url(../img/trio3.jpg);}
#t_two {background:url(../img/trio2.jpg);}
#t_thre {background:url(../img/trio.jpg);}

#prodimage span {
    position:absolute;
    border:1px solid #edf5ff;
}
#prodimage span:hover {
    -moz-box-shadow:0px 0px 7px #fff;
    -webkit-box-shadow:0px 0px 7px #fff;
    -khtml-box-shadow:0px 0px 7px #fff;
    -o-box-shadow:0px 0px 7px #fff;
    -webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    -o-transition: all 0.12s ease-out;
    background-color:#fefefe;
}

span.one {background-color:#2d3642;width:20px;height:20px;top:-49px;}
span.two {background-color:#1f374a;width:30px;height:30px;top:-55px;left:21px;}
span.thre {background-color:#20262f;width:15px;height:15px;top:-46px;left:52px;}

#diskr {
    float:left;
    margin-top:-140px;
}
#diskr h3 {
    color:#333;
}
#smtn {
    background:transparent;
    width:465px;
    height:135px;
}
.ttl {
    background:transparent url(../img/h_bg.png) repeat-x;
}
.bg {
    width:847px;
    background-color: #313841;
    border-right:#7f9baf solid 1px;
    border-bottom:#7f9baf solid 1px;
    border-top:#7f9baf solid 1px;
}
.bg_r {
    width:847px;
    background-color: #313841;
    border-left:#7f9baf solid 1px;
    border-bottom:#7f9baf solid 1px;
    border-top:#7f9baf solid 1px;
    margin-left:9px;
}
.shade_l {
    background:transparent url(../img/shad.png) repeat-x;
    width:844px;
    height:9px;
}
.shade_r {
    background:transparent url(../img/shad.png) repeat-x;
    width:844px;
    height:9px;
    margin-left:13px;
}
#top {
    background: transparent url(../img/top.png) no-repeat;
    width:857px;
    height:11px;
}
#cnts {
    width:847px;
    margin:10px 0;
} 
#cnts ul {
    display:block;
}
#cnts ul.frm {
    background-color:#687c96;
    height:188px;
    float:left;
}
#cnts ul li {
    padding:4px 10px 0 0;
}
#cnts ul li.em {
    padding:70px 0;
}
#cnts ul li.ms {
    padding:43px 0 43px 0;
}
input, textarea {
    border:#546478 solid 2px;
}
input.fdb {
    border:none; 
    background-color:transparent;
    width:100%;
    cursor:pointer;
    color:#eceff4;
}
input:hover, textarea:hover, {
    background-color:#f0f4f8;
}
input:focus, textarea:focus {
    background-color:#e7eef7;
}
textarea {
    height:100px;
}
button {
    background-color:transparent;
    cursor: pointer;
    color:#fff;
    font-family:Tahoma;
    width:100%;
    border:none;
}
button:hover, input.fdb:hover {
    background-color:#7c93b1;
}


/* Footer START */
#footershade {background:transparent url(../img/footershade.png)repeat-x;width:857px;height:24px;}

#footer {
	background-color:#6a788b;
    border-bottom:10px solid #313841;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    -khtml-border-radius:0 0 5px 5px;
    -o-border-radius:0 0 5px 5px;
	width:857px;
    background-repeat:repeat-y;
}
#footer h3{
    color:#313841;
    font-size:14px;
    padding:0 10px 0 10px;
}
#footer a {
    color:#fff;
}
#footer a:hover {
    color:#3e3e3e;
}
#footer ul li{
    display:inline;
    float:left;
    border-left:1px solid #82868b;
    padding:10px 30px 10px 30px;
}
#footer ul li:last-child{
        border-left:none;
}
#footer span {position:absolute;padding:2px 5px 0px 5px;}