/*

		 KLW - Manufactoring
		 http://www.penway.com
		 
		 Orange : #f58426
		 Blue : #0d2d67
		 Dark Gray : #414e52
		 Background Gray : #28828
		 
*/

@import url(reset.css);


*				{ margin: 0; padding: 0; }

body			{ font-family: Arial, Helvetica, sans-serif; 
				background: #282828;
				background-repeat:repeat-x;
				background-image:url(../images/background.jpg)}

.wrap		    { max-width: 960px; 
				min-width: 560px; 
				margin: 0 auto; 
				position: relative; 
				}
.clear			{clear: both;}
.clear_container {clear: both;}



/* Header */

.header             { max-width: 960px;
					height: 70px;
                   	margin: 10px auto 260px; }

.header_content{
					height: 70px;
					margin: 0 auto;
					}
.logo{
					margin-top: -10px;
					float: left;
					}

.main_menu{
					float: right;
					margin: 10px 0 0 0;
					}

.main_menu li{
					float: left;
					margin: 0 20px 0 20px;
					}
.banner {
	margin-top: -25px;
	float: right;
	}

/* Content */

.content{
		 height: auto;
		 margin: 15px auto;
		 }
 
.content_left{
		width: 290px;
		float: left;
		padding: 10px 10px 20px 10px;
		border-right: 1px dotted #CCCCCC;
		}
 
.content_middle{
		width: 290px;
		float: left;
		padding: 10px 10px 20px 10px;
		border-right: 1px dotted #CCCCCC;
		}
 
.content_right{
		width: 290px;
		float: left;
		padding: 10px 10px 20px 10px;
		}
		
.content_centered{
		width: 300px;
		margin: 0 auto;
		padding: 10px 10px 20px 10px;
		}
 
		
.column_topper img{
	background-color:#666666;
	padding: 5px;
	margin: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	}

.service_1{
	margin: 0px auto 10px;
	width: 750px;
	padding: 10px;
	}
.service_1 img{
	float:left;
	background-color:#666666;
	padding: 5px;
	margin: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	}
.service_1 p{
	float: left;
	margin: 10px 20px;
	line-height: 18px;
	font-size:14px;
	}
.service_2{
	margin: 0px auto 10px;
	width: 750px;
	padding: 10px;
	}
.service_2 img{
	float:right;
	background-color:#666666;
	padding: 5px;
	margin: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	}
.service_2 p{
	float: right;
	margin: 10px 20px;
	line-height: 18px;
	text-align:right;
	font-size:14px;
	}
.service_3{
	margin: 0px auto 10px;
	width: 640px;
	padding: 10px;
	}
.service_3 img{
	float:right;
	background-color:#666666;
	padding: 5px;
	margin: 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #CCCCCC;
	}
.service_3 li{
	margin: 0 0 15px 30px;
	font-size: 18px;
	color: #FFFFFF;
	list-style:square;
	}

/* Footer */              
					  
.footer { max-width: 800px; min-width: 560px;
          margin: 30px auto 15px;
		  border-top-style:dotted;
		  border-top-color:#CCCCCC;
		  border-top-width:1px;
		  }
.footer img{
		margin: -30px 385px 0;
		}
 
.footer_content{
		margin: 0 auto;
		padding: 10px 30px;
		}
		
.footer_content table img{ margin: 5px;}
 
.footer_left{
		width: 360px;
		margin-right: 10px;
		float: left;
		}
		
.footer_right{
		float: right;
		width: 300px;
		}


/* Extras */
.feature{
	float:left;
	margin: 10px 10px}
		
.contact_box{
	width: 710px;
	margin: 20px auto;
		}
		
.contact_box td{
	width: 350px;
	padding-bottom: 10px;
	font-size:14px;
	color:#CCCCCC;
	}
.contact_box input{
	width: 300px;
	}
.contact_box textarea{
	width: 660px;
	min-height: 150px;
	}
	
.contact_box .submit {
	width: 100px;
	height: 30px;
	margin: 10px 25px;
	background-color:#999999;
	}

/* Typo */

@font-face {
	font-family: 'CicleSemiItalic';
	src: url('Cicle_Semi_Italic.eot');
	src: local('Cicle'), local('CicleSemiItalic'), url('Cicle_Semi_Italic.woff') format('woff'), url('Cicle_Semi_Italic.ttf') format('truetype'), url('Cicle_Semi_Italic.svg#CicleSemiItalic') format('svg');
}

a {
 	color: #BDE7FC;
	text-decoration: none;
 }
a:hover {
 	color : #00a7f3;
 }
 p{ 
 font-size: 14px;
 line-height: 18px;
 color: #CCCCCC;
 } 


<!-- Headings --!>
h1{
	font-size: 24px;
	margin-bottom: 7px;
	color: #f58426;
 }
h1.sections {font: 40px/48px 'CicleGordita', Arial, sans-serif;letter-spacing: 0;
	color: #f58426;
	float: left;
	text-shadow: 1px 1px 1px #000;
	}
h1.lists {font: 32px/40px 'CicleGordita', Arial, sans-serif;letter-spacing: 0;
	color: #f58426;
	float: left;
	text-shadow: 1px 1px 1px #000;
	}

h2{
 margin-bottom: 4px;
  font-size: 23px;
   color: #f58426;
 }
 
h3{
 	margin: 7px 0 5px 0;
  	font-size: 18px;
	color: #f58426
 	}
	
h4{
 	margin: 3px 0 5px 0;
  	font-size: 16px;
	color: #BDE7FC;
 	}
h5{
 	margin: 3px 0 5px 0;
  	font-size: 16px;
	color: #BDE7FC;
 	}
h6{
	margin: 10px;
	font-size: 16px;
	color: #CCCCCC;
	line-height: 24px;
	}
 
 
<!-- Main Navigation --!>
.main_menu {font: 20px/28px 'CicleGordita', Arial, sans-serif;letter-spacing: 0;}
	
.main_menu li a{color: #414e52;}
 
.main_menu li a:hover{
	color: #ccc;
 }
 
/* Gallery */
.gallery {
	width: 500px;
	margin: 10px auto;
	padding: 5px;
	}
.gallery th{text-align: center;}
.gallery img{
	background-color: #666666;
	margin: 5px;
	width: 50px;
	height: 50px;
    padding: 4px;
    border: 1px dotted #ccc;
}
 
 
 <!-- Footer --!>
.footer p, {
 font-size: 10px;
  color: #ccc;
 }
.footer a{
color: #f58426;
 } 
.footer a:hover{
 color: #0e6689;
 }
 .footer table{ color:#ffffff;}
 .footer td a {color: #BDE7FC; font-size:12px;}
 .copyright {margin-top:10px;}