@charset "utf-8";
/* CSS Document 
*
*
* These styles for the "shell" or layout of the page. If you need to add a style for individual pages, please use interior.css. 
* Alternating this code MAY mess up the layout of the page!
*
*
*/
.clear {clear:both;}
img { border:0; }
a { text-decoration:none; color:#3c4a08; }
a:hover {text-decoration:underline; }
a:focus {outline: none;}
.nobg {background:none;}
.noborder {border:none;}
.white {color:white;}
.left_align {text-align:left;}
.center {margin:0 auto;}
.float_left {float:left;}
.float_right {float:right;}
.img_border { border: 1px solid #dbdbdb; padding:1px;}
.bold {font-weight:bold;}
input {border:0; background:0;}
textarea {border:0;background:0;}
/* All Pages */

body {
	padding:0;
	margin:0;
	
	color:#8c6c36;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	background:#f8f8f3 url(../images/bg_sub.jpg) top center no-repeat;
}
body#bg_sub {
	background:#f8f8f3 url(../images/bg_sub.jpg) top center no-repeat;
}
#logo {
	width:270px;
	height:107px;
	float:left;
}
.butterfly {
	background:url(../images/butterfly.png) no-repeat;
	height:24px;
	width:25px;
	float:left;
}

/* Cufon Styles */

h1 {
	margin:0;
}
h2 {
	margin:0;
	padding:0;
}

/* Cufon Styles End */

/* Links */

/* Links End */
/* Header Section */

#master_container { 
	margin:0 auto;
	width:1209px;
}
#header #mast {
	width:977px;
	height:166px;
	background:url(../images/header.png) no-repeat;
	position:relative;
	margin:0 auto;
	z-index:101;
}
#header #mast #weather {
	height:123px;
	float:right;
	color:white;
	padding: 0 10px;
	text-align:center;
}

#header #mast #weather > div {
	padding:3px 0 0 0;
	margin: 0 0 -2px 0;
}
#header #mast #weather > img {
	margin: 0 0 -7px 0;
}

#header div.wrap {
	width:1200px;
	margin:0 auto;
}

#fade {
	position:relative;
    margin-top: -166px;
	overflow:visible!important;
	height:786px;
}

#slide1{
	position: relative;
	top:0px;
	height:786px;
	display:block;
	overflow:visible;
	}
#fade div{
	}

.fade-controls{
	background:url(../images/controlBg.png) no-repeat  bottom;
	width:303px;
	height:33px;
	margin:0 auto;
	padding:10px 31px 0;
	}
.fade-controls ul{
	width:auto;
	height:auto;
	text-align: center;
	} 	

.fade-controls ul li{
	float:left;
	list-style:none;
	display: inline-block;
	} 	
.fade-controls ul li a.pager-active{
	background: url(../images/controlsOn.png)  no-repeat;
	}
.fade-controls ul li a{
	background: url(../images/controlsOff.png)  no-repeat;
	display:block;
	width:17px;
	height:17px;
	margin:0 13px;	
	float:left;
	text-indent:-9999px;
	}	


/* Header Section End */

/* All Navigation */
#header #mast #navi {
	margin-left:310px;
	text-transform:uppercase;
	font-size:.9em;
	color:#fff;
}
#navi #currentpage {
	color:#24568b;
	background:url(../images/navi_hover.png) center center no-repeat;
}
#navi #currentpage2 {
	color:#24568b;
	background:url(../images/navi_hover-b.gif) center center no-repeat;
}
/* All Navigation End */

/* Footer Begin */

.footer_container {
	width:970px;
	margin:0px auto 0 122px;
	color:#3d73a3;
	background:#f1f1f1;
	position:relative;
	z-index:100;
}
.footer_container #bar {
	background:#8eacc7;
	height:28px;
	color:#fff;
	text-align:center;
	padding:2px 0;
}
.footer_container #bot {
	background:url(../images/bg_footer.jpg) no-repeat;
	height:95px;
}
.footer_container #dog_blue {
	background:url(../images/dog_blue.jpg) no-repeat;
	width:149px;
	height:71px;
	float:left;
}
.footer_container #dog_sinjin {
	background:url(../images/dog_sinjin.jpg) no-repeat;
	width:128px;
	height:71px;
	float:right;
}
.bottom_navi ul {
	list-style:none;
	padding:15px 0;
	text-align:center;
	float:left;
	margin-left:57px;
}
.bottom_navi ul li {
	display:inline;
	padding:10px;
}
.bottom_navi a{
	color:#3d73a3;
	font-size:.8em;
	text-transform:uppercase;
	text-align:center;
}
div#appeal_container {
	width:950px;
	margin:0 auto;
	padding-top:50px;	
	color:#bbcddd;
}
div#copyright {
	float:left;
	color:#bbcddd;
	padding-top:5px;
}
div#appeal
{
float:right;
padding-top:5px;
margin:0;
width:160px;

font-weight:bold;
}

div#appeal img {
	background:url(../images/butterfly.png) no-repeat;
}

div#appeal p
{
padding:6px 0px 0px 0px;
margin:0;
color:#bbcddd;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
}

div#appeal a
{
color:#fff;
text-decoration:none;
}

div#appeal a:hover
{
color:#fff;
text-decoration:underline;
}




/* Footer End */

#home #content {
	width:970px;
	margin:0 auto;
	position:relative;
	z-index:100;
	margin-top:-232px;
}
#content #bar {
	background:url(../images/content_top.png) no-repeat;
	height:43px;
	position:relative;
	
}
#content #area {
	background-color:#fff;
	padding-bottom:50px;
}
#content #title {
	color:#437ba9;
	font-size:2.7em;
	text-align:center;
	padding:10px 0;
}


/* All Pages End */

/* Homepage Styles Begin */

/* Content */

#home-cont .box {
	width:201px;
	float:left;
	margin:0 60px;
	text-align:justify;
}
#home-cont .box .subtitle {
	font-size:1.6em;
	text-align:center;
	padding:10px 0;
}
#home-cont .box .subtitle a {
	color:#8c6c36;
}
#home-cont .box .txt {
	color:#d3942b;
	font-size:.9em;
}
#home-cont .padd {
	padding-top:25px
}

#nightstay div {
	padding: 40px;
	clear: both;
	margin: 50px;
}

#redtext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F00;
}



/* test */


#maintransport { 
    width: 440px;
	height: 55px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0px;
	float:right
}
#transport1    {
    width: 230px;
    height: 55px;
    float: right;
}

#transport2  {
    width: 200px;
    height: 55px;
}

/* test end */




/* Content End */

/* Homepage Styles End */