/* RESPONSIVE GRID SYSTEM =============================================================================  */

/* BASIC PAGE SETUP ============================================================================= */

body { 
margin : 0 auto;
padding : 0;
font-family: 100%/1.4 'brandon_grotesqueblack', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 	
color : #000; 
text-align: center;
background: #fff url(/images/bg.png) repeat-x left top;

}

button, 
input, 
select, 
textarea { 
font-family : MuseoSlab100, lucida sans unicode, 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 
color : #333; }

/*  HEADINGS  ============================================================================= */

p { 		    font-family: 'brandon_grotesquemedium', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 	
letter-spacing:1px;}

h1, h2, h3, h4, h5, h6 {
	font-family:  'brandon_grotesquemedium', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

font-weight : normal;
margin-top: 0px;
}

h1 {
	font-family:  'brandon_grotesqueblack', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size:1.25em;
	text-transform:uppercase;
	letter-spacing:.2em;
	text-align:right;
}


h2 { 
color: #222;
margin-bottom : .5em;
margin-top : .5em;
font-size : 2.75em; /* 40 / 16 */
line-height : 1.2;
}

h3 { 
color: #333;
margin-bottom : 0.3em;
letter-spacing: -1px;
font-size : 2em; /* 28 / 16 */
line-height : 1.3;
 }


h4 { 
color: #444;
margin-bottom : 0.5em;
font-size : 1.5em; /* 24 / 16  */
line-height : 1.25; }

	footer h4 { 
		color: #999;
		letter-spacing: .1em;
	}

h5 { 
color: #555;
margin-bottom : 1.25em;
font-size : 1em; /* 20 / 16 */ }

h6 { 
color: #666;
font-size : 1em; /* 16 / 16  */ }


#toppanel {
    width: 100%;
    height:20px;
    z-index: 998;
    text-align: left;
	line-height: 15px;
    	display:block:
    	padding-bottom:20px;
    		margin-bottom:20px;
}

#panel {
	z-index: 99;
	display: none;
	padding-top:30px;
}





/*  TYPOGRAPHY  ============================================================================= */

