@import url('reset.css');
@import url('cmxform.css');
@import url('slimbox2.css');

body {font-family: "Times New Roman"; font-size: 16px; background: url(../images/bg/bg-tile.jpg) repeat ; line-height: 18px;}
	h1 {color: #8c1030; font-size: 20px; font-weight: normal; padding: 0 0 15px 0px;}
	h2 {color: #8c1030; font-size: 16px; font-weight: normal; padding: 0 0 15px 0px;}
	p {padding: 0px; margin: 0px; padding: 0 0 15px 0; font-size: 14px; line-height: 20px;}
	a {color: #8c1030; }
	

.clear {clear: both;}


/* Containers */
#wrapper {width: 940px; margin: auto; padding: 0 10px 80px 10px;  background: #fff; border-bottom: 1px solid #e5d2c8; border-left:  1px solid #e5d2c8; border-right:  1px solid #e5d2c8;}

	/*Top*/
	#top {width: 920px; padding: 10px;}
		#top h1 {font-size: 30px; text-align: right;}
		#top h2 {font-size: 16px; text-align: right;}
	#callusat {float: right; padding: 20px 10px 0 0;}
	
	/*Middle*/
	#content { width: 525px; padding: 40px 0 0 20px;}
	


/*Navigation*/
#nav {width: 940px; height: 55px;}
	#nav li {height: 55px;float: left; text-indent: -9999px;}
	#nav .nav-home a {width: 125px; height: 55px; background: url(../images/nav/nav-home.jpg) top left no-repeat; display: block; }
	#nav .nav-aboutus a {width: 180px; height: 55px; background: url(../images/nav/nav-aboutus.jpg) top left no-repeat; display: block; }
	#nav .nav-bordersandtozzettos a {width: 253px; height: 55px; background: url(../images/nav/nav-bordersandtozzettos.jpg) top left no-repeat; display: block; }
	#nav .nav-fieldmosiacs a {width: 204px; height: 55px; background: url(../images/nav/nav-fieldmosiacs.jpg) top left no-repeat; display: block; }
	#nav .nav-contactus a {width: 178px; height: 55px; background: url(../images/nav/nav-contactus.jpg) top left no-repeat; display: block; }
	
		#nav .nav-home a:hover,
		#nav .nav-aboutus a:hover,
		#nav .nav-bordersandtozzettos a:hover,
		#nav .nav-fieldmosiacs a:hover,
		#nav .nav-contactus a:hover {background-position: 0 -55px;}
	
	body#home-page .nav-home a,
	body#aboutus-page .nav-aboutus a,
	body#bordersandtozzettos-page .nav-bordersandtozzettos a,
	body#fieldmosiacs-page .nav-fieldmosiacs a,
	body#contactus-page .nav-contactus a {background-position: 0 -55px;}
	
/*CTA*/
	#cta {display:block;background: #8c1030;}
	#ctadisplay li {float: left;}
	#tilesdisplay {width: 940px; height:420px; display: block; overflow: hidden;}
	#cta li {float: left;}
		#titlehandmade {width:525px; height: 24px; padding: 20px;}
		#gotohandmade { padding: 20px 20px 20px 200px;}

/*Form*/
#enquirybox {width: 220px; border: 1px solid #e5d2c8; float: right; background: #fbfcf2; margin: 20px 20px 20px 20px; padding: 15px 10px 10px 40px;}
#title-enquiry {padding: 0 0 20px 0;}
	input {width: 180px; padding: 7px; border: 1px solid #f2f3ea; background: #8c1030; color: #fce9ee; margin: 5px 0 5px 0; font-family:"Times New Roman"; letter-spacing: 1px; font-size: 12px;}
	textarea {width: 180px; height: 80px; padding: 7px; border: 1px solid #f2f3ea;background: #8c1030;color: #fce9ee; margin: 5px 0 5px 0;font-family:"Times New Roman";letter-spacing: 1px; overflow: auto; font-size: 12px;}
	#submitbtn { width: 76px; height: 29px; padding: 0;margin: 0;}
	
	
	
/*Title*/
#title-text {padding: 0 0 20px 0;}


/*Footer*/
	#footer {width: 940px; height: 50px; margin: auto; color: #8c1030; font-size: 11px; padding: 20px 0 30px 0;}
	#footer a {color: #8c1030}
	#footer a:hover {color: #000;}
		#wflogo { float: right; padding:10px;}
		#footerlink {padding:7px;}
		
		
/*Contact Page*/
#contactaddress {padding: 20px 0 0 0;}
iframe {border:1px solid #e5d2c8;}
#bhi {padding-top:20px;}

/*Gallery */
#gallery {height: auto;!important height:100%; padding: 0 0 30px 0; display: block;}
#gallery li {float: left; padding: 10px;}
#gallery a {width: 140px; height: 93px; border: 5px solid #8c1030; display: block;}
#gallery a:hover {border: 5px solid #ad0c38; }
#gallerytext {margin: 0 0 10px 0;}