/* Fonts */

@font-face {
	font-family: 'AvGard';
	src: url('../fonts/agw_____-webfont.eot');
	src: local('agw_____.pfm'), url('../fonts/agw_____-webfont.woff') format('woff'), url('../fonts/agw_____-webfont.ttf') format('truetype'), url('../fonts/agw_____-webfont.svg#webfontFw5PRX3d') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AG2';
	src: url('../fonts/agd_____-webfont.eot');
	src: local('agd_____.pfm'), url('../fonts/agd_____-webfont.woff') format('woff'), url('../fonts/agd_____-webfont.ttf') format('truetype'), url('../fonts/agd_____-webfont.svg#webfontjSvAzT9Y') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Tag Redifinitions */


html,body{
      margin:0px;
      padding:0px;
      height:100%;
      border:none;
			text-align: left;
}
body {
	background-image:    url(../images/background.jpg);
	font-family: arial;
	margin-top: 10px;
}

h1{
	font-family: AG2;
	color: #58585A;
	font-weight: bold;
	font-size: 25pt;
	margin-top: 0px;
	margin-left: 10px;
	text-transform: uppercase;
	border-bottom: 2px solid #CCCCCC;
}

h2{
	font-family: AG2;
	color: #D99116;
	font-weight: bold;
	font-size: 19pt;
	margin-top: 0px;
	margin-left: 10px;
	text-transform: uppercase;
	border-bottom: 2px solid #CCCCCC;
}	

h3 {
	font-family: AG2;
	color: #000000;
	font-weight: bold;
	font-size: 13pt;
	margin-top: 0px;
	margin-left: 10px;
}

h4 {
}

ul, ol{
	line-height: 18pt;
}
blockquote{
	margin-left: 20px;
	margin-right: 0px;
}
a img{
	border:none;
}
/* General Layout Styles */

div.main{
	position:relative;
	border: none;
	margin: 20px 0px 0px 0px;
	width: 100%;
}
		div.main img{
			vertical-align:top;
		}
		div.main .title{
			width: 100%;
			left: 0px;
			height: 233px;
			background-image: url(../images/page-title.png);
			background-position: top center;
			background-repeat: no-repeat;
			position:absolute;
			top: -20px;
			z-index: 100;/**/
		}
				div.main .title .navHolder{
					width: 940px;
					position: relative;
					top: 162px;
				}
				
				 
		div.main .middle{
			width: 1004px;
			min-height: 600px;
			background-color: transparent;
			background-image:  url(../images/page-bckgrd.png);
			background-position: top center;
			background-repeat: repeat-y;
			padding-bottom: 1px;
			position: relative;
			z-index:1;
			margin-top: 20px;
			padding-top: 0px;
		}
		.spacerBox{
			width: 980px;
			height: 210px;
			background-color:white;
		}	
		.nonIndex{
			width: 1004px;
			background-color: transparent;
			background-image:  url(../images/page-bckgrd-2.png);
			background-position: top center;
			background-repeat: repeat-y;
			padding-bottom: 1px;
			position: relative;
			z-index:1;
			margin-top: 20px;
			padding-top: 239px;
		}
				div.content{
					width: 952px;
					background-image: none;
					margin: 0px;
					padding: 20px 0px 0px 0px;
					font-size: 11pt;
					color: #666666;
					text-align:left;
					position:relative;
				}
				#timeHolder{
					position: absolute;
					text-align: right;
					top: -20px;
					right: 0px;
					width: 300px;
					height: 21px;
					background-color: transparent;
					border:none;
					font-family: 'arial';
					color: #999999;
					font-size: 8pt;
				}
				div.content p{
					font-family: AG2;
					line-height: 20pt;
					margin-left: 20px;
					margin-right: 0px;
				}
		
		div.footer{
			width: 1004px;
			position:relative;
			z-index: 1;
			height: 212px;
			background-image: url(../images/page-footer.png);
			background-position: top center;
			background-repeat: no-repeat;
			padding-top: 1px;
		}
		div.footer2{
			width: 1004px;
			position:relative;
			height: 212px;
			background-image: url(../images/page-footer-2.png);
			background-position: top center;
			background-repeat: no-repeat;
			padding-top: 1px;
		}
		
				div.footerText{
					width: 100%;
					position:absolute;
					left: 0px;
					bottom: 60px;
					font-weight: normal;
					font-size: 7pt;
					color: #FFFFFF;
					line-height: 13px;
				}
				div.footerText div{
					font-size: 10pt;
					text-decoration:none;
					color: #E8C204;
					font-weight:  bold;
				}
				div.footerText a{
					text-decoration:none;
					color: #999999;
				}
				.contactInfo{
					font-family:arial;
					font-size: 14pt;
					font-weight: bold;
					color: #4C4D4F;
					position:relative;
					width: 100%;
					top: 82px;
					left: -70px;
					text-shadow: 2px 2px 5px #555; 
					-moz-text-shadow: 2px 2px 5px #555; 
					-webkit-text-shadow: 2px 2px 5px #555;
				}
					.contactInfo a{
						text-decoration:none;
						color: #4C4D4F;
				}
