/*  ======================  */
/*  RESPONSIVE GRID SYSTEM  */
/*  ======================  */



/* BASIC PAGE SETUP /*
/* ================ */

body { 
	font: 100%/1.4 "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;  	
	color : #626262; 
	margin : 0 auto;
	padding : 0;
	text-align: center;
	background: #ccc url('../images/bg_main.jpg') center top fixed;
	background-repeat: no-repeat
	}
	
#wrapper {
	width: 971px;
	margin: 0px auto;
	padding: 0px;
	}
	
#header {
	width: 971px;
	height: 299px;
	margin: 0px;
	padding: 0px;
	background-image: url('../images/bg_header.png');
	}
	
#content {
	width: 971px;
	margin: 0px;
	padding: 1px 0px;
	background-image:url('../images/bg_content.png');
	background-repeat: repeat-y;
	}
	.homeinfo {
		width: 100%;
		height: 313px;
		margin: 0px;
		padding: 1px 0px;
		background-image: url('../images/bg_homeinfo.jpg');
		background-repeat: no-repeat
		}
		
#footer {
	width: 971px;
	height: 78px;
	margin: 0px;
	padding: 1px 0px;
	background-image: url('../images/bg_footer.png');
	}
	
/* NAVIGATION */
/* ==========*/	
.navigation {
	width: 961px;
	height: 71px;
	margin: 0px auto;
	padding: 0px 5px;
	background-image:url('../images/bg_content.png');
	}
	ul.navmenu {  
	    width: 960px;
	    height: 71px;
		color: #ffffff;
		margin: 0px;
	    padding: 0px;
		text-align: center;
		}
	ul.navmenu > li { 
	    float: left; 
	    height: 71px;
	    right: 0px;
	    margin: 0px;
	    padding: 0px;
	    position: relative; 
	    line-height: 50px;
		}
	ul.navmenu li { list-style: none; }
	ul.navmenu a {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-variant: normal;
		font-weight: normal;
		font-size: 1.5em;
		color: #ffffff;
		padding: 2px 0px;
		margin: 0px;
		letter-spacing: normal;
		text-decoration: none;
		}


