body {
	font : 100%/1.4 'Helvetica Neue', arial, helvetica, helve, sans-serif white;
	color:#fff;
	letter-spacing:0.05em;
	background:url(../images/star.png) right top no-repeat #000;
}
 @import "compass/css3";
 @import url("http://fonts.googleapis.com/css?family=Lato:300,400,700,900");
 @import url(http://fonts.googleapis.com/css?family=Pacifico);
.text-center { text-align: center; }
*,
*:before,
*:after {
	-webkit-border-sizing: border-box;
	-moz-border-sizing: border-box;
	border-sizing: border-box;
}
.container {
	width: auto;
	margin: 20px 0;
 & > ul {
 list-style: none;
 padding: 0;
 margin: 0 0 20px 0;
}
}
 // =============================================================================  // Mixins and Variables  // =============================================================================  $blue: #2980B9;
 $gray: #EEE;
 @mixin ul-nostyle {
	list-style: none;
	padding: 0;
	margin: 0;
}
 @mixin double-shadow($color) {
 @include box-shadow(0 1px 0 lighten($color, 10%) inset, 0 -1px 0 darken($color, 10%) inset);
}
 @mixin hover-style($color) {
 &:hover {
 background: lighten($color, 3%);
}
}
 @mixin animation($content) {
 animation: $content;
 -moz-animation: $content;
 -webkit-animation: $content;
}
 @mixin keyframes($name) {
 @keyframes # {
$name
} {
@content;
}
 @-moz-keyframes # {
$name
} {
@content;
}
 @-webkit-keyframes # {