/* Admin Style - Nav Bar */

.editPanel{
	position:fixed;
}
.editPanel a{
	text-decoration:none;
	font-weight: normal;
	border: none;
	filter:none;
}
.editPanel a:hover{
	text-decoration:underline;
	color: #AA0000;
	border: none;
}
.colHeader td{
	padding: 2px;
	background-color: #CCCCCC;
	color:black;
}
.colHeader td a{
	text-decoration:none;
	color: black;
	font-weight: bold;
}
.colHeader td a:visited{
	color:black;
}
.sorter{
	border: 1px outset;
	color: #DDDDDD
}

/*-----------------------------SPECIAL EFFECTS -------------------------*/

.boxShadow{
	position: relative;
	z-index: 2;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#777777');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#777777')";
	box-shadow: 2px 2px 5px #444; 
	-moz-box-shadow: 2px 2px 5px #444; 
	-webkit-box-shadow: 2px 2px 50px #444;
}
.textShadow{
	position: relative;
	z-index: 2;
	text-shadow: 2px 2px 5px #444; 
	-moz-text-shadow: 2px 2px 5px #444; 
	-webkit-text-shadow: 2px 2px 50px #444;
}
.glow{
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#444444, strength=6)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#444444, strength=6);
	text-shadow: 0px 0px 10px #999999;
	box-shadow: 0px 0px 10px #999999; 
	-moz-box-shadow: 0px 0px 10px #999999;
	-webkit-box-shadow: 0px 0px 10px #999999;
}
.roundCorners{
	border-top-left-radius: 20px 20px;	
	-webkit-border-top-left-radius: 20px 20px;	
	-moz-border-radius-topleft: 20px 20px;
	border-top-right-radius : 20px 20px;	
	-webkit-border-top-right-radius : 20px 20px;	
	-moz-border-radius-topright: 20px 20px;
	border-bottom-right-radius : 20px 20px;
	-webkit-border-bottom-right-radius : 20px 20px;
	-moz-border-radius-bottomright: 20px 20px;
	border-bottom-left-radius : 20px 20px;	
	-webkit-border-bottom-left-radius : 20px 20px;	
	-moz-border-radius-bottomleft: 20px 20px;
	padding: 20px;
}
.odd{
	background-color: #F0F0F0;
}
.even{
	background-color: #FFFFFF;
}
/* Classes and ID'd Elements */

#animCounter{
	position: absolute; 
	bottom: 5px; 
	left: 5px;
		filter: alpha(opacity=70);
		opacity: 0.70;
}
	#animCounter img{
		float:left;
		background-color: #999999;
		margin-right: 5px;
		border: none;
		width: 10px;
		height: 10px;
	}
#animCaption{
	display:block;
	position: absolute; 
	left: 0px; 
	bottom: 10px; 
	width: 100%; 
	height: 30px; 
	line-height: 30px; 
	filter: alpha(opacity=60);
	 opacity: 0.60; 
	 font-weight: bold; 
	 color: white; 
	 background-color: black;
}
#faq blockquote{
	border-left: 5px solid #F0F0F0;
	margin-left: 20x;
	padding-left: 10px;
}
input.call{
	width: 90px; 
	height: 16px; 
	font-size: 8pt;
	border: none;
	background-color: white;
}

#countdown{
	font-size: 14pt;
	font-weight:bold;
	color:red;
}
.codeBlock{
	margin: 0px 20px;
}
.contactBox{
	background-color: #F0F0F0;
	padding: 15px;
	margin: 0px 20px;
	position:relative;
	border: 1px solid #CCCCCC;
}
.newCustHead{
	background-color: #E0E0E0;
	font-weight: bold;
	margin: 2px 0px;
	padding: 0px 5px;
	line-height: 16pt;
}
.leftLinks{
	position: absolute;
	top: 20px; 
	left: 0px;
	width: 180px;
}
	.leftLinks img{
		margin: 0px 0px 10px 0px;
	}
	
