/*  
Description: The style for the Palazzo Baths Site.
Version: 1.1
Author Name: Nick Soper BSc (hons)
Author URL: http://nicksoper.com/
*/

/* Begin Styles */

body {
margin:0px 0px 0px 0px;
font-size: 62.5%; /* Resets 1em to 10px */
background:url(assets/background.jpg) #FFFFFF repeat-x;

}

/********************* wrapper for centering and added design layer ****************/

#wrapper {
position: relative;
width: 996px;
margin: 0 auto; /* compliant center */
text-align:left; /* override ie 5 center */

}

/***************This makes the shadows in a float work***********************/

.clear{
clear:both;
}

.prop{
	height:242px;
	width:1px;
	background-color:#FFF;
	float:left;
}

/****************************** layout and design ****************************/

#flash {
height:414px;
padding-top:41px;
margin-bottom:25px;

}
/* Home Styles */

		#content-home-img{position: relative;display:inline;float:left;width:385px;height:218px;}
		#content-home-text{width:600px;text-align:left;position: relative;display:inline;float:left;}

		#content-home-text p{}

/* Baths and Basins */
		
		div#content-basins{float:left; display:inline;}
		div#content-baths{float:left; display:inline;}
		
		.basin-image{position: relative;display:inline;float:left;width:385px;height:242px;}
		.basins-text{width:600px;text-align:left;position: relative;display:inline;float:left;}
		
		.baths-image{position: relative;display:inline;float:left;width:385px;height:242px;}
		.baths-text{width:600px;text-align:left;position: relative;display:inline;float:left;}
		
		#content-baths-img{position: relative;display:inline;float:left;width:385px;height:218px;}
		#content-baths-text{width:600px;text-align:left;position: relative;display:inline;float:left; margin: 0px 0px 2px 0px;}
		#awards-list{background:#fcfcfc; border:#dad8d8 solid 1px; width:578px; padding:5px 12px 20px 0px; margin:0 0 40px 0;}
		#awards-list li{margin:0 0 0 -8px;}
		
		


		/* Cad Help Footer Styles */
			
			/*Layout*/
			div#cad-file-help{color:#fffff; display:inline; float:left; border:solid #000000 1px; width:980px; margin:10px 0px 0px 3px; background:#000000 url(assets/gradient.jpg) top left repeat-x; 
			padding:10px;}

			div#cad-help-line{width:95%; border-bottom:#999 dashed 1px; margin:100px auto 0 auto;}
		
			div#cad-top-left{height:100px; width:450px; float:left; margin:0 0 0 40px; border-right:#999 dashed 1px;}
			div#cad-top-right{height:100px; width:450px; float:right; margin:0 35px 0 0;}
			div#cad-bottom-left{height:80px; width:450px; float:left; margin:0 0 0 40px; border-right:#999 dashed 1px;}
			div#cad-bottom-right{height:80px; width:450px; float:right; margin:0 35px 0 0;}
			
			.block{float:left; display:inline; margin:20px 0 0 20px; width:400px}
			.block img{float:left; display:inline;}
			div#cad-top-left p, div#cad-top-right p, div#cad-bottom-left p{display:block; margin:-50px 0 8px 50px; width:350px; float:right;} 
			.block p span{font-size:13px; display:inline; margin:0 0 -4px 0; }
			.block li, .block li{margin:6px 0 0 10px; color:#FFFFFF;}
			.block li{color:#FFFFFF;}				  
			.block ul{margin:0px 0 0 0;}
			
			/*Font styles*/
			div#cad-file-help p{color:#FFFFFF;}
			div#cad-file-help h1{font-family:Verdana, Arial, Sans-Serif;font-size:16px;color:#FFFFFF;text-decoration:none;font-style:normal;}	  
			div#cad-bottom-right li a, div#cad-bottom-right li a:visited{color:#FFFFFF; text-decoration:underline;}
			div#cad-bottom-right li a:hover, div#cad-bottom-right li a:visited:hover{color:#FFFFFF; text-decoration:none;}
			
			

div#cad-bottom-right li a:link, a:visited{
color:#FFFFFF;
text-decoration:none;
}

div#cad-bottom-right li a:hover, a:visited:hover{
color:#FFFFFF;
text-decoration:underline;
}

