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

body {
  background: #EFEFEF;
}
canvas {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#outside_all {
	width: 1020px;
	overflow: hidden;
}

#follow_menu {
	width: 180px;
	margin-top: 180px;
	height: 30px;
	left: 1000000px;
	z-index: 1000;
	display: none;
}

#container {
	width: 1020px;
	overflow: hidden;
}

#header {
	width: 1000px;
	height: 120px;
	padding-top: 40px;
	border-bottom: 1px #FFF solid;
}

#top_logo {
	float: left;
	width: 650px;
	height: 100px;
	padding-bottom: 20px;
}

#top_contact {
	float: right;
	width: 300px;
	height: 75px;
	padding-top: 32px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:10px;
}

#top_menu {
	width: 950px;
	height: 30px;
	padding-top: 10px;
	padding-right: 50px;
	border-bottom: 1px #FFF solid;
}

#main_content {
	width: 1000px;
	overflow: hidden;
	padding-top: 30px;
	padding-right: 10px;
	border-right: 1px #FFF dashed;
}

/* BOXES - big image links */

.boxes {
	float: left;
	width: 300px;
	height: 220px;
	padding: 16px;
}

.boxes_middle {
	float: left;
	width: 300px;
	height: 220px;
	padding: 16px;
	border-left: 1px #FFF dashed;
	border-right: 1px #FFF dashed;
}

/* END OF BOXES */

#left_content {
	float: left;
	width: 600px;
	padding: 16px;
}

#left_content_gallery {
	float: left;
	width: 620px;
	padding: 16px;
}

#right_content {
	float: right;
	width: 300px;
	padding: 16px;
}

#right_form {
	width: 276px;
	height: 450px;
	padding: 20px;
	background: url(images/contact_images/form_bg.png) top left no-repeat;
	margin-left: -12px;
}	

#thumbs {
	float: right;
	width: 300px;
	padding: 16px;
}

#icons {
	float: right;
	width: 100px;
	height: 60px;
	margin-top: 10px;
	margin-right: 20px;
}

#main_text {
	width: 1000px;
}

/* NEWS DIVS */

#main_text_news {
	width: 950px;
	overflow: hidden;
	padding: 20px;
	margin-right: 10px;
	background: #FFF;
}

.left_content_news {
	float: left;
	width: 570px;
	padding: 16px;
}

.right_content_news {
	float: right;
	width: 300px;
	padding: 16px;
}

.new_post_line {
	clear: both;
	width: 940px;
	height: 20px;
	border-bottom: #CCC double 4px;
}

/* End NEWS DIVS */

#bottom_gallery {
	width: 1000px;
	overflow: hidden;
}

#bottom_images {
	padding-top: 14px;
	height: 200px;
	background: url(images/gallery_bg.png) top center no-repeat;
}

#footer {
	width: 1000px;
	height: 40px;
	padding-top: 20px;
	padding-bottom: 80px;
}

/* HIDDEN DIVs */

#web_hidden {
}

#graphic_hidden {
}

#packaging_hidden {
}


/* Multiple Use Divs */

.div_clear {
	width: 980px;
	height: 1px;
	border-top: 1px #FFF dashed;
}

.div_line {
	width: 980px;
	height: 20px;
	border-bottom: 1px #FFF solid;
}

.div_line_short {
	width: 580px;
	height: 20px;
	border-bottom: 1px #FFF dashed;
}

/* IMAGE CLASS */

.thumbs_border {
	border: 1px solid #CCC;
}

/* Text styles */

.h1 {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 57px;
	color: #999;
	text-align: left;
}

.p1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: left;
	font-weight: normal;
}

.p2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	text-align: right;
}

.p3 {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #999;
	font-weight: bold;
	text-align: right;
}

.p4 {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
}

.p5 {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p5:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p5:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p5:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #6CC;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p5:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #6CC;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}


/* TEXT + IMAGE HOVERS */


/* p_blue */

.p_blue {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #37BEBB;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_blue:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #37BEBB;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_blue:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #37BEBB;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_blue:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #37BEBB;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_blue:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #37BEBB;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* p_grey */

.p_grey {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_grey:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_grey:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_grey:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_grey:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* p_grey_light */

.p_grey_light {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_grey_light:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_grey_light:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_grey_light:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_grey_light:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* p_orange */

.p_orange {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #F8962D;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_orange:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #F8962D;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_orange:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #F8962D;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_orange:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #F8962D;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_orange:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #F8962D;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* p_green */

.p_green {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #BCD631;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_green:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #BCD631;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_green:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #BCD631;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_green:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #BCD631;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_green:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #BCD631;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* p_peach */

.p_peach {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #EF4646;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_peach:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #EF4646;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_peach:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #EF4646;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_peach:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #EF4646;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_peach:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #EF4646;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* p_red */

.p_red {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #EE3047;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_red:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #EE3047;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_red:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #EE3047;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_red:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #EE3047;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_red:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	color: #EE3047;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* INDIVIDUAL PAGE STYLES AND COLOURS */


/* p_menu_blue */

.p_menu_blue {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_blue:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_blue:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_blue:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #37BEBB;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_blue:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #37BEBB;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* p_menu_grey */

.p_menu_grey {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_grey:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_grey:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_grey:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_grey:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* p_menu_orange */

.p_menu_orange {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_orange:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_orange:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_orange:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #F8962D;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_orange:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #F8962D;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* p_menu_green */

.p_menu_green {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: 600;
	text-align: right;
	text-decoration: none;
}

a.p_menu_green:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: 600;
	text-align: right;
	text-decoration: none;
}

a.p_menu_green:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: 600;
	text-align: right;
	text-decoration: none;
}

a.p_menu_green:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #BCD631;
	font-weight: 600;
	text-align: right;
	text-decoration: none;
}

a.p_menu_green:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #BCD631;
	font-weight: 600;
	text-align: right;
	text-decoration: none;
}

/* p_menu_peach */

.p_menu_peach {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_peach:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_peach:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_peach:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #EF4646;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_peach:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #EF4646;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* p_menu_red */

.p_menu_red {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_red:link {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_red:visited {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_red:hover {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #EE3047;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

a.p_menu_red:active {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 15px;
	color: #EE3047;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

/* COLOURED HEADINGS */

.h2_blue {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 24px;
	color: #37BEBB;
	text-align: left;
}

.h2_peach {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 24px;
	color: #EF4646;
	text-align: left;
}

.h2_green {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 24px;
	color: #BCD631;
	text-align: left;
}
