/* Master layout */

/************************************************************
Embedded fonts */

@font-face{
	font-family:Futura;
	src:url('../fonts/FuturaStd-Book.eot'); /* For IE */
	src:local('XXX'), url('../fonts/FuturaStd-Book.otf') format('opentype');
}


/************************************************************
Global styles */
html {
	background:#8EC1D4;
}
body {
	font:10pt/1.3 Arial,Helvetica,sans-serif;
	border-top:0.7em solid #231f20;
	padding:0;
	margin:0;
	background:#f9f9f9 url('../images/site/texture-white.jpg') repeat center top;
	color:#231f20;
}

/* Links */
a:link,
a:visited,
a:hover,
a:active {
	color:#723986;
	text-decoration:none;
}
a img {
	border:none;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	font:11pt/1.2 Futura,Arial,Helvetica,sans-serif;
	margin:0.7em 0 0.4em 0;
}
h1 {
	font-size:24pt;
	color:#4daac3;
	text-shadow:1px 2px 3px rgba(3,122,143,0.41);
}
h2 {
	font-size:20pt;
}
h3 {
	font-size:14pt;
	text-transform:uppercase;
}
h4 {
	font-size:12pt;
}
h5 {
	font-style:italic;
}
/*h1:first-child, h2:first-child, h3:first-child {
	margin-top:0;
}*/

/* Block-level */
p {
	margin:0.5em 0 1em 0;
}
address {
	font-style:normal;
	line-height:1.5;
	margin:1em 0;
}


/************************************************************
Layout: Header */

#header {
	background:transparent url('../images/site/dots.gif') no-repeat center -8px;
}
#header>div {
	position:relative;
	width:950px;
	margin:0 auto;
	padding:0 0 1em 0;
}

/* Logo */
#logo {
	margin:0;
	position:absolute;
	left:0.5em;
	top:0;
}
#logo a {
	display:block;
	width:228px;
	height:208px;
	background:transparent url('../images/site/logo.png') no-repeat center center;
	text-align:left;
	text-indent:-9999px;
	outline:none;
}

/* Top navigation */
#top-nav {
	list-style:none;
	margin:0;
	padding:0;
	text-align:right;
	font:11pt/1.2 Futura,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
}
#top-nav li {
	display:inline-block;
	vertical-align:middle;
	padding:0 0.8em;
}
#top-nav li:first-child a {
	color:#0592ab;
}
#top-nav a {
	color:#231f20;
}

/* Tab */
#top-nav .tab {
	display:block;
	background:#713784;
	color:#f9f9f9;
	text-transform:none;
	font-weight:bold;
	padding:0.9em 0.7em;

	-moz-border-radius:0 0 1em 1em;
	-webkit-border-radius:0 0 1em 1em;
	border-radius:0 0 1em 1em;
}


/* Main navigation */
#main-nav {
	margin:8.5em 0 11.5em 0;
	padding:0;
	text-align:right;
}
#main-nav li {
	list-style:none;
}
#main-nav>li {
	display:inline-block;
	text-align:left;
	vertical-align:top;
}
#main-nav a {
	color:#231f20;
}
#main-nav a:hover {
	color:#0592ab;
}
#main-nav>li>a {
	position:relative;
	font:15pt/1.2 Futura,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-shadow:1px 2px 1px rgba(177,177,177,0.75);
	padding:0 0.85em;
}

/* Drop-down arrow */
#main-nav li.has-subs>a:after {
	content:' ';
	position:absolute;
	right:0.1em;
	bottom:0.2em;
	height:0;
	width:0;
	border-top:6px solid #0592ab;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	margin-left:0.5em;
}

/* Second level */
#main-nav ul {
	display:none;
	position:absolute;
	z-index:10;
	background:#f9f9f9 url('../images/site/texture-white.jpg') repeat center top;
	padding:0.8em 0.8em 0 0.8em;
	font:14pt/1.2 Futura,Arial,Helvetica,sans-serif;
}
#main-nav li:hover>ul {
	display:block;
}
#main-nav ul a {
	display:block;
	padding:0.4em 2.5em 0.5em 0;
	border-bottom:1px solid #bcbbbb;
}


/************************************************************
Layout: Banner */

/* Banner */
#banner {
	position:relative;
	top:-10.3em; /* Overlap header */
	margin-bottom:-9.5em;
	border:0.4em solid #fff;
	background:#f9f9f9 none no-repeat left center;

	-moz-border-radius:2em;
	-webkit-border-radius:2em;
	border-radius:2em;
}
#banner>div,
#banner>h1 {
	background:#f3eee7 url('../images/site/texture-tan.jpg') repeat center top;
}

