@import url(http://fonts.googleapis.com/css?family=Junge);
@import url(http://fonts.googleapis.com/css?family=Rosarivo);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

@import "default.css";
@import "default.advanced.css";
@import "dropdown.css";
@import "dropdown.vertical.rtl.css";
@import "background.css";

* { margin:0; padding:0; }
img{ border:none; }

html, body{
	height:100%;
	width: 100%;
	margin: 0 auto;
 	min-width: 960px; /* used for grid 960 min width */
	font:12px/18px "Junge" Arial, Helvetica, sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-font-smoothing: antialiased;
	}

#mainWrapper {overflow: hidden; margin-bottom: 50px;}
/**************************************************************
FRONT PAGE BOX LAYOUT
**************************************************************/
.container_12 a { border: none; overflow: hidden; -webkit-filter: grayscale(0);-webkit-transition: all .10s;}
.container_12 a:hover img  { -webkit-filter: grayscale(70%);} 

.image1,.image2,.image3,.image4,.image5 {padding: 0px;}
.image1 {float: left; width: 186px;  padding-bottom: 5px;}
.image3 {float: left; width: 186px;  padding-bottom: 5px; margin-left: 05px;}
.image4 {float: left; width: 186px;  padding-bottom: 5px; margin-left: 05px;}
.image2 {float: left; width: 186px;  padding-bottom: 5px; margin-left: 05px;}
.image5 {float: left; width: 186px;  padding-bottom: 5px; margin-left: 05px;}

.text { height: 80px; clear: both; width: 948px; background: white; color: black; margin-top: -84px; margin-bottom: 10px;}
.text2 { height: 80px; margin-top: -90px; }
p.LogoTextMain {font: 200 3em/3.5em "Rosarivo", Arial, Helvetica, Geneva, sans-serif; line-height: 0.9em;padding-top: 20px; text-align: center; text-transform: uppercase; letter-spacing: 3px;}
p.LogoTextMain2 {font: 200 1.3em/1.3em   Helvetica, Geneva, sans-serif; text-align: center; padding-top: 5px; font-weight: normal;}
p.LogoTextMain3 {font: 200 .9em/1.3em  Arial, Helvetica, Geneva, sans-serif; text-align: center; padding-top: 10px; letter-spacing: 0.1em; }
p.LogoTextMain4 {font: 200 1.6em/1.3em  Arial, Helvetica, Geneva, sans-serif; text-align: center; padding-top: 0px; }
p.LogoTextMain5 {font: 200 1.2em/1.1em   Helvetica, Geneva, sans-serif; text-align: center; padding-top: 5px; letter-spacing: 0.1em; font-weight:bold;}
p.LogoTextMain6 {font: 200 1.3em/1.1em   Helvetica, Geneva, sans-serif; font-style:italic; text-align: center; padding-top: 5px;  }


p.LogoTextSub {font: 200 1.2em/3em "Rosarivo", Arial, Helvetica, Geneva, sans-serif; text-align: center; margin-top: -10px; letter-spacing: 0.3em; }
p.LogoTextSub2 {font: 300 2.2em/1em  Arial, Helvetica, Geneva, sans-serif; text-align: center; margin-top: -10px; letter-spacing: 0.1em; }

.img-wrap{ overflow:hidden; position:relative; margin-top: 105px; margin-bottom: 5px;}
.img-overlay{ background-color:#003377; bottom:0; color:#fff; opacity:0; filter: alpha(opacity = 0); position:absolute; width:100%; z-index:1000; margin-bottom: 5px;}
.img-overlay h4, .img-overlay p{ padding:0 10px; }
.img-wrap:hover .img-overlay{ opacity:0.75; filter: alpha(opacity = 75); transition:opacity 0.25s; -moz-transition:opacity 0.25s; -webkit-transition:opacity 0.25s;}

/**************************************************************
HEADER IMAGE ON PRODUCT PAGES
**************************************************************/
#header {height: 300px; margin: 0 auto; padding: 0 auto; margin-top: 10px;}
#headerhome {height: 280px; margin: 0 auto; padding: 0 auto; margin-top: 10px;}
#header img.alignleft {display:inline; float:left; margin:5px 15px 5px 1;}
#header img.alignright {float:right; margin:5px 0 5px 15px;}
#header img.aligncenter {display:block; margin:0 auto; border: 5px solid #fff; width: 950px;}
#header img.aligncenter2 {display:block; margin:0 auto; border: 5px solid #fff; width: 950px;}
#headerhome img.alignleft {display:inline; float:left; margin:5px 15px 5px 1;}
#headerhome img.alignright {float:right; margin:5px 0 5px 15px;}
#headerhome img.aligncenter {display:block; margin:0 auto; border: 5px solid #fff; width: 950px;}

/**************************************************************
MAIN NAVIGATION
**************************************************************/
#navigationWrapper { position: relative; height: 100px; width: 960px; background: #003377; margin: 0 auto; padding-left: 20px; margin-top: -180px; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px; }

.navigation { width: 550px; margin: 0 auto; padding-top: 65px; padding-left: 200px;} 
#LogoWrapper { position: relative; height: 100px; margin: 0 auto;  width: 960px; }
#LogoWrapper2 { position: relative; height: 100px; margin: 0 auto;  width: 400px; }
.logo {position: relative; height: 100px;  margin-top: 20px;  z-index: 1000; margin-left: 20px;}
.logo2 {position: absolute; height: 100px;  margin-top: -80px;  z-index: 1100; margin-left: 744px; }
.logo3 {position: absolute; height: 180px;  margin-top: 250px;   z-index: 900; margin-left: -120px; }

/**************************************************************
PAGE CONTENT AND STYLING
**************************************************************/
#content{ background:#FFF; opacity: .8; width:540px; margin-top: -35px;text-align:left; padding: 20px; }
#content img.aligncenter {display:block; margin:0 auto;}
#content img.border {display:block; margin-bottom: 20px;}
.content_hdrImg { padding-top: 30px; padding-bottom: 20px;}

h1{
    opacity:0.4;
    
    text-align: center; font: 400 1.2em/1.1em "Times New Roman", Georgia, Serif;  padding-bottom: 8px;
}


p.hdrText{ padding-left:10px; font: 400 2em/2.5em "Junge", Arial, Helvetica, Geneva, sans-serif;}
p.straplineText{text-align: center;font: 800 3em/1em "Junge", Arial, Helvetica, Geneva, sans-serif; padding: 5px; line-height: 1.9em; padding-bottom: 5px; padding-top: 10px;}
p.straplineText2{text-align: center;font: 500 2em/1em  Helvetica, Geneva, sans-serif; padding: 0px; padding-bottom: 0px; }

p.straplineText3{text-align: center;font: 200 1.4em/1.5em   Helvetica, Geneva, sans-serif; line-height: 1.3em; padding-bottom: 0px; padding-top: 0px; font-weight: 500;}
.slidingDiv p.StandTitle{font: 800 1em/2em "Junge", Arial, Helvetica, Geneva, sans-serif; color: #8d6649; line-height: 1.9em; padding-bottom: 5px; padding-top: 10px; text-align: center;}
.slidingDiv p.straplineText2{font: font:bold 800 2em/2.5.5em "Junge", Arial, Helvetica, Geneva, sans-serif;  line-height: 1.0em; padding-bottom: 2px; text-align: center;}
p.contentText{text-align: center; font: 400 1.2em/1.5em "Junge", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 10px; padding-top: 10px;}
p.contentText2{text-align: center; font: 400 1.2em/1.5em "Junge", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 10px; padding-top: 10px;}
p.contentText21{text-align: center; font: 400 1.2em/1.5em  Helvetica, Geneva, sans-serif;}
p.contentText3{text-align: center; font: 400 1.2em/1.5em "Junge", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 5px; padding-top: 2px;}
p.contentText4{text-align: center; font: 400 1.2em/1.1em "Times New Roman", Georgia, Serif;  padding-top: 2px; padding-bottom: 2px; }
p.contentText5{text-align: center; font: 400 1.2em/1.1em "Times New Roman", Georgia, Serif;  padding-bottom: 8px; }



/**************************************************************
STAND POSITIONING
**************************************************************/
.displayStand { text-align: center; }
.displayStand a { font: 400 1.2em/1.2em "Junge", Arial, Helvetica, Geneva, sans-serif; color: #8d6649; text-align: center; text-decoration: underline; }
.displayStand a:hover { font: 400 1.2em/1.2em "Junge", Arial, Helvetica, Geneva, sans-serif; color: #544336; text-align: center; text-decoration: underline; }
.displayStand img.aligncenter {display:block; margin:0 auto; width: 300px; padding-top: 10px;}
	
/**************************************************************
FOOTER 
**************************************************************/
footer { width:100%; clear:both; height:50px; text-align:center; margin-bottom: 10px; margin-top: -35px;position:relative;}

.copyright a { color:#000; font: 14px "Times New Roman", Georgia, Serif;  color: #000000; margin:10px; text-decoration: none;}
.copyright a:hover { color: #fe9abf; font: 14px "Times New Roman", Georgia, Serif; color: #8d6649; margin-left:10px;}
.copyright { width: 540px; margin: 0 Auto; padding: 0 Auto; color:#000; "Times New Roman", Georgia, Serif; color: #000;  text-align:center; }
.clear { clear: both; background: none; }
.clear2 { clear: both; background: none; height: 10px; padding-top: 5px;}


/**************************************************************
PAGE - BUTTON
**************************************************************/
.awesome, .awesome:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }

.orange.awesome, .orange.awesome:visited		{ background-color: #8d6649; }
.orange.awesome:hover							{ background-color: #5b422f; }

/**************************************************************
SLIDER
**************************************************************/
/* The Slider Container */
#slideContainer { margin: 0 auto; width: 955px; height: 425px; z-index: 1;}

/* The Pager */
#pager {text-align: center; margin: -59px auto 0px; z-index: 100; width: 45px;}
#pager a {display: block;text-indent: -5000px;width: 10px;height: 10px;background-image:url(../images/pager-sprite.png);background-repeat: no-repeat; float: left; margin-right: 5px;}
#pager a {background-position: 0 0;}
#pager a:hover {background-position: 0 -11px;}
#pager a:active {background-position: 0 -11px;}
#pager a.activeSlide {background-position: 0 -22px;}
#pager a.activeSlide:hover {background-position: 0 -22px;}
#pager a.activeSlide:active {background-position: 0 -22px;}

/**************************************************************
Social icons
**************************************************************/
#social { padding: 20px 0 0 0; margin: 0 auto; width: 380px;}