/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;font-family:'Roboto Condensed', sans-serif;}

ol, ul {list-style:none;}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {display:block;}

/***** END RESET *****/

.cf:before,
.cf:after {content:" ";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

body {font-size:18px;line-height:28px; -webkit-text-size-adjust:none;background:url("/siteart/bg.png") repeat;background-attachment:fixed;}
h1, h2, h3, h4 {font-weight:700;margin-bottom:5px;line-height:normal;}
h2 {color:#00704a;border-bottom:5px solid #00346b;margin-bottom:10px;}
strong {font-weight:700;}

/* header styles */
.logo {max-width:25%;width:100%;float:left;}
.logo img {max-width:100%;height:auto;}

header {padding-bottom:20px;max-width:100%;height:auto;}
header .wrapper {width:100%;max-width:80%;margin:0 auto;padding:0 0 0 0;}
.headerinfo span {display:inline-block;padding:0px 5px;}
.headerinfo {float:right;max-width:100%;height:auto;font-weight:700;}

.intro {padding:13% 0px;text-align:center; background-color: #00346b;}
.intro h1 {color:#fff;text-align:center;font-size:56px;line-height:normal;}
    h1 span {font-weight:400;}

.contactintro {background-color: #00346b; background-image:url("/siteart/golf.png"); background-repeat: no-repeat;background-position:center center;margin:0px auto;height:auto;width:100%;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;color:#fff;text-align:center;}
.contactintro h1 {margin-bottom:5px;}
.contactintro h2 {font-weight:300;color:#fff;}

.wrapper {width:100%;max-width:80%;margin:0 auto;padding:4% 0;}

.breadcrumbs {background:#00704a;color:#fff;}
ul.breadcrumb {padding:16px 16px;list-style:none;width:80%;margin:0 auto;}
ul.breadcrumb li {display:inline;font-size:14px;}
ul.breadcrumb li+li:before {padding:8px;content: "/\00a0";}
ul.breadcrumb li a {font-weight:700;text-decoration:none;color:#fff;}
ul.breadcrumb li a:hover {color: #fff;text-decoration:none;font-weight:300;}

.twocols {max-width:50%;width:100%;display:inline-block;vertical-align:top;box-sizing:border-box;}
.twocols:last-of-type {padding-left:15px;}
.twocols img {max-width:100%;height:auto;display:inline-block;margin-left:10px;border:1px solid #ccc;}

.threecols {max-width:33%;width:100%;display:inline-block;vertical-align:top;box-sizing:border-box;text-align:center;}
.threecols img {max-width:100%;height:auto;display:inline-block;}

.fivecols {max-width:20%;width:100%;display:inline-block;vertical-align:top;box-sizing:border-box;}
.fivecols:last-of-type {text-align:right;}

ul.about li {padding:5px 0px;margin-left:25px;}

a:link, a:visited, a:active {text-decoration:none;color:#00346b;}
a:hover {text-decoration:underline;color:#00346b;}

footer {background:#00346b;max-width:100%;height:auto;color:#fff;font-size:16px;}
footer a:link, footer a:visited, footer a:active {text-decoration:none;color:#fff;}
footer a:hover {text-decoration:underline;color:#fff;}

.divfooter {width:450px; text-align:center; margin:0 auto;}

/************************************************ Responsive Styles **/

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

}



@media screen and (max-width: 1024px){
    body {font-size:16px;line-height:26px;}
    footer {font-size:14px;}
    .threecols {max-width:50%;}
    .logo {max-width:60%;float:left;}

}



@media screen and (max-width: 767px){
    .twocols {max-width:100%;}
    .twocols:last-of-type {padding-left:0px;}
    .twocols img {margin-left:0px;}
    .headerinfo {float:right;padding:10px 0px;}
    .headerinfo span {display:inline-block;padding:0px 0px;}
	footer .fivecols {max-width: 50%;}
}
 
 

@media screen and (max-width: 400px){
    .headerinfo {display:none;}

}