/*

    =========================================

	Adam Wilson
	@designedbyadam
	adam@adamwilsondesign.com
	www.adamwilsondesign.com

	=========================================		

		CONTENTS
		
		1. General Elements
		2. Typography
		3. Nav
		4. Forms
		5. Grid Layout (Blueprint CSS Framework*)
		6. Footer

	=========================================
	
	*Blueprint CSS Framework 0.9
	http://blueprintcss.org
	Copyright (c) 2007-Present

    =========================================


*/


/* === 1. General Elements
======================================================*/

* {
margin:0;
padding:0;
}

html,body {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
line-height:1.5;
background: #ddd url('../images/b_bg.jpg') repeat top center;
font-size:75%;
color:#999;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

a img {
border:none;
}

html {
font-size:100.01%;
}

/* === 2. Typography
======================================================*/

h1 {
font-family: 'Georgia', serif;
font-style: italic;
font-size:2.75em;
font-weight: normal;
line-height:1;
color: #24355a;
margin: 15px 0;
letter-spacing: -.0125em;
}

h1.logo a {
display:block;
position:relative;
width:101px;
height:46px;
background-image: url('../images/logo.png');
background-repeat:none;
text-indent:-9999em;
margin: 15px 0;
border: none;
}

h1.logo a:hover {
background-position: 0 -46px;
}


h2 {
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:normal;
font-style: italic;
margin:0;
text-shadow: #000 1px 2px 1px;
color:#ccc;
}

h2.category{
text-shadow:none;
color:#999;
line-height:85%;
z-index: 5;
position:relative;
left:0px;
top:11px;
margin: 0 0 1em 0;
}

h3 {
font-size:1.125em;
line-height:1.5em;
font-weight:400;
color:#999;
margin:0 0 1.25em 0;
}

h3.category{
color: #fff;
line-height:115%;
z-index: 5;
position:relative;
left:30px;
top:-135px;
text-shadow: #000 2px 2px 2px;
}

h4 {
text-transform: uppercase;
text-align: right;
font-size:1em;
line-height:1em;
font-weight:400;
z-index: 5;
position:relative;
left:0px;
top:-21px;
}

h5 {
font-size:.75em;
line-height:1em;
font-weight:400;
z-index: 5;
position:relative;
left:30px;
top:-135px;
color:#888;
}

p {
font-size: 1em;
margin:0 0 .875em 0;
}

.rounded {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}

.web{
background-color:#c00;
color: #fff;
padding: 4px;
text-transform: uppercase;
font-weight:bold;
font-style: normal;
font-size: .75em;
margin-right: 5px;
text-shadow:none;
}

.print{
background-color:#f90;
color: #fff;
padding: 4px;
text-transform: uppercase;
font-weight:bold;
font-style: normal;
font-size: .75em;
margin-right: 5px;
text-shadow:none;
}

.identity{
background-color:#8dbb00;
color: #fff;
padding: 4px;
text-transform: uppercase;
font-weight:bold;
font-style: normal;
font-size: .75em;
margin-right: 5px;
text-shadow:none;
}

.environmental{
background-color:#00adc1;
color: #fff;
padding: 4px;
text-transform: uppercase;
font-weight:bold;
font-style: normal;
font-size: .75em;
margin-right: 5px;
text-shadow:none;
}

.caps {
text-transform: uppercase;
}

p img.left {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}

p img.right {
float:right;
margin:1.5em 0 1.5em 1.5em;
}

.right {float:right !important;}

a:focus,a:hover {
color:#09c;
text-decoration:underline;
}

a {
color:#09c;
text-decoration:none;
}

strong,label {
font-weight:700;
}




/* === 3. Nav
======================================================*/

#nav, #nav ul{
margin:-68px 0 0 0;
left: 24px;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}


#nav a{
display:block;
width:60px;
height:54px;
padding:0;
margin:0;
color:#fff;
text-decoration:none;
background:transparent;
text-indent:-9999em;
}

#nav li{
float:left;
position:relative;
}

#nav ul{
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#nav a.fb{
background:url('../images/fb.png') no-repeat;
}

#nav a.fb:hover{
background-position: 0 -54px;
}

#nav a.twitter{
background:url('../images/twitter.png') no-repeat;
}

#nav a.twitter:hover{
background-position: 0 -54px;
}

#nav a.linkedin{
background:url('../images/linkedin.png') no-repeat;
}

