/*
 *   WFO PRINT STYLE SHEETS 
 *   Copyright (C) 2008 C2 Clear Creative
 *   
 *   Last modified: 10/08
 *
*/

/*
_______________________________
GLOBAL RESETS */

@import url(global_reset.css);

/*
_______________________________
_______________________________
PAGE STRUCTURE */

body {
	padding: 20px;
	margin: 0 auto;
}

#page_container {
	width:950px;
	margin: 0 auto;
}

#top {
	width:950px;
	margin-bottom: 20px;
}

#left_col {
	width:315px;
	float:left;
	margin-right: 13px;
	margin-bottom: 20px;
}

#right_col {
	float:left;
	width:622px;
	margin-bottom: 20px;
}

#right_col_text {
	width:578px;
}

#footer {
	clear:both;
	width:950px;
	border-top: #808080 1px solid;
	padding: 5px 0 5px 0;
}

#home_banner {
	clear:both;
	width:950px;
	margin-bottom: 20px;
}

.clear {
	clear: both;
	height: 1px;
}	

#left_col_news {
	background-color: #ebebeb;
	padding: 20px;
}

#left_col_news li {
	margin-bottom: 10px;
	border-top: #808080 1px solid;
	padding-top: 10px;
}

#startup_bg {
	background: url(/img/side_rocket.gif) no-repeat bottom left;
}

/*
_______________________________
_______________________________
TEXT STYLES */

body {
	font-size: 0.85em;
	font-weight: normal;
	font-family: Arial, helvetica, sans-serif;
	color: #666;
	line-height: 1.4em;
}

p {
	margin-bottom: 10px;
}

#footer {
	font-size: 0.85em;
}

.full_story {
	font-size: 0.85em;
	color: #f69115;
}

.date {
	font-size: 0.85em;
}

h1 {
	font-weight: bold;
	font-size: 1.5em;
	color: #2e2e2e;
	margin-bottom: 10px;
}

h2 {
	font-weight: bold;
	font-size: 1em;
	color: #f69115;
	margin: 10px 0 0 10px;
}

#left_col_news h2 {
	font-weight: bold;
	font-size: 1em;
	color: #f69115;
	margin: 0 0 10px 0;
}

h3 {
	font-weight: bold;
	color: #2e2e2e;
}

h4 {
	font-size: 1em;
	color: #2e2e2e;
	margin-bottom: 10px;
}

h5 {
	font-size: 1em;
	color: #e81b23;
	margin-bottom: 10px;
}

a:hover {
	text-decoration: underline;
}

#footer a:link, #footer a:visited {
	color: #666;
}

#right_col_text a:link, #right_col_text a:visited {
	color: #666;
}

.news_col_text {
	font-size: 0.9em;
	line-height: 1.2em;
}

hr {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	width: 100%;
	text-align: left;
	display: block;
	margin: 7px 0 10px 0;

}

#intro_text p {
	color:#f69115;
}

b { font-weight: bold; }

i { font-style: italic; }

a#link {
	text-decoration: underline;
	}
a:hover#link {
	text-decoration: none;
	}
	
/* FLASH REPLACEMENT located at bottom of styles */


/*
_______________________________
_______________________________
HOME PAGE */

#news_box {
	background-color: #ebebeb;
	float: left;
	width: 622px;
} 

#news {
	background-color: #ebebeb;
}

#news a:link, #news a:visited {
	color: #2e2e2e;
}
#news a:hover {
	text-decoration: underline;
}

a.headerlink  {
	color: #2e2e2e !important;
	text-decoration: underline;
}
a:hover.headerlink  {
	color: #666666 !important;
	text-decoration: none;
}

a.emaillink  {
	color: #2e2e2e !important;
	text-decoration: underline;
}
a:hover.emaillink  {
	color: #666666 !important;
	text-decoration: none;
}

.news_snippet {
	width: 30%;
	float: left;
	padding: 10px;
}

#flashcontent {
	width: 950px;
	height: 320px;
	background-color: #ebebeb;
}

.news_snippet p, h3 {
margin:0;
padding:0;
}

