@charset "UTF-8";
/* CSS Document */



/* STYLE SHEET FOR Luce Di Luna
Created by ***/



/* -----  CLASSES AND LINK STYLES -----*/



	
	/*------------*/

a:link  { 
	color: #214f78;
	text-decoration:none;
	background: none;
	outline:none;
	border:none;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}	
a:visited { 
	color: #666666;
	text-decoration:none;
	
	}
a:hover { 
	color: #666666;
	
	}
a:active { 
	outline:none;
	color: #666666;
	}
	
	/*---------------*/

a.footer2:link  { 
	color: #77a0dc;
	text-decoration:none;
	background: inherit;
	outline:none;
	border:none;
	font-size:1em;
	}	
a.footer2:visited { 
	color: #666666;
	text-decoration:none;
	}
a.footer2:hover { 
	color: #666666;
	
	}
a.footer2:active { 
	outline:none;
	}
	
	
	
.class1 a:link {	
	color: #214f78;
	text-decoration:none;
	background: inherit;
	outline:none;
	border:none;
	}
.class1 a:visited {
		color: #666666;
	text-decoration:none;
	}
.class1 a:hover {	
	color: #666666;
	text-decoration:none;
	}
.class1 a:active {
	outline:none;
	color: #666666;
	text-decoration:none;
}





img {
border:none;
outline:none;
}

.clear { 
       clear: both; 
       }





h1	{
	font-size:1em;
	color:#214f78;
	font-weight: bold;
	margin: 18px 0px 5px 0px;
	padding: 0px 0px 0px 0px;

	}
	
h3	{
	font-size:0.9em;
	color:#214f78;
	text-transform:uppercase;
	font-weight: bold;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}	
	
	
h4	{
	font-size:0.7em;
	color:#214f78;
	text-transform:uppercase;
	font-weight: bold;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	

.blue {
	color:#214f78;
}



body {
background-color: #ffffff;
background-repeat:repeat-x;
font-family:Times, Arial, Helvetica, sans-serif;


}

body#home a#homenav,
body#moreinfo a#moreinfonav,
body#portfolio a#portfolionav,
body#contact a#contactnav {
color: #f66859;
}



/* -----  NAVIGATION STYLES -----*/





#navcontainer {
float:left;
display:inline;
margin: 40px 0px 0px 0px;
height:42px;
width:585px;
padding-top: 0px;
background-color: #fff;
}

div.outerhome {
	float: left;
	width: 117px; 
	height: 42px;
	margin: 0px 0px 0px 0px;
	background: url("http://www.lucediluna.co.uk/images/btn_BG.gif") 0 -84px no-repeat;
	
	}

div.outerhome a {
	display: block;
	margin: 0; padding:12px 0px 0px 5px;
	width:112px; height:30px;
	overflow:hidden;
	font-family:Times, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#ffffff;
	text-align:center;
	text-decoration: none;
	background: url("http://www.lucediluna.co.uk/images/btn_BG.gif") top left no-repeat;
	}
div.outerhome span {
	display: block;
	margin:0; 
	padding: 0px 0 0 0px;
	}
div.outerhome a:visited {
	color: #ffffff;

	}


div.outerhome a:hover {
	color: #ffffff;
	text-decoration:none;
	background-image:none;
	}
div.outerhome a:active {
	color: #ffffff;
	}




/* -----  STYLES -----*/



#wrapper {
	position: absolute;
	left:50%;
	width: 1000px;
	margin-left:-500px;
	margin-top:20px;

}

#header {
	float:left;
	display:inline;
	width:854px;
	height:83px;
	margin: 0px 0px 0px 0px;
	}

#logo {
	float:left;
	display:inline;
	width:260px;
	height:83px;
	margin: 0px 0px 0px 0px;
	}

#insidecontainer {
	float:left;
	display:inline;
	margin: 0px 0px 0px 73px;
	padding: 0px;
	width:854px;
	height: auto;
	}
	

#contentcontainer {
	float:left;
	display:inline;
	width:854px;
	margin-left: 0px;
	background-color: #ffffff;
}

#contentcontainer p {
	font-family:Times, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666666;
	padding: 0px 0px 0px 0px;
}

.text {
	float:left;
	display:inline;
	padding-left: 15px;
	padding-right: 25px;
}

.text p {
	font-family:Times, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333333;
	padding: 0px 20px 0px 20px;
}

.animage  {
	border: solid #cccccc 1px;
}


	    	
	    	
#flashcontainer {
	float: left;
	display: inline;
	width: 828px;
	padding: 9px 0px 0px 26px;
	height: 368px;
	background: url(http://www.lucediluna.co.uk/images/flashBG.jpg) no-repeat;
}
	


#contactcontainer {
	float:left;
	display:inline;
	width:390px;
	height:430px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 150px;
	padding-right: 20px;
	border-top: 1px #ffffff solid;
	}


	
	



