/* 
SITE: Accis Ceramic Engineered Implants
FILE: styles.css
CREATED: 0907/2009
MODIFIED:100/00/000 
AUTHOR: Ron Woering (ron@eponaholding.nl)
=====*/

/*  group GLOBALS */
*					{
	line-height:1.5;
	padding-top: 0;
	padding-right: 5;
	padding-bottom: 15;
	padding-left: 10;
	margin-top: 0;
	margin-right: 5;
	margin-bottom: 0;
	margin-left: 0;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
body				{
	font-size:62.5%;
	margin:0;
	padding:0;
	background:url(../images/body_bg.gif) repeat center top;
	font-family:"Lucida Grande", arial, verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
					}
#container			{ margin:0 auto; width:960px; position:relative; z-index:10;  }
#wrapper			{ background:url(../images/body_bg.jpg) repeat-x; }
#outer-container	{ background:url(../images/outer_container_bg2.jpg) no-repeat center top; }
#mainContent		{
	width:960px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.show				{ display:block; }
.hidden, hr			{ display:none; }

.clearfix:after 	{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block;} 
a:focus				{ outline:none; }

/*  end */
.table{
	display:block;
	color:#133F0E;
	text-decoration:none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 100%;
	background-image: url(%20);
	background-repeat: repeat-x;
	font-variant: normal;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	border: 1px none #857e32;
}

/* HEADER */

.headerstyle{
	display:block;
	color:#133F0E;
	text-decoration:none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 415px;
	background-image: url(%20);
	background-repeat: repeat-x;
	font-variant: small-caps;
	font-weight: bold;
	border-top-color: #857e32;
	border-right-color: #857e32;
	border-bottom-color: #857e32;
	border-left-color: #133F0E;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
}

.headerstyle2{
	display:block;
	color:#133F0E;
	text-decoration:none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 680px;
	background-image: url(%20);
	background-repeat: repeat-x;
	font-variant: small-caps;
	font-weight: bold;
	border-top-color: #857e32;
	border-right-color: #857e32;
	border-bottom-color: #857e32;
	border-left-color: #133F0E;
	font-family: Georgia, "Times New Roman", Times, serif;
}


.	tablestyle{
	display:block;
	color:#133F0E;
	text-decoration:none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 700px;
	background-image: url(%20);
	background-repeat: repeat-x;
	font-variant: small-caps;
	font-weight: bold;
	border-top-color: #857e32;
	border-right-color: #857e32;
	border-bottom-color: #857e32;
	border-left-color: #133F0E;
	font-family: Georgia, "Times New Roman", Times, serif;
}





#header				{ position:relative; z-index:1000; height:235px; }
#header h1,
#header h1 a		{ display:block; width:960px; height:150px; }
#header h1 			{ position:absolute; top:21px; left:3px; text-indent:-999em; background-image: url(../banners/banner_1.png);
	background-repeat: no-repeat; }

#header2				{ position:relative; z-index:1000; height:237px; }
#header2 h1,
#header2 h1 a		{ display:block; width:960px; height:155px; }
#header2 h1 			{ position:absolute; top:18px; left:4px; text-indent:-999em; background-image: url(../banners/banner_2.png);
	background-repeat: no-repeat; }

#header3				{ position:relative; z-index:1000; height:287px; }
#header3 h1,
#header3 h1 a		{ display:block; width:960px; height:213px; }
#header3 h1 			{ position:absolute; top:21px; left:3px; text-indent:-999em; background-image: url(../banners/banner_3.png);
	background-repeat: no-repeat; }
	
	
#header4				{ position:relative; z-index:1000; height:287px; }
#header4 h1,
#header4 h1 a		{ display:block; width:960px; height:213px; }
#header4 h1 			{ position:absolute; top:21px; left:3px; text-indent:-999em; background-image: url(../banners/banner_4.png);
	background-repeat: no-repeat; }

#header5				{ position:relative; z-index:1000; height:287px; }
#header5 h1,
#header5 h1 a		{ display:block; width:960px; height:213px; }
#header5 h1 			{ position:absolute; top:21px; left:3px; text-indent:-999em; background-image: url(../banners/banner_5.png);
	background-repeat: no-repeat; }	

