* {margin:0;padding:0; border: 0px none;}
ul, ol, li, li.disc {list-style-type: none;}

body {
font: 62.5% "Arial", Helvetica, san-serif;
margin: 0 auto;
color: #00223f;
background: #ffffff url(../images/bg_body.jpg) repeat-x top left fixed;

}
#wrapper {
margin: 0 auto;
width: 800px;
text-align: left;
background: #ffffff;
}
#shadowbox {
margin: 0 auto;
width: 839px;
text-align: center;
background: #ffffff url(../images/bg_shadow.jpg) repeat-y top left;
height: 100%;
}
h1 {
width: 800px;
font: normal 3em/1em "Arial", Helvetica, san-serif;
color: #fff;
height: 90px;
}
#topheader {
padding: 0px 0 0px 0px;

}
#flashbox
{
	padding: 0px 0px 0px 0px;
	margin: -3px 0 0 0;
	width: 800px;
	height:221px;
}
#topbanner
{
	padding: 0px 0px 0px 0px;
	margin: -3px 0 0 0;
	width: 800px;
	height:221px;
}

#bottompics
{
	margin:0 0 0 10px;
}

#pagebanner {
text-align:center;
font: normal 1.5em/1.2em "Copperplate Gothic Light", Arial, Verdana, san-serif;
background-color: #cdced6;
padding: 0px 0 0 0px;
width: 800px;
height: 20px; 
}

#pagedescription {
width: 800px;
height: 15px;
font: 1.0em/1.2em "Arial", Verdana, san-serif; 
text-align:center;
vertical-align: middle; 
color: #dddddd; 
padding: 0px 0 0px 0;
background-color: #f1f0f0;
margin: 0px 0 0 0px;
visibility: hidden;
}
/* main navigation menu
--------------------------------*/
#menu-bar {
width: 800px;
height: 29px;
float: left;
font: bold 1.2em/1em "Verdana", Tahoma, san-serif; 
color: #fff;
margin: -15px 0 8px 0px;
border-top: solid 1px #cccdcd;
border-bottom: solid 1px #e8e8e8;
}
ul#menu, ul#menu li { float: left; }
ul#menu li a {display:block; height: 29px; }
ul#menu li.menuone a {background:url(../images/menu.jpg) 0 0; width: 66px;}
ul#menu li.menuone a:hover {background:url(../images/menu.jpg) 0 -58px; }
ul#menu li.menuone a.active {background:url(../images/menu.jpg) 0 -29px; }
ul#menu li.menutwo a {background:url(../images/menu.jpg) -66px 0; width: 168px; }
ul#menu li.menutwo a:hover {background:url(../images/menu.jpg) -66px -58px; }
ul#menu li.menutwo a.active {background:url(../images/menu.jpg) -66px -29px; }
ul#menu li.menuthree a {background:url(../images/menu.jpg) -234px 0; width: 141px; }
ul#menu li.menuthree a:hover {background:url(../images/menu.jpg) -234px -58px; }
ul#menu li.menuthree a.active {background:url(../images/menu.jpg) -234px -29px; }
ul#menu li.menufour a {background:url(../images/menu.jpg) -375px 0; width: 111px; }
ul#menu li.menufour a:hover {background:url(../images/menu.jpg) -375px -58px; }
ul#menu li.menufour a.active {background:url(../images/menu.jpg) -375px -29px; }
ul#menu li.menufive a {background:url(../images/menu.jpg) -486px 0; width: 143px; }
ul#menu li.menufive a:hover {background:url(../images/menu.jpg) -486px -58px; }
ul#menu li.menufive a.active {background:url(../images/menu.jpg) -486px -29px; }
ul#menu li.menusix a {background:url(../images/menu.jpg) -629px 0; width: 74px; }
ul#menu li.menusix a:hover {background:url(../images/menu.jpg) -629px -58px; }
ul#menu li.menusix a.active {background:url(../images/menu.jpg) -629px -29px; }
ul#menu li.menuseven a {background:url(../images/menu.jpg) -703px 0; width: 97px; }
ul#menu li.menuseven a:hover {background:url(../images/menu.jpg) -703px -58px; }
ul#menu li.menuseven a.active {background:url(../images/menu.jpg) -703px -29px; }
ul#menu li a span {display:none;}

/* header
--------------------------------*/
#header {
width: 800px;
height: 130px;
margin-left :9px;
float: left;
}
body#home #headerindex {
width: 790px;
height: 300px;
background: #fff url(../images/banner-background.jpg) 1px 0px no-repeat;
margin: -10px 0px 0 10px;
float: left;
}
body#home #headerother {
width: 800px;
height: 155px;
background: #fff url(images/banner-background-other.jpg) 1px 0px no-repeat;
margin-left: 8px;
float: left;
}
#header h2 {
font: normal 2.2em/1.2em "Arial", Helvetica, san-serif;
color: #fff;
margin: 30px 15px;
}
#header p {
color: #fff;
font: normal 1.2em/1.4em "Arial", Helvetica, san-serif;
text-align: center;
padding: 6px 10px;
border: 1px solid #fff;
margin: 35px 35px 0 15px;
}


