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

body{
	margin:0;
	padding:0;
	background:#f0d8aa;
	font-family:Arial, Helvetica, sans-serif;
}
a{
	text-decoration:none;
	outline:none;
}







#container{
	width:940px;
	margin:0 auto;
	background:url(../images/bg-content.jpg) 0 0 repeat-x #f7f2d8;
}
#header{
	height:89px;
	padding:5px 0 0 30px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat #821024;
}
#header .phone{
	width:218px;
	height:31px;
	margin:43px 30px 0 0;
	background:url(../images/phonr.gif) 0 0 no-repeat;
	display:block;
	float:right;
	text-indent:-20000px;
}
#header h1{
	margin:0;
	padding:0;
	float:left;
}
#header h1 a{
	width:68px;
	height:80px;
	background: url(../images/the-vira-logo.gif) 0 0 no-repeat;
	display:block;
	margin:0;
	padding:0;
	text-indent:-20000px;
}
#banner{
	padding:19px 30px;
	background:url(../images/bg-banner.jpg) 0 0 no-repeat;
}
#banner img{
	border:8px solid #FFF;
	width:864px;
	height:210px;
}
#main_nav{
	height:40px;
	font-size:12px;
	text-transform:uppercase;
	border:1px solid #000;
	border-width:1px 0;
	margin:0 0 10px 0;
	padding:0;
	background:#520413;
}
#main_nav ul{
	margin:0;
	padding:0;
	list-style:none;
}

#main_content{
	float:left;
	width:584px;
	padding:0 0 10px 20px;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}
#main_content h2{
	font-size:28px;
	margin:0 0 24px 0;
	font-weight:normal;
}
#main_content h3{
	font-size:20px;
	margin:10 0 16px 0;
	font-weight:normal;
}
#main_content h4{
	font-size:13px;
	margin:10 0 16px 0;
}
#main_content ul{
	margin:0 0 10px 30px;
	padding:0;
}
#main_content a{
	color:#918544;
}
#main_content a:hover{
	color:#000;
}


#main_content .mini_gallery{
	margin:0 0 20px 0;
}
#main_content .mini_gallery ul{
	margin:0;
	padding:0;
	list-style:none;
}
#main_content .mini_gallery ul li{
	float:left;
	margin:0 17px 14px 0;
	padding:0;
}
#main_content .mini_gallery ul li img{
	border:none
}
#main_content .mini_gallery ul li .crop{
	border:1px solid #394854;
	width:67px;
	height:67px;
	overflow:hidden;
}
#main_content .mini_gallery ul li .crop:hover{
	border:1px solid #FFF;
	width:67px;
	height:67px;
	overflow:hidden;
}


/* form elements */
#main_content form {
	border: 1px solid #eae4c5;
	background:url(../images/bg-main-form.jpg) 0 0 repeat-x #f9f6e4;
	padding: 15px;
}
#main_content label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
#main_content input {
	padding:2px;
	border:1px solid #d4d4d4;
	color:#777;
}
#main_content textarea {
	width:400px;
	padding:2px;
	border:1px solid #d4d4d4;
	height:100px;
	display:block;
	color:#777;
}
#main_content input.button { 
	margin: 0; 
	font: bold 12px Arial, Sans-serif; 
	border: 1px solid #867e54; 
	padding: 2px 3px; 
	background: #867e54;
	color: #FFF;
}







#side_content{
	width:270px;
	float:right;
	font-size:12px;
	padding:0 20px 10px 0;
}

#side_content form{
	background:url(../images/bg-side-form.jpg) 0 0 repeat-x #f9f5e3;
	margin:0;
	padding:14px;
	border:1px solid #e4debc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#side_content form a{
	color:#918544;
}
#side_content form a:hover{
	color:#000;
}
* html #side_content form input.textbox{
	padding:2px;
}
#side_content form input.textbox{
	border:1px solid #d3cdad;
	margin:0 2px 2px 0;
}
#side_content form select{
	border:1px solid #d3cdad;
	margin:0 2px 2px 0;
}
#side_content input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #a09458; 
	padding: 2px 3px; 
	background: url(../images/bg-button.jpg) 0 0 repeat-x #ded7b4;
	color: #FFF;
}

#side_content .shadow{
	background:url(../images/side-bar-shadow.jpg) 0 0 no-repeat;
	width:270px;
	height:13px;
	margin:0 0 10px 0;
}



