/* @override http://www.northvillagechurch.com/css/styles.css */

/* @override http://northvillagechurch.cpmpreview.com/css/styles.css */

/* @override http://northvillagechurch.cpmpreview.com/css/styles.css */

/*-------------------------
CLIENT: 	North Village Church
Created: 	4/1/2009
Author:		Ben Otero (ben@churchplantmedia.com)
--------------------------*/

/* @group GLOBALS */
body					{ 
						  background:#fff url(/images/body_bg.gif) repeat-x; margin:0; padding: 0; font-family:helvetica, arial, verdana,sans-serif; 
						  font-size:62.5%; 
						}
hr						{ display: none; }
.clearfix:after 		{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 				{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix 		{ height: 1%;}
.clearfix 				{ display: block;} 
/* End hide from IE-mac */
/* @end */

/* @group HEADER */
#header					{ position:relative; z-index:1000; height:147px; }
#header h1,
#header h1 a			{ display:block; width:287px; height:64px; }
#header h1				{ 
						  background:url(/images/logo3.png) no-repeat; position:absolute; left:4px; top:22px; text-indent:-999em; margin:0; 
						  padding:0; 
						}
#header h1 a:focus		{ outline:none; }
#skip					{ position:absolute; top:-999em; }
/* @end */

/* @group SERVICES */
#services				{ position:absolute; top:37px; right:0;}
#services p				{ font-size:1.3em; color:#fff; margin:0; }
#services img			{ border:0; position:relative; top:10px; margin-left:10px; }
/* @end */

/* @group NAVIGATION */
#nav, #nav *				{ margin:0; padding:0; list-style:none; }
#nav						{ position:absolute; top:97px; left:0; background:url(/images/nav_bg.gif) no-repeat; width:900px; height:55px; }
/*.sIFR-active #nav			{ top:97px; padding-top:20px; }*/
#nav li						{ float:left; margin-top: -1px;; }
#nav li a					{ display:block; line-height:55px; font-size:1.5em; color:#fff; text-decoration:none; padding:0 20px; text-transform:uppercase; }
#nav li a:hover				{ color:#afc0d1; }



/* @end */

/* @group CONTAINERS */
#outer-container		{ background:url(/images/outer_container_bg.jpg) no-repeat center top; display:block; }
#container				{ width:900px; margin:0 auto; }
#mainContent			{ background:url(/images/content_top_bg.gif) no-repeat; margin-top:7px; padding-bottom:50px;}
#content-wrap			{ background:url(/images/content_bg.gif) repeat-y 660px top; }
#banner					{ display:block; width:900px; height:234px; background:url(/mediafiles/subpage-header.jpg) no-repeat; }
/* @end */

/* @group CONTENT */
#primaryContent			{ float:left; width:625px; padding-right:35px; position:relative; }

#primaryContent p,
#primaryContent td, 
#primaryContent li		{ font-size:1.2em; color:#3d3d3d; line-height:1.5em; }

p *,
td *,
li *					{ font-size:1em; line-height:1; }

#primaryContent .intro	{ color:#516a85; font-size:1.5em; }

#primaryContent a		{ color:#2f6cad; }
#primaryContent a:hover	{ text-decoration:none; }

#primaryContent #subscribe	{ 
							  font-size:1.2em; padding:5px 0 2px 21px; background:url(/images/feed_icon.gif) no-repeat left center; 
							  position:absolute; top:12px; right:33px;
							}

h2, h3, h4, h5, h6		{ margin:.7em 0; }
h2						{ font-size:1.9em; color:#374452; }
h3						{ font-size:1.8em; color:#6693c2; }
h4						{ font-size:1.6em; color:#3d3d3d; }
h5						{ font-size:1.4em; color:#5c748d; }
h6						{ font-size:1.4em; color:#6693c2; }
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent		{ width:220px; float:right; padding-top:20px; }
/* @end */

/* @group SUBMENU */
#submenu, #submenu *		{ margin:0; padding:0; list-style:none; }
#submenu					{ margin-bottom:3.5em; }
#submenu li.current	a		{ 
							  font-size:1.4em; font-weight:bold; color:#374452; text-transform:uppercase; text-decoration:none; height:25px; 
							  background:url(/images/subnav_bg.gif) no-repeat left bottom; display:block;
							}
#submenu li.current li a	{ display:block; font-size:13px; color:#3d3d3d; text-transform:none; line-height:38px; background:none; }
#submenu li li.current a,
#submenu li li a:hover		{ color:#2f6cad; }
/* @end */

/* @group FOOTER */
#footer					{ 
						  clear:both; display:block; width:900px; padding:14px 0; margin:0 auto; 
						  background:url(/images/footer_bg.gif) no-repeat; position:relative; margin-bottom: 20px;  
						}
#footer p				{ font-size:1.1em; color:#959595; margin:0 0 4px; }
#footer ul				{ position:absolute; top:10px; right:0; margin:0; padding:0; list-style:none; margin-top: 4px; margin-right: -9px;}
#footer li				{ display:inline; margin-right:10px; font-size:1.1em; }
#footer a				{ color:#959595; text-decoration:none;  }
#footer a:hover			{ text-decoration:underline; }
/* @end */