body {
	background-image:url("../img/bg5.jpg");
	height: 100%;
	font-family : "helvetica"; "arial"; Tahoma;
	font-size: 90%;
	color: #000000;
}

img {
	text-align: center;
	max-width: 99.9%;
	height: auto;
	width: auto;
	border-radius: 10px;
}


.show {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.show iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 99.6%;
	height: 100%;
	border="0";
	border-radius: 10px;
}

#wrapper {
	margin: 0 auto;
	max-width: 980px;
	width: 96%;
	background-color: #ededed;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-top:0.5%;
	border-radius: 10px;
}


header {
	padding: 5px;
	text-align: center;
}

/* unvisited link */
header a:link {
    color: #397692;
}

/* visited link */
header a:visited {
    color: #03617D;
}

/* mouse over link */
header a:hover {
    color: #049ac7;
}



.headleft-coltop {
	width: 50%;
	float: left;
}

.headsidebartop {
	width: 48%;
	float: right;
}

.headsidebartop p {
	color: #000000;
	text-align: center;
}

.headsidebartop img {
	padding-top: 5px;
}

.headsidebartop a {
	padding-right: 10px;
}


/* unvisited link */
section a:link {
    color: #397692;
}

/* visited link */
section a:visited {
    color: #03617D;
}

/* mouse over link */
section a:hover {
    color: #049ac7;
}

.flat-col {
	background: #becbd1;
	width: 100%;
	float: left;
	margin-bottom: 2%;
	border-radius: 10px;
	text-align: left;
	padding-bottom: 10px;
	color: #000000;
}

.mid-col {
	background: #becbd1;
	width: 100%;
	float: left;
	margin-bottom: 2%;
	border-radius: 10px;
	text-align: center;
	padding-bottom: 10px;
	color: #000000;
}


.mid-col_BLANK {
	background: #ededed;
	width: 100%;
	float: left;
	margin-bottom: 2%;
	border-radius: 10px;
	text-align: center;
	padding-bottom: 10px;
	color: #000000;
}


.halfleft-col {
	background: #becbd1;
	width: 49%;
	float: left;
	text-align: center;
	margin-bottom: 2%;
	border-radius: 10px;
}

.halfright-col {
	background: #becbd1;
	width: 49%;
	float: right;
	text-align: center;
	margin-bottom: 2%;
	border-radius: 10px;
}

.halfleft-col_BLANK {
	background: #ededed;
	width: 49%;
	float: left;
	text-align: center;
	margin-bottom: 2%;
	color: #000000;
}

.halfright-col_BLANK {
	background: #ededed;
	width: 49%;
	float: right;
	text-align: center;
	margin-bottom: 2%;
	color: #000000;
}


.wheelleft {
	width: 45%;
	float: left;
	margin-bottom: 2%;
	border-radius: 10px;
}
.wheelrigt {
	width: 45%;
	float: right;
	margin-bottom: 2%;
	border-radius: 10px;
}

.colleft {
	background: #E8E6E6;
	width: 31%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2.5%;
	border-radius: 10px;
	text-align: center;
}

.colmid {
	background: #E8E6E6;
	width: 32%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2.5%;
	border-radius: 10px;
	text-align: center;
}
.colright {
	background: #E8E6E6;
	width: 32%;
	float: left;
	margin-bottom: 2%;
	border-radius: 10px;
	text-align: center;
}