#start_up_btn { margin:10px 0 0 0; }
#start_up_btn a span { position: absolute; left: -999em; }
#start_up_btn a { height:75px; width:622px; display:block; background:url(/img/home_btn_03.gif) no-repeat 0px 0px; }
#start_up_btn a:hover { height:75px; width:622px; display:block; background:url(/img/home_btn_03.gif) no-repeat 0px -81px; }

#publishing_btn { margin:10px 0 0 0; float: left;}
#publishing_btn a span { position: absolute; left: -999em; }
#publishing_btn a { height:107px; width:311px; display:block; background:url(/img/home_church_btn3.gif) no-repeat 0px 0px; }

#church_btn { margin:10px 0 0 0; float: left;}
#church_btn a span { position: absolute; left: -999em; }
#church_btn a { height:107px; width:311px; display:block; background:url(/img/home_church_btn.gif) no-repeat 0px 0px; }
#church_btn a:hover { height:107px; width:311px; display:block; background:url(/img/home_church_btn.gif) no-repeat 0px -107px; }


/*
_______________________________
_______________________________
NAVIGATIONS */

#logo {
	float:left;
}

#nav { float:right; width:622px; margin-top: 21px; border-bottom: #808080 1px dotted; }
#nav li { float:left; }
#nav a span { position: absolute; left: -999em; }

#nav a.getting { height:35px; width:163px; display:block; background:url(/img/nav.gif) no-repeat 0px 0px; }
#nav a.what { height:35px; width:108px; display:block; background: url(/img/nav.gif) no-repeat -185px 0px; }
#nav a.who { height:35px; width:140px; display:block; background: url(/img/nav.gif) no-repeat -315px 0px; }
#nav a.get { height:35px; width:102px; display:block; background: url(/img/nav.gif) no-repeat -479px 0px; }

#nav a:hover.getting { height:35px; width:163px; display:block; background:url(/img/nav.gif) no-repeat 0px -34px; }
#nav a:hover.what { height:35px; width:108px; display:block; background: url(/img/nav.gif) no-repeat -185px -34px; }
#nav a:hover.who { height:35px; width:140px; display:block; background: url(/img/nav.gif) no-repeat -315px -34px; }
#nav a:hover.get { height:35px; width:102px; display:block; background: url(/img/nav.gif) no-repeat -479px -34px; }

/* current page */
body#getting	#nav a.getting { height:35px; width:163px; display:block; background:url(/img/nav.gif) no-repeat 0px -34px; }
body#what 		#nav a.what { height:35px; width:108px; display:block; background: url(/img/nav.gif) no-repeat -185px -34px; }
body#who 		#nav a.who { height:35px; width:140px; display:block; background: url(/img/nav.gif) no-repeat -315px -34px; }
body#get 		#nav a.get { height:35px; width:102px; display:block; background: url(/img/nav.gif) no-repeat -479px -34px; }

/* GETTING TO KNOW YOU NAV */

#nav_getting { float:right; width:622px; border-bottom: #808080 1px dotted; height: 27px; }
#nav_getting li { float:left; }
#nav_getting a span { position: absolute; left: -999em; }

#nav_getting a.getting_company { height:27px; width:63px; display:block; background:url(/img/getting_nav.gif) no-repeat 0px 0px; }
#nav_getting a.getting_approach { height:27px; width:123px; display:block; background:url(/img/getting_nav.gif) no-repeat -75px 0px; }
#nav_getting a.getting_people { height:27px; width:97px; display:block; background:url(/img/getting_nav.gif) no-repeat -210px 0px; }

#nav_getting a:hover.getting_company { height:27px; width:63px; display:block; background:url(/img/getting_nav.gif) no-repeat 0px -27px; }
#nav_getting a:hover.getting_approach { height:27px; width:123px; display:block; background:url(/img/getting_nav.gif) no-repeat -75px -27px; }
#nav_getting a:hover.getting_people { height:27px; width:97px; display:block; background:url(/img/getting_nav.gif) no-repeat -210px -27px; }

