/* ---------- CSS Document ---------- */
/* ----- Created For baliVIP.com ---- */
/* -------- By Andre Ramayadi ------- */

body {
background-color: #311f01;
text-align:center;
}

#container {
width:800px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
background-color:#c6a175
}

/*---- Left Side ------- */
#left {
width:200px;
padding:0px;
float:left;
background:#c6a175;
}

#left #menuTop{
	width:200px;
	clear:left;
	margin-bottom:20px
}
#menuTop #boxTop1{
	width:200px;
	border-bottom:1px solid #0c0600;
	margin-top:30px
}
#left #menuMid{
	width:200px;
	clear:left;
	margin-bottom:40px !important;
	margin-bottom:20px
	}

#left #linkTesti{
	width:190px;
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #0c0600;
	border-top:1px solid #0c0600
}
#linkTesti h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #472000;
	line-height: 11pt;
	margin: 0px 0px 0px 0px !important;
	margin: 5px 0px 0px 0px;
	letter-spacing: -2px;
	font-weight:lighter
}
#left #Testi{
	width:190px;
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #0c0600;
	/*background-color: #d2c6b7;*/
	font:10px "Verdana", Arial, Helvetica, sans-serif;
	color: #170c00
}
#Testi a {
	text-decoration: underline;
	color:#f0dfcb
	}
#Testi a:hover {
	text-decoration:none;
	color: #f5e7d5
	}
#wedding {
	background-image: url(../images/baliVIP_wedding_bt2.gif); 
	padding: 0px; 
	width: 200px; 
	height: 31px;
	border-bottom:1px solid #0c0600;
	}
#event {
	background-image: url(../images/baliVIP_event_bt2.gif); 
	padding: 0px; 
	width: 200px; 
	height: 31px;
	border-bottom:1px solid #0c0600;
	}
/*---- Right Side ------ */

#content {
width:599px;
float: left;
padding:0px;
border-left:1px solid #0c0600
}

#content #header{
	width:277px;
	padding-left:250px;
	float: left;
}
#header img{
	border:0
	}

#header a{
	width:251px;
	float:left;
	text-decoration: none;
	border-bottom:5px solid #603d03;
	border-right:5px solid #603d03;
	border-left:5px solid #603d03;
	}
#header a:hover{
	width:251px;
	float:left;
	text-decoration: none;
	border-bottom:5px solid #615749;
	border-right:5px solid #615749;
	border-left:5px solid #615749;
	}
#content #banner{
	width:599px;
	clear:left
	}
#banner img{
	border-top:2px solid #0c0600;
	border-bottom:2px solid #0c0600;
	margin-top:10px
	}
#content #breadcumb{
	width:599px;
	text-align:center;
	clear:left
	}
#breadcumb h2 {
	width: auto;
	font: 11px Georgia, "Times New Roman", serif; 
	color: #472000;
	line-height: 11pt;
	padding: 5px 0 5px 0;
	margin: 3px 0 0 0;
	letter-spacing: 1px;
	text-align: center
	}

#breadcumb h2 a {
	color: #472000;
	text-decoration: none;
	}
#breadcumb h2 a:hover {
	color: #472000;
	text-decoration: none;
	border-bottom:1px solid #472000;
	background-color: #e8cebb;
	}
	
#content #main{
	width: 581px;
	margin-left:15px;
	margin-bottom:10px;
	border-bottom:1px solid #0c0600;
	border-top:1px solid #0c0600;
	border-left:1px solid #0c0600;
	padding-top:2px;
	padding-left:2px;
	padding-bottom:2px;
	}
#main #maintext{
	width:571px;
	background-color:#f8f8f8;
	padding:5px 5px 5px 5px;
	font: 11px/12pt "Verdana", Arial, Helvetica, sans-serif; 
	color:#170c00;
	}
#maintext p{
	margin-bottom:2px;
	margin-top:8px;
}
#maintext #addr {
	width:auto;
	padding:5px 5px 5px 5px;
	background-color:#fbf8f1;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	margin-top:8px
}
#maintext #kontak {
	width:auto;
	padding:5px 5px 5px 5px;
	font: 11px/12pt Georgia, "Times New Roman", Times, serif;
	color:#170c00;
	margin-top:8px !important;
	margin-top:0
}
#kontak p {
	margin:2px 0 2px 0
	}
#main #pushDown{
	width:571px;
	background-color:#f8f8f8;
	padding:5px 5px 5px 5px;
	font: 11px/12pt "Verdana", Arial, Helvetica, sans-serif; 
	color:#170c00;
	padding-bottom:80px;

	}
#pushDown p{
	margin-top:8px
}
#pushDown h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #170c00;
	line-height: 11pt;
	margin: 5px 0px 0px 0px !important;
	margin: 10px 0px 0px 0px;
	letter-spacing: -2px;
	font-weight:lighter
}
	
#maintext h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #170c00;
	line-height: 11pt;
	margin: 5px 0px 0px 0px !important;
	margin: 10px 0px 0px 0px;
	letter-spacing: -2px;
	font-weight:lighter
}
#maintext ul .list1 {
	margin:0 0 0 15px;
	list-style-type:circle;
	float:none
	}
#maintext li .list1 {
	list-style-type: circle;
	margin:0 0 0 5px;
	float:none
	}

#maintext ul .list2 {
	margin:0;
	list-style-type: none;
	float:none
	}
#maintext li .list2 {
	list-style-type: none;
	margin:0;
	float:none
	}
#maintext a {
	color: #311f01;
	text-decoration:none;
	border-bottom:1px dotted #311f01
	}
#maintext a:hover {
	color: #311f01;
	text-decoration:none;
	background-color:#fcebd7;
	border-bottom:1px solid #311f01
	}
/*----------------- Footer ---------------------- */
#foot{
	width:800px;
	margin-right:auto;
	margin-left:auto;
	padding: 5px 5px 5px 5px;
	text-align: center;
	color: #a57d4c;
	font:10px "Verdana", Arial, Helvetica, sans-serif
}
#foot p {
	margin:0;
	padding:0
	}
#foot a {
	color:#cda97d;
	text-decoration:none
	}
#foot a:hover {
	color:#a57d4c
	}
	
/*------------------ Class ---------------------- */
.italicW{ 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
.rolloverW { display: block; } 
.rolloverW img { width: 200px; height: 31px; border: 0; } 
.rolloverW:hover { visibility: visible; /* for IE */ } 
.rolloverW:hover img { visibility: hidden; } 

.rolloverE { display: block; } 
.rolloverE img { width: 200px; height: 31px; border: 0; } 
.rolloverE:hover { visibility: visible; /* for IE */ } 
.rolloverE:hover img { visibility: hidden; } 

.spesific{
	font:12px/14pt Georgia, "Times New Roman", Times, serif;
	width:400px;
	height:106px !important;
	height:100px;
	padding:2px 0 2px 2px;
	background-color:#eeeeee
	}
.imgLeft{
	float:left}
.googleAds{
	float:right; 
	border:1px solid #acacac;
	background-color:#eeeeee;
	margin-right:15px;
	width:auto
	}
.cssform label{
float: left;
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border:1px solid #cecece
}
.cssform input{
border:1px solid #cecece
}

.cssform textarea{
width: 250px;
height: 150px;
border:1px solid #cecece
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}