@charset "UTF-8";
/* Ruan Vermeulen / Black Snow - Global reset */

*			{ margin: 0; padding: 0;}
html		{ overflow-y: scroll;}
html,body	{ height: 100%; background: url(../images/bg.jpg) repeat-x;}
ul			{ list-style: none;}
ol			{ list-style: decimal;}
li			{ display: inline;}
a			{ text-decoration: none;}
a img		{ border: none; }
h1			{ color: #3f4040; font-size: 20px; font-family: Tahoma, Geneva, sans-serif;}
h1#indent	{ color: #3f4040; font-size: 20px; font-family: Tahoma, Geneva, sans-serif; padding-left: 15px;}
h2			{ color: #fff; text-transform: uppercase; font-size: 13px; font-family: Tahoma, Geneva, sans-serif;}
.highlight-link	{ color: #1fb2e4; text-decoration:underline;}
.highlight-text	{ color: #1fb2e4;}
.clear		{ clear: both;}

/* Font */

@font-face { font-family: 'LetterGothicLine';
			 src: url('../fonts/letgothl.eot'); 
			 src: url('../fonts/letgothl.eot?iefix') format('eot'),
			 	url('../fonts/letgothl.woff') format('woff'),
			 	url('../fonts/letgothl.ttf') format('truetype'),
			 	url('../fonts/letgothl.svg') format('svg');}

/* Structure */

#head-wrap	{ width: 1100px; margin: 0 auto; height: auto !important; height: 100%; }
#page-wrap	{ width: 1100px; margin: 0 auto -249px; min-height: 100%; height: auto !important; height: 100%; }
#push       { height: 249px; }
.footer-wrap	{ width: 1100px; height: 0 auto !important; margin: 0 auto; height: 100%;}
.footer		{ height: 249px; background: #3b3b3b; border-top: solid 4px; border-color: #777677;}

/* Home */

#logo		{ width: 400px; height: 128px; background: url(../images/logo.png) no-repeat;}

/* Navigation */

#menu		{ width: 100%; height: 78px; text-transform: uppercase;}

#nav, #nav ul	{ float: left; list-style: none; line-height: 1; background: #7dd3f4; padding: 0; margin: 0 0 1em 0; 
				  border-radius: 5px; -moz-border-radius: 5px;
				  -webkit-border-radius: 5px;width:100%;}

#nav a#one 	{ display: block; width: 100%; height: 51px; text-decoration: none; border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; 
			  -moz-border-bottom-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;
			  float: left; text-align: center; padding-top: 30px; font: 25px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;    line-height: 21px;}
#nav a#one-active 	{ display: block; width: 100%; height: 51px; text-decoration: none; border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; 
			  -moz-border-bottom-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;
			  background: #4a5456; float: left; text-align: center; padding-top: 30px; font: 25px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;    line-height: 21px;}
#nav a#two 	{ display: block; width: 100%; text-decoration: none; height: 51px; border-left: solid 1px; border-color: #fff; 
			  float: left; text-align: center; padding-top: 30px; font: 25px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;    line-height: 21px;}
#nav a#two-active	{ display: block; width: 100%; text-decoration: none; height: 51px; border-left: solid 1px; border-color: #fff; 
			  		  float: left; text-align: center; padding-top: 30px; font: 25px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;
					  background: #4a5456;    line-height: 21px;}
#nav a#three 	{ display: block; width: 100%; text-decoration: none; height: 51px; border-left: solid 1px; border-color: #fff; 
				  float: left; text-align: center; padding-top: 30px; font: 25px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;    line-height: 21px;}
#nav a#three-active	{ display: block; width: 100%; text-decoration: none; height: 51px; border-left: solid 1px; border-color: #fff; 
				  	  float: left; text-align: center; padding-top: 30px; font: 25px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;
				  	  background: #4a5456;    line-height: 21px;}
#nav a#four	{ display: block; width: 100%; text-decoration: none; height: 51px; border-left: solid 1px; border-color: #fff; float: left; 
			  text-align: center; padding-top: 30px; font: 25px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;    line-height: 21px;}
#nav a#four-active	{ display: block; width: 100%; text-decoration: none; height: 51px; border-left: solid 1px; border-color: #fff; float: left; 
			  		  text-align: center; padding-top: 30px; font: 25px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;
					  background: #4a5456;    line-height: 21px;}
#nav a#five { display: block; width: 100%; text-decoration: none; /*height: 51px;*/ border-left: solid 1px; border-color: #fff; text-align: center;
			  float: left; padding: 12px 0; font: 25px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;    line-height: 61px;}
#nav a#five-active	{ display: block; width: 100%; text-decoration: none; /*height: 51px;*/ border-left: solid 1px; border-color: #fff; text-align: center;
			  		  float: left; padding: 9px 0; font: 25px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;line-height: 61px;
					  background: #4a5456; border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; 
					  border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;}
#nav a#six { display: block; width: 100%; text-decoration: none; /*height: 51px;*/ border-left: solid 1px; border-color: #fff; text-align: center;
			  float: left; padding: 12px 0; font: 25px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;    line-height: 21px;}
