/*----------------------This first rule clears all of the browser's defaults------------------*/
/*------------It's always good to do this, because every browser has different defaults-------*/
*{
	margin:0px;
	padding:0px;
}
/*----------------------this normalizes the h1 sizes, if you want to use h tags-----------*/
/*------The reason for this is pretty much every browser renders them different sizes by default-----------*/
/*-------So if you want to use them you can later just say something like #content h4 {font-size: 150%; }--------*/
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
img {
	border: none;
}
body {
	background:#000000;
}
/*-----------------------------------------HEAD--------------------------------------*/
h1{
	margin:0px auto;
	overflow:hidden;
	width:820px;
	}
	
	h1 a{
		margin:0px auto;
		display:block;
		overflow:hidden;
		text-indent:-3000em;
		height:270px;
		width:820px;
		background:url(images/header01.jpg) no-repeat top center;
	}
		
	h2 a{
		margin:0px auto;
		display:block;
		overflow:hidden;
		text-indent:-3000em;
		height:270px;
		width:820px;
		background:url(images/header02.jpg) no-repeat top center;
	}

	h3 a{
		margin:0px auto;
		display:block;
		overflow:hidden;
		text-indent:-3000em;
		height:270px;
		width:820px;
		background:url(images/header03.jpg) no-repeat top center;
	}
	
	h4 a{
		margin:0px auto;
		display:block;
		overflow:hidden;
		text-indent:-3000em;
		height:270px;
		width:820px;
		background:url(images/header04.jpg) no-repeat top center;
	}
	
	h5 a{
		margin:0px auto;
		display:block;
		overflow:hidden;
		text-indent:-3000em;
		height:270px;
		width:820px;
		background:url(images/header05.jpg) no-repeat top center;
	}
	
	h6 a{
		margin:0px auto;
		display:block;
		overflow:hidden;
		text-indent:-3000em;
		height:270px;
		width:820px;
		background:url(images/header06.jpg) no-repeat top center;
	}


/*----------------------------------General Container Rules-----------------------------*/

#container {
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	width:820px;
	height:auto;
	background:url(images/space.jpg);
}




/*-----------------------------------------Nav--------------------------------------*/

	
#main_nav{
	margin:0px auto;
	width:820px;
	padding-left:10px;
	}


/*-----------------------------------------Content------------------------------------*/

#content{
	margin:-350px 0px 0px 170px;
	width:605px;
	height:auto;
	padding:10px 10px 10px 10px;
	border:#CCCCCC solid 1px;
	}
	
	#content a:link {
		color: #669900;
		text-decoration: none;
		font-weight:bold;
		}
		
	#content a:visited {
		color: #669900;
		text-decoration: none;
		font-weight: bold;
		}
		
	#content a:hover {
		color:#000000;
		text-decoration:underline;
		font-weight: bold;
		}
		

		
#blog{
	margin:0px 0px 0px 170px;
	width:605px;
	height:auto;
	padding:10px 10px 10px 10px;
	border:#CCCCCC solid 1px;
	line-height:20px;
	list-style:none;

	}
	
	
	#blog a:link {
		color: #669900;
		text-decoration: none;
		font-weight:bold;
		}
		
	#blog a:visited {
		color: #669900;
		text-decoration: none;
		font-weight: bold;
		}
		
	#blog a:hover {
		color:#000000;
		text-decoration:underline;
		font-weight: bold;
		}
		
	
#content_work{
	word-spacing:25px;
	line-height:60px;
	}
	

	
.title{
	font-size:12px;
	line-height:40px;
	font-style:oblique;
	font-weight:bold;
	color:#FFFFFF;
	background:#669900;
	border:#000000 solid 1px;
	padding-right:515px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	}
	
.green{
	color:#669900;
	font-weight:bold;
	}
	
.answer{
	font-style:italic;
	padding-left:20px;
	line-height:20px;
	font-size:13px;
	}

.small{
	margin-left:30px;
	text-align:center;
	font-size:13px;
	}
.large{
	font-size:20px;
	color:#669900;
	}


