/*
	Global.css
	Copyright 2009 Avalanche Creative
	
	Global stylesheet for site-wide formatting
*/

body{
	background-color: #cdcdcf;
	background-image: url("../images/granite.jpg");
	background-repeat: repeat-x;
	background-position: top center;
}

a:focus	{	outline: none	}

#outerjacket{
	width: 1013px; /* 1036px */;
	height: 539px; /* 768px */;
	padding-top: 100px;
	padding-left: 23px;
	
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: top center;
}

	.s_home		#outerjacket	{	background-image: url("../images/overlays/home.png");		}
	.s_about	#outerjacket	{	background-image: url("../images/overlays/about.png");		}
	.s_products	#outerjacket	{	background-image: url("../images/overlays/products.png");	}
	.s_tech		#outerjacket	{	background-image: url("../images/overlays/tech.png");		}
	.s_contact	#outerjacket	{	background-image: url("../images/overlays/contact.png");	}

	#sidebar{
		width: 260px;
		float: left;
		position: relative;
	}
		.nav,
		.nav a:link,
		.nav a:visited,
		.nav a:active{
			color: #542988;
		}
		.nav a:hover{
			color: #F8981D;
			text-decoration: none;
		}
		
			.nav div{
				width: 258px;
				height: 21px;
				background-image: url("../images/navspan.png");
				background-repeat: no-repeat;
				background-position: bottom center;
				text-transform: uppercase;
			}
				.nav a:link span,
				.nav a:visited span,
				.nav a:active span{
					width: 258px;
					height: 21px;
					line-height: 21px;
					display: block;
				}
					.sub{
						text-transform: none !important;
						background-image: none !important;
						padding-left: 10px;
						font-size: 0.97em;
						height: 18px;
					}
						.sub em{
							margin-left: 0.4em;
							font-style: normal;
						}
						
						.dent2{
							padding-left: 20px;
						}
				
				.active a:link,
				.active a:hover,
				.active a:visited,
				.active a:active{
					color: #F8981D !important;
				}




	#content{
		width: 654px;
		float: left;
		position: relative;
		margin-bottom: 1em;
	}
		#content a,
		#content a:link,
		#content a:active,
		#content a:visited{
			color: #808080;
		}
		
		#featured{
			width: 640px;
			height: 270px;
			margin-bottom: 1em;
		}
		
		#splashlinks{
			text-align: right;
			position: relative;
			top: 24px;
			right: 6px;
			float: right;
		}
		
	#callus{
		position: absolute;
		width: 260px;
		height: 27px;
		top: -12px;

		text-transform: uppercase;
		background-image: url("../images/navspan.png");
		background-repeat: no-repeat;
		background-position: top center;
		color: #C2B7D8;
	}
		#callus span{
			margin-top: 6px;
			margin-left: 5px;
			display: block;
		}
		
		#costs{
			margin: 0px auto 1em;
			width: 390px;
		}
			#costs .t_col_1		{width: 70px; font-weight: bold;}
			#costs .t_col_2		{width: 120px;}
			#costs .t_col_3		{width: 100px;}
			
			#costs .t_row_4	td	{padding-top: 1em; text-align: center;}


		.datasheet{
			height: 46px;
			background-image: url("../images/pdf.jpg");
			background-repeat: no-repeat;
			background-position: left center;
			margin-left: 1em;
		}
			.datasheet a:link,
			.datasheet a:visited,
			.datasheet a:active{
				padding-left: 42px;
				padding-top: 14px;
				display: block;
				width: 148px;
				height: 32px;
				color: #666 !important;
			}




	#footer{
		color: #E6E6E6;
		font-size: 0.9em;
		margin-left: 36px;
		position: relative;
		top: -23px;
	}
	#footer a:link,
	#footer a:visited,
	#footer a:active{
		color: #E6E6E6;
	}
	#footer a:hover{
		color: #fff;
	}