@import url("reset.min.css");

/* -----------------------------------------------------------------------------

	GENERAL STYLING
  
----------------------------------------------------------------------------- */

@font-face {
	font-family:'Open Sans Regular';
	src:local('Open Sans Regular'),
		url('../fonts/opensansregular.eot'); /* IE9 Compat Modes */
	src:url('../fonts/opensansregular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/opensansregular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/opensansregular.woff') format('woff'), /* Pretty Modern Browsers */
		 url('../fonts/opensansregular.ttf') format('truetype'), /* Safari, Android, iOS */
		 /*url('../fonts/opensansregular.otf') format('opentype'),*/
		 url('../fonts/opensansregular.svg#opensansregular') format('svg'); /* Legacy iOS */
	font-weight:normal;
	font-style:normal;
}

* {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

body {
	font-family:'Open Sans Regular', Arial, sans-serif;
	overflow-x:hidden;
}

/* Disable webkit text size adjust (for iPhone) */
html {
	-webkit-text-size-adjust:none;
}

h1 {
	font-size:225%; /* 36px */
}

h2 {
	font-size:200%; /* 32px */
}

h3 {
	font-size:150%; /* 24px */
}

h4 {
	font-size:112.5%; /* 18px */
}

h5 {
	font-size:100%; /* 16px */
}

.clearfix {
	clear:both;
}

a {
	outline:none;
	text-decoration:none;
	color:#F34744;
}

a:hover {
	color:#EE312D;
}

img.responsive, img {
	max-width:100%;
    height:auto;
	width:auto\9; /* ie8 */
	vertical-align:middle;
	border:none;
}

/* -----------------------------------------------------------------------------

	HEADER
  
----------------------------------------------------------------------------- */

#header_wrapper {
    background-color:#FFFFFF;
	width:100%;
	padding:20px 0 0;
}

#header {
	max-width:1000px;
	margin:0 auto;
	position:relative;
}

/* -----------------------------------------------------------------------------

	TOP NAVIGATION
  
----------------------------------------------------------------------------- */

#nav_bar {
	position:relative;
	z-index:99999;
	background-color:#F34744;
}

#nav_bar ul li a {
	background-color:#F34744;
	background-position:right center;
	background-repeat:no-repeat;
	border-top:1px solid #EE312D;
	padding:6px 12px;
	line-height:150%; /* (16px/100%) * 150% = 24px */
	display:block;
	color:#FFFFFF;
	font-size:14px;
	outline:none;
	text-align:left;
}

#nav_bar ul li a:hover,
#nav_bar ul li a.active {
	background-color:#EE312D;
}

#nav_bar ul li ul li a {
	background-image:none;
	text-indent:25px;
	background-color:#F45d5A;
	font-size:13px;
}

#nav_bar ul li ul {
	display:none;
}

#nav_bar ul li ul.inner_dd {
	display:block;
}

/* main nav */
ul#nav {
	display:none; /* visibility will be toggled with jquery */
}
	
/* menu icon */
#menu_icon_wrapper {
	position:relative;
	height:24px;
}

#menu_icon {
	background-image:url('../images/menu-icon.png');
	background-repeat:no-repeat;
	width:45px;
	height:45px;
	position:absolute;
	top:-21px;
	right:-1px;
	cursor:pointer;
}

/* -----------------------------------------------------------------------------

	SLIDER
  
----------------------------------------------------------------------------- */

.flexslider {
	border:none !important;
	margin-bottom:0 !important;
}

.flex-direction-nav a {
	overflow:visible !important;
	opacity:1 !important;
}

.flex-direction-nav a:before {
    font-size:20px !important;
    color:#FFF !important;
}

.flexslider .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-prev {
	left:50px !important;
}

.flexslider .flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-next {
	right:50px !important;
}

.flex-control-paging li a.flex-active {
	background-color:#E4D929 !important;	
}

.flex-control-paging li a {
	background-color:#537463 !important;	
}

#testimonials .flex-control-nav {
	position:static !important;
	margin-top:15px !important;
}

