/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */
@import url('libs/base.css');
@import url('libs/forms.css');
@import url('libs/superfish.css');
@import url('libs/nivo-slider.css');
/* @import url('libs/debug.css'); Uncomment to make errors visible in a browser */

/* =============================================================================
   Primary styles
   Colors: tealBlue = #3c8b90
   ========================================================================== */
body.home { background: #fff url(../img/bg-body-01.jpg) 0 0 fixed no-repeat; }
body.contact { background: #fff url(../img/bg-body-02.jpg) center center fixed no-repeat; }
body.about { background: #fff url(../img/bg-body-03.jpg) center center fixed no-repeat; }
body.community { background: #fff url(../img/bg-body-04.jpg) center center fixed no-repeat; }
body.location { background: #fff url(../img/bg-body-05.jpg) center center fixed no-repeat; }
body.news { background: #fff url(../img/bg-body-06.jpg) center center fixed no-repeat; }
body.gallery { background: #fff url(../img/bg-body-07.jpg) center center fixed no-repeat; }
body.business { background: #fff url(../img/bg-body-08.jpg) center center fixed no-repeat; }
body.site { background: #fff url(../img/bg-body-09.jpg) center center fixed no-repeat; }
body.partners { background: #fff url(../img/bg-body-10.jpg) center center fixed no-repeat; }

/* ROOT */
.wrapper { position: relative; width: 960px; margin: 0 auto; }

/* Feature */
#feature { padding: 0; }
#slider { width: 620px; height: 240px; /* Must have width and height */ }
#slider img { display: none; }

/* BANNER */
#header-container { position: relative; z-index: 10; top:40px;}
header[role="banner"] { height: 70px; z-index:10;top:15px;}
#header-container .vcard {position: absolute;top:12px;right:320px;font-weight: bold;}
#header-container .vcard .left {padding-left:20px;text-align: right;color:#1f497d;}
#header-container .vcard .right {border-left:2px solid #000;padding-left:20px;}
#header-container .vcard .right a {color:#000;text-decoration: none;z-index:10;}
/* Branding */
#branding, #branding a { width: 283px; height: 203px; }
#branding { margin: 0; padding: 0; position: absolute; right: 20px; top: -25px;  }
#branding a { background: transparent url(../img/logo.png) 0 0 no-repeat; }

#slogan { width: 655px; height: 133px; position: absolute; left: -20px; bottom: 0; background: transparent url(../img/slogan.png) 0 0 no-repeat; }

#content h2 {padding:15px 20px;margin: 0;font-size:1.5em;}
.slogan {background: url(../img/bg-slogan.png) 0 0 repeat-x;padding-left:20px;margin-bottom:20px;}


.lt-ie8 #slogan { bottom: 20px; }
/* Navigations */
#nav-container { width: 100%; height: 70px; position: absolute; left: 0; top: 10px;background: transparent url(../img/bg-trans-fff.png) 0 0;}
.home #nav-container {background:none;}
.home .innercontent p {font-weight: bold;}
nav[role="navigation"] { height: 45px; }
nav[role="navigation"] > ul { position: relative; top:20px; z-index: 11;width:200px; }

.innercontent {padding:0 20px;}
.innercontent p:first-child {margin-top: 0;}
.innercontent img.left {padding-right:10px;}

.home .news article {width:100%;height:179px;margin-right: 15px;float: left;color:#000;padding:0 5px;}
.home .news article p {font-weight: bold;font-size:0.85em;font-style: italic;margin: 0;}
.home .news article p span {/*margin-bottom: 10px;*/display: block;}
.home .news article a {color:#1f497d;}
.home .news article div {float:left;width:49%;margin-top: 8px;margin-left: 5px;}
.home .news article a.readmore {font-size:0.85em;}
.home .news article h3 {margin: 0;}



/* MAIN */
div[role="main"] { background: transparent url(../img/bg-trans-fff.png) 0 0; text-align: left; top:50px; }

/* Content */
#content header { height: 98px; margin-bottom: 45px; }
.home #content header h1 { float: left; width: 181px; height: 98px; margin: 0; padding: 0; background: transparent url(../img/ir-grow-with-us.png) 0 0 no-repeat; }
#complementary-nav { float: left; width: 724px; height: 98px; float: left; background: transparent url(../img/bg-complementary-nav.png) 0 0 repeat-x; }
#complementary-nav li, #complementary-nav li a { width: 181px; height: 98px; display: block; }
#complementary-nav li { float: left; }
#complementary-nav li a { overflow: hidden; color: #fff; font-size: 16px; text-decoration: none; text-align: center; }
#complementary-nav li a span { position: relative; top: 38px; }
#complementary-nav .summary { font-size: 12px; text-align: left; color: #000; padding: 5px; min-height: 100%; position: relative; top: 98px; /* Same as in script.js */  background: transparent url(../img/bg-complementary-nav-hover.png) 0 0 repeat-x; }

#content section h2, aside h3 {/* font-family:  "Black Jack";*/ font-size: 24px; }
.two-column #content section { float: right; width: 650px; }
.two-column #content section#feature {margin-bottom: 10px;}
.community table td {padding-bottom: 20px;}
td.tindent {text-indent: 40px;}
.business table {width:600px;}
.business table td {padding-bottom:10px;}

/* Aside */
.two-column aside { float: left; width: 260px; height: 690px;}
aside .learn-more.button, .home aside .learn-more.button a { width: 292px; height: 66px; }
aside .learn-more.button { background: transparent url(../img/btn-learn-more.png) 0 0 no-repeat; }
aside h3 { display: inline; margin: 0; padding: 0; color:#1f497d; }
/*#social-nav { position: absolute; right: 0; top: -8px; }*/
#social-nav li { float: left; margin-left: 8px; }
aside .side-nav ul li a {background: url(../img/bg-nav.png) 0 0 no-repeat;width:219px;height: 59px;padding:17px 0 0 20px;display:block;color:#fff;font-weight: bold;text-decoration: none;font-size:1.3em;}
aside .side-nav ul li a:hover {color:#c3a048;}

/* Microformats */
aside ul.vcard { margin: 0 0 20px 0; padding: 0; width: 270px; list-style: none; font-size: 10px; color: #999; }
aside ul.vcard li { padding: 5px 0; margin: 0; background: transparent url(../img/bg-hr-shadow.png) 0 0 no-repeat; }
aside ul.vcard li:first-child { background-image: none; }
aside ul.vcard .adr, aside ul.vcard .tel, aside ul.vcard .email { color: #666; font-size: 19px; display: block; }
aside ul.vcard .street-address { display: block; }
aside ul.vcard .email { color: #3c8b90; text-decoration: none; }

/* Google Maps */
#googlemap { width: 90%; height: 350px; margin: 0 0 0 50px; border: 2px double #ddd; color: #000; }

/* Complementary Content */
div[role="complementary"] {  }

/* CONTENTINFO */
footer[role="contentinfo"] { font-size: 11px; text-align: left; position: relative; height: 100%; padding: 0; background: transparent url(../img/bg-footer.png) 0 0 repeat-x; color: #fff; }
footer[role="contentinfo"] a { color: #fff; text-decoration: none; text-align: center; }
footer[role="contentinfo"] a:hover { color: #fff; }
/*
	TODO Redo Spider Credit (New image), Back to Top (Something Creative. Some Pretty Arrow Buttons or a Brand Opportunity.), and Copyright.
*/
.spider { background: url(../img/spiders.png) center top; background-repeat: no-repeat; height: 10px; display: block; text-transform: uppercase; font-size: 10px; padding: 40px 0 0 0; text-decoration: none; width: 100px; margin-right: 10px; position: absolute; right: 0; bottom: 10px; }
.spider:hover { background-position: center -50px; }
a[href="#container"] { position: absolute; left: 10px; bottom: 15px; text-align: left; }
#copyright { width: auto; text-align: left; position: absolute; bottom: 30px; left: 10px; }

/* Sticky Footer */
html, body, #page-container { height: 100%; }
body > #page-container { height: auto; min-height: 100%; }
#main { padding-bottom:92px; } /* must be same height as the footer */
#footer-container { position: relative;  /* negative value of footer height */ height: 92px; clear: both; }


/* Modernizr */
.boxshadow #googlemap {
	border-width: 0;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(140, 140, 140, 0.5);
    	-moz-box-shadow: 0px 0px 3px 1px rgba(140, 140, 140, 0.5);
	        box-shadow: 0px 0px 3px 1px rgba(140, 140, 140, 0.5);
	}

.borderradius #googlemap, .borderradius #contact input[type="submit"] {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
           border-radius: 5px;
	}

.borderradius #contact input, .borderradius #contact textarea {
	border-style: solid;
	border-color: #9e9e9e;
	border-width: 1px;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
			  border-radius: 3px;
	}

.boxshadow #contact input {
	-webkit-box-shadow: 1px 2px 1px 0px rgba(218, 218, 218, 0.5) inset;
	   -moz-box-shadow: 1px 2px 1px 0px rgba(218, 218, 218, 0.5) inset;
		     box-shadow: 1px 2px 1px 0px rgba(218, 218, 218, 0.5) inset;
	}

.cssgradients #contact input[type="submit"] {
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec));
	background-image: -webkit-linear-gradient(top, #ffffff, #ececec);
	background-image:    -moz-linear-gradient(top, #ffffff, #ececec);
	background-image:     -ms-linear-gradient(top, #ffffff, #ececec);
	background-image:      -o-linear-gradient(top, #ffffff, #ececec);
	background-image:         linear-gradient(to bottom, #ffffff, #ececec);
	}



/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}
@media only screen and (max-height: 1050px ) and (orientation: portrait) {
	body {  -moz-background-size: auto 100% !important; background-size: auto 100% !important;  }
	}

@media only screen and (min-width: 1200px) {
	body {  -moz-background-size: 100% !important; background-size: 100% !important;  }
}
/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.right {float:right;}
.left {float:left;}
/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}