/*=======================================================
 CSS Document for Just in scales
=======================================================*/

@import url("global.css");

.hidden { display: none; }
.show { display: block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/

#container { width: 800px; height: auto; display: block; margin: 30px auto; clear: both; }
#container:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

/*=============================================================
	Header - nav + logo + banner
=============================================================*/

#header { width: 800px; height: 235px !important; position: relative; z-index: 10; clear: both; }
#homepage #header { width: 800px; height: 375px !important; position: relative; z-index: 10; clear: both; }
#logo a { width: 250px; height: 190px; position: absolute; display: block; z-index: 100 !important; top: 0; left: 0; }
#banner { width: 800px; height: 190px; overflow: hidden!important; background: url('../images/core/banner.jpg') no-repeat 0 0; clear: both; float: left; text-indent: -9999em; }
#homepage #banner { width: 800px; height: 330px!important; background: url('../images/core/bg-flash.jpg') no-repeat 0 0!important; text-indent: 0!important;}

/*navigation*/
ul#nav { list-style; none!important; width: 770px; height: 25px; padding: 5px 15px; float: left; display: inline; overflow: hidden!important; margin: 0 0 10px 0!important; background: url('../images/core/bg-nav.gif') no-repeat 0 0; clear: both;}
ul#nav li { display: inline; position: relative; float: left; margin-right: 5px; }
ul#nav li.cta { margin-right: 325px!important; }
ul#nav a { height: 25px; overflow: hidden; text-indent: -9999em; display: block; float: left; }
a#navhome { background: url('../images/core/nav-home.gif') no-repeat 0 0; width: 55px; }
a#navprofile { background: url('../images/core/nav-profile.gif') no-repeat 0 0; width: 65px; }
a#navcontact { background: url('../images/core/nav-contact.gif') no-repeat 0 0; width: 85px; }
ul#nav a:hover, body#homepage a#navhome, body#profilepage a#navprofile, body#contactpage a#navcontact { background-position: 0 -25px!important; }

/*=============================================================
	Search + Catalogue
=============================================================*/

#search { width: 520px; height: 26px; display: inline; float: right; margin-top:8px; position: relative; z-index: 50; }
#search form.cmxform li { display: inline; float: left; margin-left: 2px; }
#search form.cmxform input.send { border: 0!important; background: url('../images/core/bg-search.gif') no-repeat 0 0!important; padding: 0!important; margin: 0!important; width: 60px!important; height: 26px!important; text-indent: -9999em; }
#search form.cmxform input.send:hover, #search form cmxform input.inputhover { background-position: 0 -26px!important; }

#catalogue { background: url('../images/core/bg-catalogue.gif') no-repeat 0 0; position: relative; z-index: 20; margin: -34px 0 0 0; float: left; display: inline; width: 800px; height: auto;}
#catalogue h2 { height: 60px; margin: 0; text-indent: -9999em; }
#catalogue ul { 
	list-style: none!important; 
	margin: 0!important; 
	padding-bottom: 15px; 
	float: left; 
	background:#e0eff9 url('../images/core/bg-catalogue-btm.gif') no-repeat 0 bottom;
	width:800px;
	}
#catalogue ul li { display: inline; width: 230px; height: auto; margin: 0 10px 3px 15px; padding: 0 5px 2px 5px; float: left; border-bottom: 1px dotted #95b4c8; line-height: 16px; font-weight: bold; }
#catalogue a {color: #444;}
#catalogue a:hover { color: #000; text-decoration: none; }

/*=============================================================
	Main body - left + right
=============================================================*/

#contents { width: 800px; height: auto; display: inline; float: left; margin: 15px auto; clear: both; position: relative;}

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

#footer { width: 790px; height: 20px; float: left; margin: 0 auto; padding: 10px 5px; border-top: 1px solid #e0eff9; position: relative; clear: both; display: inline; }
#footer img { display: block; position: absolute; top: 7px; right: 0; }
#footer p { font-size: 1em; color: #407a9d; }
#footer span { display: inline-block; padding-left: 50px; }
#footer a { color: #407a9d; text-decoration: none;}
#footer a:hover { color: #db261d; text-decoration: underline;}


/*=======================================================
 End of CSS Document for Just in scales
=======================================================*/