/* -----------------------------------------------------------------------------

	TEMPLATE STYLING
  
----------------------------------------------------------------------------- */

#wrapper {

}

#wrapper:after {
    content:"";
    clear:both;
    display:block;
}

#main {
    margin:0 auto;
    padding:15px;
    max-width:1000px;
    min-height:300px;
}

#main ol {
	list-style-type:decimal;
	margin-bottom:15px;
}

#main ol li ol {
	list-style-type:decimal;
	margin-top:15px;
}

#main ol li {
	list-style-position:outside;
	font-size:15px;
	color:#000000;
	margin-bottom:5px;
	margin-left:15px;
	padding-left:5px;
	line-height:150%;
}

#main ul {
	list-style-type:disc;
	margin-bottom:15px;
}

#main ul li ul {
	list-style-type:decimal;
	margin-top:15px;
}

#main ul li {
	list-style-position:outside;
	font-size:15px;
	color:#000000;
	margin-bottom:5px;
	margin-left:15px;
	padding-left:5px;
	line-height:150%;
}

#main strong {
	font-weight:bold;
}

#page_heading {
    padding-bottom:15px;
	line-height:130%;
}

#main h4, #main h5 {
	font-weight:bold;
	padding-bottom:15px;
	line-height:130%;
}

#main p {
    margin-bottom:15px;
	line-height:140%;
    color:#333333;
    font-size:15px;
}

#main p span {
	color:#EE312D;
	font-weight:bold;
}

.tb_list {
	width:auto;
	border-collapse:collapse;
	margin:25px 0;
	text-align:left;
	line-height:140%;
}

.tb_list th {
	font-size:15px;
	background-color:#5F5F5F;
	border:1px solid #000000;
	color:#FFFFFF;
	padding:7px 10px;
	min-width:65px;
}

.tb_list td {
	border:1px solid #000000;
	padding:7px 10px;
	font-size:14px;
	vertical-align:middle;
}

.tb_list tr.even {
	background-color:#F1F1F1;
}

/* For mobile phones */
[class*="col_"] {
    float:left;
    padding:15px;
	width:100%;
}

/* -----------------------------------------------------------------------------

	FEATURES
  
----------------------------------------------------------------------------- */

#features {
	margin:0 auto;
	max-width:1000px;
	padding:25px 0 15px;
}

#features h1 {
	text-align:center;
	padding-bottom:10px;
	color:#EE312D;
	font-weight:bold;
	text-transform:uppercase;
}

.divider {
	width:250px;
	height:20px;
	margin:0 auto 15px;
	background-image:url('../images/divider.png');
	background-position:center;
	background-repeat:no-repeat;
}

.feature_icon {
	width:46px;
	height:46px;
	margin:0 auto 15px;
}

.feature_desc {
	text-align:center;
}

.feature_desc h4 {
	font-weight:bold;
	padding-bottom:5px;
}

.feature_desc p {
	font-size:13px;
	line-height:130%;
	color:#666666;
}

/* -----------------------------------------------------------------------------

	SPECS
  
----------------------------------------------------------------------------- */

#bg_1 {
	background:#EE312D;
	min-height:300px;
	width:100%;
}

#specs_wrapper {
	margin:0 auto;
	max-width:1000px;
	position:relative;
}

#specs {
	padding:25px;
	color:#FFFFFF;
}

#specs h1 {
	padding-bottom:10px;
	font-weight:bold;
	line-height:100%;
}

#specs h1 span {
	color:#E4D929;
}

#specs p {
	margin:10px 0;
	line-height:130%;
}

#specs ul li {
	background-image:url('../images/marker.png');
	background-position:1px 2px;
	background-repeat:no-repeat;
	background-size:12px 11px;
	padding-left:20px;
	margin-bottom:7px;
	font-size:13px;
}

/* -----------------------------------------------------------------------------

	EVENTS
  
----------------------------------------------------------------------------- */

#events {
	margin:0 auto;
	max-width:1000px;
	padding:25px 0 15px;
}