$name
} {
@content;
}
}
 // =============================================================================  // Classes  // =============================================================================  .title {
 font-family: 'Pacifico';
 font-weight: norma;
 font-size: 40px;
 text-align: center;
 line-height: 1.4;
 color: $blue;
}
.dropdown {  a {
 text-decoration: none;
}
 [data-toggle="dropdown"] {
 position: relative;
 display: block;
 color: white;
 background: $blue;
 @include double-shadow($blue);
 @include hover-style($blue);
 @include text-shadow(0 -1px 0 rgba(0,0,0,0.3));
 padding: 10px;
}
.icon-arrow {
	position: absolute;
	display: block;
	font-size: 0.7em;
	color: #fff;
	top: 14px;
	right: 10px;
 &.open {
 @include transform(rotate(-180deg));
 @include transition(transform .6s);
}
 &.close {
 @include transform(rotate(0deg));
 @include transition(transform .6s);
}
 &:before {
 content: '\25BC';
}
}
.dropdown-menu {
	max-height: 0;
	overflow: hidden;
 @include ul-nostyle;
 li {
 padding: 0;
 a {
 display: block;
 color: darken($gray, 50%);
 background: $gray;
 @include double-shadow($gray);
 @include hover-style($gray);
 @include text-shadow(0 -1px 0 rgba(255,255,255,0.3));
 padding: 10px 10px;
}
}
}
.show,
.hide {  @include transform-origin(50%, 0%);
}
.show {
	display: block;
	max-height: 9999px;
 @include transform(scaleY(1));
 @include animation(showAnimation .5s ease-in-out);
 @include transition(max-height 1s ease-in-out);
}
.hide { max-height: 0;  @include transform(scaleY(0));
 @include animation(hideAnimation .4s ease-out);
 @include transition(max-height .6s ease-out);
}
}
 @include keyframes(showAnimation) {
 0% {
 @include transform(scaleY(0.1));
}
 40% {
 @include transform(scaleY(1.04));
}
 60% {
 @include transform(scaleY(0.98));
}
 80% {
 @include transform(scaleY(1.04));
}
 100% {
 @include transform(scaleY(0.98));
}
 80% {
 @include transform(scaleY(1.02));
}
 100% {
 @include transform(scaleY(1));
}
}
 @include keyframes(hideAnimation) {
 0% {
 @include transform(scaleY(1));
}
 60% {
 @include transform(scaleY(0.98));
}
 80% {
 @include transform(scaleY(1.02));
}
 100% {
 @include transform(scaleY(0));
}
}
ximg {
	max-width: 100%;
	height: auto;
}
.small_nav { display:none; }
h1 {
	font-size:2.2em;
	padding:0 0 .5em 0;
}
h2 { font-size:1.5em; }
.header { padding:1em 0; }
.col {
	padding:0;
	text-align:center;
}
.nav {
	margin:auto;
	display:block;
}
.number_holder {
	width:66%;
	text-align:right;
	margin:auto;
	font-family: 'Michroma', sans-serif;
	padding-right:5%;
	font-size:1em;
	padding:10px 0
}
.number_holder_sub {
	width:66%;
	text-align:center;
	margin:auto;
	font-family: 'Michroma', sans-serif;
	padding-right:0;
	font-size:1em;
	padding:10px 0
}
.number_holder_sub_right {
	font-family: 'Michroma', sans-serif;
	float:right;
	width:200px;
}
.number_holder_left {
	width:66%;
	text-align:left;
	margin:auto;
	font-family: 'Michroma', sans-serif;
	padding-left:5%;
	font-size:.9em;
	padding:10px 0
}
.number_holder_footer {
	width:66%;
	text-align:left;
	margin:auto;
	font-family: 'Michroma', sans-serif;
	padding-left:5%;
	font-size:.9em;
	padding:7px 0
}
a.link {
	font-family: 'Michroma', sans-serif;
	font-size:.9em;
	color:#fff;
	text-decoration:none;
}
a.link:hover {
	font-family: 'Michroma', sans-serif;
	font-size:.9em;
	color:#a20000;
}
a.drop_nav {
	font-family: 'Michroma', sans-serif;
	font-size:.9em;
	color:#fff;
	text-decoration:none;
}
a.drop_nav:hover {
	font-family: 'Michroma', sans-serif;
	font-size:.9em;
	color:#a20000;
}
a.link_active {
	font-family: 'Michroma', sans-serif;
	font-size:.9em;
	color:#a20000;
	text-decoration:none;
}
a.footer_link {
	font-family: 'Michroma', sans-serif;
	font-size:.8em;
	color:#fff;
	text-decoration:none;
}
a.footer_link:hover {
	font-family: 'Michroma', sans-serif;
	font-size:.8em;
	color:#a20000;
}
img.border {
	outline: 2px solid #a20000;
	outline-offset: -2px;
}
div a.image {
	opacity:1;
	height:auto;
}
div a.image:hover { opacity: .2; }
a.email_link {
	color:#a20000;
	font-size:1em;
	text-decoration:none;
}
a.email_link:hover { color:lightgrey; }
a.email_link_top {
	color:lightgrey;
	font-size:1em;
	text-decoration:none;
}
a.email_link_top:hover { color:#fff; }
a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.tab_link {
	color: lightgrey;
	text-decoration:none !important;
}
.tab_link:hover { color: #000000 }
p.titles {
	font-family: 'Michroma', sans-serif;
	font-size:1.2em;
	color:#fff;
}
.title_holder {
	clear:both;
	background-color:#a20000;
	padding:8px 0 10px 0;
	margin-top:-5px;
}
.toptab {
	width: 1200px;
	max-width: 94%;
	padding: 0 3%;
	margin: 0 auto;
}
.toptab.nopad {
	max-width: 100%;
	padding: 0;
}
.toptab a {
	width:auto;
	font-size:.9em;
	float:left;
	color:lightgrey;
	background:#a20000;
	;
	text-align:center;
	padding:10px;
	font-family: 'Michroma', sans-serif;
	margin-right:20px;
}
.bottomtab {
	width: 1200px;
	max-width: 94%;
	padding: 0 3%;
	margin: 0 auto;
}
.bottomtab a {
	width:auto;
	float:right;
	color:lightgrey;
	background:#a20000;
	text-align:center;
	padding:10px;
	font-family: 'Michroma', sans-serif;
	margin-left: 20px;
}
.col.span_1_of_3.phoneTop {
	font-family: 'Michroma', sans-serif;
	font-size:1em;
	color:lightgrey;
	text-align:right;
}
.footerEmail {
	font-size:1em;
	width:40%;
	float:left;
}
#scroll-down {
	height: 57px;
	position: fixed;
	bottom:0;
	width:289px;
	background: url(img/scroll-down2.png) no-repeat;
	opacity: 1;
	left: 0;
}
	 @media only screen and (min-width: 1400px) {
		 #scroll-down {display: none;}
	 }
.containme.bestWrapper {
	padding-left: 3%;
	padding-right: 3%;
	max-width: 94%;
	margin-top: 25px;
}
.bestWrapper .col {
	border: 5px solid #a20000;
	border-bottom: 0;
	background: #000;
	margin-bottom: 0;
	margin: 0 auto;
}
.bestPhoto {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.bestTitle {
	font-family: 'Michroma', sans-serif;
	font-size:1.2em;
	color:#fff;
	display: block;
	background: #a20000;
	padding: 7px 0;
}
.projectText {
	clear:both;
	text-align:left;
	line-height: 1.3;
}
.projectText div {
	font-family: 'Michroma', sans-serif;
	font-size:1em;
	color:lightgrey;
}
.projectPhotoGrid .col > div {
	height: 250px;
	overflow: hidden;
	border: 2px solid #a20000
}
.projectPhotoGrid a { display: block; }
.projectPhotoGrid img.border {
	width: 108%;
	max-width: 108%;
	height: auto;
	margin-left: -10px;
	margin-top:-10px;
	outline: none;
	outline-offset: 0;
	min-height: 278px;
}
	#project244 .projectPhotoGrid img.border {
		width: 175%;
		max-width: 175%;
		margin-left: -35%;
		margin-top:-7px;
		min-height: 0;
	}

.redtitle {
	font-family: 'Michroma', sans-serif;
	font-size: 1em;
	color:#a20000;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.topTenList { padding: 25px 0; }
.topTenList div { clear: both; }
.videoList {
	text-align: center;
	font-family: 'Michroma', sans-serif;
	font-size: 1em;
	padding-top: 25px;
}
.videoList .vidNew {
	width: 31%;
	height: auto;
	margin: 1%;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 25px;
}
.vidNew img {
	display: block;
	margin: 0 auto 5px auto;
}
.vidNew img:hover { opacity: 0.7; }
 @media only screen and (max-width: 1400px) {
a.link {
	font-family: 'Michroma', sans-serif;
	color:#fff;
	text-decoration:none;
}
a.link:hover {
	font-family: 'Michroma', sans-serif;
	color:#a20000;
}
a.link_active {
	font-family: 'Michroma', sans-serif;
	color:#a20000;
	text-decoration:none;
}
p.titles {
	font-family: 'Michroma', sans-serif;
	font-size:1em;
	color:#fff;
}
}
 @media only screen and (max-width: 1140px) {
a.link {
	font-family: 'Michroma', sans-serif;
	color:#fff;
	text-decoration:none;
}
a.link:hover {
	font-family: 'Michroma', sans-serif;
	color:#a20000;
}
a.link_active {
	font-family: 'Michroma', sans-serif;
	color:#a20000;
	text-decoration:none;
}
p.titles {
	font-family: 'Michroma', sans-serif;
	font-size:0.9em;
	color:#fff;
}

/*
ul {
	text-align: center;
	margin:auto;
	display: inline;
	margin: 0;
	padding: 15px 4px 17px 0;
	list-style: none;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
ul li {
	font-family: 'Michroma', sans-serif;
	display: inline-block;
	position: relative;
	padding: 15px 20px;
	background: #a20000;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
ul li:hover {
	background: #555;
	color: #fff;
}
*/
ul li ul {
	padding: 0;
	position: absolute;
	top: 55px;
	left:0;
	width: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
}
ul li ul li {
	background: #555;
	display: block;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}
ul li ul li:hover { background: #666; }
ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
}
.footerEmail {
	font-size:1em;
	width:100%;
	float:none;
}
.projectPhotoGrid .col > div {
	height: 180px;
	border-width: 3px;
}
.projectPhotoGrid .col > div {
	height: 180px;
	border-width: 3px;
}

}
 @media only screen and (max-width: 1024px) {
img.border {
	outline: 2px solid #a20000;
	outline-offset: -2px;
}
.title_holder {
	margin-top: -4px;
	padding: 7px 0 10px 0;
}
}
 @media only screen and (max-width: 768px) {
.small_nav { display:block; }
.nav {
	margin:auto;
	display:none;
}
.col.span_1_of_3.phoneTop {
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}
.toptab,
 .bottomtab { text-align: center; }
.toptab a,
 .bottomtab a {
	float: none;
	margin-right: 0;
	margin-left: 0;
	clear: both;
	display: inline-block;
}
p.titles { font-size: .8em; }
img.border {
	outline: 2px solid #a20000;
	outline-offset: -2px;
}
.title_holder { padding-top: 8px; }
.projectText { text-align: left; }
.projectText div { font-size:0.9em; }
.projectPhotoGrid .col > div {
	height: 125px;
	border-width: 3px;
}
.videoList .vidNew { width: 46.5%; }
.mobileMenu {
	position: absolute;
	right: 4%;
	top: 51px;
	z-index: 50;
}
#scroll-down {
	height: 29px;
	width:145px;
	background-size: cover;
}
}
 @media only screen and (max-width: 480px) {
.projectPhotoGrid .col > div {
	height: 215px;
	border-width: 3px;
}
#project244 .projectPhotoGrid .col > div {
	height: 160px;
	border-width: 3px;
	min-height: 215px;
}

.videoList .vidNew {
	width: 100%;
	margin: 0 auto;
}
.mobileMenu {
	right: 3%;
	top: 41px;
}
.mobileLogo {
	width: 220px;
	float: left;
	padding: 0 0 15px 15px;
}
}




@media (max-width: 480px){

.number_holder {
    overflow: auto;
    padding: 20px 3% !important;
    font-size: 12px !important;
}

}