/*
=============================================== 01. RETINA STYLES ===============================================
*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	body header select {background: #ffffff url(../images/select-arrow@2x.png) center right no-repeat; background-size:contain;}
}

/* IE7-IE8 Fixes*/
.lt-ie9	body header select {background: #ffffff url(../images/select-arrow.png) center right no-repeat;}


/*
=============================================== 02. BASE STYLES (1140px) ===============================================
*/
/* Note: Design for a width of 1040px */
html {-webkit-text-size-adjust: none;}	/* Removes webkit font resizing */ 
body {max-width:100%; width:100%;}
img {max-width:100%; 
/*height: auto;*/
}



/*
=============================================== 03. #DESKTOP (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1190px) {

body{
	background-image:none;
}
.container_24 {width:76%;} /* Default Width */

header{
	line-height: 15px;
}

header .social{
    top:-6px;
    left:1px;
}

}


/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

img{
height: auto;
}


/* Default Width */
.container_24 { width:89%; }

header{
	height: 96px;
    width:100%
}

header .logo{
	height: 96px;
	background-size: 96px 96px;
}

.logo h1 a, .logo h2 a {
    height:96px;
}

.logo h1 a span, .logo h2 a span {
    font-size: 0.7em;
}

.sf-menu{
	margin-top: 23px;
}

}


/*
=============================================== 05. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {

/*	
body {
	font-size:11px;
	background-image:none;
	width:100%;
}
*/

body {
	font-size:11px;
}

img{
	height: auto;
}

#main{ font-size:1.15em; }
/* Default Width */

.container_24 { width:90%; }

header{
    height: 66px;
	width: 100%;
}

header .logo {
	height: 66px;
	background-size: 66px 66px;
}

.main-page-area a.image-wrap{
	width:150px;
	height:210px;
}

.main-page-area a.image-wrap span{
    font-size: 8px;
}


.main-page-area a.image-wrap img{
}

.logo h1 a, .logo h2 a {
    height:66px;
}

.logo h1 a span, .logo h2 a span {
    font-size: 0.55em;
}

.sf-menu{
	margin-top: 20px;
}
/* Select Menu */

nav ul { display: none;  }  
header select option { background:#fff; color:#888;}
header select { text-transform:none; display:block;  float: right; margin-top: 0.7em; margin-right: 3.2em; width:200px; min-width: 150px; max-width: 100%; -webkit-appearance: none; -moz-appearance: normal; appearance: normal;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none;-moz-user-select: none;
background:#ffffff url(../images/select-arrow.png) center right no-repeat;;
font-size:13px;
border: 1px solid #000000;
color: #555555;
padding:7px 7px 7px 7px;
}

/* Heading Sizes */
/*
h1 {font-size:20px !important; }
h2 {font-size:16px !important; }
h3 {font-size:13px !important; }

*/

.maps_large{
	width:340px;
	height:250px;
	max-height:250px !important;
}

.main-page-area .colborder{
	border-bottom: 1px solid #d2d0d0;
	border-left:none;
	padding-left:0px;
	padding-right:5px;
	margin-bottom: 15px;
}

.main-page-area .colborder:first-child{
	border-bottom: 1px solid #d2d0d0;
	border-left:none;
	padding-left:0px;
	margin-bottom: 15px;
}

.main-page-area .colborder:last-child {
	border:none;
}

.button {
	margin: 0px 50px;
}

.fright{
	float:left;
}
}