#header6				{ position:relative; z-index:1000; height:287px; }
#header6 h1,
#header6 h1 a		{ display:block; width:960px; height:213px; }
#header6 h1 			{ position:absolute; top:21px; left:3px; text-indent:-999em; background-image: url(../banners/banner_6.png);
	background-repeat: no-repeat; }	
		
#header7				{ position:relative; z-index:1000; height:287px; }
#header7 h1,
#header7 h1 a		{ display:block; width:960px; height:213px; }
#header7 h1 			{ position:absolute; top:21px; left:3px; text-indent:-999em; background-image: url(../banners/banner_7.png);
	background-repeat: no-repeat; }	
			
#header8				{ position:relative; z-index:1000; height:287px; }
#header8 h1,
#header8 h1 a		{ display:block; width:960px; height:213px; }
#header8 h1 			{ position:absolute; top:21px; left:3px; text-indent:-999em; background-image: url(../banners/banner_8.png);
	background-repeat: no-repeat; }		
	
	
#header9				{ position:relative; z-index:1000; height:287px; }
#header9 h1,
#header9 h1 a		{ display:block; width:960px; height:213px; }
#header9 h1 			{ position:absolute; top:21px; left:3px; text-indent:-999em; background-image: url(../banners/banner_9.png);
	background-repeat: no-repeat; }		

#header_low_1				{
	position:relative;
	z-index:1000;
	height:190px;
	background-image: url(../banners/banner_low_1.png);
}
#header_low_1 h11,
#header_low_1 h1 a		{ display:block; width:960px; height:213px; }
#header_low h1 			{ position:absolute; top:21px; left:3px; text-indent:-999em; background-image: url(../banners/banner_9.png);
	background-repeat: no-repeat; }		


	
	
/* HEADER h1  */
#header h1 a:focus	{ outline:none; }
#welcome			{ position:absolute; top:140px; left:0px; width:420px; }
#welcome p			{ 
					  font-family:Georgia, "Times New Roman", serif; font-size:1.5em; font-style:italic; color:#006699; 
					  margin:0; padding:0; line-height:1.8em; font-weight:lighter;
					}
#gallery			{
	display:block; 	position:absolute;
	top:22px;
	right:-31px;
	width:368px;
	height:361px;
	background-image: url(../images/gallery_bg.png);
	background-repeat: no-repeat;
					}
#photo				{ 
					  display:block; width:300px; height:285px; margin:38px 0 0 31px; 
					  background:url(../mediafiles/subpage-banner.jpg) no-repeat; 
					}
#home #gallery		{ 
					  display:block; position:absolute; background:url(../images/gallery_bg.png) no-repeat; 
					  width:368px; height:361px; top:22px; right:-31px
					  
					}
#gallery-album		{
	display:block;
	position:relative;
	width:300px;
	height:257px;
	overflow:hidden;
	margin-top: 32px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
					}
#gallery-album img	{ position:absolute; top:0; display:none; border:0; }
#controls			{ margin:0; padding:0; list-style:none; width:370px; position:absolute; top:225px; right:-30px; }
#controls li a		{ display:block; width:23px; height:33px; text-indent:-979em; }
#controls li a:focus{ outline:none; }
#controls li a#prev	{ background:url(../images/left_arrow.png) no-repeat; }
#controls li a#next	{ background:url(../images/right_arrow.png) no-repeat; float:right; position:relative; top:-33px;}
#more-info			{ position:absolute; top:346px; right:20px; font-size:11px; color:#554e3f; width:285px; z-index:500; }
#more-info span		{ float:left; }
#more-info a		{ color:#8c5309; position:relative; }
#more-info a:hover	{ text-decoration:none; }
#skip				{ position:absolute; top:-999em; }
/*  end */

/* NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav				{
	position:absolute;
	top:185px;
	height:39px;
	left: 1px;
}
#events #nav_home,
#sermons #nav_home,
#articles #nav_home,
#nav li 			{ float:left; padding-left:4px; background:url(../images/nav_li.gif) no-repeat left top; margin-right:4px;}

#sermons #nav_home a,
#events #nav_home a,
#articles #nav_home a,
#nav li a 			{
	display:block;
	line-height:37px;
	font-size:1.2em;
	text-decoration:none;
	color:#857E32;
	background:url(../images/nav_a.gif) no-repeat right top;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
					} 

#events #nav_events,
#articles #nav_resources,
#sermons #nav_resources,
#nav li:hover,
#nav li.current		{ background:url(../images/nav_li_current.gif) no-repeat left top; }


#nav li:hover a, 
#nav li.current a	{ background:url(../images/nav_a_current.gif) no-repeat right top; color:#FFFFFF;  }

#nav li li				{ display:block; background:none; margin-right:0; }

#nav li li a,
#nav li.current li a,
#nav li:hover li a						{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0 8px;
	line-height:20px;
	text-decoration: underline;
}
#nav li li a:hover,
#nav li li.current a					{ text-decoration:underline; color:#333333; }


#nav li:hover li a,
#nav li li:hover,
#nav li.current li a,
#nav li li.current 						{
	background:none;
	color: #003300;
}

#nav li ul 								{ position:absolute; left:-5000px; z-index:1001; width:100%; }
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 				{ left:-5000px; }

#nav li:hover ul,
#nav li.current ul						{ left:0; top:31px; padding-top:18px;}

/*  end */

/* PRIMARY CONTENT */
#home #primaryContent	{ }
#primaryContent			{
	float:left;
	position:relative;
	width:920px;
	padding-left:9px;
	margin-top:5px;
}
#primaryContent a		{ text-decoration:underline; color:#003300; }
#primaryContent a:hover	{
	text-decoration: underline;
	color: #990000;
}
#primaryContent p,
#primaryContent li		{ font-size:1.3em; line-height:1.5em; margin-bottom:1em; color:#382b26; }
#primaryContent li p	{ font-size:1em; margin:0; }
#primaryContent ul,
#primaryContent ol		{ margin:1em; padding-left:2em; }
img.left-align			{ float:left; margin:10px 10px 10px 0; }
img.right-align			{ float:right; margin:10px 0 10px 10px; }
img.no-border,
img.mcms_stats			{ border:0; }

/* PRIMARY CONTENT 2 */
#home #primaryContent2	{ }
#primaryContent2			{
	float:left;
	position:relative;
	width:700px;
	padding-left:9px;
	margin-top:40px;
	height: 2500px;
}
#primaryContent2 a		{
	text-decoration:underline;
	color: #003300;
}
#primaryContent2 a:hover	{ text-decoration: none; }
#primaryContent2 p,
#primaryContent2 li		{ font-size:1.4em; line-height:1.5em; margin-bottom:1em; color:#382b26; }
#primaryContent2 li p	{ font-size:1em; margin:0; }
#primaryContent2 ul,
#primaryContent2ol		{ margin:1em; padding-left:2em; }
img.left-align			{ float:left; margin:10px 10px 10px 0; }
img.right-align			{ float:right; margin:10px 0 10px 10px; }
img.no-border,
img.mcms_stats			{ border:0; }


/* PRIMARY CONTENT 3 */
#home #primaryContent3	{ }
#primaryContent3			{ float:left; position:relative; width:940px; padding-left:9px; margin-top:40px;}
#primaryContent3 a		{
	text-decoration:underline;
	color: #003300;
}
#primaryContent3 a:hover	{ text-decoration: none; }
#primaryContent3 p,
#primaryContent3 li		{ font-size:1.3em; line-height:1.5em; margin-bottom:1em; color:#382b26; }
#primaryContent3 li p	{ font-size:1em; margin:0; }
#primaryContent3 ul,
#primaryContent3 ol		{ margin:1em; padding-left:2em; }
img.left-align			{ float:left; margin:10px 10px 10px 0; }
img.right-align			{ float:right; margin:10px 0 10px 10px; }
img.no-border,
img.mcms_stats			{ border:0; }



