/* Master layout */

/************************************************************
Global styles */
@font-face{
	font-family: Garamond;
	src: url('../fonts/garamond.eot'); /* For IE */
	src: local('Garamond'), url('../fonts/garamond.ttf') format('opentype');
}

body {
	border-top:0.4em solid #e56c2b;
	margin:0;
	padding:0;
	font:10pt/1.4 Arial,Helvetica,sans-serif;

	/* Footer colors */
	background:#413631;
	color:#fff;
}

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

/* Headings */
h1,h2,h3,h4,h5,h6 {
	font:12pt/1.1 Garamond,'Times New Roman',Times,serif;
	margin:0.4em 0 0.2em 0;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.25), 1px 1px 0 rgba(255,255,255,0.83);
}
h1 {
	font-size:28pt;
}
h2 {
	font-size:22pt;
}
h3 {
	font-size:18pt;
}
h1 strong, h2 strong, h3 strong, h4 strong {
	font-weight:normal;
	color:#e56c2b;
}


/* Block-level */
p {
	margin:0.7em 0 1.2em 0;
}
ul, ol {
	margin:0.7em 0 0.7em 2em;
	padding:0;
}


/************************************************************
Layout: Site width */

#header>div,
#main-nav>ul,
#content>div,
#footer>div {
	width:925px;
	padding-left:35px; /* Covers backgrounds / etc. */
	padding-right:35px;
	margin:0 auto;
}


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

#header {
	background:#fff;
	color:#4f5c65;
}
#header>div {
	position:relative;
}


/* Logo */
#logo {
	display:inline-block;
	padding:1em 0;
	margin:1em 0;
}


/* Call area */
#call {
	font:16pt/1.2 Garamond,'Times New Roman',Times,serif;
	position:absolute;
	right:0;
	top:0;
	margin:1em 1.5em 0 0;
	padding:0 0.5em 1.25em 1.5em;
	background:transparent url('../images/site/call-shadow.jpg') no-repeat center bottom;
}
#call strong {
	color:#e56c2b;
	font-weight:normal;
}


/* Navigation */
#main-nav {
	background:#90908f url('../images/site/nav-gradient.png') repeat-x left bottom; /* Fallback */
	background-image:-moz-linear-gradient(top, #90908f, #727271);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#90908f), to(#727271));
	border-bottom:1px solid #4c5f67;
}
#main-nav ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	font:16pt/1.1 Garamond,'Times New Roman',Times,serif;
	text-align:center;
}
#main-nav li {
	display:inline-block;
	
}
#main-nav a {
	display:block;
	padding:0.6em 1.2em;
	color:#fff;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.2), 1px 1px 0 rgba(255,255,255,0.2);
	border-left:1px solid #a7a6a5;
	border-right:1px solid #737372;
}
#main-nav li:first-child a {
	border-left:none;
}
#main-nav li:last-child a {
	border-right:none;
}
#main-nav a:hover {
	background-color:rgba(255,255,255,0.15);
}


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

#banner {
	/*background:transparent url('../images/site/banner-wood.jpg') repeat-x center bottom;*/
	min-height:2.7em;
	border-bottom:1.7em solid #000;
}
#banner p { /* Image container */
	margin:0;
	text-align:center;
}
#banner p img { /* Banner itself */
	margin-left:-8em; /* So wood grain lines up */
}



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

#content {
	padding:1.5em 0 1.3em 0;
	background:#f1eeeb url('../images/site/shadow.png') no-repeat center top;
	color:#3f3f3e;
}
#content>div {
	width:940px; /* Little extra space for right column */
	padding:1em 30px 3em 40px;
	background:transparent url('../images/site/shadow.png') no-repeat center bottom;
}


/* Ribbon / header */
#content #ribbon {
	width:100%;
	padding:1em 0;
	color:#3d4039;
	background:#dddbd8;
}
#content #ribbon h1 {
	width:925px;
	margin:0 auto;
	padding:0.15em 0;
	color:#E56C2B;
	text-shadow:none;
}
#content #ribbon p {
	width:925px;
	margin:0 auto;
	text-align:center;
	font:16pt/1.3 Garamond,'Times New Roman',Times,serif;
}
#content #ribbon q:before,
#content #ribbon q:after {
	content:'';
}


/* Columns */
#content .leftCol {
	width:60%;
	padding-right:3.5%;
}
#content .rightCol {
	width:36%;
}


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

#footer {
	padding:2em 0;
	/*background:transparent url('../images/site/footer-wood.jpg') repeat-x center top;*/
}
#footer .leftCol {
	width:44%;
	margin-left:7%; /* Note: IE7 behaves a little strangely if this is specified as padding */
	margin-right:7%;
}
#footer .rightCol {
	width:35%;
}

#footer h2 {
	text-align:center;
	background:transparent url('../images/site/footer-lines.png') no-repeat center center;
	font-size:20pt;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.5), 1px 1px 0 rgba(255,255,255,0.2);
}
#footer ul {
	color:#f1eeeb;
	margin:0.3em 0 2.2em 0;
	padding:0;
	list-style:none;
	font-size:11pt;
}
#footer li {
	margin:0.3em 0;
}
#footer li:before {
	content:'\27A1';
	color:#e56c2b;
	font-size:8pt;
	margin:0.4em 0.8em 0 0;
}


/* Copyright */
#copyright {
	background:transparent url('../images/site/shadow.png') no-repeat center top;
	padding:1.2em 0 1em 0;
	text-align:center;
	position:relative;
}
#copyright .jb-logo {
	position:absolute;
	margin-top:0;
	top:1.2em;
	right:4em;
}


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

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


/************************************************************
Buttons and links */

/* Arrow links */
a.arrow {
	color:#3f3f3e;
	border-bottom:1px solid #989694;
	margin-right:1em;
}
a.arrow:after {
	position:absolute;
	padding:0.4em 0 0 0.5em;
	content:'\27A1';
	color:#e56c2b;
	font-size:8pt;
}


/* Buttons */
.button {
	display:inline-block;

	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	border-radius:0.4em;

	-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.button strong,
.button input {
	display:block;
	padding:0.3em 1.6em 0.3em 0.7em;
	border:2px solid #877D7B;
	background:#201715 url('../images/icons/arrow-right-med.png') no-repeat right 55%;
	color:#fff;
	font:11.5pt/1.1 Garamond,'Times New Roman',Times,serif;
	cursor:pointer;

	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	border-radius:0.4em;
}


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

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

/* Font sizes */
.smaller { font-size:90%; }
.larger { 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; }