/* ---------------------------------------------------
TEMPLATE.CSS contains the default styles for websites
built in the anytime system.
--------------------------------------------------- */



/* MAIN ELEMENTS
Main page elements, page layout, links and other common
styles. */
html, body {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
background-color:#722773;
background-image:url(../images/bg_grad.gif);
background-position:top;
background-repeat:repeat-x;
clear:both;
margin:0 auto;
}


/* DEFAULT LINKS */
a         {text-decoration:none;color:#671e70;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:underline}
a img     {border:none;}


/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
margin:0px 0px 0px 0px;
}

h1 {color:#731472;}
h2 {color:#731472;font-size:15px;margin:0px 0px 10px 0px;}
h3 {color:#731472;}
h4 {color:#731472;}
h5 {color:#731472;}
h6 {color:#731472;}


/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}

.clearer {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0 0 0 0;
margin:0 auto;
}


.imagefont {
display:block;
}





/* STANDARD PAGE ELEMENTS
Standard page elements for laying out the main content of a website. */
#container-top {
width:975px;
height:20px;
text-align:left;
background-image:url(../images/bg_top.png);
background-position:center 15px;
background-repeat:no-repeat;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}

#container {
width:945px;
text-align:left;
background-image:url(../images/bg_main.png);
background-position:top center;
background-repeat:repeat-y;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:11px 15px 13px 15px;
border:none;
}



	/* MAIN CONTENT */
	#main {
	background-color:#FFFFFF;
	background-image:url(../images/inner_bg.gif);
	background-position:-13px 0;
	background-repeat:repeat-y;
	}


		/* SIDEBAR
		Logo and navigation */
		#main #sidebar {
		float:left;
		width:218px;
		padding-top:15px;
		}

			#sidebar .s-flash {
			width:200px;
			padding:15px 9px 0 9px;
			}

				.s-flash .sf-text {
				padding:0 20px 0 20px;
				}


			#navigation {
			padding-top:15px;
			}

				#navigation a {
				display:block;
				height:28px;
				}



			.pop-menu-holder {
			position:absolute;
			left:0px;
			top:0px;
			z-index:300;
			visibility: hidden;
			}

				.pop-menu {
				position:absolute;
				background-color:#e1c6e5;
				width:180px;
				visibility: hidden;
				margin-bottom:2px;
				border-top:1px solid #c09fc4;
				border-left:1px solid #c09fc4;
				border-right:1px solid #c09fc4;
				}

					.pop-menu a {
					display:block;
					line-height:22px;
					padding:0 5px 0 5px;
					border-bottom:1px solid #c09fc4;
					/*font-weight:bold;*/
					color:#400943;
					background-image:url(../images/popup_arrow.gif);
					background-position:top right;
					background-repeat:no-repeat;
					overflow:hidden;
					}
					.pop-menu a:hover {
					color:#ffffff;
					text-decoration:none;
					background-color:#b458b3;
					background-image:url(../images/popup_arrow.gif);
					background-position:right -50px;
					background-repeat:no-repeat
					}

					.pop-menu .non {
					background:none;
					}
					.pop-menu .non:hover {
					background:#a353ad;
					}



		/* CONTENT
		Main site content, header */
		#main #content {
		float:right;
		width:724px;
		min-height:610px;
		}

			/* MAIN HEADER */
			#header {
			display:block;
			padding:10px 0 10px 10px;
			font-size:12px;
			text-align:left;
			background-color:#671e70;
			}
				#header .links {
				float:right;
				height:20px;
				padding-top:2px;
				padding-right:12px;
				width:280px;
				}
					#header .links img {
					float:right;
					padding-right:0px;
					}


				#header .breadcrumb {

				}
					#header .breadcrumb a {
					color:#dfb290;
					background-image:url(../images/breadcrumb.gif);
					background-position:-1px center;
					background-repeat:no-repeat;
					padding-left:16px;
					}
					#header .breadcrumb a:hover {color:#f4e0d2;}
					#header .breadcrumb .non {background-image:none;padding-left:0;}


			#main #content .content-inner {
			line-height:20px;
			padding:60px 20px 0 20px;
			}


			/* QUIZ CONTENT */
			#main #content .quiz-content {
			margin-top: 100px;
			line-height:20px;
			padding:0px 20px 0px 20px;
			}

				#main #content .quiz-content #question-content{
				/*border: 1px solid black;*/
				}

					#main #content .quiz-content ul li{
					list-style: decimal outside;
					padding-top: 30px;
					}

						#main #content .quiz-content ul li.question-inner{
						list-style: none outside;
						padding: 0px 0px 0px 40px;
						}

						#main #content .quiz-content ul #questionsoobmit{
						margin-left: auto;
						margin-right: auto;
						}

				#main #content .quiz-content #errorresult{
				padding: 0px 0px 10px 0px;

				}


				#content .content-inner .numbered {}
					#content .content-inner .numbered ul {list-style-type:decimal;}

				.content-right .numbered ul {
				list-style-type:decimal;
				}



				#main #content .content-left {
				float:left;
				width:370px;
				line-height:20px;
				padding-left:20px;
				padding-top:60px;
				}

					#content .content-left .caption,
					#content .content-right-under .caption {
					text-align:center;
					font-size:11px;
					color:#731472;
					padding-bottom:10px;
					}

					#content .content-left .image-left, #content .content-left .image-right {width:220px;}
					#content .content-right-under .image-left, #content .content-right-under .image-right {width:160px;}

					#content .content-left .image-left,
					#content .content-right-under .image-left {
					float:left;
					padding-right:10px;
					}

					#content .content-left .image-right,
					#content .content-right-under .image-right {
					float:right;
					padding-left:10px;
					}

					#content .content-left .read-on {
					margin-top:10px;
					padding-top:4px;
					border-top:solid #671e70 1px;
					}



				#main #content .content-right-top {
				float:right;
				width:320px;
				margin-top:0;
				text-align:right;
				overflow:hidden;
				}



				#main #content .content-right {
				clear:right;
				float:right;
				width:288px;
				padding:10px 10px 5px 22px;
				background-image:url(../images/side_bg.gif);
				background-position:right;
				background-repeat:repeat-y;
				}

					#content .content-right .header {
					background-image:url(../images/side_divide.gif);
					background-position:left bottom;
					background-repeat:repeat-x;
					padding-bottom:4px;
					}

					#content .content-right .pdf-holder {padding-bottom:15px;}
						#content .content-right .pdf-holder a {display:block;line-height:24px;}

					#content .content-right .link-holder {padding-bottom:15px;}
						#content .content-right .link-holder a {display:block;line-height:24px;}

					#content .content-right .image-holder {padding-bottom:15px;}
						#content .content-right .image-holder a {display:block;line-height:24px;}

					#content .content-right .small-info {
					padding:10px 0 10px 0;
					font-size:11px;
					color:#333333;
					}




				#main #content .content-right-under {
				clear:right;
				float:right;
				width:278px;
				line-height:20px;
				padding:15px 20px 20px 22px;
				}



				#main #content .content-right-free {
				float:right;
				width:354px;
				line-height:20px;
				margin-top:20px;
				padding:0 0 0 0;
				background-image:url(../images/freesideback.jpg);
				background-position:right;
				background-repeat:repeat-y;
				}



				#main #content .content-right-news {
				float:right;
				width:312px;
				height:540px;
				padding:150px 0 0 38px;
				background-image:url(../images/ollie_news.jpg);
				background-position:left top;
				background-repeat:no-repeat;
				}



				#main #content .content-right-news2 {
				float:right;
				width:312px;
				height:540px;
				padding:150px 0 0 38px;
				background-image:url(../images/ollie_news.jpg);
				background-position:right top;
				background-repeat:no-repeat;
				}



				#main #content .pre-next {
				clear:both;
				padding:15px 20px 0 20px;
				}
					#main #content .pre-next .pn-left {float:left;}
					#main #content .pre-next .pn-right {float:right;}
					
					
					
				#main #content .ew-left p {
				padding-top:0px;
				margin-top:0px;
				}	
					
				#main #content .ew-left {
				float:left;
				width:360px;
				line-height:20px;
				padding:60px 0 0 20px;
				}
					#main #content .ew-left .ew-inner {
					display:none;
					}
					
						#main #content .ew-left .ew-inner .ew-midbox {
						height:236px;
						background-image:url(../images/ew_midbox.gif);
						background-position:left top;
						background-repeat:no-repeat
						}
							#main #content .ew-left .ew-inner .ew-midbox h1 {
							color:#fbaa2a;
							font-size:22px;
							line-height:42px;
							padding-left:13px;
							}
							
							#main #content .ew-left .ew-inner .ew-midbox .ew-midbox-inner {
							font-size:15px;
							padding:10px 17px 17px 17px;
							}
							
						#main #content .ew-left .ew-inner .ew-bigbox {
						height:436px;
						background-image:url(../images/ew_bigbox.gif);
						background-position:left top;
						background-repeat:no-repeat
						}
							#main #content .ew-left .ew-inner .ew-bigbox h1 {
							color:#fbaa2a;
							font-size:22px;
							line-height:42px;
							padding-left:13px;
							}
							
							#main #content .ew-left .ew-inner .ew-bigbox .ew-bigbox-inner {
							font-size:15px;
							padding:10px 17px 17px 17px;
							}
					
					
					
					#main #content .ew-left .img-right {
					float:right;
					padding:0 0 10px 15px;
					}
					
					#main #content .ew-left .img-left {
					float:left;
					padding:0 15px 10px 0;
					margin:0 0 0 0;
					}
					
					
					#main #content .ew-left form .label {
					clear:both;
					float:left;
					width:100px;
					height:25px;
					font-size:12px;
					line-height:22px;
					text-align:right;
					margin-right:10px;
					margin-bottom:4px;
					}
				
					#main #content .ew-left form .input {
					float:left;
					width:250px;
					height:25px;
					}
						#main #content .ew-left form .input input {
						font-size:12px;
						width:230px;
						}
				
						#main #content .ew-left form .input select {
						font-size:12px;
						width:230px;
						}
				
					#main #content .ew-left form .textarea {
					float:left;
					font-size:12px;
					width:250px;
					height:93px;
					}
						#main #content .ew-left form .textarea textarea {
						font-size:12px;
						width:230px;
						height:80px;
						}
						#main #content .ew-left form .textarea img {
						padding-top:3px;
						}
				
					#main #content .ew-left form .button {
					margin-top:10px;
					padding-left:0px;
					}
					
					
					
					
				
					
				#main #content .ew-right {
				float:right;
				width:315px;
				padding-top:133px;
				background-image:url(../images/ew_ollie_under.jpg);
				background-position:left top;
				background-repeat:no-repeat;
				}
					#main #content .ew-right .ew-links {
					float:left;
					width:203px;
					height:251px; /* full height 259px */
					line-height:31px;
					padding:8px 0 0 30px;
					background-image:url(../images/ew_links.gif);
					background-position:left 0px;
					background-repeat:no-repeat;
					margin-bottom:150px;
					}
						#main #content .ew-right .ew-links a {
						display:block;
						color:#f5a01a;
						line-height:31px;
						}
							#main #content .ew-right .ew-links a:hover {
							text-decoration:none;
							}



	/* MAIN FOOTER */
	#footer {
	width:975px;
	text-align:left;
	font-size:12px;
	color:#a473a7;
	background-image:url(../images/bg_bottom.png);
	background-position:center -18px;
	background-repeat:no-repeat;
	margin:0 auto;
	margin-left:auto;
	margin-right:auto;
	padding:13px 0 0 0;
	border:none;
	}
		#footer .footer-inner {
		height:16px;
		padding:8px 0 8px 270px;
		background-image:url(../images/logo_footer.png);
		background-position:53px 2px;
		background-repeat:no-repeat;
		}

		#footer a {color:#c87ecc;}
		#footer a:hover {color:#f1c1f4;}