#events h1 {
	text-align:center;
	padding-bottom:10px;
	color:#1A4DA6;
	font-weight:bold;
	text-transform:uppercase;
}

.event_icon {
	width:100px;
	height:100px;
	margin:0 auto;
}

.event_desc {
	width:150px;
	margin:15px auto 0;
	text-align:center;
}

.event_desc h4 {
	font-weight:bold;
	text-transform:uppercase;
}

.event_desc p {
	font-size:13px;
	color:#666666;
	margin:10px 0;
}

/* -----------------------------------------------------------------------------

	TESTIMONIALS
  
----------------------------------------------------------------------------- */

#bg_2 {
	background:#1A4CA5;
	min-height:250px;
	width:100%;
}

#testimonials {
	padding:15px;
}

#testimonial_slider {
	background-color:transparent !important;
}

#testimonial_slider ul li {
	line-height:130%;
	font-size:15px;
}

#testimonials_wrapper {
	margin:0 auto;
	max-width:1000px;
	color:#FFFFFF;
	text-align:center;
	position:relative;
}

#testimonials h1 {
	color:#E4D929;
	font-weight:bold;
	margin:15px 0;
}

#testimonials span {
	color:#E4D929;
	font-weight:bold;
}

/* -----------------------------------------------------------------------------

	CONTACT FORM
  
----------------------------------------------------------------------------- */

#main_left {
	padding:0;
}

#main_right {
	padding:0;
}

#tbfrm {
	width:100%;
}

#address {
	margin-top:25px;
}

#address p {
	margin-bottom:0;
}

#address span {
	font-weight:bold;
}

.txtfield {
	border:1px solid #BABABA;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.08) inset;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.08) inset;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.08) inset;
	font-size:14px;
	margin:6px 0 12px 0;
	padding:8px 6px;
	width:100%;
	-webkit-transition:all 0.1s ease-in-out 0.1s;
	-moz-transition:all 0.1s ease-in-out 0.1s;
	-o-transition:all 0.1s ease-in-out 0.1s;
	transition:all 0.1s ease-in-out 0.1s;
}

.txtfield:focus {
	border:1px solid #EE312D;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #EE312D;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #EE312D;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #EE312D;
}

.btn {
	background-color:#F34744;
	border:1px solid rgba(0, 0, 0, 0.1);
	padding:5px 10px;
	cursor:pointer;
	-webkit-transition:all 0.1s ease-in-out 0.1s;
	-moz-transition:all 0.1s ease-in-out 0.1s;
	-o-transition:all 0.1s ease-in-out 0.1s;
	transition:all 0.1s ease-in-out 0.1s;
	color:#FFFFFF;
	font-size:15px;
	outline:none;
	width:100%;
}

.btn:hover {
	background-color:#EE312D;
}

.txtafield {
	border:1px solid #BABABA;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.08) inset;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.08) inset;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.08) inset;
	font-size:14px;
	font-family:inherit;
	margin:6px 0 12px 0;
	padding:6px;
	width:100%;
	height:100px;
	overflow:auto;
	resize:none;
	-webkit-transition:all 0.1s ease-in-out 0.1s;
	-moz-transition:all 0.1s ease-in-out 0.1s;
	-o-transition:all 0.1s ease-in-out 0.1s;
	transition:all 0.1s ease-in-out 0.1s;
}

.txtafield:focus {
	border:1px solid #EE312D;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #EE312D;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #EE312D;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px #EE312D;
}

.success, .error {
	background-position:10px 12px;
	background-repeat:no-repeat;
	font-size:14px;
	line-height:130%;
	padding:10px 35px;
	max-width:890px;
	margin:0 auto;
}
 
.success {
    background-color:#E8F5DF;
    background-image:url('../images/success.png');
	border:1px solid #9ECE9E;
	color:#4F8A10;
	cursor:pointer;
}

.error {
    background-color:#FFEBE8;
    background-image:url('../images/error.png');
    border:1px solid #CE9E9E;
	color:#D8000C;
}
 
.error_heading {
	font-weight:bold;
	font-size:16px;
}