ul.navmenu li.home { width: 191px; background-image: url('../images/but01a.jpg'); }		
ul.navmenu li.home:hover { background-image: url('../images/but01b.jpg'); line-height: 71px;  }
ul.navmenu li.home_active { width: 191px; background-image: url('../images/but01b.jpg'); line-height: 71px; }
ul.navmenu li.home_active a { color: #ffffff;  }

ul.navmenu li.products { width: 191px; background-image: url('../images/but02a.jpg'); }		
ul.navmenu li.products:hover { background-image: url('../images/but02b.jpg'); line-height: 71px;  }
ul.navmenu li.products_active { width: 191px; background-image: url('../images/but02b.jpg'); line-height: 71px; }
ul.navmenu li.products_active a { color: #ffffff; }

ul.navmenu li.gallery { width: 192px; background-image: url('../images/but03a.jpg'); }		
ul.navmenu li.gallery:hover { background-image: url('../images/but03b.jpg'); line-height: 71px;  }
ul.navmenu li.gallery_active { width: 192px; background-image: url('../images/but03b.jpg'); line-height: 71px; }
ul.navmenu li.gallery_active a { color: #ffffff;  }

ul.navmenu li.specials { width: 192px; background-image: url('../images/but04a.jpg'); }		
ul.navmenu li.specials:hover { background-image: url('../images/but04b.jpg'); line-height: 71px;  }
ul.navmenu li.specials_active { width: 192px; background-image: url('../images/but04b.jpg'); line-height: 71px; }
ul.navmenu li.specials_active a { color: #ffffff;  }

ul.navmenu li.contact { width: 192px; background-image: url('../images/but05a.jpg'); }		
ul.navmenu li.contact:hover { background-image: url('../images/but05b.jpg'); line-height: 71px; }
ul.navmenu li.contact_active { width: 192px; background-image: url('../images/but05b.jpg'); line-height: 71px; }
ul.navmenu li.contact_active a { color: #ffffff;  }

		
/* IMAGES */
/* ====== */
img {
	width: auto\9; /* ie8 */
	height: auto;
	border: 0;
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

img.homepics {
	float: right
	}
	
.image_full { display:block; }
.image_mobile { display:none; }

.whiteborder {
	border: 3px solid #ffffff;
	-moz-box-shadow: 0 0 4px #888;
-webkit-box-shadow: 0 0 4px #888;
box-shadow: 0 0 4px #888;
margin: 0px;
padding: 0px;
}

@media (max-width: 480px) {
  .image_full { display:none; }
  .image_mobile { display:block; text-align: center; margin: auto }
  }


/*  COLOURS */
/*  ======= */
.clr1 { color: #e29989; } /* peach */
.clr2 { color: #c8a5ec; } /* purple */
.clr3 { color: #8bbdfd; } /* blue */
.clr4 { color: #96d081; } /* green */
.clr5 { color: #e6c771; } /* yellow */
.clr6 { color: #626262; } /* grey */
/*  BACKGROUND COLOURS */
/*  ================== */
.bgclr1 { background-color: #f3d3cb; } /* peach */
.bgclr2 { background-color: #e1c5fe; } /* purple */
.bgclr3 { background-color: #9ec7fd; } /* blue */
.bgclr4 { background-color: #b8e5a8; } /* green */
.bgclr5 { background-color: #f9e8b9; } /* yellow */
.bgclr6 { background-color: #626262; } /* grey */


/* HEADINGS */
/* ======== */
h1 {
	font: italic bold  2.1em times new roman;
	color: #5e5e5e;
	margin: 30px 20px 0px 30px;
	padding: 0px;
	text-align: left;
	letter-spacing: -1px;
	}
h1::first-letter { 
    font-size: 150%;
    margin-right: -3px
	}

h2 {
	font: italic bold 1.7em times new roman;
	color: #5e5e5e;
	margin: 20px 30px 20px 30px;
	padding: 0px;
	text-align: left;
	letter-spacing: -1px;
	}
h2::first-letter { 
    font-size: 140%;
    margin-right: -5px
	}

h3 {
	font: italic bold 1.3em times new roman;
	color: #5e5e5e;
	margin: 20px 30px 0px 30px;
	padding: 0px;
	text-align: left;
	letter-spacing: -1px;
	}
h3::first-letter { 
    font-size: inherit;
    margin-right: 0px
	}
	
/* PARAGRAPHS */
/* ========== */
p {
	font: normal 0.9em century gothic;
	color: #262626;
	margin: 5px 30px 15px 30px;
	padding: 0px;
	text-align: justify;
	line-height: 20px
	}
.homeinfo p {
	font: normal 0.9em century gothic;
	margin: 0px 50px 20px 30px;
	}
p.readmore {
	font: italic bold 1.2em times new roman;
	text-align: right;
	}
p.quick {
	margin-top: 0px;
	font: italic bold 1.3em times new roman;
	text-align: center;
	}
p.footer {
	font: normal 0.7em century gothic;
	color: #262626;
	margin: 50px 5px 0px 5px;
	padding: 0px;
	text-align: center;
	line-height: 20px
	}
p.lineclr1, p.lineclr2, p.lineclr3, p.lineclr4, p.lineclr5 {
	font: normal 0.2em century gothic;
	color: #262626;
	margin: 5px 20px;
	padding: 0px;
	text-align: center;
	line-height: 10px;
	}
	p.lineclr1 { border-bottom: 1px dashed #e29989; margin-left: 30px; margin-right: 40px; }
	p.lineclr2 { border-bottom: 1px dashed #c8a5ec; margin-left: 30px; margin-right: 40px; }
	p.lineclr3 { border-bottom: 1px dashed #8bbdfd; margin-left: 30px; margin-right: 40px; }
	p.lineclr4 { border-bottom: 1px dashed #96d081; margin-left: 30px; margin-right: 40px; }
	p.lineclr5 { border-bottom: 1px dashed #e6c771; margin-left: 30px; margin-right: 40px; }
table.contactus p {
	font: normal 0.9em century gothic;
	color: #262626;
	margin: 5px;
	padding: 0px;
	text-align: left;
	line-height: 20px
	}

	
/* LINKS */
/* ===== */
a img { border: none; }
a { text-decoration: none; }
a:link.readmore, a:visited.readmore {
	color: #e29989;
	text-decoration: none;
	}
a:active.readmore, a:hover.readmore {
	color: #e29989;
	text-decoration: none;
	border-bottom: 1px #e29989 dashed;
	}
a:link.quick, a:visited.quick {
	color: #f4da91;
	text-decoration: none;
	}
a:active.quick, a:hover.quick {
	color: #f4da91;
	text-decoration: none;
	border-bottom: 1px #f4da91 dashed;
	}
a:link.contact, a:visited.contact {
	color: #262626;
	text-decoration: none;
	}
a:active.contact, a:hover.contact {
	color: #e6c771 ;
	text-decoration: none;
	border-bottom: 1px #e6c771 dashed;
	}
	
	
/* OTHER */
/* ===== */

.home_rotate {
	float: right;
	}
	
	
/* TABLES */
/* ====== */
table.contactus {
	width: 96%;
	margin: 0 auto 0px 25px;
	padding: 0;
	border-collapse: collapse;
	}
	table.contactus th {
		font: normal 0.9em century gothic;
		color: #262626;
		padding: 2px; 
		text-align: left;
		vertical-align: top;
		}
	table.contactus td {
		padding : 2px; 
		text-align: left;
		vertical-align: top;
		}
	table.contactus th:nth-child(1), table.contactus td:nth-child(1) {
		color: #667ab3;
		text-align: left;
		font-weight: bold;
		}

@media screen and (max-width: 960px) {
	table.contactus , table.contactus tbody {
		display: block;
		width: 100%;
		}
	table.contactus thead { display: none; }
	table.contactus tr, table.contactus th, table.contactus td {
		display: block;
		padding : 2px; 
		text-align: left;
		white-space: normal;
		}	
	table.contactus tr {
		margin-bottom: 5px;
		padding-bottom: 5px;
		}
	table.contactus th[data-title]:before, table.contactus td[data-title]:before {
		content: attr(data-title) ":\00A0";
		font-weight: bold;
		}
	table.contactus td {
		border: none;
		margin-bottom: 1px;
		color: #444;
	}
	table.contactus td:empty { display: none; }
	table.contactus td:first-child {
		color: #84c225;
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 1px;
		}
	table.servicetable td:first-child:before { content: ''; }
	}


/* FORMS */
/* ===== */
input, textarea, select {
	font-family: "Courier New", Courier, monospace;
	min-width: 200px;
	border: 1px solid #e6c771;
	margin: 2px;
	padding: 4px 0px;
	}
	
/* LISTS */
/* ===== */
ul.categories {
	font: normal 0.9em century gothic;
	color: #262626;
	margin: 5px 30px 15px 30px;
	padding: 5px 30px 15px 30px;
	text-align: justify;
	line-height: 20px
	}
	
	
p.footer a:link, p.footer a:visited {
	color: #262626;
	text-decoration: none;
	}
p.footer a:active, p.footer a:hover {
	color: #c8a5ec;
	text-decoration: none;
	}


/* blocks */	
.infoblock, .infoblock_blue, .infoblock_pink {
	border: 1px dashed grey; 
	margin: 0px;
	padding: 8px 0px 0px 0px;
	max-width: 220px;
	min-height: 290px;
    border-radius: 10px;
	background-color: #e0e0e0;
	background: -webkit-linear-gradient(#fefefe, #e0e0e0); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fefefe, #e0e0e0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fefefe, #e0e0e0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fefefe, #e0e0e0); /* Standard syntax */
	}
.infoblock_blue {
	border: 1px dashed grey; 
	margin: 0px;
	padding: 8px 0px 0px 0px;
	max-width: 220px;
	min-height: 290px;
    border-radius: 10px;
	background-color: #cfe3fd;
	background: -webkit-linear-gradient(#e8f1fd, #cfe3fd); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e8f1fd, #cfe3fd); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e8f1fd, #cfe3fd); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e8f1fd, #cfe3fd); /* Standard syntax */
	}
.infoblock_pink {
	border: 1px dashed grey; 
	margin: 0px;
	padding: 8px 0px 0px 0px;
	max-width: 220px;
	min-height: 290px;
    border-radius: 10px;
	background-color: #ffd1f5;
	background: -webkit-linear-gradient(#ffecfb, #ffd1f5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffecfb, #ffd1f5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffecfb, #ffd1f5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffecfb, #ffd1f5); /* Standard syntax */
	}
.infoblock h2, .infoblock_blue h2, .infoblock_pink h2 {
	font: italic 1.9em times new roman;
	color: #5e5e5e;
	margin: 15px;
	padding: 0px;
	text-align: center;
	letter-spacing: 0px;
	vertical-align: middle;
	}
.infoblock h3 {
	font: italic bold 1.6em times new roman;
	color: #5e5e5e;
	margin: 7px;
	padding: 0px;
	text-align: center;
	letter-spacing: 0px;
	vertical-align: middle;
	}
.infoblock h4 {
	font: italic bold 1.2em times new roman;
	color: #5e5e5e;
	margin: 7px;
	padding: 0px;
	text-align: left;
	letter-spacing: 0px;
	}
.infoblock p {
	font: normal 0.75em century gothic;
	color: #262626;
	margin: 5px 7px 2px 7px;
	padding: 0px;
	text-align: left;
	line-height: 20px
	}
a img {
	margin: 0px;
	padding: 0px;
	border: 1px solid white
	}
	
.yellowblock {
    border: 2px dashed grey;
    padding: 10px 10px 30px 10px; 
	max-width: 895px;
    border-radius: 10px;
	background-color: #f9eabf;
	background: -webkit-linear-gradient(#faf4e2, #f9ebc3); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#faf4e2, #f9ebc3); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#faf4e2, #f9ebc3); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#faf4e2, #f9ebc3); /* Standard syntax */
	}

.peachblock {
    border: 2px dashed grey;
    padding: 10px 10px 30px 10px; 
	max-width: 895px;
    border-radius: 10px;
	background-color: #f0ccc4;
	background: -webkit-linear-gradient(#fceae6, #f0ccc4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fceae6, #f0ccc4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fceae6, #f0ccc4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fceae6, #f0ccc4); /* Standard syntax */
	}
	
.blueblock {
    border: 2px dashed grey;
    padding: 10px 10px 30px 10px; 
	max-width: 895px;
    border-radius: 10px;
	background-color: #cfe3fd;
	background: -webkit-linear-gradient(#e8f1fd, #cfe3fd); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e8f1fd, #cfe3fd); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e8f1fd, #cfe3fd); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e8f1fd, #cfe3fd); /* Standard syntax */
	}

.purpleblock {
    border: 2px dashed grey;
    padding: 10px 10px 30px 10px; 
	max-width: 895px;
    border-radius: 10px;
	background-color: #ebddfb;
	background: -webkit-linear-gradient(#f9f3ff, #eddcff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f9f3ff, #eddcff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f9f3ff, #eddcff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f9f3ff, #eddcff); /* Standard syntax */
	}

.greenblock {
    border: 2px dashed grey;
    padding: 10px 10px 30px 10px; 
	max-width: 895px;
    border-radius: 10px;
	background-color: #c9edbd;
	background: -webkit-linear-gradient(#e2f4dc, #c7e8bb); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e2f4dc, #c7e8bb); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e2f4dc, #c7e8bb); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e2f4dc, #c7e8bb); /* Standard syntax */
	}


.highslide-thumbstrip-horizontal img {
    height: 100px;
    width: auto;
	}
	
.highslide-container div {
    font-family: "Times New Roman", Times, serif!important;
    font-size: 14pt!important;
    font-style: italic
}
.highslide-number {
    color: gray;
    font-size: 0.9em;
    font-weight: bold;
}

.nomore {
    display: none !important;
}