/* color palette ---------
Orange: #ff6600
Grey:   #999999
Black:  #1a171b
Black background: #0D0E10
--------------------------*/

/*--- Global property ---*/


/* Sticky footer */
html, body, #main_wrapper {height: 100%; position: relative; }
body > #main_wrapper {height: auto; min-height: 100%;}


body, input, textarea { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #999999; }
a { color: #999999; text-decoration: none; }
a:hover { text-decoration: underline; }

h3 { font-size: 14px; color: #ff6600; text-transform: uppercase; font-weight: normal; }
h4 { color: #ffffff; /* color: #1a171b; */ font-size: 11px; }


/* Background color */
#home, #about_us, #events, #contact, #legal_page { background: #0D0E10; }
#collection_ss_2010 { background: #ffffff; }
#collection_fw_2011 { background: #0D0E10; }


/*--- Content ---*/

#content { width: 1000px; margin: 0px auto; padding-bottom: 22px; position: relative; }

/*- Home page -*/
#home { background: url(../images/bg.jpg) no-repeat center top #0D0E10; }

#home #content { padding-bottom: 0px; }

#home_box { 
	width: 264px; height: 140px; position: absolute; left: 54px; top: 220px;
	/* background: url(../images/box_home.png) no-repeat 0px 0px transparent; */
}

/* Logo */
#home_box h1 { padding-left: 15px; padding-top: 18px; /* padding-left: 198px; padding-top: 270px; */ }
/* Language menu & collections menu */
#home_box ul { padding-left: 3px; /*13px*/ padding-top: 15px; /*20px*/ overflow: hidden; }
#home_box ul li { float: left; padding-left: 8px; color: #0d0e10; }
#home_box a { color: #0d0e10; }

#home_box #facebook { left: 11px; position: relative; top: -6px; text-decoration: none; }
#home_box #facebook img { position: relative; top: 22px; left: 10px; }

/*- Pages -*/

/* Logo */
#collection_fw_2011 #content h1, #collection_ss_2010 #content h1, 
#about_us #content h1, #events #content h1, #contact #content h1
{ float: right; padding-right: 30px; padding-top: 35px; }

#content_nav { margin: 0px auto; width: 505px; height: 20px; clear: both; padding-top: 88px; }
#content_nav li { height: 20px; padding-right: 10px; float: left; }
#content_nav li.last { padding-right: 0px; }
#content_nav li a { 
	display: block; height: 100%; background: url(../images/menu_sprite.png) no-repeat left top transparent; text-indent: -9999px; 
}

#content_nav a#nav_collection { width: 146px; background-position: 0px -20px; }
#content_nav a#nav_collection.selected, #content_nav a#nav_collection:hover { background-position: 0px 0px !important; }

#content_nav a#nav_aboutus { width: 125px; background-position: -146px -20px; }
#content_nav a#nav_aboutus.selected, #content_nav a#nav_aboutus:hover { background-position: -146px 0px !important; }

#content_nav a#nav_events { width: 95px; background-position: -271px -20px; }
#content_nav a#nav_events.selected, #content_nav a#nav_events:hover { background-position: -271px 0px !important; }

#content_nav a#nav_contact { width: 109px; background-position: -366px -20px; }
#content_nav a#nav_contact.selected, #content_nav a#nav_contact:hover { background-position: -366px 0px !important; }

/*- Collection page -*/
#collection_name { display: block; position: absolute; right: 28px; top: 89px; }
#collection_grid { margin: 0px auto 0px auto; width: 600px; height: 380px; }

/*- About Us page -*/
#aboutus_tabs { width: 500px; height: 335px; margin: 12px auto 0px auto; border: 1px solid #ff6600; position: relative; }
#aboutus_tabs ul { padding-left: 10px; padding-top: 10px; overflow: auto; }
#aboutus_tabs ul li { float: left; padding-right: 10px; font-size: 11px; }
#aboutus_tabs ul li .selected { color: #ff6600; }
#aboutus_tabs p { 
	height: 292px; padding-right: 20px; padding-left: 10px; margin-top: 11px; font-size: 11px; text-align: justify; overflow: hidden;
}
#aboutus_tabs p strong { color: #ffffff;/* color: #1a171b; */ font-weight: normal; }

#aboutus_tabs #arrows { position: absolute; bottom: 3px; right: 2px; width: 10px; height: 20px; }
#aboutus_tabs #arrows a { 
	display: block; width: 10px; height: 9px; background: url(../images/arrow.png) no-repeat left top transparent; 
}
#aboutus_tabs #arrows a#arrow_up { background-position: left top; }
#aboutus_tabs #arrows a#arrow_down { background-position: left bottom; margin-top: 2px; }


