*{
	-moz-box-sizing: border-box;
	-webkit-box: border-box;
	box-sizing: border-box;
 
}

/*bands */
.band{
	background: white;
}
.band.contact{
	background: url(../images/patternMidBlue.png) repeat #d4e7ec;
}
.band.header{
	background: #fff;
}

.band.navigation{
	background: #2980b9;
}
.band.footer{  
	 
 	 
 	color: black;
}
.band.bottom{
	background: #2980b9;
}
/*header*/
.logo{
	padding: 10px 0 0 20px;
}
.wmc{
	 
	padding: 50px 0;
}
.cartNav{
	padding: 0 20px;
}
.cartNav ul,
.cartNav ul li{
	margin: 0px;
	background: #758189;
}
.cartNav select{
	display: none;
	width: 100%;
	height: 28px;
	margin: 21px 0;
	
}
.cartNav ul li{
	display:incline;
	float:right;
	position:relative;
}
.cartNav ul li a {
	display:inline-block;
	line-height:49px;
	padding: 0 14px;
	color: #ebebeb;
	text-transform: uppercase;
	text-decoration:none;
	font-weight: bold;
	letter-spacing : 0.08em;
}
.cartNav ul li a:hover{
	background: #424242;
	cursor: pointer;
}
.cartNav ul ul {
	opacity: 0;
	filter: alpha(opacity=0);
	
	position: absolute;
	z-index: 999;
	background: #1d3245;
	
	height: 0px;
	overflow:hidden;
	
	min-width: 100%;
	
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
	
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}
.cartNav ul li span{
	display:none;
}
.cartNav ul li:hover ul{
	opacity: 10;
	filter: alpha(opacity=100);
	height:auto;
	overflow:auto;
}
.cartNav ul ul li {
	float:none;
	display: list-item;
	border-bottom: 1px solid #383737;
}
.cartNav ul ul li a{
	display:block;
	line-height: 35px;
	text-transform: none;
}
.cartNav ul li:hover > a{
	background:#424242;
}

/*navigation*/
nav.primary ul,
nav.primary ul li{
	margin: 0px;
}
nav.primary select{
	display: none;
	width: 100%;
	height: 28px;
	margin: 21px 0;
	
}
nav.primary ul li{
	display:incline;
	float:left;
	position:relative;
}
nav.primary ul li a {
	display:inline-block;
	line-height:49px;
	padding: 0 14px;
	color: #ebebeb;
	text-transform: uppercase;
	text-decoration:none;
	letter-spacing : 0.08em;
}
nav.primary ul li a:hover{
	background: #424242;
	cursor: pointer;
}
nav.primary ul ul {
	opacity: 0;
	filter: alpha(opacity=0);
	
	position: absolute;
	z-index: 999;
	background: #1d3245;
	
	height: 0px;
	overflow:hidden;
	
	min-width: 100%;
	
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
	
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}
nav.primary ul li span{
	display:none;
}
nav.primary ul li:hover ul{
	opacity: 10;
	filter: alpha(opacity=100);
	height:auto;
	overflow:auto;
}
nav.primary ul ul li {
	float:none;
	display: list-item;
	border-bottom: 1px solid #383737;
}
nav.primary ul ul li a{
	display:block;
	line-height: 35px;
	text-transform: none;
}
nav.primary ul li:hover > a{
	background:#424242;
}
/*images*/
figure {
	padding: 6px;
	border: 1px solid #ededed;
	background: #fff;
	line-height: 0px;
}

figcaption {
	font-size: .75em;
	text-align: center;
	padding: 14px 0;
}
/*location information*/
location h5{
	font-size:30px;
}
/*footer*/
footer a,
footer a:visited{
	color:  #2980b9;
	text-decoration: none;
}
footer a:hover{
	text-decoration:none;
	color:white;
}

.bottom footer{
	font-size: 12px;
	color: white;
}
div.last-credit{
	text-align: right;
}
footer.main container, header{
	background: url(../images/diagonal_dark.png) repeat;
	font-size:14px;
	line-height: 1em;
	margin: 28px 0 0;
}
footer.main container, h4{
	font-weight: bold;
	font-size: 14px;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	
	
	background:  white;
	display: inline;
	padding: 0 10px;
	margin: 0 0 0 14px;
}

/*forms style */
.error {color: #FF0000;}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;
}

/*my own flexslider styles*/
.flexslider {
	margin: 21px 0;
}

.flex-control-nav {
	width: 100%;
	text-align: center;
}

.flex-control-nav li {
	display: inline;
	margin: 0 5px;
}

.flex-control-nav li a {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #d5d5d5;
	border: 1px solid#d5d5d5;
	
	cursor: pointer;
	
	font: 0/0 a;
	text-shadow: none;
	color: transparent;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.flex-control-nav li a.active,
.flex-control-nav li a:hover {
	background: #f1f1f1;
}
 .nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
   text-decoration:none;
   color:#2980b9;
}

.nav > li > a {
  display: block;
   text-decoration:none;
   color:#2980b9;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li > a > img {
  max-width: none;
}

.nav > .pull-right {
  float: right;
}

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.nav li + .nav-header {
  margin-top: 9px;
}

.nav-list {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
  text-decoration:none;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-right: -15px;
  margin-left: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

 

 
 

 
  
 
 
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.paint_can img{
			display:none;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		 
		 
		 
		.wmc{
		display:none;
		}
		 .paint_can img{
			display:none;
		}
		.mail img{
			display:none;
		} 
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		nav.primary select{
		display: block;
		}
		nav.primary ul{
		display:none;
		}
		.wmc{
		display:none;
		}
		 .paint_can img{
			display:none;
		}
		.mail img{
			display:none;
		}
	 
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/