@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	margin-left: 0px;
	width: 200px;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* BASIC TYPE */

h1{	font-family: 'Sentinel A', 'Sentinel B';
	font-weight: 400;
	font-style: normal;
	color: #fff;
	}

h2{	font-family: 'Whitney SSm A', 'Whitney SSm B'; 
	font-weight: 400; 
	font-style: normal;
	font-size: 11px;
	line-height:17px;
	color: #333333	
	}		
		
h3{ font-family: 'Whitney SSm A', 'Whitney SSm B'; 
	font-weight: 400; 
	font-style: normal;
	color: #333333	
	}	
	
	
/* ----------- BASIC LAYOUT ----------- */
	

.gridContainer.clearfix {
	padding-left: 0px;
	padding-bottom: 20px;
	width: 100%;
}

#top {
	width: 90vw;
	padding-top: 5px;
}

#bigtext {
	width: 300px;
	padding-left: 30px;
}

#bottom {
	width: 90vw;
	padding-top: 20px;
	padding-left: 30px;
}

#col_holder {
	width: 90vw;
}

#two_col {
	width: 460px;
	display: block;
	float: left;
}	

#col_1 {
	width: 240px;
	float: left;
	height: auto;
	min-width: 240px;
	padding-right: 0px;
}
#col_2 {
	width: 240px;
	height: auto;
	position: static;
	float: left;
	min-width: 240px;
	padding-right: 0px;
	clear: none;
}
#col_3 {
	float: left;
	clear: none;
	width: 240px;
	min-width: 240px;
	padding-right:0px;
	height: auto;
}
#col_4 {
	float: left;
	clear: none;
	width: 240px;
	min-width: 240px;
	height: auto;
	padding-right: 0px;
}


.zeroMargin_mobile {
margin-left: 0;
}

.hide_mobile {
display: none;
}	

.hide_tablet {
display: none;
}	

.zeroMargin_tablet {
margin-left: 0;
}	



	

@media only screen 
and (min-width: 320px) 
and (max-width: 499px) {
  /* up to 499 =================================================== */
  
#top {
	width: 90vw;
	min-width: 90vw;
	padding-top: 5px;
	padding-left: 30px;
}

#bigtext {
	width: 300px;
	padding-left: 30px;
}

#bottom {
	width: 240px !important;
	padding-top: 20px;
}

#col_holder {
	width: 240px;
}

#two_col {
	width: 240px !important;
	display: block;
	float: left;
}	

#col_1 {
	width: 240px;
	float: left;
	height: auto;
	min-width: 240px;
	padding-right: 0px;
}

#col_2 {
	width: 240px;
	height: auto;
	position: static;
	float: left;
	min-width: 240px;
	padding-right: 0px;
	clear: none;
}

#col_3 {
	float: left;
	clear: none;
	width: 240px;
	min-width: 240px;
	padding-right: 0px;
	height: auto;
}

#col_4 {
	float: left;
	clear: none;
	width: 240px;
	min-width: 240px;
	height: auto;
	padding-right: 0px;
}

}
		
	
/* iPhone5 (portrait) ----------- */
	
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 767px) 
and (orientation: portrait) {

h1 {font-size:24px !important; 
	line-height:1.2; 
	font-weight: 400;
	font-style: normal;
	}
	
h3{	font-size: 9px;
	line-height:12px;
	color: #333333	
	}	
		
.gridContainer.clearfix {
	padding-left: 0px;
	padding-bottom: 20px;
	width: 100%;
}

#top {
	width: 200px !important;
	padding-top: 5px;
	padding-left: 10px !important;
}

#bigtext {
	width: 300px;
	padding-left: 10px;
}

#bottom {
	width: 300px;
	padding-top: 20px;
	padding-left: 10px;

}

#col_holder {
	width: 300px;
}

#two_col {
	width: 300px;
	display: block;
	float: left;
}	

#col_1 {
	width: 240px;
	float: left;
	height: auto;
	min-width: 240px;
	padding-right: 0px;
}
#col_2 {
	width: 240px;
	height: auto;
	position: static;
	float: left;
	min-width: 240px;
	padding-right: 0px;
	clear: none;
}
#col_3 {
	float: left;
	clear: none;
	width: 240px;
	min-width: 240px;
	padding-right: 0px;
	height: auto;
}
#col_4 {
	float: left;
	clear: none;
	width: 240px;
	min-width: 240px;
	height: auto;
	padding-right: 0px;
}

body {
    overflow:hidden;
    width:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	background-color: #B6B6B6 !important
}

.zeroMargin_mobile {
margin-left: 0;
}

.hide_mobile {
display: none;
}	

.hide_tablet {
display: none;
}	

.zeroMargin_tablet {
margin-left: 0;
}	
}



@media only screen and (max-width: 599px) {
  /* 480 =================================================== */
	
h1 {font-size: 4.4vw; 
	line-height: 1.2; 
	font-weight: 400;
	font-style: normal;
	}
	
h3{	font-size: 9px;
	line-height: 11px;
	color: #333333	
	}		
	
.gridContainer {
	/* [disabled]margin-left: 0px; */
	/* [disabled]margin-right: auto; */
	width: 90vw;
	clear: none;
	float: none;
	margin-left: 10px;
}
#top {
	color: #333333;
	width: 90vw;
	min-width: 90vw;
	padding-top: 5px;
	padding-left: 30px;
}
#bigtext {
	width: 90vw;
}
#bottom {
	width: 90vw;
	float: left;
	padding-top: 50px;
}

