/* Main Styling for 230-fifth.com */
body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #000000 url(../images/bg.jpg) top center no-repeat;
}

img {
    border: none;
} 

#container-site {
    height: 1079px;
    width: 100%;
    /* margin: 0 auto; */
	text-align: left;
} 

#header {
    position: relative;
    width: 846px;
    height: 362px;
    margin: 0 auto;
} 

#container-head {
	position: absolute;
    width: 846px;
    height: 312px;
	text-align: left;
    margin: 36px 0 0 1px;
} 

.logo {
	position: absolute;
    width: 394px;
    height: 79px;
    border: none;
    background: transparent url(../images/logo.png) no-repeat;
	margin: 9px 0 0 237px;
	z-index: 1000;
}

/* BEGIN Nav Menu Style */ 

#head-menu {
    position: absolute;
    width: 793px;
    height: 73px;
    font-size: 83%;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: .5px;
	top: 249px;
	left: 81px;
} 

#head-menu ul {
    list-style: none;
    margin: 0;
} 

#head-menu li {
    display: inline;
    margin: 0;
} 

#head-menu a {
    float: left;
    text-decoration: none;
    color: #AF8B83;
} 

#head-menu a span {/*a.home_link, a.other_link*/
    float: left;
	cursor: pointer;
    height: 68px;
    padding: 11px 0px 5px 5px;
} 

#head-menu a.home_link:hover {
    background: url(../images/nav_hov_left.png) no-repeat left top;
} 

#head-menu a.other_link:hover {
    background: url(../images/nav_hov_right.png) no-repeat right top;
} 

 /* Combining these paddings does not work for some reason.  They have to be defined separate. */
#head-menu a.home_link span { width: 45px; padding: 11px 3px 5px 11px; } 
#head-menu a.about_link span { width: 49px; padding: 11px 0 5px 5px; }
#head-menu a.garden_link span { width: 128px; padding: 11px 0 5px 9px; }
#head-menu a.lounge_link span { width: 140px; padding: 11px 0 5px 9px; }
#head-menu a.tour_link span { width: 102px; padding: 11px 0 5px 7px; }
#head-menu a.photo_link span { width: 51px; padding: 11px 5px 5px 3px; }
#head-menu a.other_link span { width: 72px; padding: 11px 0 0 5px;}

#head-menu a.about_link:hover, #head-menu li.selected a.about_link span { background: url(../images/nav_hov_about.png) no-repeat top; }
#head-menu a.garden_link:hover { background: url(../images/nav_hov_garden.png) no-repeat top; }
#head-menu a.lounge_link:hover { background: url(../images/nav_hov_lounge.png) no-repeat top; }
#head-menu a.tour_link:hover { background: url(../images/nav_hov_tour.png) no-repeat top; }
#head-menu a.photo_link:hover { background: url(../images/nav_hov_photo.png) no-repeat top; }

/* END Nav Menu Style */ 

#ribbon-links {
    position: absolute;
    width: 547px;
	top: 308px;
	left: 240px;	
}

#ribbon-links span {
    padding-right: 58px;
} 


.left-menu {
    float: left;
    margin: -4px 0 0 40px;
    text-align: left;
    height: 500px;
    width: 178px;
    border: none;
} 

#parrot{
	position: absolute;
	top: 208px;
	left: -8px;
	z-index: 1000;
}

#container-content {
    position: relative;
    width: 845px;
    min-height: 681px;
    margin: 0 auto 0px;
    background: url(../images/content_bg.jpg) no-repeat;
	/* font-family: fantasy; */
	font-family: Arial, san-serif fantasy;
	font-size: 14px;
	font-weight: 500;
}

.content-box {
    float: right;
    text-align: left;
    margin: 20px 15px 0 0;
    padding: 0 8px 9px 8px;
    width: 545px;
    height: 560px;
    overflow: auto;
	/* Slider styling - Only works for IE */
    scrollbar-face-color: #AD7E77;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #510000;
    scrollbar-highlight-color: #6C0000;
    scrollbar-shadow-color: #6C0000;
    scrollbar-darkshadow-color: #6C0000;
    scrollbar-3dlight-color: #6C0000;
} 

.content-main, #content-main, #translated-content {
	float: left;
	width: 579px;
	height: 653px;
	margin: -218px 0 0 8px;
}

#translated-content {
	display: none;
}


/* Font/text related styles */
a, .content-box ul li, .text-peach { color: #FFE8D0; }

p, h1, .sub-head, .text-white, .category-title, a:hover { color: #DFD9D1; }

h1 { font-size: 94%; }

.content-title, .heading-links{
	float: left;
	text-align: left;
	font-variant: small-caps;
}

.content-title { margin: 6px 0px 15px 18px; }
.content-title-test { margin: 6px 0 30px 5px; }
.content-box { padding: 0 30px !important; margin: -218px 0 0 0 !important; width: 540px !important; color: #DFD9D1; }
#translated-content { color: #DFD9D1; }

.bar, .heading-links a { text-decoration: none; color: #A26C61 }
.heading-links a:hover { color: #DFD9D1; }
.heading-links { 
	margin: 8px 0 0 6px; 
	font-weight: bold;
}

.content-box ul { margin-left: 0; padding-left: 0; text-indent: 0; }
.content-box ul li { list-style: none; }
.category-title { text-decoration: underline; }

.sidelink{
	color: #CFBFA8;
	font-variant: small-caps;
	margin: 0 0 0 5px;
	font-weight: bold;
	font-size: 18px;
}

#footer-links{
	position: absolute;
	bottom: 75px;
	left: 285px;
	color: white;
}

#trans-wrap {
	position: absolute;
	right: 50%;
	margin: 270px 358px 0 0;
}
#translation-options {
	padding: 7px;
	width: 127px;
}
#translation-options li.trans-title {
	background: transparent url('images/flags/translate_title.png') no-repeat top center;
	width: 127px; height: 15px;
}
#translation-options li.trans-head {
	background: transparent url('images/flags/translate_bg.png') no-repeat top center;
	height: 33px;
	margin-top: 5px;
	padding-top: 7px;
}
#translation-options li {
	list-style: none;
	text-align: left;	
}
#translation-options li a.trans-us {
	margin: 7px 0 0 50px;
	
}
#translation-options ul{
	margin: 7px 0 0 0;
	padding: 3px 0 8px 0;	
	display: none;
	background: #4C0000;
	border: 1px solid #000;
	width: 123px;
	position: relative;
	z-index: 1001;
}
#translation-options ul li {
	margin-left: 50px;
}

#translation-options li:hover ul{
	display: block;
}

#translation-options li a {
	text-decoration: none;
}
#translation-options li a:hover {
	text-decoration: underline;
}