html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #878787;
}


h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-family: 'proxima-nova', 'Open Sans', sans-serif;
	font-weight: normal;
	color: #101010;
}

h2 {
	padding-bottom: 30px;
	letter-spacing: -1px;
	font-size: 2em;
}

 
h1 { text-transform: uppercase; 
	letter-spacing: 3px; 
	text-align: left; 
	font-family: 'Montserrat', sans-serif;
	color: #444; 
	font-size: 36px;
	font-weight: 700;
	font-style: normal;
	padding-bottom:25px; }
	
h2{ text-transform: uppercase; 
	letter-spacing: 3px; 
	text-align: left; 
	font-family: 'proxima-nova', 'Open Sans', sans-serif;
	color: #444; 
	font-size: 26px;
	font-weight: 700;
	font-style: normal; }
	
h3{  
	letter-spacing: 2px; 
	text-align: left; 
	font-family: 'proxima-nova', 'Open Sans', sans-serif;
	color: #444; 
	font-size:20px;
	font-weight: 700;
	font-style: normal; }
	
h4{ letter-spacing: 1px; text-align: left; font-family: 'proxima-nova', 'Open Sans', sans-serif;
	color: #000; 
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	line-height: 24px; }

h4 a{ letter-spacing: 1px; text-align: left; font-family: 'proxima-nova', 'Open Sans', sans-serif;
	color: #f00; 
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	line-height: 24px; }

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 180%;
	font-family: 'proxima-nova', 'Open Sans', sans-serif;
	font-weight: normal;
	color: #666;
	font-size: 14px;
}

strong {
}

a {
	color: #39C2F0;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
	padding-left:20px;
	padding-right:20px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
	width: 100%;
	padding: 0px 50px;
	background: #FFFFFF;
}

.container {
	width: 100%;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header {
	overflow: hidden;
	padding: 25px 0px;
}

/** LOGO */

#logo {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}

#logo h1, #logo p {
}

#logo h1 {
	letter-spacing: -2px;
	font-size: 3em;
}

#logo h1 a {
	color: #101010;
	text-transform: uppercase;
}

#logo p {
	margin: 0;
	padding: 0px 0 0 0px;
	color: #8E8E8E;
}

#logo p a {
	color: #D6D6D6;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #12212F;
}

/** MENU */

#menu {
	float: right;
	width: 500px;
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	float: right;
	margin: 0;
	padding: 10px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding: 0px 0px 0px 0px;
}

#menu a {
	display: block;
	margin-right: 1px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #585858;
	border: none;
}

#menu .current_page_item a {
	text-decoration: none;
	color: #FFFFFF;
}

#menu .current_page_item a {
	background: #888;
	border-radius: 5px;
}

/** PAGE */

#page {
	overflow: hidden;
	padding: 50px 0px 0px 0px;
	border-top: 1px solid #DEDEDE;
}

/** CONTENT */

#content {
	float: left;
	width: 750px;
}

#content #cbox1 {
	margin-bottom: 40px;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 300px;
}

#sidebar #box1 {
	margin-bottom: 50px;
}

/* Footer */

#footer {
	overflow: hidden;
	padding: 50px 0px;
	border-top: 1px solid #DEDEDE;
}

#footer p {
	text-align: center;
	font-size: 14px;
	color:#fff;
}

#footer a {
}

/** BANNER */

#banner {
	overflow: hidden;
	padding-bottom: 40px;
}

/** TWO COLUMN */

#two-column {
	overflow: hidden;
	padding: 40px 0px;
	border-top: 0px solid #DEDEDE;
}

#two-column h2 {
	font-size: 1.5em;
}

#two-column #tbox1 {
	float: left;
	width: 350px;
}

#two-column #tbox2 {
	float: right;
	width: 350px;
}

/* Button style 1 */

.link-style {
	display: inline-block;
	margin-bottom: 40px;
	padding: 10px 20px;
	background: #efefef;
	text-decoration: none;
}