/* Awards Page */
		body#awards div#awards-gallery{width:760px; margin:0 auto 0 auto;}
		body#awards div#awards-gallery .awards-image{width:370px; float:left; display:inline; padding:5px;}
		body#awards div#awards-gallery h3{padding-top:10px;  padding-bottom:5px; margin:10px 0 -15px 15px; color:#000; margin-top:0px; padding-top: -10px; padding-left: 0px; font-family: 'Times New Roman', times, Arial,
		Sans-Serif; font-size: 16px; font-style:italic; font-weight:bold;}
		body#awards div#content-baths p{margin:0px 0 0px 90px;}
		body#awards div#content-baths li{padding:0px 0 0px 0px; font-size:14px; font-weight:bold;}
		body#awards div#hotels{margin:100px auto 0 auto; padding:20px 0 20px 0; width:850px;}
		body#awards div#hotels li{padding:0px 0 0px 0px; font-size:14px; font-weight:bold;}
		body#awards div#hotels p{margin:5px 0 0px 130px;}
		body#awards div#hotels h4{margin:0px 0 20px 0; font-size:18px; width:100%;}
		
/* Contact Page */
		.content-contact-img{
		position: relative;
		display:inline;
		
		width:385px;
		height:218px;
		text-align:right;
		padding-right:20px;
		
		}
		.content-contact-text{
		width:600px;
		text-align:justify;
		position: relative;
		display:inline;
		float:left;
		
		}
		
		.content-contact-img2{
		position: relative;
		display:inline;
		float:left;
		width:359px;
		height:131px;
		text-align:right;
		padding-right:30px;
		
		
		}
		.content-contact-text2{
		width:500px;
		text-align:justify;
		position: relative;
		display:inline;
		float:left;
		
		}
		
		.content-contact-img3{
		position: relative;
		display:inline;
		float:left;
		width:359px;
		height:131px;
		text-align:right;
		padding-right:30px;
		
		}
		.content-contact-text3{
		width:500px;
		text-align:justify;
		position: relative;
		display:inline;
		float:left;
		
		}
		
		.content-contact-img4{
		position: relative;
		display:inline;
		float:left;
		width:359px;
		height:131px;
		text-align:right;
		padding-right:30px;
		}
		.content-contact-text4{
		width:500px;
		text-align:justify;
		position: relative;
		display:inline;
		float:left;
		}



/* Footer Design and links */

		#footer {
		
		text-align:center;
		background:url(assets/background-footer.gif) repeat-x #f2f2f2;
	
		width:99%;
		padding:6px;
		float:left;
		display:inline;
		margin-top:10px;
		font-size:0.8em;
		font-family:Verdana, Arial, Sans-Serif;
		}
		
	
		






/****************************** Navigation ****************************/

div#navigation {
height:32px;
width:800px;
padding-top:15px;

left:182px;
position: absolute;
color:#FFFFFF;
text-align:right;

}

div#navigation ul {
margin:0px;

font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #bdbdbd;
white-space: nowrap;

}
div#navigation li {
list-style-type: none;
display: inline;
margin: 3px;
padding:10px;
}
div#navigation li a {
text-decoration: none;
padding:10px;
color: #FFFFFF;
}
div#navigation li a:link {
color: #FFFFFF;
padding:10px;
}
div#navigation li a:active {
color: #FFFFFF;
background-color: #48719f;
padding:10px;
}
div#navigation li a:visited {
color: #FFFFFF;
padding:10px;
}
div#navigation li a:hover {
color: #FFFFFF;
background-color: #514c48;
padding:10px;
padding-top:10px;
padding-bottom:10px;
border-top:#000 3px solid;
}

.active{
background-color: #514c48;
padding:10px;
color:#999999;
border-top:#000 3px solid;
}

#overlay{ background-image: url(images/overlay.png); }

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


div#footer-links a{margin-top:0px; color:#666666; text-decoration: none; padding:4px 2px 10px 2px;}
div#footer-links a:visited{text-decoration:none}
div#footer-links a:hover{text-decoration:none; background-color:#686868; padding:2px; color:#FFF;}
div#footer-links li{display:inline; padding:6px 0 8px 30px; margin:0 5px 12px 5px;  background-color:#009900; background:url(assets/seperator.jpg) no-repeat;}
div#footer p{color:#666666; text-decoration: none;}




/****************************** Products ****************************/

.product1{
	width:326px;
	display:inline;
	float:left;
	margin:3px;
}

.product2{
	width:326px;
	display:inline;
	float:left;
	margin:3px;
}

.product3{
	width:326px;
	display:inline;
	float:left;
	margin:3px;
}