body.company	#nav_getting a.getting_company { height:27px; width:63px; display:block; background:url(/img/getting_nav.gif) no-repeat 0px -27px; }
body.approach	#nav_getting a.getting_approach { height:27px; width:123px; display:block; background:url(/img/getting_nav.gif) no-repeat -75px -27px; }
body.people		#nav_getting a.getting_people { height:27px; width:97px; display:block; background:url(/img/getting_nav.gif) no-repeat -210px -27px; }

/* WHAT WE DO NAV */

#nav_what { float:right; width:622px; border-bottom: #808080 1px dotted; height: 27px; }
#nav_what li { float:left; }
#nav_what a span { position: absolute; left: -999em; }

#nav_what a.what_print { height:27px; width:30px; display:block; background:url(/img/what_nav.gif) no-repeat 0px 0px; }
#nav_what a.what_design { height:27px; width:50px; display:block; background:url(/img/what_nav.gif) no-repeat -43px 0px; }
#nav_what a.what_production { height:27px; width:75px; display:block; background:url(/img/what_nav.gif) no-repeat -108px 0px; }
#nav_what a.what_publishing { height:27px; width:72px; display:block; background:url(/img/what_nav.gif) no-repeat -191px 0px; }

#nav_what a:hover.what_print { height:27px; width:30px; display:block; background:url(/img/what_nav.gif) no-repeat 0px -27px; }
#nav_what a:hover.what_design { height:27px; width:50px; display:block; background:url(/img/what_nav.gif) no-repeat -43px -27px; }
#nav_what a:hover.what_production { height:27px; width:75px; display:block; background:url(/img/what_nav.gif) no-repeat -108px -27px; }
#nav_what a:hover.what_publishing { height:27px; width:72px; display:block; background:url(/img/what_nav.gif) no-repeat -191px -27px; }

body.print		#nav_what a.what_print { height:27px; width:30px; display:block; background:url(/img/what_nav.gif) no-repeat 0px -27px; }
body.design		#nav_what a.what_design { height:27px; width:50px; display:block; background:url(/img/what_nav.gif) no-repeat -43px -27px; }
body.production	#nav_what a.what_production { height:27px; width:75px; display:block; background:url(/img/what_nav.gif) no-repeat -108px -27px; }
body.publishing	#nav_what a.what_publishing { height:27px; width:72px; display:block; background:url(/img/what_nav.gif) no-repeat -191px -27px; }


/* GET IN TOUCH NAV */

#nav_get { float:right; width:622px; border-bottom: #808080 1px dotted; height: 27px; }
#nav_get li { float:left; }
#nav_get a span { position: absolute; left: -999em; }

#nav_get a.get_contact { height:27px; width:95px; display:block; background:url(/img/get_nav.gif) no-repeat 0px 0px; }
#nav_get a.get_map { height:27px; width:37px; display:block; background:url(/img/get_nav.gif) no-repeat -107px 0px; }
#nav_get a.get_sign { height:27px; width:57px; display:block; background:url(/img/get_nav.gif) no-repeat -156px 0px; }

#nav_get a:hover.get_contact { height:27px; width:95px; display:block; background:url(/img/get_nav.gif) no-repeat 0px -27px; }
#nav_get a:hover.get_map { height:27px; width:37px; display:block; background:url(/img/get_nav.gif) no-repeat -107px -27px; }
#nav_get a:hover.get_sign { height:27px; width:57px; display:block; background:url(/img/get_nav.gif) no-repeat -156px -27px; }

body.contact	#nav_get a.get_contact { height:27px; width:95px; display:block; background:url(/img/get_nav.gif) no-repeat 0px -27px; }
body.map		#nav_get a.get_map { height:27px; width:37px; display:block; background:url(/img/get_nav.gif) no-repeat -107px -27px; }
body.sign		#nav_get a.get_sign { height:27px; width:57px; display:block; background:url(/img/get_nav.gif) no-repeat -156px -27px; }

/* WHO NAV */

#nav_who { float:right; width:622px; border-bottom: #808080 1px dotted; height: 27px; }
#nav_who li { float:left; }
#nav_who a span { position: absolute; left: -999em; }

