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

@font-face {
    font-family: 'Corbel';
    src: url('fonts/corbel.eot');
    src: url('fonts/corbel.eot?#iefix') format('embedded-opentype'),
         url('fonts/corbel.woff') format('woff'),
         url('fonts/corbel.ttf') format('truetype'),
         url('fonts/corbel.svg#corbelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


*, body, html { margin: 0px; padding: 0px; }

body {
	font-family: Corbel, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size: 18px;
  	line-height: 1.428571429;
  	color: #666;
  	background: #000;
}

img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #000; }

a, li, ul, ol { text-decoration: none; color: #FFF; }
ul, li, ol > span { margin: 10px 0 0 10px; font-family: Corbel, Arial, Calibri, sans-serif; font-size: 13px; color: #FFF; text-decoration: none; }

a:hover { text-decoration: none; }
p { font-family: Corbel, Calibri, Verdana, Georgia, sans-serif; font-size: 14px; color: #CCC; text-transform: inherit; }

/*=========Horizontal Rule styles=============*/
hr { width: 100%; border: 0; height: 1px; margin: 10px 0; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }

.hrclass { margin: 10px 0; clear: both; }
.space { margin: 5px 0; padding: 5px 0; }
/*=========END Horizontal Rule styles=============*/

/*========= Main Navigation styles =============*/
#con-menu { height: 50px; background-color: #031833; width: auto; margin: 10px 0 5px 0; padding: 5px 0; font-family: Calibri, sans-serif; font-size: 18px; color: #FFF; line-height: 1.428571429; clear: both; }
	.con-menu ul { margin: 0; padding: 0; }
	.con-menu li { display: block; float: left; line-height: 30px; height: 50px; margin: 0 0 -25px 0; padding: 0; position: relative; }
	.con-menu li a { display: block; height: auto; line-height: 1px; padding: 0px 10px; font-family: Calibri, sans-serif; font-size: 18px; color: #FFF; }
 	.con-menu .current-menu-item a, .con-menu .current_page_item a, .con-menu a:hover { color: #6674B3; height: 50px; padding: 0px 10px; text-decoration: none; } 
/*=========END Main Navigation styles=============*/



/*===========New styles for the Menu==============*/
#cont-menu { width: auto; height: 50px; /* background-color: #031833;*/ background-color: #000; clear: both; margin: 5px 0; }
.cont-menu-right { width: auto; float: left; margin: 5px 8px 0 5px; }
	.cont-menu-right ul { margin: 0; padding: 0; }
	.cont-menu-right li { display: block; float: left; position: relative; font-family: Corbel, Calibri, sans-serif; font-size: 18px; color: #FFF; }
	.cont-menu-right li a { display: block; font-family: Corbel, Calibri, sans-serif; font-size: 18px; color: #FFF; padding: 0 10px; }
	.cont-menu-right li a:hover { font-family: Corbel, Calibri, sans-serif; font-size: 18px; color: #6674B3; padding: 0 10px; }
	
.cont-socials { width: 150px; float: left; margin: 5px 0 0 0; }
/*=========END Main Navigation styles=============*/



.bg { background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } /* FF3.6+ */
.bg { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); } /* Chrome,Safari4+ */
.bg { background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); } /* Chrome10+,Safari5.1+ */
.bg { background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); } /* Opera 11.10+ */
.bg { background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); } /* IE10+ */
.bg { background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); } /* W3C */
.bg { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } /* IE6-9 */

.container-spacer { margin: 14em 0 0 0; }



/*=======Style for text display on image on mousehover========*/
.wrapper {
    position: relative;
    padding: 0;
    display: block;
}
.text {
	font-family: Corbel, Calirbi, Verdana, Arial, sans-serif;
	font-size: 16px;
    position: absolute;
    margin: 10px 0 0 10px;
	padding: 4em 0 0 0;
    color: #000;
	background-color: rgb(210,209,209);
    background-color: rgba(253,220,163,0.5);
	width: 284px;
	height: 199px;
    line-height: 100%;
    text-align: center;
    z-index: 10;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	text-transform: uppercase;
}
.text img { 
	position: absolute;
    margin: 10px 0 0 30px;
	float: left;
}

.textsmall { font-family: Corbel, Calibri, Verdana, Arial, sans-serif; font-size: 12px; color: #000; text-transform: lowercase; }

.text:hover {
    opacity: 1;
}
}

img {
    z-index: 1;
}
/*=======Style for text display on image on mousehover========*/


.footer { width: 100%; margin: 1em 0; padding: 1em 0; background-color: #000; font-family: Calibri, Verdana, Arial, sans-serif; font-size: 11px; text-align: center; color: #FFF; }
.footer-inner { width: 100%; margin: 0 auto; }

.con-logo { width: 350px; float: left; margin: 5px 10px 5px 0; }
.container-top { width: 90%; margin: 0 auto; }
.container-top img { margin: 5px 15% 5px 30%; }

.black-semi-transparent {
  background-color: rgba(255, 255, 255, 0.2);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6–IE9 */
            zoom: 1;
}

.contents-holder { width: 100%; margin: 10px 0; padding: 1em 0; background-color: rgba(245, 245, 245, 0.2); }
.brand-details-below { width: 100%; padding: 3em 0; background-color: rgba(253,220,163,0.5); }
.brand-text { text-transform: uppercase; font-size: 20px; font-family: Arial, Calibri, Verdana, sanr-serif; color: #CCC; margin: 5px 0 -1em -1.2em !important;}
.main-text { text-transform: inherit; font-family: Corbel, Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.428571429; color: #000; }
.colour-text { font-family: Corbel, Calibri, Verdana, Arial, Georgia, sans-serif; font-size: 18px;  color: #F90; text-transform: inherit; }
.related-holder { width: 100%; margin: 10px 0; padding: 1em; background-color: rgba(245, 245, 245, 0.2); }
.related-brands { font-family: Corbel, Arial, Calibri, Verdana, sans-serif;  font-size: 13px; text-decoration: none; color: #000; border: 1px solid #F90; background-color: #FFF; padding: 1em 5px; margin: 5px; }
.related-brands-space { padding: 1em; }


.check-text { font-family: Calibri, Verdana, Arial, sans-serif; font-size: 14px; color: #999; text-transform: inherit; }
.textfield-space { margin: 0.5em 0; }
.contact-text { font-family: Calibri, Verdana, Arial, sans-serif; font-size: 14px; color: #000; text-transform: inherit; }

.error { color: #000; }


blockquote > p { font-family: Corbel, Arial, Calibri, Verdana, sans-serif; font-size: 8px; }

.whiteBG { background-color: #FFF; }
.navbar-nav > li { background-color: #F77A0D; margin: 0 1px 0 0; padding: 5px; height: 80px; text-transform: inherit; }
.about-us { margin: auto; }
.about-us img { float: right; }

.new-text { font-family: Corbel, Verdana, Arial, sans-serif; font-size: 14px; color: #000; }