#bottom_container{
	width:940px;
	background:url(../images/bg-bottom-container.jpg) 0 0 repeat-x #9e9566;
	font-size:12px;
	margin:0 auto;
}
#bottom_content{
	margin:0 auto;
	padding:10px 10px 5px 10px;
	width:880px;
	background:url(../images/bg-bottom-content.jpg) 50% 0 no-repeat;
	text-align:justify;
	color:#e6dfbb;
	line-height:18px;
}
#bottom_content p{
	margin:4px 0 10px 0;
}
#bottom_content h3{
	color:#FFF;
	font-size:24px;
	margin:0 0 16px 0;
	font-weight:normal;
}
#bottom_content a{
	color:#FFF;
}
#bottom_content a:hover{
	color:#000;
}
.about_bali{
	width:270px;
	float:left;
}
.about_bali img{
	border:5px solid #e8af81;
	margin:0 0 4px 0;
}
.about_bali a:hover img{
	border:5px solid #FFF;
	margin:0 0 10px 0;
}
.testimonial{
	width:270px;
	margin:0 auto;
}
.testimonial .testi_list{
	background:url(../images/testi-line.jpg) left bottom repeat-x;
	padding:0 0 12px 0;
	margin:0 0 9px 0;
	float:left;
	width:270px;
}
.testimonial .testi_list img{
	float:left;
	border:3px solid #e8af81;
	margin:0 12px 0 0;
}
.testimonial .testi_list a:hover img{
	float:left;
	border:3px solid #FFF;
	margin:0 12px 0 0;
}
.photo_gallery{
	width:270px;
	float:right;
}
.photo_gallery .gallery{
	margin:0 0 6px 0;
	padding:0;
	float:left;
	list-style:none;
}
.photo_gallery .gallery li{
	float:left;
	margin:0 5px 5px 0;
}
.photo_gallery .gallery li .crop{
	width:60px;
	height:60px;
	overflow:hidden;
	border:1px solid #e8af81;
}
.photo_gallery .gallery li .crop:hover{
	border:1px solid #FFF;
}
#footer_container{
	background:#2e0009;
	width:880px;
	padding:0 30px;
	margin:0 auto;
}
#footer{
	margin:0 auto;
	width:880px;
	padding:10px 0;
	text-align:center;
	font-size:12px;
	color:#b61d3b;
	line-height:16px;
}
#footer a{
	color:#dc7489;
}
#footer a:hover{
	color:#FFF;
}






/* Ditto
------------------------------------------------------------------------------- */

.ditto_summaryPost .ditto_info {
    background-color: #F8F8F8;
    padding: 5px !important;
    font-size: 12px;
	margin:0 1px;
    color: black;
}
.ditto_link {
    font-size: 12px;
    text-align: right;
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 12px;
    color: #814f00;
}
#ditto_pages{
	padding:15px 0;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #30281b;
    padding: 3px 8px;  
    margin-right: 1px;
    background-color: #6b604c; 
    color: #fff;
	font-weight:bold;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ece9e4;
    padding: 3px 8px; 
    margin-right: 3px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #d4cbbd;
	background:#ece9e4;
    padding: 3px 8px; 
    margin-right: 0; 
    text-decoration: none !important; 
    color: #6b604c;
	font-weight:bold;
} 
#ditto_pages a:hover {
    background-color: #6b604c;
	border: 1px solid #30281b;
    color: #FFF;
}
#ditto_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#ditto_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#ditto_archivelist .ditto_month {
    font-weight: bold;
}









.align_left{
	float: left;
}
.align_right{
	float:right;
}
.half{
	width:47%;
}
.full{
	width:100%;
}
.line{
	border-top:1px solid #e8e0b9;
	margin:20px 0 0 0;
}
.imgleft{
	padding:6px;
	background:#FFF;
	border:1px solid #F0F0F0;
	float:left;
	margin:0 10px 6px 0;
}
.imgright{
	padding:6px;
	background:#FFF;
	border:1px solid #F0F0F0;
	float:right;
	margin:0 0 6px 10px;
}
.imgcenter{
	padding:6px;
	background:#FFF;
	border:1px solid #F0F0F0;
}
.clear{
	clear:both;
	margin:0;
	padding:0;
	line-height:1px;
}