.product4{
	width:326px;
	display:inline;
	float:left;
	margin:3px;
}

.product5{
	width:326px;
	display:inline;
	float:left;
	margin:3px;
}

.product6{
	width:326px;
	display:inline;
	float:left;
	margin:3px;
}



				  



/****************************** text styles ****************************/
p {
font-size:1.2em;
}

h1{
color:#000;
margin-top:0px;
padding-top: -10px;
padding-left: 0px;
font-family: 'Times New Roman', times, Arial, Sans-Serif;
font-size: 3em;
font-style:italic; 
font-weight:normal;
}




h2{
font-size: 2.4em;
font-family: 'Times New Roman', times, Arial, Sans-Serif;
font-style:italic; 
font-weight:normal;
line-height:1;
text-align:left;
margin-bottom:1px;
}
/*Top Text to the right of the logo*/
h3 {
color:#055921;
padding-top: 15px;
margin: 0;
font-weight:bold;
font-size: 1.2em;
}
h4{
	color:#000;
	margin-top:-20px;
	padding-top: -10px;
	padding-left: 0px;
	font-family: 'Times New Roman', times, Arial, Sans-Serif;
	font-size: 1.4em;
	font-style:italic; 
	font-weight:normal;
}
h5{
	color:#000;
	padding-top: -10px;
	padding-left: 0px;
	font-family: 'Times New Roman', times, Arial, Sans-Serif;
	font-size: 1.4em;
	font-style:italic; 
	font-weight:bold;	
	
}

h6{
	color:#000;
	padding-top: -10px;
	padding-left: 0px;
	margin-top:40px;
	margin-bottom:-10px;
	font-family: 'Times New Roman', times, Arial, Sans-Serif;
	font-size: 1.4em;
	font-style:italic; 
	font-weight:bold;
	}

.footer{
margin-top:2px;
color:#666666;

}
.product-text{
	padding-left:10px;
	padding-right:10px;
}
/***************Links*******************/
A:link, A:visited{
color:#000;
text-decoration:underline;
}

A:hover, A:visited:hover{
color:#000;
text-decoration:none;
}


a img{
border:0; display:inline;
}


/*************Table Styles***************/
.grey-box{

border:#f3f3f3 solid 1px;
background-color:#fcfcfc;
width:470px;
}

.product-images{

border:#f3f3f3 solid 1px;
background-color:#fcfcfc;
width:367px;
margin-left:0px;
margin-bottom:10px;
padding-left:15px;
padding-right:15px;
}


/*************List Items***************/

li{
font-size:1.2em;
padding:2px;
margin-top:0px;
margin-left:14px;
margin-bottom:0px;
list-style-image:url(assets/arrow-thin.gif);
}

li i{padding-left:30px;}

/************* Form Style ***************/

message, button, input, textarea {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#e6e6e6;
font-weight:lighter;
font-size: 1.2em;
background-color:#000;
border:solid 3px #f3f3f3;

}
.input_box{
width:184px;
height:21px;
background:url(assets/background-form.gif) top left repeat-x #000;
padding-top:6px;
padding-left:6px;
font-weight:lighter;
font-size: 1.0em;
}
.textarea{
background:url(assets/background-form.gif) top left repeat-x #000;
padding-top:6px;
padding-left:6px;
font-weight:lighter;
font-size: 1.0em;
width:380px;
height:60px;

}

.button {
width:120px;
height:35px;
background:url(assets/background-form.gif) top left repeat-x #000;
padding:6px;
font-weight:normal;
font-size: 1.1em;
}



h3, legend{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:1.1em;
	font-weight:normal;
	color:#000;

	
}
.checkBox{
	font-size:1.2em;
	font-family:Verdana, Arial, Sans-Serif;
	color:#000;
}
form{
	font-size:1.2em;
	font-family:Verdana, Arial, Sans-Serif;
	color:#000;	
}

.err_msg {
    margin:5px;
    display:block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
	color:#a60505;
}

#loading {
    display:none;
    padding:5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
}
g
#form-container {
    
}

.contact_result {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
}


/************* Form Styles ***************/	
	

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 0px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
	background:url(images/correct.png) no-repeat right center #000000;
	
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    background:url(images/incorrect.png) no-repeat right center #000000;
	
}




/* clearing */ 
	.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
	.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
	* html>body .clearfix{display: inline-block; width:100%;}
	* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
	.accessibility { position: absolute; top: -999em; left: -999em; }