/*
* 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
==================================================
	#Site Styles
	#Page Styles
	#Media Queries 
	#Debug */

/* !Site Styles*/
/*================================================== */
body, html { 
	height:100%;
	background-image:url(../img/strip5.jpg); 
	background-position:left left;
	background-repeat:repeat-y;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	-webkit-text-size-adjust: none;
	overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Slab', Georgia, serif; color:#d4ccc3; margin-top:15px; margin-bottom:10px; text-transform:uppercase;}
h3 a { font-family: 'Roboto Slab', Georgia, serif; color:#d4ccc3; }
.ul_wrapper { margin:0 auto; width:470px; padding-left:50px;}
ul li { float:left; width:125px; padding:13px 10px 4px; }
ul li a { text-decoration:none; color:white; font-weight:bold;}
ul li:hover {  }
ul li:hover a { color:#b1bebd; text-shadow: 0px 0px 2px #FFF;}
#button p { 
	-webkit-animation: slidetounlock 10s infinite;
/*	-moz-animation: slidetounlock 10s infinite;
*/	font-weight: 300;
	padding: 0;
	width: 200%;
	margin-left:-61px;
/*	background: -moz-linear-gradient(left,  #768483 0%, #768483 40%, #ffffff 50%, #768483 60%, #768483 100%); /* FF3.6+ */
*/	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#768483), color-stop(40%,#768483), color-stop(50%,#ffffff), color-stop(60%,#768483), color-stop(100%,#768483)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #768483 0%,#768483 40%,#ffffff 50%,#768483 60%,#768483 100%); /* Chrome10+,Safari5.1+ */
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
	background-clip:text;
	text-fill-color: transparent;

}

.none { text-decoration:none; }


/*@-moz-keyframes slidetounlock {		0% { background-position: -100px 0; } 100% { background-position: 100px 0; } }
*/@-webkit-keyframes slidetounlock {	0% { background-position: -100px 0; } 100% { background-position: 100px 0; } }

.plate {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height:150px;
}

.white { 
	font-size:28px;
	color:#768483;
	text-align:right;
	margin:10px 12px 0 0;
	font-family: "menubuttons";
	text-shadow: 0px 0px 24px #FFF;
}
.spacer { width:100%; height:100%; }
.hoverplate { width:100%; height:100%; }
.slidingDiv{ color:white; background-color:#bfc8c7; width:100%; display:none; height:49px; }


.khaki { background-color:#9c865f; }
.olive { background-color:#c2bf94; }
.taupe { background-color:#abab9f; }
.warmgrey { background-color:#848184; }
.coolred { background-color:#92756a; }
.bluegreen { background-color:#768483; }




.blue { color:#d8e7eb !important; }
.putty { color:#d4ccc3 !important; }
.brown { color:#745a41 !important; }
.llama { color:#e3dfe5 !important; }
.center { text-align: center; }
.right { text-align: right; }


.logotitle { 	
	background-image: url(../img/logo-horiz.png);
	background-position: 50px 50px;
	background-repeat: no-repeat;
	display: none;
 }
.logopanel {
	background-image: url(../img/logo.png);
	background-position: 4px 100px;
	background-repeat: no-repeat;
	position:absolute;
	left:0;
	top:0;
	width:50px;	
	min-height:100%;
	z-index:0;
}

.plate { float:left; position:relative; border:solid 5px white; }
.lgsquare { width:421px; height: 300px; }
.vert { width:211px; height:300px; }
.horiz { width:421px; }
.small { width:211px; }
.long { width:421px; }

.row4 { margin-top:-150px; }

.column2 { left:211px; }


.content { width:845px; margin:35px auto 0px; padding-left:50px;}
.wrapper { width:960px; margin:0px auto; }

@font-face {
	font-family: 'menubuttons';
	src: url('../type/menubuttons.eot');
  	src: url('../type/menubuttons.woff') format('woff'),
    		url('../type/menubuttons.otf') format('opentype'),
    		url('../type/menubuttons.svg#menubuttons') format('svg');
    font-weight: normal;
    font-style: normal;
  }

.coverletter { width:510px; margin:35px auto 0px; padding-left:50px; text-align:justify; color:#495251;}

/* plates */
/*================================================== */

.plate {  background-repeat:no-repeat; }
.hoverplate {  background-repeat:no-repeat; }
.ipod .hoverplate, .iphone .hoverplate, .ipad .hoverplate { background-image:url(../img/ios-sprite.jpg); }


.c-empire, .c-cq, .c-am, .c-bng, .c-tcc, .c-bc, .c-tccemail, .c-smccc, .c-trinorth, .c-dcsclogo, .c-dcsc, .c-cbd, .c-aqua { background-image:url(../img/c-sprite.jpg); }
.g-empire, .g-cq, .g-am, .g-bng, .g-tcc, .g-bc, .g-tccemail, .g-smccc, .g-trinorth, .g-dcsclogo, .g-dcsc, .g-cbd, .g-aqua { background-image:url(../img/g-sprite3.jpg); }

.c-empire, g-empire { background-position:0px 0px; }
.c-cq, .g-cq { background-position:-421px 0px; }
.c-am, .g-am { background-position:-421px -150px;}
.c-bng, .g-bng { background-position:0px -300px; }
.c-tcc, .g-tcc { background-position:-211px -300px; }
.c-bc, .g-bc { background-position:-421px -300px; }
.c-tccemail, .g-tccemail { background-position:-633px -300px; }
.c-smccc, .g-smccc { background-position:0px -450px; }
.c-trinorth, .g-trinorth { background-position:-421px -450px; }
.c-dcsclogo, .g-dcsclogo { background-position:0px -600px; }
.c-dcsc, .g-dcsc { background-position:-211px -600px; }
.c-cbd, .g-cbd { background-position:-633px -600px; }
.c-aqua, .g-aqua { background-position:-633px -450px; }

.topimage {  }
.leftimage { float:left; }
.platecontent { float:left; }
.wide .platecontent { width:450px; }
#facebox img { margin:0 10px; }
#facebox .content p { } 
#facebox .leftimage img { float:left; }
.wide, .medium, .thin { width:800px !important; margin-left:-63px;}
.medium .platecontent{ width:315px !important; }
.thin .platecontent { width:310px !important; }


.wide img, .thin img { float:left; } 
.imagewrap{ text-align:center; }

.tools { margin-top:28px;}
.party {  }
.awards {  }
.link a{ color:#09C; text-decoration:none;}
.link a:hover { color:#66C; }



/* !Debug */
/*================================================== */
.dblue { background-color:blue; color:white;}
.dred { background-color:red; }
.dgreen { background-color:green; }
.dorange { background-color:orange; }
.dborder { border:1px solid grey; }