/*- Events page -*/
#events_list { width: 500px; height: 335px; margin: 12px auto 0px auto; border: 1px solid #ff6600; }
#events_list ul { float: left; padding-left: 13px; padding-top: 13px; width: 236px; }
#events_list ul li { padding-bottom: 25px; }
#events_list ul li h3 { padding-bottom: 14px; }
#events_list ul li h4 { padding-bottom: 14px; }
#events_list ul li p { color: #999999;  line-height: 12px; }
#events_list ul li a { color: #999999; text-decoration: underline; display: block; }
						
/*- Contact page -*/
#contact_module { width: 500px; height: 335px; margin: 12px auto 0px auto; border: 1px solid #ff6600; position: relative; }

#contact_module h3 { padding-left: 13px;/*25px;*/ }

#contact_module #info { height: 65px; padding-top: 13px; /* padding-top: 25px; */ }
#contact_module #info h3 { float: left; padding-right: 5px; }
#contact_module #info a { float: left; padding-top: 3px; }
#contact_module #info p { float: left; line-height: 12px; cursor: pointer; }

#contact_module ul { padding-left: 13px; padding-top: 13px; height: 25px; }
#contact_module ul li { float: left; width: 175px; color: #ffffff;/* color: #1a171b; */ }
#contact_module ul li.last { width: 110px; }
#contact_module ul li a { display: block; }

#contact_module dl { padding-left: 13px; padding-top: 10px; float: left; }
#contact_module dl dt { padding-top: 5px; padding-bottom: 0px;  }
/* #contact_module dl dt label {} */
/* #contact_module dl dd {  } */
#contact_module input { width: 200px; height: 12px; border: 1px solid #999999; color: #1a171b; }
#contact_module textarea { width: 200px; height: 115px; border: 1px solid #999999; color: #1a171b; }

#contact_module dl#message { float: right; padding-right: 13px; }

dl#privacy_check { clear: both; padding-left: 9px; padding-top: 5px; width: 477px; }
dl#privacy_check dd { float: left; padding-right: 3px; } 
dl#privacy_check dd input { width: auto; height: auto; border: none; }
dl#privacy_check dt { float: left; }
dl#privacy_check dt label a { text-decoration: underline; font-style: italic; color: #ff6600; }

dl#privacy_check dt#submit { float: right; }
#submit a { font-weight: bold; color: #ff6600; }

/*- Legal page -*/
#legal_page h3 { padding-top: 15px; padding-bottom: 10px; text-align: center;}
#legal_page h4 { padding: 0px 0px 10px 8px; }
#legal_page p { padding: 0px 8px 11px 8px;font-size: 11px; }



/*--- #footer ---*/
#footer_wrapper { position: absolute; height: 22px; width: 100%; bottom: 0px; border-top: 1px solid #999999; background: #0d0e10; }

#collection_ss_2010 #footer_wrapper { background: #ffffff; }

/* #footer { width: 100%; margin: 0px auto; border-top: 1px solid #999999; } */

#footer_nav { float: left; padding-left: 20px; line-height: 20px; }
#footer_nav li { float: left; padding-right: 10px; }
#footer_nav li span { color: #ff6600; }

#legal { float: right; padding-right: 20px; line-height: 20px; }
#legal li { float: left; padding-left: 10px; }