/* GAPS
Gaps to space elements */
.gap1 {float:left;width:10px;}
.gap2 {float:left;width:20px;}
.gap3 {float:left;width:30px;}




/* COMMON PAGE STYLES
Common page (ie. contact page) styles. */

/* STAFF ELEMENTS */
.staff-holder {width:120px;float:left;}

	.staff-holder .image {margin-bottom:10px;overflow:hidden;}
	.staff-holder .text {font-size:10pt;text-align:center;line-height:18px;}




/* PRODUCTS/SERVICE ELEMENTS */
.service-holder {width:120px;float:left;}

	.service-holder .image {margin-bottom:10px;overflow:hidden;}
	.service-holder .text {font-size:10pt;text-align:center;line-height:18px;}




/* NEWS ELEMENTS */
.news-holder-above {
width:260px;
height:34px;
color:#ffffff;
padding-top:6px;
text-align:right;
overflow:hidden;
}
	.news-holder-above a {color:#ffffff;}

.news-holder2 {}

	.news-holder2 .image {float:left;width:120px;height:120px;overflow:hidden;margin-top:1px;margin-right:8px;}
	.news-holder2 .date {font-size:12px;color:#666666;}


.news-holder {display:block;width:260px;height:232px;overflow:hidden;}

	.news-holder .image {float:left;width:60px;height:60px;overflow:hidden;margin-top:4px;margin-right:8px;}
	.news-holder .date {font-size:11px;color:#666666;}

.news-holder-full {}

	.news-holder-full .image {float:right;margin-right:10px;}
	.news-holder-full .date {font-size:12px;color:#666666;}


.events-holder {}

	.events-holder .image {float:left;width:120px;height:100px;overflow:hidden;margin-top:3px;margin-right:8px;}
	.events-holder .text {}
	.events-holder .date {font-size:11px;color:#666666;}




/* SITEMAP */
.sitemap-holder {}

	.sitemap-holder ul {
	list-style:none;
	margin:0 auto;
	padding:0 0 0 0;
	}

	.sitemap-holder ul ul {
	list-style:square;
	color:#CCCCCC;
	margin:0 auto;
	padding:0 0 0 0;
	margin-left:25px;
	font-size:11px;
	}




/* TESTIMONIALS ELEMENTS */
.testim-holder {display:block;margin-bottom:20px;}

	.testim-holder .text {text-align:left;line-height:18px;}
	.testim-holder .name {display:block;font-weight:bold;color:#1A4E0C;margin-top:6px;font-size:10pt;}




/* LINKS PAGE ELEMENTS */
.link-holder {display:block;margin-bottom:20px;}




/* FAQ PAGE ELEMENTS */
.faq-holder {display:block;margin-bottom:20px;}

	.faq-holder .q {}
	.faq-holder .a {}




.tech-holder {display:block;padding-bottom:10px;}
	.tech-holder .image {float:left;padding-right:10px;}




.free-form {
width:288px;
padding:0 10px 0 58px;
}
	.free-form form .label {
	text-align:left;
	margin-bottom:0px;
	line-height:20px;
	height:20px;
	}


		.free-form form .input input, .free-form form .input select {
		width:276px;
		}

	.free-form form .textarea {
	height:53px;
	}

		.free-form form .textarea textarea {
		width:276px;
		height:40px;
		}


	.free-form form .button {
	margin-top:20px;
	padding-left:0px;
	}


.contact-form {}
	.contact-form form {}


.install-form {width:674px;}
	.install-form form {}

	.install-form .tick {
	float:left;
	width:260px;
	padding-bottom:18px;
	}

		.install-form .tick .tick-line {
		display:block;
		font-size:11px;
		font-style:italic;
		line-height:10px;
		}





	.error {
	display:block;
	padding-top:15px;
	color:#CC0000;
	}

	.complete {
	display:block;
	padding-top:15px;
	color:#811184;
	font-size:14px;
	font-weight:bold;
	padding-bottom:30px;
	}



/* MAIN FORM */
form {
margin:0 auto;
padding:0 0 0 0;
}

	form .req {
	color:#993399;
	font-weight:bold;
	font-size:10px;
	}

	form .label {
	clear:both;
	float:left;
	width:200px;
	height:25px;
	font-size:12px;
	line-height:22px;
	text-align:right;
	margin-right:10px;
	margin-bottom:4px;
	}

	form .input {
	float:left;
	width:290px;
	height:25px;
	}
		form .input input {
		font-size:12px;
		width:250px;
		}

		form .input select {
		font-size:12px;
		width:250px;
		}

	form .textarea {
	float:left;
	font-size:12px;
	width:290px;
	height:93px;
	}
		form .textarea textarea {
		font-size:12px;
		width:250px;
		height:80px;
		}
		form .textarea img {
		padding-top:3px;
		}

	form .button {
	margin-top:10px;
	padding-left:210px;
	}