.thumbcontainer{
	float: left;
	display: inline;
	height: 270px;
	width: 226px;
	padding-left: 18px;
	padding-top: 16px;
	background: #ffffff url(http://www.lucediluna.co.uk/images/thumb_BG.gif) no-repeat;
}

		.thumbcontainer a {
		font-family: Times, Arial, Helvetica, sans-serif;
	    text-decoration: none;
		color:#214f78;
		}
		
		.thumbcontainer a:hover {
		 color: #cccccc;
		}

.thumbcontainer ul{
	list-style-image: none;
}

.thumbcontainer p {
	font-family:Times, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333333;
	margin: 0px 0px 0px 13px;
	padding: 0px 0px 0px 0px;
}

#thumbgroup  {
	float: left;
	display: inline;
	width: 738px;
	margin-left: 58px;
	margin-top: 20px;
}

#fullview  {
	float: left;
	display: inline;
	width: 750px;
	margin-left: 40px;
}

.entry-title  {
		margin: 10px 10px 0px 0px;
		font: .9em Times, Arial, Helvetica, sans-serif;
		 text-decoration: none;
		 color:#214f78;

}

.entry-content p  {
		margin: 10px 20px 0px 13px;
		font: .9em Times, Arial, Helvetica, sans-serif;
		text-decoration: none;
			}
		.entry-content a {
		font-family: Times, Arial, Helvetica, sans-serif;
	    text-decoration: none;
		color:#214f78;
		}
		
		.entry-content a:hover {
		 color: #cccccc;
		}
		
.perm   {
	text-decoration: none;
}


.viewlink  {
		margin: 10px 10px 0px 13px;
		color:#214f78;
	    text-decoration: none;
		font: .8em Times, Arial, Helvetica, sans-serif;

		}



.thumb {
	margin: 17px 0px 0px 0px;
}

#categorygroup  {
	float: left;
	display: inline;
	width: 600px;
	margin-left: 180px;
	margin-top: 20px;
}

.categorycontainer{
	float: left;
	display: inline;
	height: 270px;
	width: 226px;
	padding-left: 18px;
	padding-top: 16px;
	background: #ffffff url(http://www.lucediluna.co.uk/images/thumb_BG.gif) no-repeat;
}

		.categorycontainer a {
		font-family: Times, Arial, Helvetica, sans-serif;
	        text-decoration: none;
		color:#214f78;
		background-color:none;
		outline:none;
		}
		
		.categorycontainer a:hover {
		 color: #cccccc;
		}

/* -----  FOOTER -----*/



#footer {
   	float:left;
	display:inline;
	width: 1000px;
	height:25px;
	margin-top: 20px;
	
	background-repeat: no-repeat;
	}

#footerinner {
	float:left;
	display:inline;
	border-top: 1px solid #214f78;;
	width:799px;
	height:25px;
	margin: 0px 0px 0px 67px;

}
	
			#footerinner p {
			margin: 10px 10px 0px 30px;
			color:#666666;
		font: .7em Times, Arial, Helvetica, sans-serif;
}
	

/* -----  CONTACT FORM -----*/	

.zemContactForm {
 float: left;
 color: #333;
 margin: 0px 0px 0px 25px;
 padding: 0px;
 width: 370px;
 display: inline;
 border:none;

}

.zemContactForm fieldset {
 float: left;
 color: #333;
 margin: 0px 0px 0px 5px;
 padding: 0px;
 width: 360px;
 display: inline;
 border:none;
}

.zemContactForm legend {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color:#333333;
text_decoration:none;
}

.zemText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.6em;
color:#333333;
text_decoration:none;
margin-right:25px;
}


input.zemText {
position:absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.6em;
color:#333333;
text_decoration:none;
left:75px;
}

.zemSelect {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.6em;
color:#333333;
text_decoration:none;
}

.zemTextarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.6em;
color:#333333;
text_decoration:none;
}

.zemSubmit {
float: left;
display:inline;
width:56px;
height:22px;
margin-left: 27px;
margin-top:6px;
outline:none;

}

.zemError {
float:left;
display:inline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.6em;
color:#7E0101;
text-decoration:none;
list-style-type: none;
}

.fieldcontainer {
		float: left;
		height: 25px;
		width:270px;
		margin: 0px 0px 5px 27px;
		padding:0px;
		position: relative;
		/*background-color:#00CC99;*/
		}
.textareacontainer {
		float: left;
		display:inline;
		height: 125px;
		width:310px;
		margin: 0px 0px 8px 27px;
		padding:0px;
		
		/*background-color:#00CC99;*/
		}

.zemThanks p{
float:left;
display:inline;
margin: 20px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.6em;
color:#333333;
text_decoration:none;
}

.thankscontainer {
		float: left;
		width:270px;
                display:inline;
		margin: 0px 0px 5px 27px;
		padding:0px;
		position: relative;
		/*background-color:#00CC99;*/
		}