@charset "utf-8";

/*----------------------------------------------------------------------------------------------------
basic styling
----------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	outline:none;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	/*background-color:#999999;*/
}

div#container {
	text-align: left;
	width: 880px;
	margin: 0 auto;
	position: relative;
	/*background-color: #99FFFF;*/
}

.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

ul li a {
	font-size: 12px;
}

p {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 1.5;
}


/*------------------------------------------------------------------------------------------------------
banner styling
------------------------------------------------------------------------------------------------------*/
div#bannerArea {
	width: 880px;
	/*position: relative;*/
/*	background-color:#009933;*/
	margin-bottom: 10px;
}

div#logo {
	margin-top:10px;
	width: 192px;
	height: 70px;
/*	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;*/
	background-image: url(../assets/raymac-logo.png);
	float: left;
}

div#companyLogos {
	width: 484px;
	height: 40px;
	background-image: url(../assets/company_logos.jpg);
	position: absolute;
	top: 25px;
	left: 300px;
	text-indent: -9999px;
	z-index: 100;
}

div#mainNav {
	width: 650px;
	margin-top: 90px;
	float: right;
	background-color: #666;
}

/*normal menu links styling*/
div#mainNav a.notTransparent, div#mainNav a.MenuBarItemSubmenu {
	background-color: #666;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
}

div#mainNav a.notTransparent:hover, div#mainNav a.MenuBarItemSubmenu:hover {
	background-color: #808073;
	background-color: #77dd44;
	color: #333;
}

/*selected page menu styling*/
div#mainNav ul#MenuBar1 li.selected2 a.MenuBarItemSubmenu{
	background-color:#7daa71;
	background-color: #77dd44;
	color: #333;
}

/*transparent submenu styling*/
div#mainNav ul#MenuBar1 ul li a.transparent {
	background-image:url(../assets/transparent_BG2.png);
	color: #fff;
}

div#mainNav ul#MenuBar1 ul li a.transparent:hover {
	background-image:url(../assets/transparent_BG.png);
	color: #333;
}
#mainNav ul a {
	padding:7px 9px;
}

/*--------------------------------------------------------------------------------------------------
mainContent styling
--------------------------------------------------------------------------------------------------*/
div#mainContent {
	width: 670px;
	float: left;
	/*position: relative;*/
	/*background-color: #0000FF;*/
}

div#freeSaucepan {
	width: 150px;
	height: 136px;
	background: url(../assets/quooker_tap.jpg);
	position: absolute;
	top: 305px;
	left: 705px;
	text-align:center;
	padding:0;
}

div#freeSaucepan img {
	border: none;
}
div#freeSaucepan a {
	text-decoration:none;
	color:#fff;
	font:bold 11px Arial, Helvetica, sans-serif;
}

div#newBrochure {
	width: 150px;
	height: 113px;
	position: absolute;
	top: 445px;
	left: 705px;
}

div#newBrochure a img {
	border: none;
}

div#mainContent div.collection {
	width: 603px;
	height: 126px;
	background-color: #808073;
	margin-bottom: 20px;
	margin-left: 55px;
}

div#mainContent div.collectionImage {
	width:175px;
/*	background-color:#CC0000;*/
	height: 126px;
	float: left;
}

div#mainContent div.collectionImage a {
	width: 165px;
	height: 111px;
	display: block;
	outline: none;
	background-image: url(../assets/collection_image_links/handleless_image_link.jpg);
	margin-left: 7px;
	margin-top: 7px;
}

div#mainContent div.collection a#studioLink {
	background-image: url(../assets/collection_image_links/studio_link_image.gif);
}

div#mainContent div.collection a#handlelessLink {
	background-image: url(../assets/collection_image_links/handleless_link_image.gif);
}

div#mainContent div.collection a#traditionalLink {
	background-image: url(../assets/collection_image_links/traditional_link_image.gif);
}

div#mainContent div.collection a#platinumLink {
	background-image: url(../assets/collection_image_links/platinum_link_image.gif);
}

div#mainContent div.collectionText {
	width: 380px;
	height: 106px;
/*	background-color:#006600;*/
	float: right;
	padding: 10px;
}

div#mainContent h1 {
	background-color: #808073;
	color: #fff;
	margin-bottom: 1em;
	font-size: 16px;
	padding: 5px 10px;
	position: absolute;
	right: 210px;
	top: 141px;
}

/*-----------------------------------------------------
kitchen backgrounds styling
-----------------------------------------------------*/
div#mainContent div#kitchenText {
	width: 200px;
	padding: 15px;
}

div#mainContent div#armanoBG {
	width: 670px;
	height: 434px;
	background-image: url(../assets/studio_pics/armano_page_bg.jpg);
}

div#mainContent div#lucidaBG {
	width: 670px;
	height: 434px;
	background-image: url(../assets/studio_pics/lucida_page_bg.jpg);
}

div#mainContent div#rivaBG {
	width: 670px;
	height: 434px;
	background-image: url(../assets/studio_pics/riva_page_bg.jpg);
}

div#mainContent div#cristalloBG {
	width: 670px;
	height: 434px;
	background-image: url(../assets/studio_pics/cristallo_page_bg.jpg);
}

div#mainContent div#messinaBG {
	width: 670px;
	height: 434px;
	background-image: url(../assets/studio_pics/messina_page_bg.jpg);
}

/*-------------------------------------------------------------------------------------------------
pageNav styling
-------------------------------------------------------------------------------------------------*/
div#pageNav {
	width: 198px;
	height: 434px;
	background-color:#666666;
	background-color: #9a9a8b;
	background-color: #808073;
	float: right;
}

div#pageNav h1 {
	color: #fff;
	font-size: 16px;
/*	font-weight: normal;*/
	padding: 10px;
}

div#pageNav ul {
	list-style: none;
}

div#pageNav ul a {
	padding: 5px 0;
	padding-left: 30px;
	width: 168px;
	background-color:#666666;
	background-color: #9a9a8b;
	background-color: #808073;
	display: block;
	text-decoration: none;
	color: #fff;
}

div#pageNav ul li.selected a{
	background-color: #7daa71;
	background-color: #aaee44;
	background-color: #77dd44;
	color: #333333;
}

div#pageNav ul a:hover {
	background-color:#FF9900;
	background-color: #05c591;
	background-color: #7daa71;
	background-color: #77dd44;
	border-top: 1px solid #CBD9CA;
	border-bottom: 1px solid #CBD9CA;
	padding: 4px 0;
	padding-left: 30px;
	color: #333333;
}

/*-------------------------------------------------------------------------------------------------
footer styling
-------------------------------------------------------------------------------------------------*/
div#footer {
	width: 880px;
	height: 50px;
	/*background-color: #330099;*/
	border-top: 6px solid #666;
	margin-top: 10px;
}

div#footerContent {
	padding: 10px;
}

.footer_notes {
	text-align:center;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#555;
}
.footer_notes a {
	color:#555;
	text-decoration:none;
}


.logo_container { text-align:center; margin-bottom:10px; }
.logo_container a { padding:5px; }
.logo_container a img {
	padding:5px;
	border:none;	
}