@font-face {
    font-family: 'dark11regular';
    src: url('Fonts/dark11-webfont.eot');
    src: url('Fonts/dark11-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/dark11-webfont.woff2') format('woff2'),
         url('Fonts/dark11-webfont.woff') format('woff'),
         url('Fonts/dark11-webfont.ttf') format('truetype'),
         url('Fonts/dark11-webfont.svg#dark11regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'blessed_dayregular';
    src: url('Fonts/blesd__-webfont.eot');
    src: url('Fonts/blesd__-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/blesd__-webfont.woff2') format('woff2'),
         url('Fonts/blesd__-webfont.woff') format('woff'),
         url('Fonts/blesd__-webfont.ttf') format('truetype'),
         url('Fonts/blesd__-webfont.svg#blessed_dayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pristina';
    src: url('Fonts/pristina-webfont.eot');
    src: url('Fonts/pristina-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/pristina-webfont.woff') format('woff'),
         url('Fonts/pristina-webfont.ttf') format('truetype'),
         url('Fonts/pristina-webfont.svg#blessed_dayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
orange #FF6C00;
yellow #FFDD1B
*/

nav {display: block}
* 
{
	padding: 0;
	margin: 0;
	border: 0;
}

body 
{
	
	font-family:'pristina';
	font-size: 1.2em;
	background-color: #FFFFFF;
	color: #000000;
	text-align: justify;
	min-width: 1200px;
}

a
{
	text-decoration: none;
	color: #9326a9;	
	-o-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
}

a:hover {
	color: #e4baf7;	
}

h1, h2, h3, h4, h5, p
{
	font-family:'dark11regular';
	margin: 0px 0px 20px 0px;		
}

p 
{	
	font-family:'pristina';
}

/* ------------------------ MAIN LAYOUT --------------------------------------*/

div#main 
{
	position: relative;
	color: #FFFFFF;
	width: 1200px;
	margin: 5px auto 5px auto;
	overflow: hidden;	
	background: #000000;
	padding: 0;
}

div.outerBody
{
	padding: 60px 0px 0px 0px;
	position: relative;
	width: 1200px;
	height: 1076px;
	z-index: 10;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/bodyFull.jpg) no-repeat top left; 
}

div.leftBody
{
	position: relative;
	float: left;
	width: 220px;	
	margin: 0px 0px 0px 20px;
	padding: 0px;
	min-height: 200px;
}

div.mainBody
{
	position: relative;
	width: 700px;	
	overflow: hidden;
	margin: 0px 0px 0px 330px;
	padding: 60px 0px 0px 0px;
	
}

div.threeColumn
{
	position: relative;
	z-index: 3;
	margin-top: 0px;	
}

div.threeColumn div.mainBody
{
	width: 445px;	
}

div.rightBody 
{
	position: relative;
	width: 0px;	
	overflow: hidden;
	margin: 0px 0px 20px 1120px;
	padding: 0px;
}

div.threeColumn div.rightBody
{
	width: 280px;	
	margin: 0px 0px 20px 840px;
	padding: 10px;
}

/* ------------------------ HEADER LAYOUT ------------------------------------*/

div#header
{
	position: relative;
	width: 100%;
	height:	443px;
	background: transparent url(../images/header.jpg) no-repeat top left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	z-index: 100;
	overflow: hidden;
}

div#header #mainHeading
{
	font-size: 64px;
	line-height: 52px;
	width: 260px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin: 180px 0px 0px -130px;
	font-weight: 100;
	-webkit-transform: scale(1.4, 1);
	-moz-transform:    scale(1.4, 1);
	-ms-transform:     scale(1.4, 1);
	-o-transform:      scale(1.4, 1);
	transform:         scale(1.4, 1);	
}

div#header #mainHeading a
{
	color: #FFF;
}

div#header #mainHeading span
{
	display: block;
	margin: 0px 0px -10px 0px;
	font-size: 48px;
	line-height: 32px;
	
}

div#moon 
{
	width: 164px;
	height: 164px;
	position: absolute;
	margin: 55px 0px 0px 790px;	
	background: transparent url(../images/moon.png) no-repeat top left;
	z-index: 1000;
}

div#owl 
{
	width: 146px;
	height: 111px;
	position: absolute;
	margin: 150px 0px 0px 893px;	
	background: transparent url(../images/owl.png) no-repeat top left;
	z-index: 1001;
}

div#breadCrumbs 
{
	position: relative;
	width: 1120px;
	height: 20px;
	font-size: 0.7em;
	margin: 0px 40px 0px 40px;	
	color: #9326a9;
	z-index: 10;
}

div#breadCrumbs a 
{
	color: #9326a9;
}

div#breadCrumbs a:hover
{
	color: #e4baf7;	
}
/* ------------------------ MAIN MENU --------------------------------------*/

div#mainMenu {
	position: relative;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

ul.main-menu 
{
	margin: 0px 0px 0px 0px;	
	padding: 0px;
	color: #FFFFFF;
	font-family:'dark11regular';	
}

ul.main-menu, ul.main-menu li ul
{ 
	list-style: none;	
}

ul.main-menu li
{
	display: block;
	text-align: center;
	width: 185px;
	height: 58px;
	background: transparent url(../images/button.png) no-repeat top left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 1.1em;
}

ul.main-menu li a span {
	display: block;
	width: 185px;
	height: 58px;
	line-height: 58px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: -1px 1px 1px rgba(212,212,212,.8); /* 50% white from bottom */
	-o-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
}

ul.main-menu li.current a span, ul.main-menu li a:hover span {
	color: #FFFFFF;
	text-shadow: -2px 2px 2px rgba(212,212,212,.8); /* 50% white from bottom */
	text-decoration: underline;
}

ul.main-menu li ul li
{
	line-height: 30px;
	font-size: 0.8em;
}

ul.main-menu li ul 
{
	margin-left: 20px;	
}

/* ------------------------ LEFT COLUMN STYLES ----------------------------------*/
div.leftContents ul
{
	list-style: none;
}

div.leftContents h2 {
	font-family:'dark11regular';		
	font-size: 1.8em;
	color: #FFFFFF;
}

div.leftContainer {
	margin: 0px 0px 20px 20px;
	padding: 0px;	
}


/* ------------------------ MAIN COLUMN STYLES ----------------------------------*/
div.mainBody h1, div.mainBody h2, div.mainBody h3, div.mainBody h4, div.mainBody p 
{
	margin-left: 10px;	
	margin-right: 10px;	
} 

div.mainContents header h2 {
	font-size: 2.0em;
	text-align: center;	
	margin: -40px 0px 20px 0px;
	font-family:'dark11regular';		
	color: #FFFFFF;		
	width: 100%;
}

div.mainBody h2
{
	margin: 5px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
	font-family:'dark11regular';		
	color: #FFFFFF;	
}

div.mainBody h3
{
	font-size: 1.6em;
}

div.mainBody h3 a
{
	color: #AA9338;
	text-decoration:none;
}

div.mainBody ul {
	margin-left: 80px;	
}

div.twoColumn div.mainBody img
{
	max-width: 745px;
	width: auto;
	height: auto;
}

input.moreDetails {
	width: 100px;
	height: 36px;
	background: transparent url(../images/button.png) repeat top left;	
	cursor: pointer;
	color: #000;
	padding: 0px 0px 5px 0px;	
	float: right;
}

div.contacts {
	position: relative;
	width: 920px;
	margin-right: -100px;
}

div.contact {
	position: relative;
	float: left;
	width: 380px;
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	padding: 0px 10px 10px 10px;
	margin: 0px 30px 0px 15px;
}

div.contact h4
{
	background: transparent url(../images/transparentBlack.png) repeat top left;
	font-family:'dark11regular';		
	color: #FFDD1B;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin: 0px -10px 10px -10px;
	padding: 8px 20px 7px 20px;
}

div.trading {
	margin-top: 20px;
}

div.map {
 	position: relative;
	clear: left;
	margin-top: 0px;
}

table 
{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #cfcfcf;
  margin-bottom: 1.618em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

table tr.alt-table-row {
  background: #f9f9f9;
}

table th, table td {
  background: #ffffff;
  vertical-align: top;
  padding: .5em .75em;
}

table th {
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background: -webkit-linear-gradient(#ffffff, #f1f1f1);
  background: -moz-linear-gradient(center top, #ffffff 0%, #f1f1f1 100%);
  background: -moz-gradient(center top, #ffffff 0%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f1f1f1);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f1f1f1)";
  border: 1px solid #cfcfcf;
  text-shadow: 1px 1px #fff;
  box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
  -webkit-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
  -moz-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
  -o-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
  color: #5a5a5a;
}

table td {
  border: 1px solid #cfcfcf;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
  -o-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
  color: #5a5a5a;
}

table td a {
  color: #5a5a5a;
}

table td a:hover {
	color: #8B0F04;
	-webkit-transition: 500ms linear 0s;
	-moz-transition: 500ms linear 0s;
	-o-transition: 500ms linear 0s;
	transition: 500ms linear 0s;
}

div.wideColumn div.mainBody h2
{
	width: 100%;
}

div.wideColumn div.mainBody h2.main
{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin: 0px -20px 20px -20px;
	padding: 8px 20px 7px 20px;
}

div.row p {
	margin: 0px;
}

div.row label {
	display: block;
	float: left;
	width: 140px;
}


div.siteMap {
	color: #231F20;	
}

div.siteMap ul {
	margin-left: 200px;
}

div.siteMap ul li ul, div.siteMap ul li ul li ul, div.siteMap ul li ul li ul li ul {
	margin-left: 60px;
}

div.siteMap ul li a {
	color: #231F20;	
}

div.siteMap ul li a:hover {
	color: #FFDD1B;
}

#moonPhases {
	position: relative;
	width: 630px;
	height: 280px;
	background: transparent url(../images/sky.jpg) no-repeat top left; 
	margin: 0px -20px -20px 0px;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
}

#moonPhases img {
	float: left;
	margin: 35px 5px 10px 15px;	
}

#moonPhases #moonDetails {
	width: 400px;
	margin-left: 200px;
	font-size: 0.9em;
}

#moonPhases #moonDetails label {
	display: inline-block;
	font-weight: bold;
	width: 120px;
}

#moonPhases a.prev {
	font-size: 1.2em;
	display: inline-block;
	padding: 0px 10px 5px 10px;
	margin: 0px 10px 0px 0px;
	color: #FFF;
}

#moonPhases a.next {
	font-size: 1.2em;
	display: inline-block;
	padding: 0px 10px 5px 10px;
	margin: 0px 0px 0px 10px;
	color: #FFF;
}

#moonPhases a.now {
	display: inline-block;
	padding: 0px 10px 5px 10px;
	margin: 0px 60px 0px 60px;
	color: #FFF;
}

