/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Typography (baseline corrections)
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Typography (baseline corrections)
================================================== */	

@font-face {
  
	font-family: 'gccsco';    
	src:url('/font/Champagne-Limousines.ttf.woff') format('woff'),
        url('/font/Champagne-Limousines.ttf.svg#Champagne-Limousines') format('svg'),
        url('/font/Champagne-Limousines.ttf.eot'),
        url('/font/Champagne-Limousines.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: gccsco;
    src: url(http://gccsco.halewebconsulting.com/font/Champagne-Limousines.ttf);
    font-weight:400;
}
	h1, h2, h3, h4, h5, h6 {color: #000; font-family:"Raleway";}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 42px; line-height: 49px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 42px; margin-bottom: 7px; }
	h3 { font-size: 28px; line-height: 35px; margin-bottom: 7px; }
	h4 { font-size: 21px; line-height: 28px; margin-bottom: 7px; }
	h5 { font-size: 14px; line-height: 21px; }
	
	p { margin: 0 0 21px 0; font-size:17px; }
	p.lead { line-height: 28px; }

/*	Blockquotes  */
	blockquote, blockquote p { line-height: 21px; }
	blockquote { margin: 0 0 21px; padding: 7px 20px 0 19px; border-left: 1px solid #ddd; }
	hr { margin: 14px 0 28px; height: 0; }
	/*media all*/
	hr.line-style {
		border: 0;
		border-top: 1px solid #d8d8d8;
		line-height: 1px;
		margin: 0;
	}
	
	
/* #Lists
================================================== */
	ul, ol { margin-bottom: 21px; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 7px 0 7px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 7px; }
	li { margin-bottom: 14px; }
	
/* #Site Styles
================================================== */

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

.slicknav_menu {
	display:none;
}

/* bands */
.band {
	background-color:#FFF;
	max-width:1024px;
	margin:0 auto;
}

.band.header{
	position:relative;
	
}

.band.navigation
{  

}
 .transparent{
       background:rgba(1,1,1,0.5);
   }
.highlight.message{
	position:absolute; 
	z-index:1;  
	width:65%; height:125px; 
	top:-125px;
}


.band.image {
}

.band.footer {
	background-color:#333;
}

.band.bottom
{
	display: block;
	padding: 49px 0 14px 0;
}
.band.bottom a
{
	color:#000;
}
	
.band.content {
	padding: 7px 0 14px 0;
	}

.band .innercontent {
	
	opacity: .85;
	filter: alpha(opacity=85);
	
	background-color: #fff;
	border: 1px solid #d5d5d5;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.band .innercontent h1 {
	color:#000;
}
.band .innercontent h2 {
	color:#000;
}
.band .innercontent h3 {
	color:#000;
}

.band .contactus.alpha {
	
	padding: 10px;
}

.band .contactform.omega {
	
	padding: 10px;
}

.band .rssFeed h4 {
	line-height:21px;
	font-weight: bold;
	font-size:14px;
}


.band .rssFeed .rssBody ul li a {
	text-decoration:none;
}


/* #heading */
header.main {
	padding: 5px 0;
}

header h1.logo{
	margin:7px 0 0 18px;
}

header h1.logo a{
	width:257px;
	height:77px;
	display:block;
	background: url(../images/museco_logo_sm.png) no-repeat 0 0;
	margin-left:18px;
	margin-right:auto;
	
	font: 0/0 a;
	text-shadow:: none;
	color: transparent;
}

.invalid {
    background:url(../images/invalid.png) no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#ec3f41;
}
.valid {
    background:url(../images/valid.png) no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#3a7d34;
}
.nounderline{text-decoration: none}

#logo {
    float: left;
    position: absolute;
    bottom: 1px;
    background-color: rgba(255, 255, 255, .8);
    color: black;
    z-index: 10;
    width: 220px;
    padding: 10px;
    font-size: 2em;
    line-height: 1.2;
    left: 1px;
}
.button_example{
	width:100%;
	text-align:center;
	border:1px solid #df0909; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	font-family:arial, helvetica, sans-serif; 
	padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
	background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
	background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
	background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
	background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
	background-image: -o-linear-gradient(top, #f62b2b, #d20202);
	background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}

.button_example:hover{
 border:1px solid #b30808;
 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}

/* #Navigtion Styles
================================================== */
nav.primary ul,
nav.primary ul li {
	margin:0px;
	text-align:center;
}

nav.primary select {
	display: none;
	width: 100%;
	height: 21px;
	margin: 14px 0;
}

nav.primary ul li {
	display: inline;
	text-align: center;
	position:relative;
}

nav.primary ul li a {
	display: inline-block;
	line-height:42px;
	color:#384d78;
	padding:0 16px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	letter-spacing: 0.04em
}

nav.primary ul li a:hover {
	color:red;
	cursor: pointer;
}


/* #Navigtion Sub Menu Styles
================================================== */
nav.primary ul ul {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	z-index: 999;
	background-color:white;
	
	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);
	left:0;
}

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 li:hover > a {
}

nav.primary ul ul li {
	float: none;
	display:list-item;
	border-bottom: 1px solid #666;
	width:400px;
}

nav.primary ul ul li a {
	display: block;
	line-height:35px;
	text-transform: none;
}

/* images */
figure {
	padding: 6px;
	border: 1px solid #e8e6e6;
	background: #fff;
}


.contact-form input[type="text"] {
	width:100%;
}
.contact-form label {
    margin-bottom: 3px;
    float: none;
    font-weight: bold;
    display: block;
	color:#000;
	font-size:14px;
}

.contact-form textarea {
    height: 200px;
    width: 100%;
    float: none;
    margin-bottom: 14px;
}

.contact-form label span {
    color: #aaa;
    margin-left: 4px;
    font-weight: normal;
}

.first-credit{margin-left:0px;}
.last-credit{margin-right:0px;}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.sixteen.columns.newcustomer{
	display:none;
}

.sixteen.columns.upload{
	display:none;
}



/* #Page Styles
================================================== */
html {background-image:url(../images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

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

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	
}




	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		
		#menu {
			display:none;
		}
	
		.slicknav_menu {
		display:block;
	}
	
		#hdate { display:none; }
		#ddate { display:none; }
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		header.main img{
			position:relative !important;
			margin-left:auto;
			margin-right:auto;
			display: block;
		}
		header.main .omega{
			text-align:center !important;
		}
		
		header h1.logo a{
			background-position:center;
			width:85px;
			margin-left:auto;
		}
		
		nav.primary select {
			display: block;
		}
	
		nav.primary ul {
			display: none;
		}
		.bottom footer{
			text-align: center;
		}		

		div.last-credit{
			text-align: center;
		}
		
		#menu {
			display:none;
		}
	
		.slicknav_menu {
		display:block;
	}
	
		#hdate { display:none; }
		#ddate { 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; }
*/