#col_holder {
	width: 90vw;
}

#two_col {
	width: 460px;
	display: block;
	float: left;
	
}
#col_1 {
	width: 200px;
	float: left;
	height: 100px;
	min-width: 200px;
	padding-right: 30px;
}
#col_2 {
	width: 200px;
	height: 100px;
	position: static;
	float: left;
	min-width: 200px;
	padding-right: 30px;
	clear: none;
}
#col_3 {
	width: 200px;
	height: 100px;
	position: static;
	float: left;
	min-width: 200px;
	padding-right: 30px;
	clear: none;
	display: block;
}
#col_4 {
	width: 200px;
	height: 100px;
	position: static;
	float: left;
	min-width: 200px;
	clear: none;
	display: block;
}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
}



@media only screen and (min-width: 600px) {
  /* 600 =================================================== */

h1 {font-size: 4.4vw; 
	line-height: 1.2; 
	font-weight: 400;
	font-style: normal;
	}
	
h3{	font-size: 9px;
	line-height: 11px;
	color: #333333	
	}		
	
.gridContainer {
	width: 90vw;
	clear: none;
	float: none;

}
#top {
	width: 600px;
	padding-top: 5px;
	padding-left: 30px;
}

#bigtext {
	width: 90vw;
}

#bottom {
width: 90vw;
clear: both;
margin-left: 0;
padding-top: 70px;
}

#two_col {
	width: 460px;
	float: left;
	display: block;
}

#col_1 {
	width: 200px;
	float: left;
	height: 100px;
	min-width: 200px;
	padding-right: 30px;
}
#col_2 {
	width: 200px;
	height: 100px;
	position: static;
	float: left;
	min-width: 200px;
	padding-right: 30px;
	clear: none;
}
#col_3 {
	float: left;
	clear: none;
	width: 200px;
	min-width: 200px;
	height: 100px;
	display: block;
	padding-right: 30px;
	
}
#col_4 {
	float: left;
	clear: none;
	width: 200px;
	min-width: 200px;
	height: 100px;
	display: block;
}
.hide_tablet {
display: none;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}

}



@media only screen and (min-width: 768px) {
  /* 768 =================================================== */

h1 {font-size: 4.4vw; 
	line-height: 1.2; 
	font-weight: 400;
	font-style: normal;
	}
	
h3{	font-size: 9px;
	line-height: 11px;
	color: #333333	
	}		
	
.gridContainer {
	width: 90vw;
	clear: none;
	float: none;

}
#top {
	width: 90vw;
	padding-top: 5px;
	padding-left: 30px;
}

#bigtext {
	width: 90vw;
}

#bottom {
width: 90vw;
clear: both;
margin-left: 0;
padding-top: 70px;
}

#two_col {
	width: 460px;
	float: left;
	display: block;
}

#col_1 {
	width: 200px;
	float: left;
	height: 100px;
	min-width: 200px;
	padding-right: 30px;
}
#col_2 {
	width: 200px;
	height: 100px;
	position: static;
	float: left;
	min-width: 200px;
	padding-right: 30px;
	clear: none;
}
#col_3 {
	float: left;
	clear: none;
	width: 200px;
	min-width: 200px;
	height: 100px;
	display: block;
	padding-right: 30px;
}
#col_4 {
	float: left;
	clear: none;
	width: 200px;
	min-width: 200px;
	height: 100px;
	display: block;
}

.zeroMargin_desktop {
margin-left: 0;
}
.hide_tablet {
display: none;
}

}

@media only screen and (min-width: 992px) {
  /* 992 =================================================== */

h1 {font-size: 4.4vw; 
	line-height:1.2; 
	font-weight: 400;
	font-style: normal;
	}
	
h3	{font-size: 11px;
	line-height: 17px;
	color: #333333	
	}		
	
.gridContainer {
	width: 90vw;
	clear: none;
	float: none;
	margin-left: 0px;
	
}
#top {
	width: 90vw;
	padding-top: 5px;
	padding-left: 30px;
}

#bottom {
	width: 90vw;
	clear: both;
}

#two_col {
	width: 460px;
	float: left;
	display: block;
}

#col_1 {
	width: 200px;
	float: left;
	height: 100px;
	min-width: 200px;
	padding-right: 30px;
}
#col_2 {
	width: 200px;
	height: 100px;
	position: static;
	float: left;
	min-width: 200px;
	padding-right: 30px;
}
#col_3 {
	float: left;
	width: 200px;
	height: 100px;
	display: block;
	padding-right: 30px;
}
#col_4 {
	float: left;
	width: 200px;
	min-width: 200px;
	height: 100px;
}

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}

}




@media only screen and (min-width: 1382px) {
  /* 1382 =================================================== */

h1 {font-size: 4.4vw; 
	line-height:1.2; 
	font-weight: 400;
	font-style: normal;
	}
	
h3{	font-size: 11px;
	line-height:17px;
	font-style: normal;	
	color: #333333	
	}		
#col_1 {
	width: 200px;
	height: 100px;
	min-width: 200px;
	float: left;
	display: block;
	padding-right: 30px;
}
	}