/*----------------------------+
 | Site: Italia Stone Group   |
 +----------------------------*/
 
 
@import url("reset.css");


/* Core layout 
======================================================================*/
body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:11px; background:#fff;}
#container {width:840px; margin:0 auto;}

#left-container {width:340px; float:left; padding:1px 0 0 0;}
	#navigation {padding:20px 13px 0 0; width:220px; float:right;}
	#cta-enquiries {margin:10px 13px 0 0; width:205px; float:right; background:#eae1d3; height:75px; padding:15px 0 0 15px;}
	#cta-gallery {margin:10px 13px 15px 0; width:220px; float:right; height:360px; background:url(../images/titles/cta-gallery.jpg) bottom no-repeat; }
	#cta-gallery img {border:7px solid #cec4b3; margin:0 0 10px 0;}

#right-container {width:500px; float:left;}
	.green-separator {width:500px; height:6px; overflow:hidden; background:#00401d;}

#footer-separator {background:#9d8c77; height:6px; overflow:hidden;}
#footer-container {background:#9d8c77 url(../images/core/footer-bg.jpg); height:100px; padding:10px 0 0 0;}
	#footer {background:url(../images/core/footer-info-bg.jpg) 100px 0 no-repeat; width:670px; height:38px; margin:0 auto; padding:10px 40px 0 130px;}
	
	
	
/* Flash Banner 
----------------------------------------------------------------------*/	
.home #flash {background:url(../images/flash/flash-home.jpg) no-repeat; width:500px; height:250px;}
.about #flash {background:url(../images/flash/img2.jpg) no-repeat; width:500px; height:250px;}
.products #flash {background:url(../images/flash/img4.jpg) no-repeat; width:500px; height:250px;}
.gallery #flash {background:url(../images/flash/img3.jpg) no-repeat; width:500px; height:250px;}
.quarries #flash {background:url(../images/flash/img5.jpg) no-repeat; width:500px; height:250px;}
.contact #flash {background:url(../images/flash/flash-home.jpg) no-repeat; width:500px; height:250px;}

.flash-pics {height:250px; width:500px; padding:0; margin:0;}
.flash-pics {background-color:#eae0d4;}
.flash-pics img {top:0; left:0;}



	

/* Products layout 
----------------------------------------------------------------------*/	
.products-listing {width:480px; display:block; float:left; padding:10px; margin:0 0 10px 0; background:#eee7e2;}
.products-listing img {float:left; border:7px solid #cec5b4; margin:0 20px 15px 0;}



/* Gallery layout 
----------------------------------------------------------------------*/	
ul#gallery-pics {list-style:none; padding:0!important; margin:0;}
ul#gallery-pics li {list-style:none; padding:13px; margin:0 10px 10px 0px; height:114px; float:left; display:block; background:#eee7e2;}
ul#gallery-pics img {border:7px solid #cec4b3;}





/* Navigation layout 
======================================================================*/
ul#nav {list-style:none; border-top:1px solid #bdc6c1;}
ul#nav li {
	background:url(../images/nav-img.gif) no-repeat 0 5px; 
	height:17px; 
	padding:3px 0 0 20px; 
	border-bottom:1px solid #bdc6c1; 
	}
ul#nav li a {display:block; font:12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#00401c; text-transform:uppercase;}
ul#nav li a:hover {color:#ff3c18;}

#footer a {color:#333; text-transform:uppercase; font-size:10px; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#000; text-decoration:none;}

a {color:#ff3c18; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}





/* Page Titles 
======================================================================*/
.home h1 {text-indent:-99999px; background:#4c7960 url(../images/titles/home.gif) no-repeat 0 14px; margin:2px 0 15px 0; padding:0 0 20px 0; height:21px;}
.about h1 {text-indent:-99999px; background:#4c7960 url(../images/titles/about.gif) no-repeat 0 14px; margin:2px 0 15px 0; padding:0 0 20px 0; height:21px;}
.products h1 {text-indent:-99999px; background:#4c7960 url(../images/titles/products.gif) no-repeat 0 14px; margin:2px 0 15px 0; padding:0 0 20px 0; height:21px;}
.gallery h1 {text-indent:-99999px; background:#4c7960 url(../images/titles/gallery.gif) no-repeat 0 14px; margin:2px 0 15px 0; padding:0 0 20px 0; height:21px;}
.quarries h1 {text-indent:-99999px; background:#4c7960 url(../images/titles/quarries.gif) no-repeat 0 14px; margin:2px 0 15px 0; padding:0 0 20px 0; height:21px;}
.contact h1 {text-indent:-99999px; background:#4c7960 url(../images/titles/contact.gif) no-repeat 0 14px; margin:2px 0 15px 0; padding:0 0 20px 0; height:21px;}


 /* Font Style
======================================================================*/
h2 {background:url(../images/h2-img.gif) no-repeat 0 3px; text-indent:25px; font:18px Arial, Helvetica, sans-serif; color:#00401c; padding:0 0 15px 0;}
h3 {color:#4c7960; font:16px Arial, Helvetica, sans-serif; padding:0 0 15px 0; line-height:17px;}
h4 {color:#ff3c18; padding:0 0 7px 0; line-height:17px; font:14px Arial, Helvetica, sans-serif;}
h5 {color:#666; padding:0 0 7px 0; line-height:17px; font:14px Arial, Helvetica, sans-serif;}
p {line-height:17px; padding:0 0 15px 0;}

#right-container ul {padding:0 0 15px 30px;}
#right-container li {padding:0 0 5px 5px; line-height:17px; list-style-type:square; list-style-position:outside;}

#footer {font-size:10px;}

.products-listing h3 {color:#4c7960; font:16px Arial, Helvetica, sans-serif; padding:0 0 0 0; line-height:17px;}
.products-listing p {line-height:17px; padding:10px 0 0 0;}





/* Extras 
======================================================================*/
.float-right {float:right;}
#print-logo {display:none;}
#map { float: right; border: 7px solid #cec4b3; }

.contact-container p {padding:0; margin:0;}
.contact-container {padding:5px; background:#eee7e2; margin:0 0 10px 0; width:270px; border-top:1px solid #cec4b3; border-bottom:1px solid #cec4b3;}
 




 /* Form Style
======================================================================*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none!important; }

form.form li { margin-bottom: 5px; list-style: none!important; }

form.form label {
	display: inline-block;
	width: 150px;
	float:left;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #cec4b3;
	background: #eee7e2;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #003f1c;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #4c7a60;
	color: #fff;
	cursor: pointer;
	font:16px "Times New Roman", Times, serif;
	text-transform:uppercase;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}