@charset "utf-8";
/* CSS Document */
/*For the Jason Mechanical Corporation Site*/
/*Prepared by Liberty Cretaive solutions (www.libertycreativesolutions.com, 708-633-7450)*/
/*Winter 2009/

/*	html {overflow-x:hidden;}*/

	html, body {
		font-family:Arial, Helvetica, sans-serif;
		min-width:997px;
		min-height:754px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		background-color:#C9CACA;
		padding:0;
		}
		
		
/* BEGIN general layout areas */

	#maincontainer {
		position:relative;
		width:997px;
		height:auto;
		min-width:997px;
		margin-left:auto;
		margin-right:auto;
		padding:0;
		background-color:#ffffff;
		z-index:0;
		}
		
     #container {
		position:absolute;
		width:997px;
		top:0px;
		left:0px;
		height:auto;
		min-height:754px;
		padding:0;
		background-color:#ffffff;
		z-index:5;
		}
		
	#header {
		position:absolute;
		width: 993px;
		height:181px;
		top:2px;
		left:2px;
		margin:0;
		padding:0;
		border:none;
		z-index:10;
		}
		
	#logo {
		position:absolute;
		width: 398px;
		height:181px;
		top:0;
		left:0;
		margin:0;
		padding:0;
		background-image:url(../../images/art_logo.jpg);
		border:none;
		z-index:15;
		}
		
	#testimonial {
		position:absolute;
		width: 591px;
		height:181px;
		top:0;
		left:402px;
		margin:0;
		padding:0;
		border:none;
		z-index:15;
		}

	#navbar {
		position:absolute;
		width: 993px;
		height:32px;
		top:185px;
		left:2px;
		margin:0;
		padding:0;
		border:none;
		background-color:#7f1829;
		background-image:url(../../images/art_nav_tickmarks.gif);
		background-repeat:no-repeat;
		z-index:15;
		}

	#navbar_print {
		position:absolute;
		width: 993px;
		height:32px;
		top:185px;
		left:2px;
		margin:0;
		padding:0;
		border:none;
		z-index:10;
		}
		
	#content {
		position:absolute;
		width:997px;
		height:auto;
		top:220px;
		margin:0;
		padding:0;
		border:none;
		background-color:#FFF;
		background-image:url(../../images/art_content_bkgrnd.gif);
		background-repeat:repeat-y;
		z-index:20;
		}
		
	#sidebar {
		position:absolute;
		width:172px;
		height:auto;
		top:0;
		left:2px;
		margin:0;
		padding:0;
		border:none;
		z-index:25;
		}
		
	#sidebartext {
		position:absolute;
		width:145px;
		height:auto;
		top:50px;
		left:19px;
		margin:0;
		padding:0;
		border:none;
		z-index:55;
		}
		
	#maincontent {
		position:relative;
		width: 812px;
		height:auto;
		top:0;
		left:181px;
		margin:0;
		padding:0;
		border:none;
		z-index:25;
		}
		
	#imageshow {
		position:relative;
		width: 812px;
		height:245px;
		top:0;
		left:0;
		margin:0;
		padding:0;
		border:none;
		z-index:25;
		}
		
	#image1 {
		position:absolute;
		float:left;
		width: 267px;
		height:246px;
		top:220px;
		left:181px;
		margin:0;
		padding:0;
		border:none;
		z-index:50;
		}
				
	#image2 {
		position:absolute;
		float:left;
		width: 267px;
		height:246px;
		top:220px;
		left:187px;
		margin:0;
		padding:0;
		border:none;
		z-index:50;
		}
		
	#image3 {
		position:absolute;
		float:left;
		width: 267px;
		height:246px;
		top:220px;
		left:193px;
		margin:0;
		padding:0;
		border:none;
		z-index:50;
		}
		
	#textarea {
		position:relative;
		width: 812px;
		height:auto;
		min-height:246px;
		top:0;
		left:0;
		margin:35px 0 0 0;
		padding:0;
		border:none;
		z-index:25;
		}
		
	#text {
		position:relative;
		width: 756px;
		height:auto;
		min-height:246px;
		top:0;
		left:0;
		margin:0 0 10px 21px;
		padding:0;
		border:none;
		z-index:25;
		}
		
	#footerarea {
		position:relative;
		width: 993px;
		height:29px;
		left:0px;
		margin:0;
		padding:0;
		border:#FFF solid 2px;
		background-color:#7f1829;
		z-index:25;
		}
		
		
/* The next two divs could be used if client insists on a red background behind footer text on print (not recommended because images must be used, possibly reducing SEO)										  
		
	#footerarea_print_left {
		position:absolute;
		float:left;
		margin:0;
		padding:0;
		z-index:35;
		}
		
	#footerarea_print_right {
		position:absolute;
		float:left;
		margin-left: 772px;
		height:29px;
		z-index:45;
		}	*/
	
	
	#footertextarea {
		position:absolute;
		float:left;
		width: 993px;
		height:29px;
		left:0px;
		margin:3px 0 0 0;
		padding:0;
		z-index:25;
		}
		
	#banner {
		position:absolute;
		width: 369px;
		height:38px;
		top:795px;
		left:710px;
		margin:0;
		padding:0;
		z-index:45;
		}
		
/* END general layout areas */

/* START button areas */

	#but_home {
		position:absolute;
		width:73px;
		height:32px;
		left:72px;
		top:185px;
		z-index:30;
		}
		
	#but_pastproject {
		position:absolute;
		width:156px;
		height:32px;
		left:152px;
		top:185px;
		z-index:30;		
		}
		
	#but_safety {
		position:absolute;
		width:105px;
		height:32px;
		left:317px;
		top:185px;
		z-index:30;		
		}
		
	#but_industries {
		position:absolute;
		width:181px;
		height:32px;
		left:435px;
		top:185px;
		z-index:30;		
		}
		
	#but_pipe_skid {
		position:absolute;
		width:203px;
		height:32px;
		left:634px;
		top:185px;
		z-index:30;		
		}
		
	#but_contact {
		position:absolute;
		width:111px;
		height:32px;
		left:847px;
		top:185px;
		z-index:30;		
		}
		

/* END button areas */


/* START text styles areas */

	p {
		margin:0;
		padding:0;
		}
		
	h1 {
		font-size:22px;
		margin:0 0 10px 0;
		padding:0;
		color:#7f1829;
	}
	
	h2 {
		font-size:15px;
		margin:0;
		padding:0;
		color:#2f2f2f;
	}
		
	.bodytext {
		font-size:15px;
		line-height:22px;
		color:#2f2f2f;
	}
		
	.sidetext {
		font-size:12px;
		font-weight:bold;
		color:#2f2f2f;
	}	
		
	.sidetext a {
		font-size:12px;
		color:#7f1829;
		text-decoration:none;
		}	
		
	.sidetext a:hover {
		font-size:12px;
		color:#7f1829;
		text-decoration:underline;
		}
		
	.footertext {
		font-size:13px;
		padding-left:110px;
		padding-top:5px;
		color:#ffffff;
		}	
		
	.footertext a {
		font-size:13px;
		color:#ffffff;
		text-decoration:none;
		}	
		
	.footertext a:hover {
		font-size:13px;
		color:#ffffff;
		text-decoration:underline;
		}
		
	.formtext {
		font-size:15px;
		line-height:22px;
		color:#2f2f2f;
	}
		
	.tabletext {
		font-size:14px;
		line-height:17px;
		color:#2f2f2f;
	}
		
		
/* END text styles areas */