#nav a.linkedin:hover{
background-position: 0 -54px;
}

/* === 4. Forms
======================================================*/

input[type=text],input[type=password],input.text,input.title,textarea,select {
background:#999;
font:normal 1em/1.25em "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #2b2721;
border:2px solid #333;
width:280px;
margin:0;
padding:4px;
-moz-box-shadow:inset 2px 2px 4px #333;
-webkit-box-shadow:inset 2px 2px 4px #333;
box-shadow:inset 2px 2px 4px #333;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}

input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus {
background:#fff;
border-color:#424242;
}

input[type=submit], input[type=reset] {
font:normal 1em/1.25em "Helvetica Neue", Arial, Helvetica, sans-serif;
text-transform:uppercase;
color: #00d8ff;
font-weight:bold;
background:#333;
border:none;
margin-bottom:8px;
padding:4px;
position: relative;
-moz-border-radius: 6px 0 6px 0;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}

input[type=submit]:focus, input[type=submit]:hover {
background:#000;
color: #fff;
cursor:pointer;
}

input.text,input.title {
width:300px;
padding:5px;
}

input.title {
font-size:1.5em;
}

textarea {
width:431px;
height:182px;
}

input[type=checkbox],input[type=radio],input.checkbox,input.radio {
position:relative;
top:.25em;
}

form.inline {
line-height:3;
}

form.inline p {
margin-bottom:0;
}

.error,.notice,.success {
margin-bottom:1em;
border:2px solid #ddd;
padding:.8em;
}

.error {
color:#81d0e4;
border:none;
padding:0;
}

.notice {
background:#FFF6BF;
color:#514721;
border-color:#FFD324;
}

.success {
background:#E6EFC2;
color:#264409;
border-color:#C6D880;
}

.error a {
color:#8a1f11;
}

.notice a {
color:#514721;
}

.success a {
color:#264409;
}

.req {
color:#000;
font-weight:bold;
}


/* === 5. Grid Layout (Blueprint Framework)
======================================================*/
.header {
background:url('../images/header-bg.png') repeat-x top center;
}

.main {
height:463px; width:100%; background:#000;border-bottom:1px solid #00d8ff;
}


.container {
background:url('../images/#') no-repeat top left;
background-position: 0 0;
width:768px;
min-height:0;
margin: 0 auto;
padding:0;
}

.column,div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24 {
float:left;
margin-right:8px;
}

.last,div.last {
margin-right:0;
}

.bodymargin {
padding-left: 12px;
}

.span-1 {
width:24px;
}

.span-2 {
width:56px;
}

.span-3 {
width:88px;
}

.span-4 {
width:120px;
}

.span-5 {
width:152px;
}

.span-6 {
width:184px;
}

.span-7 {
width:216px;
}

.span-8 {
width:248px;
}

.span-9 {
width:280px;
}

.span-10 {
width:312px;
}

.span-11 {
width:344px;
}

.span-12 {
width:376px;
}

.span-13 {
width:408px;
}

.span-14 {
width:440px;
}

.span-15 {
width:472px;
}

.span-16 {
width:504px;
}

.span-17 {
width:536px;
}

.span-18 {
width:568px;
}

.span-19 {
width:600px;
}

.span-20 {
width:632px;
}

.span-21 {
width:664px;
}

.span-22 {
width:696px;
}

.span-23 {
width:728px;
}

.span-24,div.span-24 {
width:760px;
margin-right:0;
}

.topmargin {
margin-top:-20px;
}

.toppadding {
padding-top:20px;
}

.append-1 {
padding-right:32px;
}

.append-2 {
padding-right:64px;
}

.append-3 {
padding-right:96px;
}

.append-4 {
padding-right:128px;
}

.append-5 {
padding-right:160px;
}

.append-6 {
padding-right:192px;
}

.append-7 {
padding-right:224px;
}

.append-8 {
padding-right:256px;
}

.append-9 {
padding-right:288px;
}

.append-10 {
padding-right:320px;
}

.append-11 {
padding-right:352px;
}

.append-12 {
padding-right:384px;
}

.append-13 {
padding-right:416px;
}

.append-14 {
padding-right:448px;
}

.append-15 {
padding-right:480px;
}

.append-16 {
padding-right:512px;
}

.append-17 {
padding-right:544px;
}

.append-18 {
padding-right:576px;
}

.append-19 {
padding-right:608px;
}

.append-20 {
padding-right:640px;
}

.append-21 {
padding-right:672px;
}

.append-22 {
padding-right:704px;
}

.append-23 {
padding-right:736px;
}

.prepend-1 {
padding-left:32px;
}

.prepend-2 {
padding-left:64px;
}

.prepend-3 {
padding-left:96px;
}

.prepend-4 {
padding-left:128px;
}

.prepend-5 {
padding-left:160px;
}

.prepend-6 {
padding-left:192px;
}

.prepend-7 {
padding-left:224px;
}

.prepend-8 {
padding-left:256px;
}

.prepend-9 {
padding-left:288px;
}

.prepend-10 {
padding-left:320px;
}

.prepend-11 {
padding-left:352px;
}

.prepend-12 {
padding-left:384px;
}

.prepend-13 {
padding-left:416px;
}

.prepend-14 {
padding-left:448px;
}

.prepend-15 {
padding-left:480px;
}

.prepend-16 {
padding-left:512px;
}

.prepend-17 {
padding-left:544px;
}

.prepend-18 {
padding-left:576px;
}

.prepend-19 {
padding-left:608px;
}

.prepend-20 {
padding-left:640px;
}

.prepend-21 {
padding-left:672px;
}

.prepend-22 {
padding-left:704px;
}

.prepend-23 {
padding-left:736px;
}

.pull-1 {
margin-left:-32px;
}

.pull-2 {
margin-left:-64px;
}

.pull-3 {
margin-left:-96px;
}

.pull-4 {
margin-left:-128px;
}

.pull-5 {
margin-left:-160px;
}

.pull-6 {
margin-left:-192px;
}

.pull-7 {
margin-left:-224px;
}

.pull-8 {
margin-left:-256px;
}

.pull-9 {
margin-left:-288px;
}

.pull-10 {
margin-left:-320px;
}

.pull-11 {
margin-left:-352px;
}

.pull-12 {
margin-left:-384px;
}

.pull-13 {
margin-left:-416px;
}

.pull-14 {
margin-left:-448px;
}

.pull-15 {
margin-left:-480px;
}

.pull-16 {
margin-left:-512px;
}

.pull-17 {
margin-left:-544px;
}

.pull-18 {
margin-left:-576px;
}

.pull-19 {
margin-left:-608px;
}

.pull-20 {
margin-left:-640px;
}

.pull-21 {
margin-left:-672px;
}

.pull-22 {
margin-left:-704px;
}

.pull-23 {
margin-left:-736px;
}

.pull-24 {
margin-left:-768px;
}

.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24 {
float:left;
position:relative;
}

.push-1 {
margin:0 -40px 1.5em 40px;
}

.push-2 {
margin:0 -80px 1.5em 80px;
}

.push-3 {
margin:0 -120px 1.5em 120px;
}

.push-4 {
margin:0 -160px 1.5em 160px;
}

.push-5 {
margin:0 -200px 1.5em 200px;
}

.push-6 {
margin:0 -240px 1.5em 240px;
}

.push-7 {
margin:0 -280px 1.5em 280px;
}

.push-8 {
margin:0 -320px 1.5em 320px;
}

.push-9 {
margin:0 -360px 1.5em 360px;
}

.push-10 {
margin:0 -400px 1.5em 400px;
}

.push-11 {
margin:0 -440px 1.5em 440px;
}

.push-12 {
margin:0 -480px 1.5em 480px;
}

.push-13 {
margin:0 -520px 1.5em 520px;
}

.push-14 {
margin:0 -560px 1.5em 560px;
}

.push-15 {
margin:0 -600px 1.5em 600px;
}

.push-16 {
margin:0 -640px 1.5em 640px;
}

.push-17 {
margin:0 -680px 1.5em 680px;
}

.push-18 {
margin:0 -720px 1.5em 720px;
}

.push-19 {
margin:0 -760px 1.5em 760px;
}

.push-20 {
margin:0 -800px 1.5em 800px;
}

.push-21 {
margin:0 -840px 1.5em 840px;
}

.push-22 {
margin:0 -880px 1.5em 880px;
}

.push-23 {
margin:0 -920px 1.5em 920px;
}

.push-24 {
margin:0 -960px 1.5em 960px;
}

.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23,.push-24 {
float:right;
position:relative;
}

.prepend-top {
margin-top:1.5em;
}

.append-bottom {
margin-bottom:1.5em;
}

.box {
margin-bottom:1.5em;
background:#E5ECF9;
padding:1.5em;
}

hr {
background:#ddd;
color:#ddd;
clear:both;
float:none;
width:100%;
height:.1em;
border:none;
margin:0 0 1.45em;
}

hr.space {
background:#fff;
color:#fff;
visibility:hidden;
}

.clearfix:after,.container:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}

