@charset "utf-8";
/*
	JAMES SIMS & TOM PROCTER
	<PORCELAIN  DEVELOPMENT>
	info@ porcelaindev.co.uk
*/
@import url(contact.css);

body { padding:0px; margin:0px; font-family: Helvetica, Verdana, Geneva, sans-serif; color:#666; font-size:12px; outline:none; }
	   
html  { overflow-y: scroll; }	

/*---------------------TYPOGRAPHY------------------------------*/

p { 
padding:0; 
margin:0; 
margin-bottom:10px; 
line-height:16px;
}

a img {border: none; outline: none; }
a { text-decoration:none; color:#666; }

.navigation a { text-decoration:none; color:#666; font-size:16px; padding-left:0px; }
.navigation a:visited { color:#666; }
.navigation a:hover { color:#333; }
.selected a { color:#333; }

.submenu { text-align:right; }
.submenu a { text-decoration:none; color:#666; font-size:10px; padding-left:6px; }
.submenu a:visited { color:#666; }
.submenu a:hover { color:#333; }

.email { margin-right:0px; }
.email a { color:#666; text-decoration:none; }
.email a:hover { border-bottom:1px dotted #666; color: black; }

.phonenumberEmail p { float:right;  }
.phonenumberEmail a { margin-left:5px; border-bottom:1px dotted #333;}
.handforddesign { color:#333; }

.bigtext, .statictext  {text-align:right;}

.bigtext h1, .statictext h1, .category h1 {
	font-size:62px;
	padding-top:0px;
	color:#000;
	background-color:white;
	padding-right:15px;
	font-weight:normal;
	text-align:right;
	letter-spacing:-4px;
	line-height:62px;
	text-transform: lowercase;
}

h2 { background-color:white; font-weight:normal; font-size:18px; color:#666; margin-top:0px; padding:0; }

.text p { margin:0; padding:0; margin-bottom:7px; }
.text h2 { background-color:white; font-weight:normal; font-size:18px; color:#666; margin:0; padding:0;
	margin-bottom:5px; }
.text h3, strong { color:#333; margin:0px; padding:0; margin-bottom:5px; margin-top:10px; }
.text h4 { margin:0; padding:0; margin-bottom:2px }
.text h2.price { font-size:14px; color:black; margin-top:10px; border-bottom:1px dotted #666; padding-bottom:3px;}

.price {border-bottom:1px dotted #666; padding-bottom:0; }

.nextprev a, a:hover, a:visited{ highlight:none; color:#666; text-decoration:none; }

ul { list-style:none; margin:0; padding:0; }
ul li { margin-bottom:5px; }

em { color: #000; }

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

/* Main Container, holds everything */
#container 			{ width:865px; background-color:#FFF; margin:auto; padding:0px; padding-top:20px; position:relative; }

/* Dynamic Titles and Product Titles */
.bigtext, .statictext { position:absolute; top:470px; right:456px; }

/* This is the subheading on the main page */
.subMain 			{ color:grey; font-size:xx-large; padding:0; margin:0;}

/* Container box for the Logo and the images */
.box, .logobox 		{ width:144px; height:141px; background-color:#FFF; border:1px solid #CCC; margin:10px; padding:25px; float:left; }

/* Take off the border in case there is nothing in it */
.noborder 			{ border:1px solid white; }

/* Spacers for the grid layout - filerBox = SingleBox, fillerBoxWide = 2 Wide Box */
.fillerBox 			{ width:146px; height:143px;  background-color:#FFF; margin:10px; padding:25px; float:left; }
.fillerBoxWide 		{ width:385px;height:146px; margin:10px; padding:25px; padding-left:2px; position:relative; float:left; } 

/* Text Container */
.text 				{ width:360px; margin:10px; padding:25px; float:right; border-top:1px dotted #ccc; min-height:355px; }

/* Navigation Container */
.navigation 		{ margin-top:140px; float:right; letter-spacing:0px; font-family:arial; }
.submenu 			{ float:right; padding-right:13px; }
.links 				{ margin-right:9px; float:right; }
.services 			{ margin-right:9px; float:right; }
.profile 			{ margin-right:9px; float:right; }
.home 				{ float:right; margin-right:9px; }
.bio 				{ float:right; margin-right:9px; }
.publicity 			{ float:right; margin-right:9px; }
.contact 			{ float:right; }
.enquire 			{ font-weight:bold; margin-bottom:0; padding-top:8px;}

/* Submenu */
.submenu 			{ position:absolute; top:450px; right:456px; z-index:5; }

/* Footer */
.footer 			{ height:100px; background-color:#FFF;  width:865px; float:right; margin-top:30px; }
.footerMenu-left 	{ float: left; width:396px; text-align:right;}
.footerMenu-right 	{ float: right; width:500px; text-align:right; padding-right:35px; }
.footerMenu-right a:hover { color:black; }
.breadcrumb 		{ color:#333; }
.breadcrumb a 		{ border-bottom:1px dotted #666; }
.breadcrumb a:hover { color:black; }
.nextprev a 		{ margin-left:5px; font-size:12px; color:#666; }
.nextprev a:hover 	{ color:#000;  }

/* Clear float -  makes the DIV expand */		
.clearfloat 		{ clear:both; height:0; font-size:1px; line-height:0px; }

/*.tagline 			{ position:absolute; top:611px; left:410px;}*/

/* Contact Form */
.contactaddress 	{ float:left; width: 120px; padding:0; margin:0;}
.contactlabels		{ float:left; width:76px; padding:0; margin:0;} 
.contactitems		{ float:left;  padding:0; margin:0;}

.contactlabels p	{ height:30px; padding-right:5px;}
.contactitems p 	{ height:30px;}
 
 /* Address on ordering page */
 .address			{ position:relative; padding-left:20px;}