/*  HEADINGS */
	h2, h3, h4, h5, h6	{ margin-bottom:1em; color:#003300; }
	h2					{ font-size:2.3em; color:#32231c; font-weight:normal; margin-top:4px;}
	#primaryContent h3	{ font-size:1.8em; }
	#primaryContent h4	{ font-size:1.6em; }
	#primaryContent h5	{ font-size:1.5em; }
	#primaryContent h6	{ font-size:1.4em; }
	.article h4			{ margin:0; font-weight:normal; }
	.article p			{ margin-top:2px; }
	/*  end */	
	
/* INTRO */
	#primaryContent #intro		{
	width:910px;
	margin-bottom:5px;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center bottom;
 								}
 	#primaryContent #intro h2	{ font:30px Georgia, "Times New Roman", serif; font-size:30px; color:#003399; }
	#primaryContent #intro	p	{ font-size:1.2em; color:#006699; line-height:1.7em; text-indent:130px; position:relative; top:-37px; }
						
	/*  end */
	
/*  RESOURCES */
	#resources			{ position:relative; width:910px; }
	.col				{ float:left; width:440px;  no-repeat 0 26px; position:relative; }
	
	
	.col img			{
	border: 1px none #0033CC;
	margin: 5px;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 0px;
}
	#column1 img		{
	margin: 5px;
}
	/*  end */
	
	#column1			{
	position:relative;
	left:-2px;
	border: thin none #CDD5DE;
}
	#column1 h3			{ display:block; width:100px; height:26px; background:url(../images/latest_article_tab.gif) no-repeat; text-indent:-999em; margin:0; }
	#column1 h4			{
	font:bold italic 14px Georgia, "Times New Roman", serif;
	width:330px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 13px;
	margin-left: 5px;
	padding-left: 20px;
}
	#column1 h4 a		{ color:#006699; text-decoration:none; }
	#column1 h4 a:hover	{ text-decoration:underline; }
	#column1 p			{
	font-size:1.2em;
	color:#333333;
	line-height:1.5em;
	margin-left:5px;
	width:400px;
	padding-left: 10px;
	padding-right: 10px;
}	
	#column1 a#latest	{  
						  background:url(../images/article_icon.gif) no-repeat right center; padding:4px 20px 4px 0; 
						  font-size:1em; color:#905033; text-decoration:none; cursor:pointer;
						  text-transform:lowercase; position:absolute; top:5px; right:18px; 
						}
	#column1 a#latest:hover		{ text-decoration:underline; }
	
	/*  group COLUMN 2 (ARTICLES ) */
	#column2			{ position:relative; left:-2px }
	#column2 h3			{ display:block; width:100px; height:26px; background:url(../images/latest_article_tab.gif) no-repeat; text-indent:-999em; margin:0; }
	#column2 h4			{
	font:bold italic 14px Georgia, "Times New Roman", serif;
	width:220px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 13px;
	margin-left: 20px;
}
	#column2 h4 a		{ color:#006699; text-decoration:none; }
	#column2 h4 a:hover	{
	text-decoration:underline;
	width: auto;
}
	#column2 p			{
	font-size:1.2em;
	color:#336600;
	line-height:1.5em;
	margin-left:5px;
	width:400px;
	padding-left: 20px;
}	
	#column2 a#latest	{  
						  background:url(../images/article_icon.gif) no-repeat right center; padding:4px 20px 4px 0; 
						  font-size:1em; color:#905033; text-decoration:none; cursor:pointer;
						  text-transform:lowercase; position:absolute; top:5px; right:18px; 
						}
	#column2 a#latest:hover		{ text-decoration:underline; }

	/*  end */
/*  end */

/*  group SECONDARY CONTENT */
#secondaryContent2			{
	float:right;
	position:relative;
	width:265px;
	right:0px;
	background:url(../images/sub_bg.gif ) no-repeat;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 5px;
							}