#google_map {
	border:1px solid #BABABA;
	margin:25px 0 15px;
	position:relative;
	padding-bottom:26.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
 
#google_map iframe,
#google_map object,
#google_map embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}	

/* -----------------------------------------------------------------------------

	GALLERY
  
----------------------------------------------------------------------------- */

#gallery_images {

}

.gallery_image {
	padding:15px 0;
}

.gallery_image img {
	border:1px solid #BABABA;
}

/* -----------------------------------------------------------------------------

	STAFF
  
----------------------------------------------------------------------------- */

#members {

}

.member {
	padding:15px 0;
	min-height:375px;
}

.member img {
	border:1px solid #BABABA;
}

.member p {
	text-align:center;
	padding-top:7px;
	margin:0 !important;
	line-height:120% !important;
}

.member p a {
	font-size:13px !important;
}

.member p span {
	font-size:13px !important;
	color:#333333 !important;
	font-weight:normal !important;
}

/* -----------------------------------------------------------------------------

	CATEGORY & POST
  
----------------------------------------------------------------------------- */

.post_wrapper {
	border-bottom:1px solid #BABABA;
	padding-bottom:15px;
}

.post_wrapper:last-child {
	border-bottom:none;
}

.post_title h3 {
	padding:10px 0;
	line-height:120%;
}

.post_meta {
	border-bottom:1px dashed #BABABA;
	padding-bottom:10px;
	margin-bottom:15px;
}

.post_meta span {
	color:#666666;
	font-size:14px;
}

.post_thumb {
	padding:0;
	margin-bottom:15px;
}

.post_thumb img {
	border:1px solid #BABABA;
}

.post_excerpt {
	padding:0;
}

#post_image {
	padding-bottom:10px;
}

/* -----------------------------------------------------------------------------

	PAGINATION
  
----------------------------------------------------------------------------- */

.pagination {
	text-align:center;
	margin:25px 0;
}

.pagination a {
	padding:2px 6px; 
	margin:0 3px;
	border:1px solid #D6D0C1;
	font-size:13px;
}

.pagination span.current {
	padding:2px 6px; 
	margin:0 3px;
	border:1px solid rgba(0, 0, 0, 0.1);
	font-size:13px;
}

.pagination span.disabled {
	padding:2px 6px; 
	margin:0 3px;
	border:1px solid #D6D0C1;
	color:#DDDDDD;
	font-size:13px;
}

.pagination .page_info {
	margin-top:10px;
	display:none;
}

/* -----------------------------------------------------------------------------

	SIDEBAR
  
----------------------------------------------------------------------------- */

#sidebar {
	padding:0;
	border-top:1px solid #BABABA;
}

.sidebar_box h4 {
	padding:15px 0 10px;
}

.sidebar_box ul li {
	margin-bottom:5px;
	font-size:14px;
	list-style:none !important;
	margin-left:0 !important;
}

.sidebar_box a {
}

/* -----------------------------------------------------------------------------

	FOOTER
  
----------------------------------------------------------------------------- */

#footer_wrapper {
	background-color:#222222;
}

#footer {
	margin:0 auto;
	max-width:700px;
	color:#FFFFFF;
	text-align:center;
}

#footer #footer_icon {
	width:52px;
	height:79px;
	margin:0 auto;
}

#footer_desc h3 {
	font-weight:bold;
	padding:10px 0;
}

#footer_desc p {
	font-size:13px;
	line-height:130%;
	margin-bottom:15px;
}

#footer_divider {
	border-top:1px solid #BABABA;
	width:100px;
	margin:0 auto;
}

#footer_social_icons {
	margin:25px 0;
}

#footer_nav {
	border-top:1px solid #575757;
	border-bottom:1px solid #575757;
	padding:15px;
}

#footer_nav ul li {
	padding:2px 0;
}

#footer_nav ul li a {
	color:#FFFFFF;
	font-size:12px;
	text-transform:uppercase;
	white-space:nowrap;
}

#footer_nav ul li a.active,
#footer_nav ul li a:hover {
	color:#F34744;
}