/*---------------------------------RSS Feed------------------------------------*/
.rss_box {
	 width: 500px;
	 background-color: #ffffff;
}

.rss_title, rss_title a {
	margin: 0px 0;
	padding: 0;
}

.rss_items {
       list-style:none;
       margin:0;
	   padding-left:5px;
}

.rss_item  {
  font-size:14px;
  margin-bottom: 1em;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {

	}

.rss_item a:hover { 

	}

.rss_date {
	font-size: xx-small;
	}
	

/*-------------------------------------Footer---------------------------------*/
#footer{
	margin:0px auto;
	background:url(http://triangleplating.com/images/footer.jpg);
	width:820px;
	height:104px;
	border-bottom:#FFFFFF solid 2px;

}

#foot_content{
	margin-left:12px;
	padding-top:30px;
	padding-left:8px;
	width:140px;
	height:auto;
	
	}
	
#foot_content2{
	margin-left:10px;
	padding-top:35px;
	padding-left:8px;
	width:140px;
	height:auto;
	color:#333333;
	font-size:9px;
	}
#foot_content2 a:link {
		color: #333333;
		text-decoration: none;
		}
		
	#foot_content2 a:visited {
		color: #333333;
		text-decoration: none;
		}
		
	#foot_content2 a:hover {
		color:#333333;
		text-decoration:underline;
		}

/*-----------------------------------------forms status and feedback-------------------------------------*/

.site_form fieldset{
		padding:20px 5px 5px 5px;
		border:none;
		border-top:1px solid #669900;
		margin-top:20px;
	}
		.site_form fieldset legend{
			font-family:arial, helvetica, sans-serif;
			font-weight:bold;
			font-size:110%;
		}
		.site_form p{
			padding:10px 0px;
			text-indent:0px;
			clear:both;
		}
		.site_form label{
			display:block;
			padding:2px 10px 5px 0;
			font-size:110%;
			float:left;
			width:130px;
			text-align:left;
			font-weight:bold;
		}
		.site_form input{
			width:275px;
		}
		.site_form input, .site_form select, .site_form textarea{
			font-family:arial, helvetica, sans-serif;
			padding:6px;
			font-size:100%;
			border:none;
			border-top:1px solid #624c37;
			border-left:1px solid #624c37;
			border-bottom:1px solid #ccc;
			border-right:1px solid #ccc;
			background-color:#FFFFFF;
		}
		.site_form select{
			width:288px;
			padding:5px;
		}
		.site_form input:focus, .site_form select:focus, .site_form textarea:focus {
			background-color:#FFFFFF;
		}
		.site_form p.form_btn_parent{
			padding-left:140px;
			border-bottom:none;
		}
		input.form_btn{
			outline:none;
			cursor:pointer;
			border:1px solid #1f1f1f;
			width:auto;
			background-color:#FAFAFA;
			color:#000;
			font-size:120%;
		}
			.form_btn:hover{
				background-color:#fff;
				text-decoration:underline;
			}
		.required{
			color:#C90000;
		}
/*-----------------------------------------forms status and feedback-------------------------------------*/
p#status{
	clear:both;
	float:none;
	font-size:80%;
	padding:6px 10px 6px 35px;
	font-weight:bold;
	margin-bottom:20px;
}
.site_form p.warning{
	background:#fff url(../images/icon_warning.gif) no-repeat 0.8%;
	border:1px solid #C90000;
	color:#C90000;
}
p.confirm {
	background:#fff url(../images/icon_confirm.gif) no-repeat 0.5%;
	border:1px solid #3d9123;
	color:#3d9123;
}
.site_form p.instructions{
	background:#FFFFFF;
	border:solid #999999 1px;
}
.site_form .feedback{
	font-size:90%;
	font-weight:bold;
	color:#C90000;
	background:#fff url(../images/icon_warning_small.gif) no-repeat 0.5%;
	padding:8px 7px 7px 22px;
}
	.site_form p.text_area_parent .feedback{
		display:block;
		float:left;
		font-size:80%;
	}