/* @override http://squid3.com/wp-content/themes/squid/css/style.css */
/* DigiSquid CSS Library Version 4.0 (12/19/09) */
/* CustomWelding-Fab.com

/* Framework */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. */
	color: #000000;
	background: #d0e4f6 url('bkg.png') repeat-x 0 top;
}

.design #container {
	width: 970px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
}
.design #masthead {
	height: 215px;
	background-image: url('newlogo.png');
}

.design #content {
	background: url('content.png') no-repeat 0 bottom;
	min-height: 300px;
	padding-left: 50px;
	padding-right: 180px;
}

.design #contentbkg {
	background: url('content_bkg.png') repeat-y 0 bottom;
}

.design #footer {
	height: 190px;
	background: url('footer.png') no-repeat 0 bottom;
}

.design #sidebar {
	float: right;
	width: 169px;
	background-color: silver;
}

.design #animation {
	width: 350px;
	height: 275px;
	padding-right: 20px;
	float: left;
}

.column {
	width: 150px;
	background: silver;
	vertical-align: top;
	display: inline-block;
	padding: 15px;
	margin-right: 25px;
}

.column ul {
	padding: 0;
}

.column li {
	display: block;		
}

hr {
color: gray;
background-color: gray;
height: 1px;
border: 0;
}


/* End Framework */


/* Text Styling */

h1 {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: left;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 20px;
	color: #3f769a;
}

h2 {
	border-bottom-color: #3f769a;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: left;
	margin: 0;
	color: #3f769a;
	padding-top: 10px;
	padding-bottom: 10px;
}

h3 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: left;
	margin: 0;
	color: #3f769a;
	padding-top: 20px;
	padding-bottom: 10px;
}

p {
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 10px;
}

.design #sidebar p {
	
}

.design #footer p {
	text-align: left;
	padding-top: 100px;
	padding-left: 225px;
	color: #fffeff;
}

strong {
	font-weight: bold;
}

ul {
	font-size: 12px;
	line-height: 20px;
	padding-top: 0;
	padding-bottom: 10px;
}

li {
	padding-bottom: 10px;
}

/* End Text Styling */

/* P Links */

p a:link {
	color: #0096ff;
	text-decoration: none;
}

p a:visited {
	color: #0096ff;
	text-decoration: none;
}

p a:hover {
	color: #fa921f;
	text-decoration: none;
}

p a:active {
	color: #fa921f;
	text-decoration: none;
}

/* end P Links */

/* Media */
.photoright {
	padding-left: 25px;
	float: right;
}

.photoleft {
	padding-right: 25px;
	float: left;
}

.photogallery ul { 
	list-style:none; /* No bullets */ 
	overflow:hidden;
	margin-left: 40px;
} 

.photogallery li { 
	float:left; /* Horizontal list */
	width:300px; /* Room for images and text */ 
	padding:25px; /* Gap between */ 
} 

.photogallery li div { 
	text-align:center; /* Center description */ 
} 

.photogallery li img { 
	display:block; 
	margin:0 auto; /* Cener block image */ 
	width:300px; /* All images the same size */
	border: 1px solid gray; /* border  */
}

.design #photolist {
	border-width: 1px;
	border-style: none;
	vertical-align: top;	
	padding: 20px 20px 10px;
}

.design #photolist ul {
	padding-left: 0px;
}

.design #photolist li {
	display: inline-block;
	text-align: center;
	padding-left: 25px;
}

.design #photolist a {
	text-decoration: none;
	color: #874400;
}

.design #photolist img {
	border: 1px solid #ceac45;
	margin-bottom: 10px;
}

/* End Media */

.nav {width: 870px; text-align: center; vertical-align:middle; background-color: #ebebeb;}
.nav ul { list-style: none; padding: 0px; margin: 0px; font-size:large; }
.nav ul li { display: inline-block; }
.nav ul li a { display: block; text-decoration: none; color: #000; transition: 0.4s ease background; padding: 15px 20px; border-radius: 2px; margin: 5px 20px 0; }
.nav ul li a:hover { background-color: #3f769a; color: #ffffff;}
	
@media all and (min-width:640px){

	.nav { float: center; padding: 0; }
	.nav ul li a { padding: 10px 32px; }

}