#copyright {
	max-width:1000px;
	margin:0 auto;
	color:#575757;
	font-size:13px;
	padding:15px 0 5px;
	line-height:130%;
}

#copyright_left {
	padding:0;
	text-align:center;
}

#copyright_right {
	padding:0;
	text-align:center;
}


/* -----------------------------------------------------------------------------

	MEDIA QUERIES FOR A RESPONSIVE LAYOUT (MOBILE FIRST)
  
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------

	LARGER THAN 240
  
----------------------------------------------------------------------------- */

@media only screen and (min-width:240px) {

	/* For Feature Phone: */
	
	#header_wrapper {
		border-top:5px solid brown;
	}
	


}

/* -----------------------------------------------------------------------------

	LARGER THAN 320
  
----------------------------------------------------------------------------- */

@media only screen and (min-width:320px) {

	#header_wrapper {
		border-top:5px solid red;
	}
	


}

/* -----------------------------------------------------------------------------

	LARGER THAN 480
  
----------------------------------------------------------------------------- */

@media only screen and (min-width:480px) {

	/* For Smart Phone: */
	.col_m_1 {width:8.33%;}
	.col_m_2 {width:16.66%;}
	.col_m_3 {width:25%;}
	.col_m_4 {width:33.33%;}
	.col_m_5 {width:41.66%;}
	.col_m_6 {width:50%;}
	.col_m_7 {width:58.33%;}
	.col_m_8 {width:66.66%;}
	.col_m_9 {width:75%;}
	.col_m_10 {width:83.33%;}
	.col_m_11 {width:91.66%;}
	.col_m_12 {width:100%;}

	#header_wrapper {
		border-top:5px solid green;
	}
	
	#footer_nav ul {
		text-align:center;
		font-size:0.1px; /* IE 9/10 fix */
		text-align:justify;
	}
	
	#footer_nav ul li {
		display:inline-block;
	}

	#footer_nav ul:after {
	  content:'';
	  width:100%; /* Ensures justification for single lines */
	  display:inline-block;
	}

	.gallery_image, .member {
		padding:15px;
	}

	.post_thumb {
		padding:5px 15px 0 0;
		margin-bottom:0;
	}
	
}

/* -----------------------------------------------------------------------------

	LARGER THAN 600
  
----------------------------------------------------------------------------- */

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

    /* For Tablet: */
	
    .col_t_1 {width:8.33%;}
    .col_t_2 {width:16.66%;}
    .col_t_3 {width:25%;}
    .col_t_4 {width:33.33%;}
    .col_t_5 {width:41.66%;}
    .col_t_6 {width:50%;}
    .col_t_7 {width:58.33%;}
    .col_t_8 {width:66.66%;}
    .col_t_9 {width:75%;}
    .col_t_10 {width:83.33%;}
    .col_t_11 {width:91.66%;}
    .col_t_12 {width:100%;}

	#header_wrapper {
		border-top:5px solid blue;
	}
	
	.feature {
		min-height:140px;
	}
	
	.feature_icon {
		margin-right:15px;
		float:left;
	}
	
	.feature_desc {
		text-align:left;
		overflow:auto; /* This is what keeps the <p> from wrapping */
	}
	
	.btn {
		width:75px;
	}

	
}

/* -----------------------------------------------------------------------------

	LARGER THAN 768
  
----------------------------------------------------------------------------- */