/* ------------------------ RIGHT COLUMN STYLES ---------------------------------*/

div.rightBody div.rightContents {
	font-size: 0.9em;	
}

/* ------------------------ BOTTOM STYLES --------------------------------------*/

div.bottomBody {
	width: 960px;
	clear: both;

}

div.bottomBody p {
	text-align: center;
}

div.bottomBody p img {
	margin: 0px 10px;
}

div.bottomBody p a img {
	max-width: 280px;
}

div.bottomBody div.thumbnails div.gallery {
	margin: 0px 12px;
}

#suppliersList {
	position: relative;
	color: #000000;
	width: 900px;
	height: 225px;
	border: 1px solid #AAAAAA;
	margin: 0px 0px 0px 30px;
	overflow: hidden;	
	background: #FFFFFF;
	border-radius: 5px;
	padding: 0px 10px 0px 10px;
}
#suppliersList h3 {
	padding: 3px 0px 5px 10px;
	background: #000000;	
	color: #FFDD1B;		
	margin: 0px -10px 0px -10px;
}

#suppliersListContainer {
	position: relative;
	height: 180px;
	margin: 5px 10px 10px 10px;
	overflow: hidden;	
}

#suppliersListInner {
	position: absolute;
	height: 180px;
	left: 10px;
	overflow: hidden;
	width: 920px;
	margin: 0px;
}
#suppliersListInner .supplier { 
	float: left;
	margin-right: 10px;	
}