.clearfix,.container {
display:block;
}

.clear {
clear:both;
}


/* === 5. anythingSlider
======================================================*/

.anythingSlider {
width:768px;
height:484px;
position:relative;
margin:0 0 10px 0;
padding:0;
}

.anythingSlider .wrapper {
background: url('../images /slider-nav.png') no-repeat bottom;
width:768px;
overflow:auto;
height:484px;
position:absolute;
margin:0;
}

.anythingSlider .wrapper ul {
width:99999px;
list-style:none;
position:absolute;
background:transparent;
margin:0;
padding:20px 0 0 0;
}

.anythingSlider ul li {
display:block;
float:left;
height:400px;
width:768px;
margin:0;
padding:0;
}

.anythingSlider ul li a {
border-bottom: 1px solid #09c;
}

.anythingSlider ul li a:hover {
text-decoration: underline;
border:none;
}

.anythingSlider .wrapper ul ul {
position:static;
background:none;
overflow:visible;
width:auto;
border:0;
margin:0;
}

.anythingSlider .wrapper ul ul li {
float:none;
height:auto;
width:auto;
background:none;
}

.anythingSlider .wrapper ul li img {
position: relative;
float: left;
margin-right: 1.25em;
}

.anythingSlider .arrow {
display:none; /* block */
height:60px;
width:60px;
background: url('../images/#');
text-indent:-9999px;
position:absolute;
margin: 100px 0 0 0;
cursor:pointer;
}