#home #secondaryContent2		{ margin-top:92px; background:none; padding:0; position:relative; left:-21px;}
#secondaryContent2 h3		{ border-bottom:1px solid #d4ceb3; }
#home #secondaryContent2 h3	{ border:0; }
#secondaryContent2 a			{ color:#FFFFFF; }
.imageright {
	float: right;
	padding: 0;
	margin: 15px 0 15px 0;
	border: none;
	text-align: center
}

/*  group SECONDARY CONTENT */
#secondaryContent			{
	float:right;
	position:relative;
	width:185px;
	right:0px;
	margin-top: 100px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 18px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-image: url(../images/sub_bg.gif);
	background-repeat: no-repeat;
							}
#home #secondaryContent		{ margin-top:92px; background:none; padding:0; position:relative; left:-21px;}
#secondaryContent h3		{ border-bottom:1px solid #d4ceb3; }
#home #secondaryContent h3	{ border:0; }
#secondaryContent a			{ }
.imageright {
	float: right;
	padding: 0;
	margin: 15px 0 15px 0;
	border: none;
	text-align: center
}


/* image left*/ 
.imageleft {
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 10;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0;
	border: 10px solid #FFFFFF;
}
	
	
	
	.imageleft2 {
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 10;
	margin-bottom: 5px;
	margin-left: 10;
	border: 2px none #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
	
	/*  group NEW HERE */
	#new-here			{  
						  display:block;  width:203px; height:56px; background:url(../images/new_here_bg.gif) no-repeat;
						  padding:24px 33px 24px 63px; position:relative; left:11px;
				 		}	
	#new-here h3		{ 
						  margin:0; display:block; width:197px; height:24px; 
						  background:url(../images/new_here_h3.gif) no-repeat; text-indent:-999em; 
						}
	#new-here p			{ font-size:1.2em; color:#564738; line-height:16px; }
	#new-here a			{ color:#564738; text-decoration: none; }
	#new-here a:hover	{ text-decoration:underline; }
	#new-here a.stamp	{ 
						  position:absolute; top:11px; left:-16px; display:block; background:url(../images/new_here_btn.gif) no-repeat; 
						  width:70px; height:70px; text-indent:-999em;
						}
	a.stamp:focus		{ outline:none; }
	/*  end */
	
	/*  group NEW HERE */
	#new-here2			{
	display:block;
	width:203px;
	height:56px;
	background:url(../images/new_here_bg.gif) no-repeat;
	position:relative;
	left:11px;
	padding-top: 24px;
	padding-right: 33px;
	padding-bottom: 4px;
	padding-left: 63px;
				 		}	
	#new-here2 h3		{ 
						  margin:0; display:block; width:197px; height:24px; 
						  background:url(../images/new_here_h3.gif) no-repeat; text-indent:-999em; 
						}
	#new-here2 p			{ font-size:1.2em; color:#564738; line-height:16px; }
	#new-here2 a			{ color:#564738; text-decoration: none; }
	#new-here2 a:hover	{ text-decoration:underline; }
	#new-here2 a.stamp	{ 
						  position:absolute; top:11px; left:-16px; display:block; background:url(../images/new_here_btn.gif) no-repeat; 
						  width:70px; height:70px; text-indent:-999em;
						}
	a.stamp:focus		{ outline:none; }
	/*  end */


/*  group FOOTER */
#footer-wrap			{ background:url(../images/footer_bg.jpg) no-repeat center top; height:64px; position:relative; z-index:1; margin-top:-120px; }
#home #footer-wrap		{ margin-top:-105px; }
#footer					{ position:relative; z-index:2; height:30px; background:#b9b296 url(../images/footer_wrap_bg.gif) repeat-x left top; }
#footer-inner			{ width:835px; margin:0 auto; padding:30px 12px 0 13px; position:relative; }
#footer p				{
	font-size:1.4em;
	color:#FFFFFF;
}
#footer a				{ color:#666666}
#footer a:hover			{ color:#006600; text-decoration:underline; }
#footer #feeds			{ 
						  position:absolute; right:14px; top:20px; background:url(../images/footer_feeds.gif) no-repeat;
						  display:block; width:66px; height:23px; text-indent:-999em;
						}
/*  end */