/* content
--------------------------------*/
#content {
width: 800px;
float: left;
}
body#home #content {
width: 800px;
float: left;
}
#content #pagetitle 
{ 
float: left; 
width: 500px; 
height: 69px;
background: #fff url(../images/pagetitlebanner.jpg) top left no-repeat;
margin: 5px 0 0 0;
padding-top: 20px;
text-align: justify;
}
#content #pagetitlegallery 
{ 
float: left; 
width: 500px; 
height: 69px;
background: #fff url(../images/around-the-world-photo-gallery.jpg) top left no-repeat;
margin: 5px 0 0 0;
padding-top: 20px;
text-align: justify;
}
#content #pagetitleteagarden 
{ 
float: left; 
width: 500px; 
height: 69px;
background: #fff url(../images/around-the-world-tea-garden.jpg) top left no-repeat;
margin: 5px 0 0 0;
padding-top: 20px;
text-align: justify;
}
#content #pagetitledresses 
{ 
float: left; 
width: 500px; 
height: 69px;
background: #fff url(../images/evening-design.jpg) top left no-repeat;
margin: 5px 0 0 0;
padding-top: 20px;
text-align: justify;
}
#content #pagetitleweddings 
{ 
float: right; 
width: 500px; 
height: 69px;
background: #fff url(../images/pagetitlebanner-weddings.jpg) top left no-repeat;
margin: 5px 0 0 0;
padding-top: 20px;
text-align: justify;
}
#content #pagetitlebali 
{ 
float: right; 
width: 500px; 
height: 69px;
background: #fff url(../images/indoneasian-furniture.jpg) top left no-repeat;
margin: 5px 0 0 0;
padding-top: 20px;
text-align: justify;
}
#content #pagetitlecontact 
{ 
float: right; 
width: 500px; 
height: 69px;
background: #fff url(../images/contact-us.jpg) top left no-repeat;
margin: 5px 0 0 0;
padding-top: 20px;
text-align: justify;
}
#content #left 
{ 
float: left; 
width: 500px; 
height: 200px;
list-style-type: disc;
background: #fff url(../images/left-text-bg.jpg) top left no-repeat;
margin: 5px 0 0 0;
text-align: justify;
}
#content #gallerybody 
{ 
float: left; 
width: 790px; 
height: 600px;
list-style-type: disc;
margin: 5px 0 0 0;
text-align: center;
}
#content #lefttextbottom 
{ 
float: left; 
width: 500px; 
height: 300px;
list-style-type: disc;
margin: 5px 0 0 0;
text-align: justify;
}
#content #righttexttop 
{ 
float: right; 
width: 500px; 
height: 200px;
list-style-type: disc;
background: #fff url(../images/left-text-bg.jpg) top left no-repeat;
margin: 5px 0 0 0;
text-align: justify;
}
#content #righttext 
{ 
float: right; 
width: 500px; 
height: 240px;
list-style-type: disc;
margin: 20px 0 0 0;
padding-top: 20px;
text-align: justify;

}
#content #right { float: right; width: 240px; height: 240px; }
#content #rightgallery { float: right; width: 240px; height: 68px; }
#content #leftpicstop { float: left; width: 240px; height: 240px; }
#content #leftpics { float: left; width: 240px; height: 240px; }
#content #rightpicsbottom { float: right; width: 240px; height: 240px; }

body#home #content #right  
{
width: 300px; 
margin: -89px 0 0 0px;
padding: 0px 0 0 0px;
height: 240px;
}
body#home #content #rightgallery  
{
width: 300px; 
margin: 5px 0 0 0px;
padding: 0px 0 0 0px;
height: 68px;
}
body#home #content #leftpicstop  
{
width: 300px; 
margin: 5px 0 0 0px;
padding: 0px 0 0 0px;
height: 240px;
}
body#home #content #leftpics  
{
float: left;
width: 300px; 
height: 240px;
margin: 20px 0 0 0px;
padding: 0px 0 0 0px;
}
body#home #content #rightpicsbottom  
{
float: left;
width: 300px; 
height: 240px;
margin: 10px 0 0 0px;
padding: 0px 0 0 0px;
}
li.disc
{
list-style-type: disc;
}
#divider
{
	width: 800px;
	text-align: center;
	height: 27px;
}
#divider2
{
	width: 800px;
	text-align: center;
	height: 27px;
}
body#home #content #right p.smallheader
{
	font: normal 1.5em/1.2em "Arial", Helvetica, san-serif;
	margin: 25px 0 10px 10px;
	color: #07ac46;
}
body#home #content #rightcontact p.smallheader
{
	font: normal 1em/1.5em "Arial", Helvetica, san-serif;
	color : #FD6D03;
	margin-bottom: 0px
}
body#home #content #right h3
{
	font: normal 1.6em/1.2em "Arial", Helvetica, san-serif;
	color: #042446;
}
body#home #content #right h4
{
	font: normal 1.4em/1.5em "Arial", Helvetica, san-serif;
	color : #042446;
	margin-bottom: 0px
}
body#home #content #right img.smallinfoblock
{
	/*background: #fff url(images/small-info-block.jpg) 0px 10px no-repeat;*/
	margin-left :25px;
}

