/* basic elements */

* { margin: 0; padding: 0; }

.clearfix:after {
    content: "."; 
    display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;} 

/* End hide from IE-mac */

body {
	text-align: center;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	background: top url(../images/bkg_header.gif) repeat-x;
}

.Wrapper {
	width: 955px;
	padding: 0px 0px 40px 0px;
	margin: 0px auto;
	text-align: left;
}



/* HEADER */

.Header {
	position: relative;
	width: 955px;
	height: 180px;
	padding: 0px 0px 20px 0px;
}

	.Header .Logo {
		float: left;
		width: 315px;
		height: 130px;
		padding: 20px 14px 0px 20px;
	}

		.Header .Logo h2 {
			text-indent: -5000px;
			background: url(../images/logo_griffin.gif) no-repeat;
			overflow: hidden;
			padding: 18px 32px 16px 33px; 
		}
		
		.Header .Logo a {
			display: block;
			width: 250px;
			height: 96px;
			overflow: hidden;
		}
		
		
		
/* NAVIGATION */
	
	.Header .Nav {
		float: left;
		width: 592px;
		height: 61px;
		padding-top: 119px;
		background: bottom url(../images/navigation.gif) no-repeat;
	}
	
		/*temp*/
	
		.Nav .Item {
			float: left;
			padding: 15px 0px 0px 28px;
			color: #FFFFFF;
		}
		
		.Nav a {
			color: #FFFFFF;
			text-decoration: none;
		}
		
		/*temp*/
	
	.Header .Navigation {
		width: 592px; 
		height: 61px;
		list-style: none;
		/*background: url(../images/navigation.gif) no-repeat;*/
		position: relative;
	}
	
		/*.Navigation li {
			list-style: none;
			position: absolute; top: 0;
		}
		
		.Navigation li, .Navigation a {
			height: 50px;
			display: block;
			text-indent: -5000px;
			overflow: hidden;
		}
			
		.btn1 {left: 0; width: 109px;}
		.btn2 {left: 112px; width: 109px;}
		.btn3 {left: 224px; width: 109px;}
		.btn4 {left: 336px; width: 109px;}
		.btn5 {left: 448px; width: 109px;}
		.btn6 {left: 560px; width: 109px;}
		
		.btn1 a:hover {background: transparent url(../images/navigation.gif) 0 -50px no-repeat;}
		.btn2 a:hover {background: transparent url(../images/navigation.gif) -112px -50px no-repeat;}
		.btn3 a:hover {background: transparent url(../images/navigation.gif) -224px -50px no-repeat;}
		.btn4 a:hover {background: transparent url(../images/navigation.gif) -336px -50px no-repeat;}
		.btn5 a:hover {background: transparent url(../images/navigation.gif) -448px -50px no-repeat;}
		.btn6 a:hover {background: transparent url(../images/navigation.gif) -560px -50px no-repeat;}*/
		
		
		
/*CONTENT*/

	.Content {
		width: 915px;
		padding: 0px 20px 20px 20px;
	}
	
	.Content .ActionBox {
		float: left;
		width: 240px;
		height: 300px;
		background-color: #252525;
		background: url(../images/bkg_finger.jpg) no-repeat;
		padding: 5px;
	}
	
		.ActionBox .Stroke {
			width: 210px;
			height: 270px;
			padding: 14px;
			border: 1px solid #464646;
			color: #FFFFFF;
		}
		
			.Stroke .QuoteButton {
				width: 210px;
				height: 42px;
				background-image: url(../images/btn_big.jpg);
				text-align: center;
				margin-bottom: 12px;
			}
			
				.Stroke .QuoteButton a {
					display: block;
					width: 154px;
					height: 18px;
					padding: 12px 28px 12px 28px;
					font-size: 18px;
					line-height: 18px;
					color: #000000;
					text-decoration: none;
					font-weight: bold;
				}
				
				.QuoteButton a:hover {background: url(../images/btn_big.jpg) 0px -42px no-repeat;}
				
				
			.Stroke .CallBackButton {
				width: 210px;
				height: 42px;
				background-image: url(../images/btn_big.jpg);
				text-align: center;
				margin-bottom: 30px;
			}
			
				.Stroke .CallBackButton a {
					display: block;
					width: 154px;
					height: 18px;
					padding: 12px 28px 12px 28px;
					font-size: 18px;
					line-height: 18px;
					color: #000000;
					text-decoration: none;
					font-weight: bold;
				}
				
				.CallBackButton a:hover {background: url(../images/btn_big.jpg) 0px -42px no-repeat;}
				
				
			.Stroke .Label {
				font-weight: bold;
				padding-bottom: 8px;
			}
				
				
			.Stroke .FormField {
				width: 203px;
				height: 24px;
				padding: 4px 0px 0px 5px;
				font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #999999;
				border: solid 1px #000000;
				margin-bottom: 10px;
			}
			
			
			.Stroke .Button {
				width: 88px;
				height: 28px;
				background-color: #555555;
				border: 1px solid #000000;
			}
			
				.Stroke .Button a {
					display: block;
					padding: 8px;
					height: 12px;
					width: 72px;
					text-align: center;
					font-size: 12px;
					line-height: 12px;
					text-decoration: none;
					color: #FFFFFF;
				}
				
				.Stroke .Button a:hover {background-color: #464646;}
	


/*FOOTER*/

	.Footer {
		width: 915px;
		margin: 0px 20px 0px 20px;
		border-top: 1px solid #A1A1A1;
		padding-top: 16px;
		font-size: 12px;
		line-height: 14px;
	}
	
		.Footer .Links {
			float: left;
		}
			
			.Footer .Links a:link, .Footer .Links a:visited {color: #A24C01; text-decoration: none;}
			.Footer .Links a:hover, .Footer .Links a:active {color: #000000; text-decoration: underline;}
			
		.Footer .Copyright {
			float: right;
			color: #898989;
		}