/* Casa D'oro - Screen */

@import"../css/standard.css";
@import"../css/structure.css";

* {
	margin: 0;
	padding: 0;	
}

body {
	font: normal 62.5% "Verdana";
}

/* Container */

div.container {
	width: 940px;
	height: auto;
	margin: 0 auto;
}

/* Header */

div.header {
	width: 940px;
	height: auto;	
	padding: 20px 0;
	background: url('../images/core/bg-header.jpg') right 30px no-repeat;
}

div.header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Logo */

div.logo {
	width: 232px;
	height: 67px;
	float: left;
}

div.logo h2 a {
	width: 232px;
	height: 67px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/core/logo-casadoro.jpg') no-repeat;
}

/* Contact */

div.contact {
	width: 700px;
	height: auto;
	float: right;
	font-size: 1.1em;
	color: #241f1d;
}

div.contact p {
	text-align: left;
	line-height: 1.8em;
}

div.contact p span {
	color: #826a38;
	font-size: 1.7em;
}

/* Navigation */

div.navigation {
	float: right;
	font-size: 1.1em;
	clear: right;
	width: 700px;
	height: auto;
}

div.navigation h3 {
	float: left;
	color: #ad3127;
	text-transform: uppercase;
	margin-top: 10px;
	font-size: 1em;
}

div.navigation ul {
	list-style-type: none;
	float: right;
	display: block;
}

div.navigation ul li {
	float: left;
	display: block;
	margin-right: 5px;
	height: 40px;
}

div.navigation ul li a {
	float: left;
	display: block;
	background: #dcdcdc;
	padding: 10px;
	color: #241f1d;
	text-decoration: none;
}

div.navigation ul li.product-catalogue {
	margin-right: 0;
}

div.navigation ul li a:hover {
	color: #FFF;
	background: #b6b3b3;
}

body#home div.navigation li.home,
body#about div.navigation li.about,
body#contact div.navigation li.contact,
body#manufacturing-jewellers div.navigation li.manufacturing-jewellers,
body#product-catalogue div.navigation li.product-catalogue   {
	background: url('../images/core/bg-navactive.jpg') center bottom no-repeat;
}

body#home div.navigation li.home a,
body#about div.navigation li.about a,
body#contact div.navigation li.contact a,
body#manufacturing-jewellers div.navigation li.manufacturing-jewellers a,
body#product-catalogue div.navigation li.product-catalogue a {
	background: #b6b3b3;
}

/* Banner */

div.banner {
	width: 920px;
	height: auto;
	margin-bottom: 20px;
	padding-left: 19px;
	background: #241f1d url('../images/core/bg-bannerleft.jpg') 0 0 repeat-y;
}

div.banner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.banner-about {
	width: 920px;
	height: 113px;
	background: url('../images/core/banner-placeholder.jpg') 0 0 no-repeat;
}

div.banner-contact {
	width: 920px;
	height: 113px;
	background: url('../images/core/banner-placeholder.jpg') 0 0 no-repeat;
}

div.banner-manufacturing-jewellers {
	width: 920px;
	height: 113px;
	background: url('../images/core/banner-placeholder.jpg') 0 0 no-repeat;
}

div.banner-product-catalogue {
	width: 920px;
	height: 113px;
	background: url('../images/core/banner-placeholder.jpg') 0 0 no-repeat;
}

/* Banner Left */

div.banner-left {
	width: 669px;
	height: 387px;
	float: left;
}

/* Flash */

div#flash {
	width: 669px;
	height: 387px;
	display: block;
}

/* Banner Right */

div.banner-right {
	width: 220px;
	height: 357px;
	float: left;
	padding: 15px;
	background: #241f1d;
}

div.scroll {
	width: 220px;
	height: 357px;
	color: #b5b6b9;
	font-size: 1em;
	overflow: auto;
	padding-right: 15px;
}

div.scroll h1 {
	font-size: 1em;
	line-height: 1.6em;
	margin-bottom: 15px;
	font-weight: normal;
}