/* List style 1 */

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li {
	padding: 10px 0px 15px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style1 .first {
	padding-top: 0px;
	border-top: none;
}

/* List style 2 */

ul.style2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style2 li {
	padding: 25px 0px 15px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style2 .first {
	padding-top: 0px;
	border-top: none;
}

ul.style2 h3 {
	padding: 0px 0px 10px 0px;
}

ul.style2 h3 a {
	color: #101010;
}

ul.style2 a {
	text-decoration: none;
}

ul.style2 a:hover {
	text-decoration: underline;
}


/* List style 3 */

ul.style3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style3 li {
	padding: 20px 0px 20px 0px;
	border-top: 1px solid #E6E7DC;
}

ul.style3 p {
	margin: 0px;
	padding: 0px;
}

ul.style3 img {
	float: left;
	margin-top: 3px;
	margin-right: 20px;
}

ul.style3 .posted {
	padding: 10px 0px 10px 0px;
	font-size: 8pt;
	color: #A2A2A2;
}

ul.style3 .first {
	padding-top: 0px;
	border-top: none;
}


/* ------------------------------------------------------------------------ */
/* Copyright
/* ------------------------------------------------------------------------ */
#copyright {
    padding: 10px 0 13px 0px;
    background: #f7f7f7;
    color:#777;
    font-size: 16px;
    overflow: hidden;
}

/* 
#copyright .copyright-col1{
    float: left;
    margin: 0;
    padding: 0;

}
#copyright .copyright-col2{
    float: right;
    margin: 0;
    padding: 0;
}
 */

 #copyright .social-icons, #copyright .copyright-col1, #copyright .copyright-col2{float:none;text-align:left!important; padding-left:10px; }

#copyright .copyright-text{ padding-top:5px; }
#copyright .social-icons{float:right; margin: -20px 0; font-size:24px;}
#copyright .social-icons ul li{float:none!important; display:inline-block!important; width:40px;height:40px; }
#copyright .social-icons ul li a{display:inline-block;}

.social-iconsLarge{float:right; margin: -20px 0; font-size:50px; }
.social-iconsLarge ul li{float:none!important; display:inline-block!important; width:60px;height:60px;  }


#copyright a { color: #999999 }
#copyright a:hover { color: #cccccc }

#copyright .menu{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}   

#copyright .menu li{
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 0;
}


/* Recent News */

#recent-news {
	overflow: hidden;
	width: 1060px;
	padding: 20px 20px;
	background: #36332E;
	color: #8C8C8C;
}

#recent-news h2 {
	padding: 0px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #EDEDED;
}

#recent-news .date {
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	font-style: normal;
	color: #E3E3E3;
}

#recent-news p {
	font-style: italic;
}

#recent-news a {
	font-style: normal;
	color: #B8B8B8;
}

#recent-news #rbox1 {
	float: left;
	width: 250px;
	margin-right: 20px;
}

#recent-news #rbox2 {
	float: left;
	width: 250px;
	margin-right: 20px;
}

#recent-news #rbox3 {
	float: left;
	width: 250px;
}

#recent-news #rbox4 {
	float: right;
	width: 250px;
}


/* Portrait Section */

/* 
#main-section {
	overflow: hidden;
	width: 1060px;
	padding: 40px 0px 0px 0px;
	background: #fff;
	color: #000;
}

#main-section h2 {
	padding: 0px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #EDEDED;
}

#main-section h3 {
	padding: 10px 0px 20px 0px;
	font-family: 'proxima-nova', 'Open Sans', sans-serif;
	font-size: 22px;
	color: #ffffff;
}

#main-section .date {
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	font-style: normal;
	color: #E3E3E3;
}

#main-section p {
	font-style: italic;
}

#main-section a {
	font-style: normal;
	color: #444;
}

#main-section #rbox1 {
	float: left;
	width: 250px;
	margin-right: 20px;
}

#main-section #rbox2 {
	float: left;
	width: 250px;
	margin-right: 30px;
}

#main-section #rbox3 {
	float: left;
	width: 250px;
}

#main-section #rbox4 {
	float: right;
	width: 250px;
}
 */

/* 4 Column Layout */

.four-column {
    float: left;
    width: 25%;
}

.four-column h3 {
    font-family: Arial, Helvetica, sans-serif;
    color: #444444;
    font-weight: 600;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1.4;
    text-decoration: none;
}

.four-column p {
	margin-top: 10px;
	padding-right: 40px;
	text-decoration: none;
	color: #444;
	font-family:'Montserrat', sans-serif;
}

.four-column a {
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #666;
	font-weight: bold;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout for column - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .four-column {
        width: 100%;
    }
}

/* 3 Column Layout */

.three-column {
    float: left;
    width: 33%;
}

.three-column h3 {
    font-family: Arial, Helvetica, sans-serif;
    color: #444444;
    font-weight: 600;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1.4;
    text-decoration: none;
}

.three-column p {
	margin-top: 10px;
	padding-right: 40px;
	text-decoration: none;
	color: #444;
	font-family:'Montserrat', sans-serif;
}

.three-column a {
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #666;
	font-weight: bold;
}


.gps-picturecolumnleft {
  float: left;
  width: 40%;
}
.gps-picturecolumnright {
  float: left;
  width: 60%;
}
.gps-column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.gps-row:after {
  content: "";
  display: table;
  clear: both;
}

.hideShow {
display:none;
}










/* Responsive layout for column - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .three-column {
        width: 100%;
    }
}