.showMore {
	background: #AAAAAA;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 100px;
	padding: 2px 5px 3px 5px;
	position: relative;
	margin: 0px 0px 30px 830px;
}

#suppliersFullList {
	position: relative;
	width: 960px;
	margin: 0px 0px 0px 0px;	
}

#suppliersFullList .supplier {
	position: relative;
	float: left;
	width: 420px;
	height: 220px;
	overflow: hidden;
	margin: 0px 20px 0px 0px;
	text-align: center;
}

#suppliersFullList .supplier img {
	max-width: 420px;
}

/* ------------------------ FOOTER STYLES --------------------------------------*/

div#footer
{
	position: absolute;
	bottom: 0px;
	z-index: 20;
	width: 1200px;
	height: 30px;
	color: #FFFFFF;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	font-size: 0.8em;
	overflow: hidden;
}

span.bold {
	font-weight: bold;	
	margin-right: 8px;
}

span.content {
	margin-right: 16px;
}

span.small {
	font-size: 0.9em;
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom: 75px;
	right: 10px;
	overflow:hidden;
	width:77px;
	height:77px;
	border:none;
	text-indent:-999px;
	z-index:50;
	background:url(../images/top.png) no-repeat left top;
}

#toTop:hover {
	outline:none;
	background-position: 0 -77px;
}

th.fc-widget-header {
	color: #000;
}