#nav_who a.who_for { height:27px; width:83px; display:block; background:url(/img/who_nav.gif) no-repeat 0px 0px; }
#nav_who a.churches { height:27px; width:65px; display:block; background:url(/img/who_nav.gif) no-repeat -96px 0px; }
#nav_who a.corporate { height:27px; width:71px; display:block; background:url(/img/who_nav.gif) no-repeat -173px 0px; }
#nav_who a.schools { height:27px; width:58px; display:block; background:url(/img/who_nav.gif) no-repeat -254px 0px; }

#nav_who a:hover.who_for { height:27px; width:83px; display:block; background:url(/img/who_nav.gif) no-repeat 0px -27px; }
#nav_who a:hover.churches { height:27px; width:65px; display:block; background:url(/img/who_nav.gif) no-repeat -96px -27px; }
#nav_who a:hover.corporate { height:27px; width:71px; display:block; background:url(/img/who_nav.gif) no-repeat -173px -27px; }
#nav_who a:hover.schools { height:27px; width:58px; display:block; background:url(/img/who_nav.gif) no-repeat -254px -27px; }

body.body_who_for	#nav_who a.who_for { height:27px; width:83px; display:block; background:url(/img/who_nav.gif) no-repeat 0px -27px; }
body.body_churches	#nav_who a.churches { height:27px; width:65px; display:block; background:url(/img/who_nav.gif) no-repeat -96px -27px; }
body.body_corporate	#nav_who a.corporate { height:27px; width:71px; display:block; background:url(/img/who_nav.gif) no-repeat -173px -27px; }
body.body_schools	#nav_who a.schools { height:27px; width:58px; display:block; background:url(/img/who_nav.gif) no-repeat -254px -27px; }


/*
_______________________________
_______________________________
WHO WE DO IT FOR PAGE */

.company_logo {
	float: left;
	width: 190px;
	height: 135px;
	margin: 0px 12px 12px 0;
	border: 1px #ccc solid;
	text-align: center;
	vertical-align: middle;
} 

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 190px;
    height: 135px;
}
.wraptocenter * {
    vertical-align: middle;
}

#bullets li {
	list-style: disc;
	list-style-position: outside;
	margin-left: 15px;
	}
	
#bullets {
	margin-bottom: 10px;
	}	
	
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

/*
_______________________________
_______________________________
SIGN UP FORM */

#get_in_touch_form {
	border: 1px #ccc solid;
	padding: 10px; 
}

.form_label {
	width:120px;
	float:left;
	margin-bottom: 10px;
}

#left_col_form input {
	margin-bottom: 10px;
}

#left_col_form {
}

.get_in_form {
	background-color: #fff4e6 !important; /* removes googels auto fill bg yellow */
	color: #2e2e2e;
	border:none;
	font-size: 1em;
	font-weight: normal;
	font-family: Arial, helvetica, sans-serif;
	line-height: 1.4em;
	padding: 3px;
	width: 230px; 	
	margin:  0 10px 0 0;
}

.mandatory {
	background-color: #ffe9ce !important; /* removes googels auto fill bg yellow */
}

.map_input {
	background-color: #ebebeb !important; /* removes googels auto fill bg yellow */
	color: #2e2e2e;
	border:none;
	font-size: 1em;
	font-weight: normal;
	font-family: Arial, helvetica, sans-serif;
	line-height: 1.4em;
	padding: 3px;
	width: 230px; 	
	margin:  0 6px 0 0;
}

.map_go {
	line-height: 1.4em;
	padding: 3px;
	position: relative;
	top:8px;
}


/*
_______________________________
_______________________________
FLASH REPLACEMENT */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height: 35px;  /* line height actually sets size of flash text */
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	line-height: 25px;  /* line height actually sets size of flash text */
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	line-height: 25px;  /* line height actually sets size of flash text */
}

.sIFR-hasFlash h5 {
	visibility: hidden;
	line-height: 25px;  /* line height actually sets size of flash text */
}

/*
_______________________________
*/

.Tommy_image {float:left; margin-right: 20px; border: 1px #ccc solid; }