div.scroll p {
	line-height: 1.6em;
	margin-bottom: 15px;
}

<<<<<<< .mine
div.scroll a { color: #E6D9AC; }

=======

>>>>>>> .r9616
/* Content */

div.content {
	width: 940px;
	height: auto;
	margin-bottom: 20px;
}

div.content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Content Left */

div.content-left {
	width: 200px;
	height: auto;
	float: left;
	padding-right: 40px;
}

/* Cta */

div.cta h3 {
	margin-bottom: 10px;
	font-size: 1.1em;
	color: #241f1d;
	border-bottom: 1px solid #dcdcdc;
}

div.cta ul {
	list-style-type: none;
	margin-bottom: 20px;
}

div.cta ul li a {
	padding-left: 19px;
	margin-bottom: 10px;
	display: block;
	background: url('../images/core/bg-bannerleft.jpg') 0 0 repeat-y;
}

div.cta ul li a img {
	border: 0;
}

/* Product Categories */

div.product-categories {
	font-size: 1.1em;
	color: #241f1d;
	margin-bottom: 20px;
}

div.product-categories h3 {
	margin-bottom: 5px;
	font-size: 1.1em;
	color: #241f1d;
	border-bottom: 1px solid #dcdcdc;
}

div.product-categories ul {
	list-style-type: none;
}

div.product-categories ul li {
	padding: 5px 20px 5px 40px;
	background: url('../images/core/icon-heartalt.gif') 20px 8px no-repeat;	
}

div.product-categories ul li.alt {
	background: #dcdcdc url('../images/core/icon-heartalt.gif') 20px 8px no-repeat;
}

div.product-categories ul li a {
	color: #241f1d;
	text-decoration: underline;
}

div.product-categories ul li a:hover {
	color: #79716d;
}

/* Contact Details */

div.contact-detail {
	font-size: 1.1em;
	color: #241f1d;
}

div.contact-detail h3 {
	margin-bottom: 10px;
	font-size: 1.1em;
	color: #241f1d;
	border-bottom: 1px solid #dcdcdc;
}

div.contact-detail ul {
	list-style-type: none;
}

div.contact-detail ul li {
	line-height: 1.4em;
	margin-bottom: 20px;
}

div.contact-detail ul li a {
	color: #ad3127;
	text-decoration: underline;
}

div.contact-detail ul li.address {
	padding-left: 40px;
	background: url('../images/core/icon-address.jpg') 10px top no-repeat;
}

div.contact-detail ul li.phone {
	padding-left: 40px;	
	background: url('../images/core/icon-phone.jpg') 10px top no-repeat;
}

div.contact-detail ul li.email {
	padding-left: 40px;
	background: url('../images/core/icon-email.jpg') 10px top no-repeat;
}

div.contact-detail a:hover {
	color: #241f1d;
}

/* Content Right */

div.content-right {
	width: 700px;
	height: auto;
	float: left;
}

/* Footer */

div.container-footer {
	width: 100%;
	height: auto;
	background: #241f1d;
}

div.footer {
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	color: #b7aea9;
	font-size: 1.1em;
}

div.footer p {
	line-height: 1.4em;
	margin-bottom: 20px;
}

div.footer a {
	color: #b7aea9;
	text-decoration: underline;
}

div.footer a:hover {
	color: #79716d;
}

div.footer ul {
	list-style-type: none;
	margin-bottom: 10px;
}

div.footer ul li {
	display: inline;
	margin-right: 10px;
}

div.footer ul li a {
	color: #79716d;
	text-decoration: underline;
}

div.footer ul li a:hover {
	color: #b7aea9;
}

div.footer hr {
	border: 0;
	height: 0;
	margin-bottom: 20px;
	border-bottom: 1px dotted #79716d;
}

div.footer img {
	float: right;
	border: 0;
}

div.footer span {
	text-decoration: underline;
}

.states {font-size: 9px; 
}