@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('brandon_blk-webfont.eot');
    src: url('brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('brandon_blk-webfont.woff') format('woff'),
         url('brandon_blk-webfont.ttf') format('truetype'),
         url('brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('brandon_med-webfont.eot');
    src: url('brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
         url('brandon_med-webfont.woff') format('woff'),
         url('brandon_med-webfont.ttf') format('truetype'),
         url('brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('brandon_light-webfont.eot');
    src: url('brandon_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('brandon_light-webfont.woff') format('woff'),
         url('brandon_light-webfont.ttf') format('truetype'),
         url('brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: normal;
    font-style: normal;

}


p, ol, ul, dl, address { 

 font-size: 1em; /* 16 / 16 = 1 */ 
color:#f84e4e;}
		line-height:1.2em;
		    font-family: 'brandon_grotesquelight', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 	
    text-transform:uppercase;
		

p {
hyphens : auto; }


p.center {
text-align: center;
}



ul, 
ol { 
margin : 0 0 1.5em 0; 
padding : 0 0 0 24px; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

b, strong { 
font-weight : bold; }

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

	
/* LINKS =============================================================================  */

a { 
color : #cc1122;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

a:visited { 
color : #000; }

a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

a:hover, 
a:active { 
outline : 0;
color : #666;
}

.hidden_menu { 
	    font-family: 'brandon_grotesquemedium', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 	
    text-transform:uppercase;
color : #777;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
font-size:.8em;
letter-spacing: .05em;
}

li.hidden_list.mobile {
	display: none;	
}


.hidden_menu:visited { 
color : #777; }

.hidden_menu:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

.hidden_menu:hover, 
.hidden_menu:active { 
outline : 0;
color : #000;
}

.whitelink { 
	 font-family: 'brandon_grotesquemedium', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 	
    text-transform:uppercase;letter-spacing:3px;
color : #ddd;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

.whitelink:visited { 
color : #000; }


.whitelink:hover, 
.whitelink:active { 
color : #000;
}

.lightlink { 
color : #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
text-align:right;
}

.lightlink:visited { 
color : #000; }

.lightlink:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

.lightlink:hover, 
.lightlink:active { 
outline : 0;
color : #666;
}


footer a { 
color : #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

footer a:visited { 
color : #fff; }

footer a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

footer a:hover, 
footer a:active { 
outline : 0;
color : #fff;
}


/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/
/*  MAIN LAYOUT	============================================================================= */

#skiptomain { display: none; }

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
	background:#f1f1f1;
	padding-bottom:350px;
	overflow-x:hidden
}

	#headcontainer {
		width: 100%;
		height: 250px;
		background: #e4e4e4 repeat-x center top;
		position:fixed;
		z-index: 2000;
	}

		.header {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 1120px; /* 1120px / 13 */
			margin: 0 auto;
			padding: 110px 0px 10px 0px;
			position: relative;
			color: #000;
	
		}
 

	#maincontentcontainer {
		width: 100%;
		top:250px;
		z-index: 3000;
		height:100%;
		background:#f1f1f1;
		position: relative;
		margin-bottom:180px;

	}
	
	.drawer_element
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 600px;
	background-color: #f84e4e;
 	margin-top: -600px;
 	z-index: 5000;
 					color: #000;
				font-size: .75em; /* 12 / 13 */
				letter-spacing:1px;
				text-align:left;
				line-height:2.4em;
}
			.push {
		margin-top:px;
		}
		.dropit {
    list-style: none;
	padding: 0;
	margin: 0;
}
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a:hover {}
.hidden_list {display:inline;
padding-right:40px;
}

.dropit .dropit-trigger { position: relative; }
.dropit .dropit-submenu {
    position: absolute;
    padding-top: 20px;
    left: 0; /* dropdown left or right */
    z-index: 1000;
    display: none;
    min-width: 300px;
    float:left;
    list-style: none;
	padding: 0;
	    padding-top: 57px;
	margin: 0;
}
.dropit .dropit-open .dropit-submenu { display: block; }
			#maincontent{
				clear: both;
				width: 80%; /* 1000px / 1250px */
				font-size: 0.8125em; /* 13 / 16 */
				max-width: 1120px;
				margin: 0 auto;
				padding: 1em 0px;
				color: #333;
				position: relative;
				z-index: 3000;
				
			}

	#footercontainer {
		width: 100%;	
		background: #333 left top;
		height:300px;
		position:fixed;
		bottom:0px;
		z-index:1000;
	}
	
		footer {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.4em; /* 13 / 16 */
			max-width: 1120px;
			margin: 0 auto;
			padding: 90px 0px 10px 0px;
			color: #999;
			z-index: 1000;
			text-align:left;
			
		}

		footer strong {
			font-size: 1.077em; /* 14 / 13 */
			color: #aaa;
		}


		footer a:link, footer a:visited { color: #999; text-decoration: none;letter-spacing:1px; }
		footer a:hover { color: #fff; text-decoration: none; }

		ul.pagefooterlist, ul.pagefooterlistimages {
			display: block;
			float: left;
			margin: 0px;
			padding: 0px;
			list-style: none;
		}

		ul.pagefooterlist li, ul.pagefooterlistimages li {
			clear: left;
			margin: 0px;
			padding: 0px 0px 3px 0px;
			display: block;
			line-height: 1.5em;
			font-weight: normal;
			background: none;

		}

		ul.pagefooterlistimages li {
			height: 34px;
		}


		ul.pagefooterlistimages li img {
			padding: 5px 5px 5px 0px;
			vertical-align: middle;
			opacity: 0.75;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
			filter: alpha( opacity  = 75);
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

		ul.pagefooterlistimages li a
		{
			text-decoration: none;
		}

		ul.pagefooterlistimages li a:hover img {
			opacity: 1.0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha( opacity  = 100);
		}

			.smallprint {
				text-align: left;
				line-height:20px;
				color: #f9f9f9;
				font-size: .85em; /* 12 / 13 */
				font-family:courier;
				position:relative;
				top:20px;
				left:20px;
			}
						.smallprint p {
				margin-top:25px !important;
			}
			.smallprint_2 {
				text-align: center;
  				line-height:23px;
			}

			.smallprint_2 p{
	 			 position: relative;
  				top: 46%;
  				transform: translateY(-50%);
    			font-size: 1em; /* 12 / 13 */
				color: #f9f9f9;
				font-family:courier;	
				letter-spacing:1px;
				line-height:23px;
			}

			#smallprint .twitter-follow-button{
				margin-left: 1em;
				vertical-align: middle;
			}

			#smallprint img {
				margin: 0px 10px 15px 0px;
				vertical-align: middle;
				opacity: 0.5;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha( opacity  = 50);
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}


			#smallprint a:hover img {
				opacity: 1.0;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha( opacity  = 100);
			}

			#smallprint a:link, #smallprint a:visited { color: #999; text-decoration: none; }
			#smallprint a:hover { color: #999; text-decoration: underline; }


 .border-top {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 4px;
    background: #f84e4e;
    z-index: 6000;
}

*/

 /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
	  text-align: left;
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
	  margin-bottom: 60px !important;
    }
	
	.thumbnail > img {
	  margin: 0 auto;
	}
	
	h3 sup {
		font-size: 13px;
		font-weight: normal;
	}

/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(169,196,198); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(169,196,198); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(169,196,198); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
	
	
/*menu*/
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
li {display:inline;}

/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

/*slideshow*/
.rslides {
  list-style: none;
  padding: 0;
  width: 100%;
  height: 100%;
  display:block;
  padding-bottom:40px;
  }
  
  
  
.thumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 0;
}
.thumb img {
    width: 100%;
    padding: 0;
}
.thumb a.vimeo div {
    background-color: rgba(168,198,196,0.75);
    opacity: 0;
    position: absolute;
    width: 98%;
    height: 96%;
    margin:1%;
    padding:0;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.2s linear;
    color: #fff;
    letter-spacing:.1em;
}
.thumb:hover a.vimeo div {
    display: block;
    opacity: 1.0;
}
.thumb > div div {
    padding: 20px 40px;
}
.thumb h2 {
    font-size: 1.2em;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.thumb p {
    margin-bottom: 10px;
	line-height: 1.6;   
}

	img.reverse{
	opacity: 1;
	filter: alpha(opacity=70);
 	-webkit-filter: grayscale(100%);
 	-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
	}	
	
img.reverse:hover {
	opacity: .6;
	filter: alpha(opacity=100);
 	-webkit-filter: grayscale(0%);
	}

        hr.thin {
            color: #999;
            background-color: #999;
            height: 1px;
            border: 0;
            width: 100%;
            margin-top:65px;
            margin-bottom:45px;
        }
.resize {
	width:82%;
	float:right;
	}
/* Example Media Queries */
@media screen and (max-width: 1200px) {

				.smallprint_2 {
				font-size: .75em; /* 12 / 13 */

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

				.smallprint_2 {
				text-align: center;
				line-height:400px;
				color: #f9f9f9;
				font-size: .75em; /* 12 / 13 */
			}
	}

@media screen and (max-width: 55em) {
	li.hidden_list.mobile {
		display: inline-block;	
	}
	li.hidden_list.desktop {
		display: none;	
	}
	.drawer_element {
		display: none;	
	}
				.smallprint_2 {
				text-align: center;
				line-height:300px;
				color: #f9f9f9;
				font-size: .75em; /* 12 / 13 */
 font-family: 'brandon_grotesquemedium', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 	
    text-transform:uppercase;letter-spacing:1px;
			}
		#footercontainer {
		width: 100%;	
		background: #333 left top;
		height:370px;
		position:relative;
		bottom:0px;
		z-index:1000;
		text-align:center;
	}
	.resize { width:100%; }
	.col.span_6_of_12.menudiv { width: 20% !important; }
	.col.span_6_of_12.namediv { width: 70% !important; float: right; }
	ul.menu.dropit { padding: 60px 0 0 20px; }
	.dropit .dropit-trigger { position: relative; }
.dropit .dropit-submenu {
      padding-top: 25px;

}
	h1 {
	font-family:  'brandon_grotesqueblack', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size:1.25em;
	text-transform:uppercase;
	letter-spacing:.2em;
		padding-top:60px;
		padding-right: 20px;	
		float:right;
	}
				.flipped_vertical {
display:none;
  
}
.flipped_vertical_2 {
display:none;
}
}
@media screen and (max-width: 32.25em) {
	#headcontainer {
		width: 100%;
		height: 140px;
		background: #e4e4e4 repeat-x center top;
		opacity:.9;
		position:relative;
		z-index: 2000;
		text-align:center;
	}
	#maincontentcontainer {

		top:0px;
		margin-bottom:0px;

	}
		.header {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 1120px; /* 1120px / 13 */
			margin: 0 auto;
			padding: 160px 0px 10px 0px;
			position: relative;
			color: #000;
			margin-top:100px;
		display:inline;
		}
		.push {
			padding-top:100px;
			}
				.flipped_vertical {
display:none;
  
}
.flipped_vertical_2 {
display:none;
}
		footer {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.5em; /* 13 / 16 */
			max-width: 1120px;
			margin: 0 auto;
			padding: 90px 0px 10px 0px;
			color: #999;
			z-index: 1000;
			text-align:center;
			
		}
		#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
	background:#f1f1f1;
	padding-bottom:30px;
	overflow-x:hidden
}
}

@media screen and (max-width: 24em) {
	
	
		.header {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 1120px; /* 1120px / 13 */
			margin: 0 auto;
			padding: 160px 0px 10px 0px;
			position: relative;
			color: #000;
			margin-top:100px;
		display:inline;
		}
		.push {
			padding-top:100px;
			}
			.dropit {
    list-style: none;
	padding: 0;
	margin: 0;
}
			.smallprint {
				text-align: left;
				line-height:13px;
				color: #f9f9f9;
				font-family:courier;
				font-size:.4em;
			}
						.smallprint_2 {
							position:absolute;
							top:50px;
				text-align: left;
				line-height:13px;
				color: #f9f9f9;
				font-family:courier;
				font-size:.4em;
			}
						.smallprint_2 p{
	 			 position: relative;
  				top: 26%;
  				transform: translateY(-50%);
    			font-size: 1em; /* 12 / 13 */
				color: #f9f9f9;
				font-family:courier;	
				letter-spacing:1px;
				line-height:23px;
			}
						#fat {
				text-align: center;
				line-height:10px;
				width:100%;
				color: #f9f9f9;
				font-size: 2em; /* 12 / 13 */
			}
			.flipped_vertical {
display:none;
  
}
.flipped_vertical_2 {
display:none;
}
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a:hover {}
.hidden_list {display:inline;
padding-right:20px;
}

.dropit .dropit-open .dropit-submenu { display: block; }
}
@media screen and (max-width: 400px) {
	
	
		.header {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 1120px; /* 1120px / 13 */
			margin: 0 auto;
			padding: 160px 0px 10px 0px;
			position: relative;
			color: #000;
			margin-top:100px;
		display:inline;
		}
		.push {
			padding-top:100px;
			}
			.dropit {
    list-style: none;
	padding: 0;
	margin: 0;
}
			.smallprint {
				text-align: left;
				line-height:13px;
				color: #f9f9f9;
				font-family:courier;
				font-size:.4em;
			}
						.smallprint_2 {
	text-align:center;
			}
						.smallprint_2 p{
	 			 position: relative;
  				top: 27%;
  				transform: translateY(-50%);
    			font-size: 1em; /* 12 / 13 */
				color: #f9f9f9;
				font-family:courier;	
				letter-spacing:1px;
				line-height:23px;
			}
						#fat {
				text-align: center;
				line-height:10px;
				width:100%;
				color: #f9f9f9;
				font-size: 2em; /* 12 / 13 */
			}
			.flipped_vertical {
display:none;
  
}
.flipped_vertical_2 {
display:none;
}
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a:hover {}
.hidden_list {display:inline;
padding-right:20px;
}

.dropit .dropit-open .dropit-submenu { display: block; }
}