@import url(content.css);
/* -------- Layout ---------*/

body {
	background-image: url(../images/bg.gif);
	background-color: #ffffff;
}

#container{
	width: 710px;
	margin: 0 auto;
}

#header{
	width: 710px;
	height: 119px;
	background: url(../images/header.jpg) right top no-repeat;
}

#contentArea{
	width:662px;
	background: #ffffff url(../images/bg_ribbon.gif) right top no-repeat;
	border-right: solid 1px #d7d7d7;
	border-left: solid 1px #d7d7d7;
	margin: 0 auto 0;
	padding: 10px 15px 15px 15px;
}


/* ---- Footer ----- */

#footer{
	width: 700px;
	height: 41px;
	background: url(../images/footer.gif) right top no-repeat;
	padding-top:15px;
	padding-left:10px;
}

#footer p{
	margin:0;
	font-size:9px;
	color:#556982;
	line-height:normal ;
}

#footer a{
	color:#556982;
	text-decoration:none;
}

#footer a:hover{
	color:#556982;
	text-decoration: underline;
}

#logo{
	padding-right:50px;
	float:right;
}

/* ------- Blocks Home ------ */

#home_left{

}

#home_right{
	margin-top:67px;
	float:right;
}


/* Cleaner DIV */

div.cleaner {
	clear: both;
	margin: -1px 0 0 0;
	visibility: hidden;
	height: 1px;
}

div.cleaner hr {
	display: none;
}

/* -------- Navigation -------- */

#nav {display:block; float:right; padding-right:6px; margin-top:51px;}
#nav ul {margin:0; padding:0; list-style-type:none;}
#nav li {float:left; display:block;}

#nav li.list1 {width:48px; height:24px; background:transparent url(../images/nav_home_off.gif);}
#nav li.list2 {width:78px; height:24px; background:transparent url(../images/nav_about_off.gif);}
#nav li.list3 {width:66px; height:24px; background:transparent url(../images/nav_collection_off.gif);}
#nav li.list4 {width:66px; height:24px; background:transparent url(../images/nav_stockists_off.gif);}
#nav li.list5 {width:46px; height:24px; background:transparent url(../images/nav_order_off.gif);}
#nav li.list6 {width:47px; height:24px; background:transparent url(../images/nav_press_off.gif);}
#nav li.list7 {width:54px; height:24px; background:transparent url(../images/nav_contact_off.gif);}

#nav li.list1selected {width:48px; height:24px; background:transparent url(../images/nav_home_on.gif);}
#nav li.list2selected {width:78px; height:24px; background:transparent url(../images/nav_about_on.gif);}
#nav li.list3selected {width:66px; height:24px; background:transparent url(../images/nav_collection_on.gif);}
#nav li.list4selected {width:66px; height:24px; background:transparent url(../images/nav_stockists_on.gif);}
#nav li.list5selected {width:46px; height:24px; background:transparent url(../images/nav_order_on.gif);}
#nav li.list6selected {width:47px; height:24px; background:transparent url(../images/nav_press_on.gif);}
#nav li.list7selected {width:54px; height:24px; background:transparent url(../images/nav_contact_on.gif);}

#nav a {display:block; padding-top:24px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:24px; he\ight:0;}

#nav a#item1 {background:transparent url(../images/nav_home_on.gif) -48px -24px no-repeat;}
#nav a#item2 {background:transparent url(../images/nav_about_on.gif) -78px -24px no-repeat;}
#nav a#item3 {background:transparent url(../images/nav_collection_on.gif) -66px -24px no-repeat;}
#nav a#item4 {background:transparent url(../images/nav_stockists_on.gif) -66px -24px no-repeat;}
#nav a#item5 {background:transparent url(../images/nav_order_on.gif) -46px -24px no-repeat;}
#nav a#item6 {background:transparent url(../images/nav_press_on.gif) -47px -24px no-repeat;}
#nav a#item7 {background:transparent url(../images/nav_contact_on.gif) -54px -24px no-repeat;}

#nav a#item1:hover {background-position:top right; z-index:50;}
#nav a#item2:hover {background-position:top right; z-index:50;}
#nav a#item3:hover {background-position:top right; z-index:50;}
#nav a#item4:hover {background-position:top right; z-index:50;}
#nav a#item5:hover {background-position:top right; z-index:50;}
#nav a#item6:hover {background-position:top right; z-index:50;}
#nav a#item7:hover {background-position:top right; z-index:50;}

* html #nav a:hover {height:24px; he\ight:0;}