/* --------------------------------------------------- 
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:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;  
text-align:center;
background-color:#0f6b94;
background-image:url(../images/main_bg.gif);
background-position:top;
background-repeat:repeat-x;
clear:both;
margin:0 auto; 
}


/* DEFAULT LINKS */
a         {text-decoration:none;color:#11739d;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:none;color:#033855;}
a img     {border:none;}


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

h1 {color:#127ba5;}
h2 {color:#127ba5;}
h3 {color:#127ba5;}
h4 {color:#127ba5;}
h5 {color:#127ba5;}
h6 {color:#127ba5;}


/* 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;
}





/* STANDARD PAGE ELEMENTS 
Standard page elements for laying out the main content of a website. */
#container {
width:900px;
text-align:left;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 30px 0 30px;
border:none;
}

#container2 {
width:900px;
text-align:left;
background-color:#ffffff;
margin:0 auto;
padding:0 0 0 0;
border:none;
border-bottom:solid #07587e 6px;
}

	/* MAIN HEADER */
	#header {
	width:910px;
	height:108px;
	text-align:right;
	background-image:url(../images/logo.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:0 auto;
	margin-left:auto;
	margin-right:auto;
	padding:30px 50px 0 0;
	border:none;
	}
	
		#header a {color:#127ca7;}
		#header a:hover {color:#127ca7;}
		
		
		
	#navigation {
	height:45px;
	padding-left:204px;
	background-color:#02324b;
	background-image:url(../images/nav_logo.gif);
	background-position:left;
	background-repeat:no-repeat;
	}
		#navigation .button {float:left;display:block;height:45px;}
		#navigation .button a {display:block;height:45px;text-indent:-4000px;}
		
		
		
	#subnav {
	height:30px;
	color:#194f65;
	background-color:#052638;
	}
	
		#subnav .pop-menu-holder {height:30px;display:block;visibility:hidden;overflow:hidden;}
		#subnav .pop-menu {display:block;text-align:center;line-height:30px;}
		#subnav .pop-menu a {color:#74bdda;}
		#subnav .pop-menu a:hover {color:#ffffff;}
	
	
	
	
	#flash-home {
	height:240px;
	background-color:#044d73;
	border-bottom:solid #0f6b94 10px;
	}
	
	
	#flash {
	clear:both;
	font-size:0;
	line-height:10px;
	height:10px;
	padding:0 0 0 0;
	margin:0 auto;
	background-color:#0f6b94;
	}
	
		
	
	
	/* MAIN CONTENT */
	#main, #main-with {
	padding:20px 20px 19px 20px;
	line-height:20px;
	background-image:url(../images/content_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}
		#main {background:none;}
	
		#main .main-left, #main-with .main-left, .main-left-text {
		float:left;
		width:300px;
		margin:0 auto;
		padding:0 0 0 0;
		border:none;
		overflow:hidden;
		}
		
			.main-left-text {
			padding:20px;
			width:260px;
			color:#164761;
			background-color:#74bdda;
			}
	
		#main .main-right, #main-with .main-right {
		float:right;
		width:540px;
		margin:0 auto;
		padding:0 0 0 0;
		border:none;
		overflow:hidden;
		}
	
	
	
	/* MAIN FOOTER */
	#footer {
	width:740px;
	height:78px;
	color:#55acd4;
	font-size:11px;
	line-height:20px;
	text-align:right;
	background-image:url(../images/footer_bg.gif);
	background-position:right;
	background-repeat:no-repeat;
	margin:0 auto;
	margin-left:auto;
	margin-right:auto;
	padding:12px 160px 0 0;
	border:none;
	}
	
		#footer a {color:#ffffff;}
		#footer a:hover {color:#55acd4;}
		
		

/* 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. */


/* NEWS ELEMENTS */
.news-holder {display:block;margin-top:14px;}
	
	.news-holder .news-item {margin-bottom:15px;}
	.news-holder .news-item .image {float:left;width:80px;height:80px;overflow:hidden;margin-right:15px;}
	.news-holder .text {}
	.news-holder .date {font-size:11px;color:#64889a;line-height:15px;}
	.news-holder .base {font-size:11px;}
	
	
	
	
.service-holder {display:block;margin-top:14px;}
	.service-holder .image {float:left;width:80px;height:80px;overflow:hidden;margin-right:15px;}
	
	
	
	
.gallery-holder {display:block;margin-top:4px;}
	.gallery-holder .gh-item {
	float:left;
	width:116px;
	text-align:center;
	line-height:15px;
	padding:5px;
	background-image:url(../images/gallery_grid.gif);
	background-position:top;
	background-repeat:no-repeat;
	}
	.gallery-holder .gh-item table {
	margin-bottom:8px;
	}
	
	
	
.photo-holder {margin-top:10px;text-align:center;}
	.photo-holder table {margin-bottom:8px;}
	



/* TESTIMONIALS ELEMENTS */
.testimonial-holder {}
	.testimonial-holder .th-person {font-weight:bold;color:#075a7d;}
	
	
	
	
/* MAIN FORM */
form {
margin:0 auto; 
padding:0 0 0 0;
}
			
	form .req {
	color:#127ba5;
	font-weight:bold;
	font-size:9pt;
	}

	form .label {
	clear:both;
	float:left;
	width:140px;
	height:25px;
	font-size:11px;
	font-weight:bold;
	color:#38738e;
	line-height:22px;
	text-align:right;
	margin-right:10px;
	margin-bottom:4px;
	}
	
	form .input {
	float:left;
	width:240px;
	height:25px;
	}
		form .input input {
		font-size:10pt;
		width:200px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
	
	form .textarea {
	float:left;
	font-size:11px;
	width:240px;
	height:93px;
	}
		form .textarea textarea {
		font-size:10pt;
		width:200px;
		height:80px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		form .textarea img {
		padding-top:3px;
		}
	
	form .button {
	margin-top:5px;
	padding-left:150px;
	}

.form-under {
font-size:11px;
color:#64889a;
}