@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	Project Name!
	
    ---------------------------------------  */


/*  ---------------------------------------
	Global Reset
	- - - - - - - - - - - - - - - - - - - -  */

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; text-decoration: none; }
		
		

/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: url(../images/body-bg.png);
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #6D6D6C;
		}
		
		#container {
			width: 695px;
			margin: 0 auto;
		}
		
		.hidden { display: none; }
		.clear { height: 1%; clear: both; }
		.left { float: left; }
		.right { float: right; }
		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.clearfix {display: inline-block;}
		.no-background { background: none !important; }
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header { padding-top: 20px; }
			#header h1 {
				display: block;
				width: 168px;
				height: 56px;
				float: left;
			}
				#header h1 a {
					display: block;
					width: 168px;
					height: 46px;
					text-indent: -999999px;
					background: url(../images/logo-top.png) no-repeat;
				}
			
			#header ul {
				display: block;
				width: 300px;
				float: right;
				list-style-type: none;
				text-align: right;
				padding-top: 30px;
			}
				#header ul li {
					display: inline;
				}
					#header ul li a {
						padding: 0 10px;
						color: #6D6D6C;
						text-decoration: none;
						font-weight: bold;
					}
						#header ul li a:hover { color: #333; text-decoration: underline; }
					
			#header h2 {
				display: block;
				clear: both;
				width: 689px;
				height: 185px;
				background: url(../images/masthead-bg.png) left no-repeat;
			}
				#header h2 strong {	
					display: block;
					padding-top: 145px;
					text-align: center;
					font-size: 15px;
					font-weight: bold;
					font-family: Georgia, "Times New Roman", Times, serif;
				}
				
				
				
/*  ---------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - -  */
	
		#main-info {
			display: block;
			padding: 30px;
			text-align: justify;
			font-size: 15px;
			line-height: 22px;
			letter-spacing: 1px;
			font-weight: bold;
		}
			#main-info strong { color: #333; }
		
		#button-container {	}
			#button-container .button { }
				#button-container .button a {
					display: block;
					width: 328px;
					height: 148px;
					color: #989898;
					text-decoration: none;
					background: url(../images/button-bg-up.png) no-repeat;
				}
				#button-container .button strong {
					display: block;
					padding: 15px 30px 8px 30px;
					font-size: 26px;
					font-weight: normal;
				}
				#button-container .button span {	
					display: block;
					padding: 0 30px;
					font-size: 14px;
					line-height: 20px;
				}
					#button-container .button a:hover {
						background: url(../images/button-bg-down.png) no-repeat;
						color: #565656;
					}
						#button-container .button a:hover strong {
							padding: 19px 33px 8px 27px;
						}
						#button-container .button a:hover span {
							padding: 0 33px 0 27px;
						}
						
		div.panel p {
			font-size: 12px;
			line-height: 20px;
			display: block;
			padding-bottom: 20px;
		}
		.panel h3 {
			display: block;
			font-size: 20px;
			color: #989898;
			font-weight: normal;
			padding-bottom: 10px;
		}
						
		div.panel-head {
			padding: 30px 30px 0 30px;
			background: url(../images/panel-head-bg.png) top no-repeat;
		}
			.panel-head h2 {
				display: block;
				font-size: 30px;
				font-weight: normal;
				color: #989898;
				padding-bottom: 30px;
			}
			.panel-head ul {
				display: block;
				list-style-type: none;
				padding-bottom: 20px;
			}
				.panel-head ul li {
					display: block;
					padding-bottom: 6px;
					font-size: 12px;
				}
		div.panel-body {
			padding: 0 30px 30px 30px;
			background: url(../images/panel-body-bg.png) bottom no-repeat;
		}
		
		div.panel p.close-panel {
			padding: 0;
			text-align: right;
		}
			div.panel p.close-panel a {
				color: #fff;
				background: #22605E;
				padding: 2px;
			}
				div.panel p.close-panel a:hover { background: #28706E; }
	
	img#ad-photo { margin-right: 5px; }
	
	#adslides {
			height: 280px;
			width: 300px;
			position: relative;
			float: left;
		}
			#adslides IMG {
				position:absolute;
				top:0;
				left:0;
				z-index:8;
			}

			#adslides IMG.active {
				z-index:10;
			}

			#adslides IMG.last-active {
				z-index:9;
			}


				
				
	#content img.right { margin: 10px 0 30px 20px; }
	
		#content.interior {
			padding: 30px;
		}
			#content.interior h2 {
				display: block;
				font-size: 18px;
				font-weight: normal;
				color: #999;
				padding-bottom: 20px;
			}
			#content.interior h3 {	
				display: block;
				font-size: 16px;
				font-weight: normal;
				color: #999;
				padding-bottom: 10px;
			}
			#content.interior p {
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #6D6D6C;
	padding-bottom: 15px;
			}
			#content.interior ul {
				display: block;
				margin-left: 25px;
				font-size: 12px;
				color: #999;
				line-height: 20px;
				padding-bottom: 15px;
			}
			
		form {
			display: block;
			padding: 10px 0;
			width: 450px;
		}
			form label {
				display: block;
				padding: 10px;
				background: #E9E9E9;
				margin-bottom: 10px;
			}
			form label strong {
				display: block;
				float: left;
				width: 110px;
			}
			form input { width: 300px; }
			
		textarea#message {
			width: 300px;
			height: 300px;
		}
		form #submit {
			width: auto;
			margin-left: 120px;
			margin-top: 10px;
		}
			



/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer ul {
			display: block;
			clear: both;
			list-style-type: none;
			background: url(../images/footer-bg.png) no-repeat;
			padding: 18px 20px 25px 20px;
			text-align: center;
			margin-top: 30px;
			margin-bottom: 40px;
		}
			#footer ul li {
				display: inline;
			}
				#footer ul li a {
					padding: 0 20px;
					font-size: 12px;
					color: #999;
					text-decoration: none;
				}
					#footer ul li a:hover { color: #333; text-decoration: underline; }