.anythingSlider .forward {
background-position: 60px 0;
right: 0px;
}

.anythingSlider .back {
background-position: 0 0;
}

.anythingSlider .forward:hover {
background-position:60px -60px;
}

.anythingSlider .back:hover {
background-position:0 -60px;
}

#thumbNav {
position:relative;
text-align:left;
top: 462px;
}

#thumbNav a {
color:#a5a5a5;
font-size: 1em;
font-weight: bold;
display:inline-block;
background:transparent;
text-align:center;
text-decoration:none;
margin:0 5px 0 0;
padding: 2px 8px;
}

#thumbNav a:hover {
color: #84ecff;
background:none;
}

#thumbNav a.cur {
background:#00d8ff;
color: #fff;
padding: 1px 7px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
-khtml-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}

#start-stop {
background:#000;
color:#84ecff;
font-weight:bold;
width:50px;
text-align:center;
position:absolute;
right:-9px;
top:434px;
text-transform:uppercase;
text-decoration:none;
margin:30px 0 0;
padding:2px 5px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
-khtml-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}

#start-stop.playing {
background-color:#333;
}

#start-stop:hover {
background:#000;
color: #fff;
}



/* === 6. Footer
======================================================*/

.footer {
background:url('../images/adv_web_1348_footer.jpg');
height:150px;
padding-top:40px
}

.wbt-contact {
color:#fff;
letter-spacing:-0.025em;
margin:0
}

.wbt-contact a,.wbt-contact a:link,.wbt-contact a:visited {
color:#fff;
background:transparent;
text-decoration:none
}

.wbt-contact a:focus,.wbt-contact a:hover {
color:#fff;
background:transparent;
text-decoration:underline
}

#footer-wycliffe-link {
display:block;
position:relative;
background:url('../images/adv_web_1348_footer-logo.jpg') no-repeat;
width:192px;
height:67px;
margin-left:-16px;
margin-top:1px
}

#footer-wycliffe-link span {
position:absolute;
left:-9999em
}

ul.socialmedialinks {
width:auto;
list-style:none;
display:inline;
padding:0 0 0 28px
}

ul.socialmedialinks li {
list-style:none;
display:inline;
height:32px;
width:32px;
margin:0 1px 0 0;
padding:0
}

.organization p {
font-size:.75em;
line-height:110%;
color:#ad895e;
float:left;
margin:-10px 0 0;
padding:0
}

.footnote {
font-size:1em;
text-align: center;
}