@media only screen and (min-width:768px) {
	
	/* For Desktop: */
	
	.col_1 {width:8.33%;}
	.col_2 {width:16.66%;}
	.col_3 {width:25%;}
	.col_4 {width:33.33%;}
	.col_5 {width:41.66%;}
	.col_6 {width:50%;}
	.col_7 {width:58.33%;}
	.col_8 {width:66.66%;}
	.col_9 {width:75%;}
	.col_10 {width:83.33%;}
	.col_11 {width:91.66%;}
	.col_12 {width:100%;}

	#header_wrapper {
		border-top:5px solid orange;
	}

	.feature {
		min-height:inherit;
	}

	#bg_1 {
		background-image:url('../images/bg-1.jpg');
		background-position:center; /* Internet Explorer 7/8 fix */
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover; /* Firefox 3.6 */
		-o-background-size:cover;
		background-size:cover;	
		padding-bottom:29.28257686676428%; /*400px/1366px */
		width:100%;
	}
	
	#specs {
		position:absolute;
		top:0;
		right:0;
	}

	#bg_2 {
		background-image:url('../images/bg-2.jpg');
		background-position:center; /* Internet Explorer 7/8 fix */
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover; /* Firefox 3.6 */
		-o-background-size:cover;
		background-size:cover;	
		padding-bottom:28.84333821376281%; /*394px/1366px */
		width:100%;
	}

	#testimonials {
		position:absolute;
		top:0;
		left:0;
	}

	#copyright_left {
		text-align:left;
	}
	
	#copyright_right {
		text-align:right;
	}

	#tbfrm {
		width:95%;
	}

	#address {
		margin-top:0;
	}

	#sidebar {
		padding:15px 0 0 35px;
		border-top:none;
	}

	.sidebar_box h4 {
		padding:0 0 10px;
	}

}

/* -----------------------------------------------------------------------------

	LARGER THAN 900
  
----------------------------------------------------------------------------- */

@media only screen and (min-width:900px) {

	#header_wrapper {
		border-top:5px solid yellow;
		padding:20px 0;
	}

	#nav_wrapper {
		position:absolute;
		bottom:15px;
		right:0;
	}

	#menu_icon_wrapper {
		display:none; /* hide menu icon initially */
	}

	/* Ensure #nav is visible on desktop version */
	ul#nav {
		display:block !important;
	}
	
	#nav_bar ul li {
		float:left;
		position:relative;
		margin-right:35px;
	}

	#nav_bar ul li a
	{
		border-top:none;
		background-color:transparent;
		padding:3px 0;
		color:#666666;
		display:block;
		font-size:15px;
		line-height:inherit;
	}

	#nav_bar ul li:last-child {
		margin-right:0;
	}

	#nav_bar ul li a.active,
	#nav_bar ul li a:hover {
		color:#000000;
		background-color:transparent;
	}
	
	/* dropdown menu */

	#nav_bar ul li ul {
		display:none;
		position:absolute;
		left:0;
		top:21px;
		border:1px solid #666666;
		background-color:#F8F8F8;
	}

	/* Display dropdown menu on hover */
	
	#nav_bar ul li ul.inner_dd {
		display:none;
	}
	
	#nav_bar ul li:hover ul {
		display:block; 
	}

	#nav_bar ul li ul li {
		float:none;
		z-index:99999;
		margin-right:0;
	}

	#nav_bar ul li ul li a {
		text-indent:inherit;
		background-color:transparent;
		display:block;
		white-space:nowrap;
		padding:5px 7px;
		font-size:14px;
	}

	#nav_bar ul li ul li a:hover {
		background-color:#EEEEEE;
	}
	
	#testimonials {
		top:15px;
	}
	
}

/* -----------------------------------------------------------------------------

	For device width between 768px and 1024px
  
----------------------------------------------------------------------------- */

@media only screen 
and (min-device-width:768px) and (max-device-width:1024px) 
and (orientation:landscape) {
	
	#header_wrapper {
		border-top:5px solid lime;
	}
	
	
}

/* -----------------------------------------------------------------------------

	LARGER THAN 1200
  
----------------------------------------------------------------------------- */

@media only screen and (min-width:1200px) {
	
	#header_wrapper {
		border-top:5px solid pink;
	}
	
	#specs {
		top:25px;
	}

}

/* -----------------------------------------------------------------------------

	Retina-ready images for iPhone, iPad and other smartphones
  
----------------------------------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 1.5dppx) { 
	
	/* Retina-specific stuff here */

	body {
		/*background-image:url('../images/pattern-gray@2x.png');*/
	}

	#header_wrapper {
		border-top:5px solid black;
	}
	
}