/*---------------------------
	GLOBAL RESET
---------------------------*/

html{color:#ccc;background:#242323;background:#181c1d;overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}/* to preserve line-height and selector appearance */
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}/*to enable resizing for IE*/
legend{color:#000;}/*because legend doesn't inherit in IE */


/*---------------------------
	1. Global Styles
---------------------------*/

body { min-width:998px; font-size:100.01%; font-weight:normal; font-family: Helvetica, Arial, sans-serif; }

p { font-size:0.75em; margin-bottom:1.5em; line-height:145%; }

em { font-style:italic; }

strong { font-weight:bold; }

h1,h2,h3,h4,h5,h6{ font-family: Helvetica, Arial, sans-serif; color:#fff; }

h1 { font-size:1.1em; }

h2 { font-size:1em; }

h3 { font-size:0.9em; }

h4 { font-size: 3em; }

#content h3 { display:block; color:#73c7cb; border-bottom:1px solid #73c7cb; margin-bottom:8px; padding-bottom:2px; }

#content h4 { display:block; color:#ffffff; margin-bottom:8px; padding-bottom:2px; }

a:link, a:visited { color:#bfe4e5; text-decoration:none; }
a:hover { color:#fff; border:none; }

div { overflow:hidden; }

label,
ul,
ol { font-size:0.75em; }


/* Override input button styles */

input[type="text"],
input[type="password"],
select,
textarea { border:1px solid #333; padding:2px; font-size:11px; min-width:200px; color:#888; }

input[type="text"]:focus, input[type="text"]:hover,
select:focus, select:hover,
textarea:focus, textarea:hover { background:#F9FFB0; color:#222; }

input[type="submit"],
input[type="button"]{ font-size:12px; border-color:#DDDDDD #888888 #888888 #DDDDDD; border-style:solid; border-width:1px; padding:1px 10px; }


/* Form Fields */

.field { clear:both; margin-bottom:10px; overflow:hidden; _height:1%; }

.field label { margin-bottom:2px; float:left; min-width:100px; width:110px; margin-right:15px; }
.field label.clr { float:none; display:block; }


/* jQuery Validate */

label.error { padding-left:5px; float:none; }
input.error, textarea.error { border:1px dashed red !important; }


/*---------------------------
	2. Utility Snippets 
---------------------------*/

/* CSS Image replacement basic style - set a separate element ID for background/width/height */
.ireplace,
.ir { display:block; text-indent:-9999px; }

.fll { float:left; }

.flr { float:right; }

.clearleft { clear:left; }

.clearright { clear:right;  }

.clearboth { clear:both; }

.nd { display:none; }

img.center { display:block; margin:0 auto; }


/*---------------------------
	Site Layout
---------------------------*/
html { background:#000 url(/asset/images/bg.png) 0 0 repeat-x; }

#container { width:980px; margin:0 auto; position:relative; border:1px solid #292929; background:#000; border:none; } /* Site width goes no bigger than this */

	#site_logo { position:absolute; top:0; left:1px; width:278px; height:253px; z-index:1000; }
	
		#site_logo a { width:278px; height:253px; background:transparent url(/asset/images/header/logo_symbol.jpg) 0 0 no-repeat;  }

	#site_logo_home { position:absolute; top:38px; left:61px; width:529px; height:725px; z-index:1000; background:transparent url(/home/images/main.jpg) 0 0 no-repeat; }
	

#header_wrap { background:#346e6f; /*height:253px;*/ }

#header { background:#1a1a1a url(/asset/images/header/bg.jpg) 100% 155px no-repeat; height:203px; position:relative; width:100%; }

#header_wrap a { border:none; }

	#main_nav { width:219px; height:155px; position:absolute; top:0; right:87px; background:transparent url(/asset/images/header/nav-bg.gif) repeat-y;}
	
	#main_nav li a { display:block; background-image:url(/asset/images/header/nav_sprite.png); text-indent:-9999px; background-repeat:no-repeat; }
	
	#main_nav li.home a { height:28px; background-position:0 0; }
		#main_nav li.home a:hover { background-position:-219px 0; }
	
	#main_nav li.caviar a { height:22px; background-position:0 -28px; }
		#main_nav li.caviar a:hover { background-position:-219px -28px; }
	
	#main_nav li.club a { height:20px; background-position:0 -50px; }
		#main_nav li.club a:hover { background-position:-219px -50px; }
	
	#main_nav li.bouchee a { height:21px; background-position:0 -70px;  }
		#main_nav li.bouchee a:hover { background-position:-219px -70px; }
		
	#main_nav li.gift a { height:20px; background-position:0 -91px; }
		#main_nav li.gift a:hover { background-position:-219px -91px; }
		
	#main_nav li.toc a { height:21px; background-position:0 -111px; }
		#main_nav li.toc a:hover { background-position:-219px -111px; }
		
	#main_nav li.tips a { height:28px; background-position: 0 -132px; }
		#main_nav li.tips a:hover { background-position:-219px -132px; }

	.sub_nav { background:#346e6f; height:50px; }

	.sub_nav ul { float:right; padding-right:50px; }
	
	.sub_nav ul li { float:left; display:block; height:40px; padding:5px 12px; border-left:1px solid #5d8b8c; border-right:1px solid #5d8b8c; line-height:50px; }

	.sub_nav ul li.current_page a { border-bottom:1px solid #fff; color:#fff; }




/* Home */

#content { background:#000 url(/asset/images/def_bg.jpg) 0 50px no-repeat; min-height:575px; height:auto !important; }

#content .home { background:transparent url(/home/images/bg.jpg) -77px 104% no-repeat; min-height:425px; height:auto !important; height:461px; float:right; text-align:center; width:305px; padding-top:40px; }

.home p.irresistible { width:207px; height:89px; background:transparent url(/home/images/just_irresistible.png) 0 0 no-repeat; margin-right:50px;  }

.home img.sign_in { float:right; margin-right:50px;  }

.under_construction { text-align:center; margin-top:100px; }

/* Footer */

#footer_wrap { margin:30px 5px 0; padding:15px 15px 0; border-top:1px dotted #333; }

#footer { text-align:right; margin:0 auto; }