#portfolioFrame{
	display:block;
	float:left;
	position:relative;
	margin-bottom: 40px;
	margin-right: 50px;
}
	#portfolioImg{
		width: 140px;
		height: 105px;
		overflow: hidden;
		background-position: center center;
		cursor:pointer;
	}
#portfolioFrame2{
	display:block;
	float:left;
 	width: 560px; 
	height: 420px; 
	position:relative;
}
	#portfolioImg2{
		width: 560px;
		height: 420px;
		overflow: hidden;
		position: relative;
	}
.portfolioThmb{
	display:block;
	float:left;
	width: 70px;
	height: 40px;
	margin: 0px 0px 2px 10px;
	background-color: #212123;
	background-position: center center;
	cursor:pointer;
}
.portNav{
	font-size: 8pt;
}


.question{
	color: #81AF82;
	position: relative;
	font-family: arial;
	font-size: 24pt;
	font-weight: bold;
	font-style: italic;
}
		.answer{
			color: #330000;
			position: relative;
			font-family: arial;
			font-size: 14pt;
			font-weight: bold;
			font-style: italic;
			float:left;
		}
.quoteOpen{
	padding-top: 5px;
	margin-bottom: -7px;
	float:left;
	font-size: 24pt;
}
.quoteClose{
	padding-top: 2px;
	position: absolute;
	font-size: 24pt;
}
div.content .endorsement p.quoteMaker{
	font-weight: bold;
	font-style: normal;
	background-image: none;
	margin-left: 30px;
	margin-top: 0px;
	padding-top: 0px;
}
#slideShowFrame{
	width: 730px;
	height: 200px;
}
/*Modular Navigation Styles*/

ul#nav{
	font-family: AG2;
	visibility:hidden;
	float: left;
	position:relative;
	line-height: 33px;
	height: 35px;
	/*border-left: 1px solid #000000;*/
	z-index: 600;
	font-size: 10pt;
	text-transform:uppercase;
	font-weight: bold;
			padding: 0px;
			margin-top: 0px;
}

ul#nav li{
	cursor:pointer;
	float: left; /* ---ENABLE FOR HORIZONTAL NAV--- */
	width: auto;  /*---MUST BE 'auto' FOR 'float:left', OTHERWISE SET WIDTH OF VERTICAL NAV HERE------*/
	padding: 0px; /*---add padding for full borders if needed---*/
			position: relative;
			top: 0px;
			left: 0px;
			list-style-type: none;
	   	vertical-align: top;  /*MUST BE PRESENT TO PREVENT VERT SPACES IN IE WHEN DISPLAY:BLOCK FOR <A> TAG*/
}

ul#nav li a{
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	background-image: none;
	background-color: transparent;
	border: none;
	/*border-right: 1px solid #000000;
	border-left: 1px solid #4A7F5B;*/
			display: block;
}
ul#nav li a:hover, ul#nav li a.selected{
	background-image: url(../images/btn-over.jpg);
	color: #FFFFFF;
}
ul#nav li a span{
	cursor: pointer;
	line-height: 35px;
	position: relative;
	top: 3px;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#777777');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#777777')";
}

ul#nav li ul{
	position: absolute;  /* 	change for no javascript  */
			top: 0px;
			left: 0px;
			clip: rect(auto 2500px 2500px 2500px);
			margin: 0px;
			padding: 0px;
			/*visibility: hidden;  ALLOWS OPERA LINKS TO FUNCTION (v<9) */
}

ul#nav li ul li a{
	padding: 0px 10px;
	color: #6B6C6E;
	font-family: arial;
	font-size: 7.5pt;
	font-weight: bold;
	text-align: left;
	letter-spacing:1px;
	margin: 0px;
	background-image: none;
	background-color: #E5E5E5;
	border: 1px solid #330000;
	border-width: 1px 1px 1px 1px;
			position: relative;
			display:inline;
}

ul#nav li ul li a:hover{
	background-color: #C4273C;
	color:white;
}

.shadowIE {
			filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='true', ShadowOpacity='0.30');
			position: absolute;
			top: 2px;
			left: 2px;
}

.shadowOther{
			border-right: 1px solid #777777;
			border-bottom: 1px solid #777777;
			position: absolute;
			opacity: 0.7;
			-moz-opacity: 0.7;
			-khtml-opacity: 0.7;
}


/* ----------------------------PRINT STYLES ---------------------*/

@media print {
	#noPrint   {display: none;}
	.noPrint{display: none}
}