/*=======================================================
 CSS Document for 
=======================================================*/

@import url("global.css");
.hidden { display: none; }
.show { display: inline-block; visibility: visible; }

/*=============================================================
	Main layout - background
=============================================================*/
#header-container, #content-container, #text-container, #header-bg, #content-bg, #text-bg, #footer-bg  { width: 100%; height:auto; margin:0; padding:0; display:block; }
#header-container { background:url('../images/core/bg-header-re.jpg') repeat 50% 0%;}
#content-container { background:url('../images/core/bg-content-re.jpg') repeat 50% 0%; }
#text-container { background:url('../images/core/bg-text-re.jpg') repeat 50% 0%; }
#header-bg { background: url('../images/core/bg-header.jpg') no-repeat 50% 0%;}
#content-bg { background:url('../images/core/bg-content.jpg') no-repeat 50% 0%;}
#footer-bg { background:url('../images/core/bg-footer-re.jpg') repeat 50% 0%; }

#flash-bg { width: 760px; height: 100px; position: absolute; z-index: 5; clear:both; top:0; left:auto; float:left;}

/*=============================================================
	Header - nav + logo + Main body
=============================================================*/
#header, #content, #content-text, #text, #footer { width:760px; margin:0 auto; display:block; clear:both;}
#header { height:100px;}
#content { height:auto; padding:25px 0px;}
#text { height:75px; padding:15px 0px 0px 0px;} 
#text a { color: #E0DBB1;}

/*	home page - 800x 600 fixed size display */
body#homepage #content, #content-text { padding:25px 0px 0px 0px; }
body#popupwindow #content{ width: 550px; padding:20px 0px;}
body#homepage #text { height:auto;}
body#homepage h1 { font-size:1.1em; color:#4b331b; margin: 0 0 0.3em;}

/* banner */
#banner-container { width: 744px; height: 244px; background: url("../images/core/bg_banner.gif") 0 0 no-repeat; padding: 8px; display: block; clear: both; }
#banner { width: 489px; height: 244px; float: left; display: block; overflow: hidden; }

/* left nav */
#left-nav { width: 255px; height: 244px; float: left; display: block; background-color: #d9d1bd; }
#left-nav ul { list-style-type: none; margin: 0!important; padding: 0!important; color: #a08d69; }
#left-nav ul li { float: left; }
#left-nav ul li a { width: 211px; padding: 8px 20px 8px 24px; color: #a08d69; display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; overflow: hidden; }
#left-nav ul li a:hover { color: #ffffff; background-color: #94815c; text-decoration: none; }


/* content extended areas*/
#content-container:after, #text-container:after, #content:after, #content-text:after, #text:after  { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

#header h2#logo { float:left; margin:0; position:relative; z-index:20;}
#content h2#slogan { padding:0px 100px 20px 0px; margin:0; float:right; }
a#cta { float:right; margin:-5px 0px 0px 5px;}

/*navigation*/
ul#nav { width: 420px; height: 100px; display:block; float:right; margin:0;  position:relative; z-index:20;}
ul#nav li { display: inline; float: left;}
ul#nav a { height: 100px; overflow: hidden; text-indent: -999em; display: block; float: left; cursor:pointer; }
ul#nav a:hover { background-position: 0 -100px!important; cursor:pointer;}

a#navhome { background: url('../images/nav/nav-home.gif') no-repeat 0 0; width: 75px; }
a#navcollection { background: url('../images/nav/nav-collection.gif') no-repeat 0 0; width: 95px; }
a#navcontact { background: url('../images/nav/nav-contact.gif') no-repeat 0 0; width: 95px; }
a#navbag { background: url('../images/nav/nav-bag.gif') no-repeat 0 0; width: 155px; }

/*=============================================================
	Footer
=============================================================*/

#footer { height:25px; padding-top:5px; font-size:1em; color: #94b4ba;  }
#footer a { color: #94b4ba;}
#footer img { float:right; }

#footer-bottom { width:760px; margin: 0 auto; padding: 10px 0;}

/*=======================================================
 End of CSS Document for 
=======================================================*/