/* Banner w/content */
#banner>div {
	margin-left:60%;
	padding:1.3em 2em 1em 2em;

	-moz-border-radius:0 1.45em 1.45em 0;
	-webkit-border-radius:0 1.45em 1.45em 0;
	border-radius:0 1.45em 1.45em 0;
}
#banner h1 {
	text-shadow:1px 2px 1px rgba(4,81,95,0.31);
	margin-top:0;
}
#banner p {
	font:10.5pt/1.4 Futura,Arial,Helvetica,sans-serif;
}
#banner big {
	color:#713785;
}

/* Banner heading */
#banner>h1 {
	margin:0 0 0 57%;
	padding:1.2em 1em 1.2em 0.8em;

	-moz-border-radius:0 0.65em 0.65em 0;
	-webkit-border-radius:0 0.65em 0.65em 0;
	border-radius:0 0.65em 0.65em 0;
}


/************************************************************
Layout: Content */

#content {
	padding-bottom:4em;
}
#content>div {
	width:960px;
	margin:0 auto;
}


/* Content columns */
#content .leftCol {
	width:60%;
	margin:0 5% 0 4%;
}
#content .rightCol {
	width:30.5%;
}
#content .fullCol {
	width:92%;
	margin:auto;
}

#content .leftCol h1 {
	font-size:28pt;
	margin-top:0.3em;
}
#content .leftCol h2,
#content .rightCol h2 {
	margin:1em 0 0.5em 0;
	font-size:15pt;
	text-transform:uppercase;
	color:#713785;
	text-shadow:1px 2px 2px rgba(54,54,54,0.32);
}



/************************************************************
Layout: Footer */

#footer {
	background:#8ec1d4;
	color:#fff;
}
#footer>div {
	width:910px;
	margin:0 auto;
	padding:1em 0 1.5em 0;
	font:9.5pt/1.2 Futura,Arial,Helvetica,sans-serif;
	white-space:nowrap;
	overflow:hidden;
}
#footer a {
	color:#0592ab;
}

/* Columns */
#footer .col.one {
	width:34%;
}
#footer .col.two {
	width:31.5%;
	margin:0 2% 0 0.5%;
}
#footer .col.three {
	width:38%;
}


/* Address */
#footer address {
	margin:1.5em 0 2em 0;
	line-height:2;
}
#footer address big {
	line-height:0.8;
}

/* Hours */
#footer .col.two {
	background:#66b3c9;
	text-align:center;
	padding:0.5em 0 1.5em 0;

	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
}
#footer .col.two h3 {
	font-size:15pt;
	text-shadow:1px 1px 5px rgba(3,122,143,0.75);
}
#footer .col.two p {
	font-size:11pt;
	margin:0.7em 0;
}


/* Footer navigation */
#foot-nav {
	font:bold 10pt/2.3 Futura,Arial,Helvetica,sans-serif;
	margin:0 0 3em 0;
	padding:0;
	white-space:normal;
}
#foot-nav li {
	display:inline-block;
	width:49%;
	vertical-align:top;
}
#foot-nav a {
	color:#fff;
}


/************************************************************
Columns */

.col,
.leftCol,
.rightCol {
	display:inline-block;
	vertical-align:top;
}



/************************************************************
Buttons and Links */

/* Arrow links */
.arrow {
	position:relative;
	font:bold 10.5pt/1.3 Futura,Arial,Helvetica,sans-serif;
	text-transform:lowercase;
	padding-left:2.2em;
}
.arrow:before {
	content:' ';
	position:absolute;
	left:0;
	top:50%;
	height:1px;
	width:13px;
	background:#723986;
}
.arrow:after {
	content:' ';
	position:absolute;
	left:13px;
	top:50%;
	height:0;
	width:0;
	margin-top:-2px;
	border-left:6px solid #723986;
	border-top:3px solid transparent;
	border-bottom:2px solid transparent;
}

/* Green arrow */
.arrow.green {
	color:#4DAAC3;
	text-transform:none;
	font-weight:bold;
}
.arrow.green:before {
	background-color:#4DAAC3;
}
.arrow.green:after {
	border-left-color:#4DAAC3;
}



/* Buttons */
.button {
	display:inline-block;
	font:11pt/1.3 Futura,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	color:#fff !important;
	background:#713785;
	padding:0.4em 1em;
	/*border:2px solid #fff;*/
	border:none;
	cursor:pointer;

	-moz-border-radius:1em 0;
	-webkit-border-radius:1em 0;
	border-radius:1em 0;
}



/************************************************************
Miscellaneous */

/* Text alignment */
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

/* Font sizes */
small { font-size:90%; }
big { font-size:115%; }

/* Floating/clearing */
.clear { clear:both; }

/* Padding */
.pad { padding:1em; }
.topPad { padding-top:1em; }
.bottomPad { padding-bottom:1em; }
.leftPad { padding-left:1em; }
.rightPad { padding-right:1em; }


/* Fix extra button padding in Firefox */
input[type="submit"]::-moz-focus-inner {
    border:none;
    padding:0;
    line-height:1;
}