body#home #content #left img.bottom 
{ 
	margin :30px 0 0 10px;  
/*background-color: #F8F7F6;*/
}
#content h3 { 
font: normal 2em/1.2em "Arial", Helvetica, san-serif;
margin: 0 0 20px 80px;
color: #555455;
}
#content h4 { 
font: normal 1.6em/1.2em "Arial", Helvetica, san-serif;
margin: 0 10px 2px;
padding: 0;
color: #1d5b9f;
}
#content h6  
{
font: normal 1.15em/1.2em "Arial", Helvetica, san-serif;
margin: 90px 11px 0px 11px;
padding: 0;
color: #444444;
}
#content p { 
font: normal 1.1em/1.6em "Arial", Helvetica, san-serif;
margin: 0px 10px 15px;
}

#content p span { color: #1d5b9f; }
#content img.banner 
{
	margin-left: 9px;
}
#content p img.small { 
float: right;
background: url(images/small-bg.gif) 0 0 no-repeat;
padding: 7px;
margin: 0 0 0 15px;
clear: right;
}

#content p img.bullet { 
float: left;
margin: 5px 5px 0 45px;
clear: right;
vertical-align: bottom;
}
#content p img.bulletright { 
float: left;
margin: 5px 5px 0 15px;
clear: right;
vertical-align: bottom;
}
#clearall { clear: both;}
#ruler {
background: url(images/footer-bg.gif) top left repeat-x;
height: 1px;
margin: 0 10px 10px;
}
#col {
width: 270px;
float: left;
}
p.spacerindex
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 30px !important;	
border-top-width : 0px;	
}
p.spacergowns
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 50px;	
}
p.spacertea
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 30px;	
}
p.spacergallery
{
border-top-color : #FFFFFF;
border-top-style : solid;
border-top-width : 0px;	
}

/* contact box on right hand side
--------------------------------*/
#content #right #contact {
width: 220px;
margin: 0 10px 15px;
padding: 10px 0;
}



/* link styles
--------------------------------*/
a { color: #818182; text-decoration: none; }
a:hover { text-decoration: underline; }
a.textlink { background: url(images/nav.jpg) 0 4px no-repeat; padding-left: 11px; }
a.edev 
{ 
font: normal 1.0em/1.3em "Arial", Helvetica, san-serif; 
color: #343333;
}

/* form elements */
form {
color: #444444;
font: normal 1.0em/1.0em "Arial", Helvetica, san-serif;
margin: 10px;
}
form input, 
form textarea {
border: 1px solid #b6bec9;
background: #EEECEA;
color: #00223f;
font: normal 1em/1em "Arial", Helvetica, san-serif;
padding: 2px;
margin: 0 0 8px 0;
}
form select {
border: 1px solid #b6bec9;
color: #00223f;
margin: 0 0 5px 0;
font: normal 1em/1em "Verdana", Arial, Geneva, Helvetica, san-serif;
padding: 2px;
}
form input.check 
{
border: 0;
color: #73645A;
background-color: #ffffff; 
margin: 0px 0 0px 0;
font: normal 1em/1em "Verdana", Arial, Geneva, Helvetica, san-serif;
padding: 0px;
}
form input.send{
width: 55px;
height: 21px;
padding: 0;
border: 0;
outline: none;
}	


/* footer
--------------------------------*/
#footer {
background: url(images/footer-bg.gif) top left repeat-x;
width: 800px;
margin: 5px 0;
float: left;
clear: both;
padding: 5px 0 0;

}

#footer ol { float: none;  }
#footer ol li { float: left; }
#footer ol li a { 
padding: 0 10px 0 10px; 
font: normal 1.1em/1.3em "Arial", Helvetica, san-serif;
color: #9b87a0;
border-left: 1px solid #b1b9c9;
}
#footer ol li a.first { 
padding: 0 10px 0 10px; 
margin-left: 100px; 
border-left: 0;
}
#footer p {
font: normal 1.1em/1.3em "Arial", Helvetica, san-serif;
color: #4a6394;
margin-bottom: 10px;
}
#footer p.light { color: #c6cedd; }

#footer2 {
background: url(../images/copy-background.jpg) top left repeat-x;
width: 800px;
margin: 0px 0;
clear: both;
padding: 5px 0 0;
height: 25px;
text-align: center;
}

#footer2 p 
{
font: normal 1.0em/1.0em "Arial", Helvetica, san-serif;
color: #343333;
margin-bottom: 5px;
}
#footer2 p.light { color: #c6cedd; }

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/*Site Shadow CSS*/

#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-container .shadow1 {
		background: #F1F0F1;
	}
 
	#shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	#shadow-container .shadow3 {
		background: #B8B6B8;
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
	}