@charset "utf-8";
/* CSS Document */

body {
	background: url(../images/bg.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

h1, h2, h4 {
	text-align: center;
}

p {
	line-height: 130%;
}

h3 a {
	text-decoration:none!important;
	color:inherit!important;
	outline: none;
}
h3 a:hover {
	text-decoration: none!important;
	color:#006600!important;	
	border:none!important;
}



div#fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:40px;
	text-align:center;
	background-color:#060;
	z-index: 1;

}

	#nav {
		background:#060;
	}
		#nav,#nav li { height:40px;}
		
		#nav ul {
			margin:0 auto; 
			width:640px;
			padding:0px;
		}
				#nav li {
					display:block; 
					float:left; 
					list-style:none;
					line-height:40px;
					margin-left:15px; 
					position:relative;			
				}
					#nav a {
						color:#fff;
						text-decoration:none;
					}
					#nav a:hover { text-decoration:underline; }
					
					#nav li ul { display:none; }
					#nav li:hover ul {
						background-color:#060;
						border-top: 2px solid #fff;
						display:block; 
						left:0px; 
						position:absolute; 
						top:30px;
						width:150px;						 					
					}



div#container {	
	width: 750px;
	margin: 50px auto 0;
	border: 3px solid #060;
}





div#logo a {
	position: absolute;
	margin: -30px 0 0 -85px;
	background: url(../images/logo.gif) no-repeat;
	width: 303px;
	height: 197px;

}


div#contactEmail {
	float: right;
	margin: 0 30px;
}


#contactEmail a {
	height: 50px;
	width: 150px;
	display: block;
	background: url(../images/contact_icon.gif) no-repeat left top;
	text-indent: -9999em;
	border: none;	
} 

#contactEmail a:hover, #contact a:active {
	background-position: left bottom;
}

div#contactPhone {
	float: right;
	margin: 0;
	background: url(../images/telephone_icon.gif) no-repeat;
	text-indent: -9999em;
	height: 50px;
	width: 150px;
}

div#banner {

	top: 75px;
	left: 0;
	width: 730px;
	height: 25px;
	margin: 75px 10px 0 0;
	padding: 3px 10px 0 0;
	background-color: #060;
	color: #FFF;
	text-align: right;
}




#mainContent {
	padding: 0 30px;
	margin: 30px auto 50px;
	text-align: left;
}

#mainContent a {
	text-decoration: none;
	color: #060;
}

#mainContent a:hover {
	font-weight:bold;
}

#mainContent a.imglink:hover  {
	border-bottom: none;
	text-decoration: none;
}

#mainContent p.centre {
	text-align: center;
}

#mainContent .indextext {
	padding: 0 75px;
	text-align: center;
}

#mainContent .smallText {
	font-size: 12px;
	text-align: left;
}	

#mainContent .flRight {
	float: right;
}


#footer {
	margin: 0 0 20px 0;	
}

#footer p {
	text-align: center;
	font-size: 12px;
	color: #060;
}
/* === Vinyl Colour Samples text === */
.smallText {
	font-size: 12px;
}

.handwriting {
	font-family: "Lucida Handwriting", Georgia, Verdana, "Times New Roman";
	color: #666; 
	font-size: 14px;

}

/* === Order progress form === */
.handwrite {
	font-family: "Lucida Handwriting", Verdana, Georgia, "Times New Roman";
	color: #00F; 
	font-size: 14px;
	border-bottom: 1px dashed #060;
}



 /* === Miscellaneous Styles === */
 
.clear { clear: both }
.faq-entry { display:none; }
#container #mainContent table {
	text-align: left;
}

