/* Master layout */

/************************************************************
Font embedding */

/* Fonts by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face{
	font-family:MuseoSlab;
	src: url('../fonts/museo-slab.eot'); /* For IE */
	src: local('XXX'), url('../fonts/museo-slab.ttf') format('opentype');
}
@font-face{
	font-family:Museo;
	src: url('../fonts/museo500.eot'); /* For IE */
	src: local('XXX'), url('../fonts/museo500.ttf') format('opentype');
}


/************************************************************
Global styles */
body {
	background:#252525 url('../images/backgrounds/wood-main.jpg') repeat center top;
	color:#fff;
	font:10pt/1.4 Museo,Arial,Helvetica,sans-serif;
	margin:0 auto;
	padding:0;
	width:950px;
	text-align:center;
}

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

/* Headings */
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	line-height:1.2;
	margin:0.4em 0 0.2em 0;
}
h1 {
	font-size:24pt;
}
h2 {
	font-size:23pt;
	font-family:MuseoSlab,Arial,Helvetica,sans-serif;
	letter-spacing:0.01em;
}
h3 {
	font-size:13.5pt;
	letter-spacing:0.02em;
}
h4 {
	font-size:12pt;
}
h5,h6 {
	font-size:11pt;
}

/* Block-level */
p {
	margin:0.8em 0;
}


/* Highlight color */
strong {
	font-weight:normal;
	color:#d73294;
}

/* Darken Color */
strong strong {
	font-weight:normal;
	color: #000000;
}


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

#header {
	text-align:right;
	position:relative;
	margin:0.5em 1em 2.5em 1em;
}

/* Logo */
#logo {
	position:absolute;
	left:0.5em;
	bottom:0;
	margin:0;
	text-align:center;
	font:36pt/1.2 MuseoSlab,Arial,Helvetica,sans-serif;
}
#logo a {
	color:#fff;
	display:block;
}
#logo small {
	display:block;
	font-size:14pt;
	text-transform:uppercase;
	letter-spacing:0.17em;
}


/* Main navigation */
#main-nav {
	text-align:center;
	list-style:none;
	margin:1em 0 1em 42%;
	padding:0.5em 0;
	font-size:12pt;
	line-height:2.5;
	border-top:1px solid rgba(255,255,255,0.25);
	border-bottom:1px solid rgba(255,255,255,0.25);
}
#main-nav li {
	display:inline-block;
	vertical-align:top;
}
#main-nav a {
	display:block;
	padding:0 0.7em;
	color:#fff;
	letter-spacing:0.02em;
}
#main-nav li.sel a {
	color:#d73294;
}


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

#content {
	position:relative;
	text-align:left;
	margin:2em 0;
	padding:1.2em;
	min-height:20em;
	background:#fff;
	color:#282828;

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

/* Columns */
#content .leftCol {
	width:60%;
	margin:0 4% 0 2%;
}
#content .rightCol {
	width:32%;
	padding-top:1em;
}


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

#footer {
	border-top:1px solid rgba(255,255,255,0.25);
	margin:2.5em 0;
	padding:1.5em 0 4em 0;
	color:#949494;
	font-size:9.5pt;
	position:relative;
	white-space:nowrap; /* Just in case things wrap (like in IE) */
}
#footer p,
#footer ul {
	display:inline-block;
	vertical-align:middle;
	margin:0;
}

/* Nothing intervening: Add a bit more space */
#content+#footer {
	margin-top:5em;
}

/* Connect icons */
#connect-icons {
	list-style:none;
	padding:0 4em 0 5em;
}
#connect-icons li {
	display:inline-block;
	vertical-align:middle;
	margin-left:0.1em;
}
#connect-icons a {
	display:block;
	text-align:left;
	text-indent:-9999px;
	color:transparent;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-position:center center;
}
#connect-icons li.facebook a {
	background-image:url('../images/icons/facebook.png');
}
#connect-icons li.twitter a {
	background-image:url('../images/icons/twitter.png');
}
#connect-icons li.linkedin a {
	background-image:url('../images/icons/linkedin.png');
}


/* Phone/e-mail */
#connect-icons+p {
	opacity:0.75;
	color:#fff;
}
#connect-icons+p a {
	color:#fff;
}
#connect-icons+p strong {
	margin-left:1.5em;
}


/* JB Logo */
#jb-logo {
	position:absolute;
	right:0;
	bottom:0;
	font-size:8pt;
	opacity:0.7;
}
#jb-logo img {
	vertical-align:-1.2em;
	padding:0 0.4em;
}


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

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


/************************************************************
Buttons */

.button {
	display:inline-block;
	vertical-align:middle;
	font-size:13.5pt;
	color:#fff !important;
	background:#898b8e;
	line-height:1.2;
	margin:0 0.2em;
	padding:0.4em;
	min-width:6em;
	border:0.2em solid #898b8e;
	cursor:pointer;

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

	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.21);
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.21);
	box-shadow:inset 0 0 5px rgba(0,0,0,0.21);
}


/************************************************************
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; }



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