#nav a#six-active	{ display: block; width: 100%; text-decoration: none; /*height: 51px;*/ border-left: solid 1px; border-color: #fff; text-align: center;
			  		  float: left; padding: 9px 0; font: 25px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;line-height: 21px;
					  background: #4a5456; border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; 
					  border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;}

#nav li		{ float: left; padding: 0; height: 81px; width:16.66%}
#nav li ul 	{ position: absolute; left: -999em; height: auto; width: 250px; margin: 78px 0 0 0; z-index: 999999;
			  border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; border-radius: 0; -moz-border-radius: 0;
			  -webkit-border-radius: 0;}
#nav li li 	{
	padding: 10px; 
	width: 230px; 
	height: 35px!important; 
	line-height: 18px;
    align-items: center;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
#nav li ul a	{ width: 250px; font: 18px 'LetterGothicLine', Arial, Helvetica, sans-serif; color: #fff;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul	{ left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul	{ left: auto;}
#nav li:hover, #nav li.sfhover	{ background: #4a5456;}
#nav li li:hover, #nav li li.sfhover	{ background: #777677;}

/* Content */

.thumb-container	{ font: 18px Tahoma, Geneva, sans-serif; font-weight: bold; color: #fff; text-transform: uppercase;}
#thumb-one	{ width: 30.4%; height: 241px; background: #99dbf9; float: left; padding: 15px 15px 15px 13px;}
#thumb-two	{ width: 30.4%; height: 241px; background: #aae1fa; float: left; padding: 15px 15px 15px 14px;}
#thumb-three	{ width: 30.4%; height: 241px; background: #bee5f3; float: left; padding: 15px 15px 15px 14px;}
.thumbnail	{ margin-top: 20px;}
.read-more	{ margin-top: 20px;}

.content	{ font: 12px Tahoma, Geneva, sans-serif; color: #7d7d7d;}
.content-long	{ font: 12px Tahoma, Geneva, sans-serif; color: #7d7d7d;}
#about-us	{ width: 30.4%; height: 370px; float: left; margin: 20px 0 0 15px;}
#about-detail	{ height: 300px; margin-top: 15px; padding: 15px;}
#column-two	{ width: 30.4%; height: 300px; float: left; padding: 15px; margin-top: 59px;}
#contact-us	{ width: 30.4%; height: 370px; float: left; margin: 20px 0 0 15px;}
#contact-detail		{ height: 280px; margin-top: 15px; padding: 15px; background: #f6f6f6;}
#left-align	{ float: left;}
#right-align	{ float: right; width: 200px;}
#icons		{ float: right; margin: -25px 0 0 7px;}

#col-one	{ width: 298px; float: left; margin: 20px 0 0 15px;}
#one-detail	{ margin-top: 15px; padding: 15px;}
#col-one-extend	{ width: 930px; float: left; margin: 20px 0 0 15px;}
#extend-detail	{ margin-top: 15px; padding: 15px;}
#col-one-stretched	{ width: 628px; float: left; margin: 20px 0 0 15px;}
#col-two	{ width: 300px; float: left; padding: 15px; margin-top: 59px;}
#col-three	{ width: 290px; float: left; margin: 20px 0 0 15px;}
#three-detail { margin-top: 53px;}
#table-content td	{ padding-top: 5px;} 

/* Slideshow */

#container	{ width: 1010px; padding: 10px; margin: 0 auto; margin-bottom:122px; position: relative; z-index: 0; height: 228px}
#slides 	{ position:absolute; top:15px; z-index:100;}
.slides_container { width:1015px; overflow:hidden; position:relative; display:none;}
.slides_container a { width:1015px; height:409px; display:block;}
.slides_container a img { display:block;}
#slides .next,#slides .prev { position:absolute; top:0px; left:-42px; width: 35px; height: 340px; display:block; z-index:101;}
#slides .next {left: 100%;}
.pagination { display: none;}

/* Footer */

#left-column	{ width: 210px; padding-top: 30px; float: left; color: #cfcece; font-size: 11px; font-family: Tahoma, Geneva, sans-serif;}
ul.quick-links	{ list-style-image: url(../images/list-image.png); margin-left: 15px;}
li.footer-link	{ display:list-item;}
a.f-link		{ color: #cfcece; text-decoration: none;}
a.f-link:hover	{ text-decoration: underline;}
p.small			{ font-size: 10px; width: 250px; margin-left: 15px;}
#middle-column	{ width: 455px; padding: 30px 10px 0 20px; float: left; color: #cfcece; font-size: 11px; font-family: Tahoma, Geneva, sans-serif;}
#right-column	{ float: right; padding-top: 35px;}

/* Forms */

input		{ border: 1px solid #3b3b3b; padding: 7px; border-radius: 3px; outline: none; color: #7d7d7d; margin-bottom: 3px; font: 12px Tahoma, Geneva, sans-serif; color: #7d7d7d;}
#button		{ background-color: #1fb2e4; color: #fff; cursor: pointer; border: none; font-size: 14px; text-transform: uppercase;}
#detail		{ border: 1px solid #3b3b3b; padding: 7px; border-radius: 3px; outline: none; color: #7d7d7d; margin-bottom: 5px; font: 12px Tahoma, Geneva, sans-serif; 
			  color: #7d7d7d; max-height: 100px;}
#success	{ font-size: 14px; color: #6C0; margin-left: 20px;}