.logoone {
	background: #E8E6E6;
	width: 23%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.logotwo {
	background: #E8E6E6;
	width: 23%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.logothree {
	background: #E8E6E6;
	width: 23%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.logofour {
	background: #E8E6E6;
	width: 23%;
	float: left;
	margin-bottom: 2%;
	border-radius: 10px;
	text-align: center;
}


.wheelone {
	background: #E8E6E6;
	width: 15%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.wheeltwo {
	background: #E8E6E6;
	width: 15%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.wheelthree {
	background: #E8E6E6;
	width: 15%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.wheelfour {
	background: #E8E6E6;
	width: 15%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.wheelfive {
	background: #E8E6E6;
	width: 15%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.wheelsix {
	background: #E8E6E6;
	width: 15%;
	float: left;
	margin-bottom: 2%;
	border-radius: 10px;
	text-align: center;
}

.wheelonepromo {
	background: #f9d507;
	width: 15%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.wheeltwopromo {
	background: #f9d507;
	width: 15%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.wheelthreepromo {
	background: #f9d507;
	width: 15%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.wheelfourpromo {
	background: #f9d507;
	width: 15%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.wheelfivepromo {
	background: #f9d507;
	width: 15%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2%;
	border-radius: 10px;
	text-align: center;
}

.wheelsixpromo {
	background: #f9d507;
	width: 15%;
	float: left;
	margin-bottom: 2%;
	border-radius: 10px;
	text-align: center;
}
.colone {
	background: #E8E6E6;
	width: 23%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2.7%;
	border-radius: 10px;
	text-align: center;
}

.colone img {
	padding-bottom: 20px;
}

.coltwo {
	background: #E8E6E6;
	width: 23%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2.6%;
	border-radius: 10px;
	text-align: center;
}

.coltwo img {
	padding-bottom: 20px;}

.colthree {
	background: #E8E6E6;
	width: 23%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2.7%;
	border-radius: 10px;
	text-align: center;
}

.colthree img {
	padding-bottom: 20px;}

.colfour {
	background: #E8E6E6;
	width: 23%;
	float: left;
	margin-bottom: 2%;
	border-radius: 10px;
	text-align: center;
}

.colfour img {
	padding-bottom: 20px;}

.colleftblack {
	width: 20%;
	float: left;
	margin-bottom: 2%;
	margin-right: 2.5%;
	border-radius: 10px;
	text-align: center;
}

.coltwoofthree {
	background: #ACAAAA;
	width: 75%;
	float: left;
	margin-bottom: 2%;
	border-radius: 10px;
	text-align: center;
	padding-bottom: 10px;
	color: #000000;
}



.colthreeone {
	width: 35%;
	float: left;
	border-radius: 10px;
	text-align: center;
}

.colthreetwo {
	width: 25%;
	float: left;
	border-radius: 10px;
	text-align: center;
	padding-top: 20px;
}


.colthreethree {
	width: 35%;
	float: right;
	border-radius: 10px;
	text-align: center;
}



.tyreone {
	width: 33%;
	float: left;
	border-radius: 10px;
	text-align: center;
}

.tyretwo {
	width: 33%;
	float: left;
	border-radius: 10px;
	text-align: center;

}

.tyrethree {
	width: 33%;
	float: left;
	border-radius: 10px;
	text-align: center;
}


.footone {
	width: 37%;
	float: left;
	border-radius: 10px;
	text-align: center;
}

.foottwo {
	width: 25%;
	float: left;
	border-radius: 10px;
	text-align: center;
	padding-top: 20px;
}


.footthree {
	width: 36%;
	float: right;
	border-radius: 10px;
	text-align: center;
}

footer {
	color: #000000;
}


/* unvisited link */
footer a:link {
    color: #397692;
}

/* visited link */
footer a:visited {
    color: #03617D;
}

/* mouse over link */
footer a:hover {
    color: #049ac7;
}

.footleft-col {
	width: 45%;
	float: left;
	border-radius: 10px;
}

.footsidebar {
	width: 45%;
	float: right;
	border-radius: 10px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #03617d;
    margin: 1em 0;
    padding: -4px;
}



h3 {
	text-align: center;

}


/* unvisited link */
h3 a:link {
    color: #397692;
}

/* visited link */
h3 a:visited {
    color: #03617D;
}

/* mouse over link */
h3 a:hover {
    color: #049ac7;
}





h4 {
	color: #ffffff;
	text-align: center;
}

h5 {
	color: #ffffff;
	text-align: right;
}

p {
	padding-left: 2%;

	padding-right: 2%;
}


/* unvisited link */
p top a:link {
    color: #397692;
}

/* visited link */
p top a:visited {
    color: #03617D;
}

/* mouse over link */
p top a:hover {
    color: #049ac7;
}


.shop  {
	width: 30%;
	float: right;
	align: bottom;
	text-align: right;
}

.shop img {
	max-width: 99.9%;
	height: auto;
	width: auto;
	border-radius: 10px;
}

.clear {
	clear: both;
}

@import url(http://fonts.googleapis.com/css?family=Istok+Web);
@keyframes slidy {
	0% { left: 0%; }
	20% { left: 0%; }
	25% { left: -100%; }
	45% { left: -100%; }
	50% { left: -200%; }
	70% { left: -200%; }
	75% { left: -300%; }
	95% { left: -300%; }
	100% { left: -400%; }
}

body, figure { 
	margin: 0;
}


div#captioned-gallery { 
	width: 100%; 
	overflow: hidden;
	margin-bottom: 2%;
}

figure.slider { 
  position: relative; 
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

figure.slider figure { 
  width: 20%; 
  height: auto;
  display: inline-block;  
  position: inherit; 
}

figure.slider img { 
	width: 100%; 
	height: auto; }

figure.slider figure figcaption { 
	position: absolute; 
	bottom: 0;
  	background: rgba(0,0,0,0.4);
  	color: #fff; 
	width: 100%;
  	font-size: 2rem;
	padding: .6rem; 
}








nav { 
	margin: 0; 
	padding: 0; 
	background-color: #03617d; 
	color: #FF0000;
} 



nav:after { 
	content: ""; 
	display: table; 
	clear: both; 
} 

nav ul { 
	float: right; 
	padding: 0; 
	margin: 0; 
	list-style: none; 
	position: relative; 

} 

nav ul li { 
	margin: 0px; 
	display: inline-block; 
	float: left; 
	background-color: #03617d; 
} 

nav a { 
	display: block; 
	padding: 0 20px; 
	color: FFFF00; 
	line-height: 60px; 
	text-decoration: none; 
	color: #FFFFFF;
	font-weight: Semi-bold; 
} 

nav ul li ul li:hover { 
	background: #000000; 
} 

nav a:hover { 
	background-color: #049ac7;
	color: #FFFFFF;
	font-weight: Semi-bold; 
} 

nav ul ul { 
	display: none; 
	position: absolute; 
	top: 60px; 
} 

nav ul li:hover > ul { 
	display: inherit; 
} 

nav ul ul li { 
	width: 170px; 
	float: none; 
	display: list-item; 
	position: relative; 
} 

nav ul ul ul li { 
	position: relative; 
	top: -60px; 
	left: 170px; 
} 

li > a:after { 
	content: ' +'; 
} 


.toggle, [id^=drop] { 
	display: none; 
 } 
 
li > a:only-child:after { 
	content: ''; 
} 

#iefix {
 position:relative;
 z-index:1000;
 }










@media all and (max-width : 768px) { 


 
nav { 
	margin: 0; 
}

 

.toggle + a, 
 .menu { 
	display: none; 
} 

.toggle { 
	display: block; 
	background-color: #03617d; 
	padding: 0 20px; 
	color: #FFFFFF; 
	line-height: 60px; 
	text-decoration: none; 
	border: none; 
	font-weight: bold; 
} 

.toggle:hover { 
	background-color: #049ac7;
	color: #FFFFFF;  
 } 


[id^=drop]:checked + ul { 
	display: block; 
} 

nav ul li { 
	display: block; 
	width: 100%; 
} 

nav ul ul .toggle, 
 nav ul ul a { 
	padding: 0 40px; 
} 

nav ul ul ul a { 
	padding: 0 80px; 
} 
 
nav a:hover, 
 nav ul ul ul a { 
	background-color: #049ac7; 
} 

nav ul li ul li .toggle, 
 nav ul ul a { 
	background-color: #397692; 
} 

nav ul ul { 
	float: none; 
	position: static; 
	color: #0000C0; 
} 

nav ul ul li:hover > ul, 
 nav ul li:hover > ul { 
	display: none; 
} 

nav ul ul li { 
	display: block; 
	width: 100%; 
} 

nav ul ul ul li { 
	position: static; 
} 

} 













@media all and (max-width : 330px) { 

 
nav ul li { 
	display: block; 
	width: 94%; 
} 

} 

@media screen and (max-width: 740px){

.headleft-coltop {
	width: 100%;
}
.headsidebartop {
	width: 100%;
}

.left-col {
	width: 100%;
}
.sidebar {
	width: 100%;
}
.mid-col {
	width: 100%;
}

.halfleft-colblack {
	width: 100%;
}

.halfright-colblack {
	width: 100%;
}
.halfleft-col {
	width: 100%;
}
.halfright-col {
	width: 100%;
}
.colone {
	width: 47%;
}
.coltwo {
	width: 47%;
}
.colthree {
	width: 47%;
}
.colfour {
	width: 47%;
}
.colleft {
	width: 100%;
}

.colmid {
	width: 100%;
}
.colright {
	width: 100%;
}

.colleftblack {
	width: 100%;
}

.coltwoofthree {
	width: 100%;
}
.footone {
	width: 100%;
}
.foottwo {
	width: 100%;
}
.footthree {
	width: 100%;
}
.footleft-col {
	width: 100%;
}
.footsidebar {
	width: 100%;
}
.wheelone {
	width: 31%;
	font-size: 80%;
}

.wheeltwo {
	width: 31%;
	font-size: 80%;
}

.wheelthree {
	width: 31%;
	font-size: 80%;
}

.wheelfour {
	width: 31%;
	font-size: 80%;
}

.wheelfive {
	width: 31%;
	font-size: 80%;
}

.wheelsix {
	width: 31%;
	font-size: 80%;
}
.wheelonepromo {
	width: 31%;
	font-size: 80%;
}

.wheeltwopromo {
	width: 31%;
	font-size: 80%;
}

.wheelthreepromo {
	width: 31%;
	font-size: 80%;
}

.wheelfourpromo {
	width: 31%;
	font-size: 80%;
}

.wheelfivepromo {
	width: 31%;
	font-size: 80%;
}

.wheelsixpromo {
	width: 31%;
	font-size: 80%;
}
.tyreone {
	width: 100%;
}

.tyretwo {
	width: 100%;
}


.tyrethree {
	width: 100%;
}
.logoone {
	width: 47%;
}

.logotwo {
	width: 47%;
}

.logothree {
	width: 47%;
}

.logofour {
	width: 47%;
}
}