/*
Theme Name: KWJ Engineering
Theme URI: http://www.kwjengineering.com
*/
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #FFF url(_images/bg.jpg) 0 0 repeat-x;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: Arial;
    font-size: 12px;
    color: #000;
    line-height: 18px;
}
p, h1, h2, h3, h4, #content ul, #content ol, #content table, .intro ul {
	margin-bottom: 15px;
	font-weight: normal;
}
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #193360;
    text-decoration: underline;
}
a:hover, a:active {
    color: #5d7aad;
    text-decoration: underline;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

/* ----------------------------------- */
/* CONTAINER
/* ----------------------------------- */
.container {	
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top {
	height: 109px;
	overflow: hidden;
	background: transparent url(_images/top.jpg) 0 0 no-repeat;
}

	#search {
		float: right;
		margin-top: 80px;
	}
		#search input.input {
			width: 140px;
			border: 1px solid #b4c4de;
			color: #666;
		}
		#search input.submit {
			border: none;
			background: #1d52a0;
			color: #FFF;
			font-size: 11px;
			text-transform: uppercase;
			padding: 2px 4px;
		}

	#top .menu {
		margin: 80px 0 0 68px;
	}
		#top .menu li {
			display: inline;
			font-size: 13px;
			margin-right: 24px;
		}
		#top .menu a {
			text-decoration: none;
		}

/* ----------------------------------- */
/* HOME
/* ----------------------------------- */
#banner {
	background: #22519e url(_images/bg-banner.jpg) 0 0 repeat-x;
	border-bottom: 7px solid #19408c;
	margin-bottom: 30px; 
}
	#banner .container {
		background: transparent url(_images/banner-lines.jpg) 0 0 repeat-y;
	}
	#banner-inside {
		background: transparent url(_images/banner.jpg) 0 0 no-repeat;
		padding-top: 35px;
	}
	#banner a:link, #banner a:visited {
		color: #d1deee;
	}
	#banner a:hover, #banner a:active {
		color: #FFF;
	}
	#banner p, #banner li, #banner h1, #banner h2 {
		color: #FFF;
	}

	#intro-1, #intro-2, #intro-3, #intro-4, #intro-5, #intro-6 { float: left; display: inline; }

	#intro-1 h1, #intro-2 h1, #intro-3 h1 { height: 18px; text-indent: -3000px; margin-bottom: 30px; }
	#intro-1 p, #intro-2 p, #intro-3 p { color: #d1deee; }

	#intro-1 {
		width: 239px;
	}
		#intro-1 h1 { background: transparent url(_images/header/intro-1.gif) 0 0 no-repeat; }

	#intro-2 {
		margin-left: 37px;
		width: 341px;
	}
		#intro-2 h1 { background: transparent url(_images/header/intro-2.gif) 0 0 no-repeat; }
		#intro-2 li {
			font-size: 14px;
			list-style: none;
			background: transparent url(_images/bullet-white.gif) 0 4px no-repeat;
			padding-left: 10px;
			margin: 0 188px 10px 0;
		}
		#intro-2 li a { text-decoration: none; }

	#intro-3 {
		margin-left: 43px;
		width: 240px;
	}
		#intro-3 h1 { background: transparent url(_images/header/intro-3.gif) 0 0 no-repeat; }
		#intro-3 h2 { 
			margin-bottom: 5px; 
			font-size: 14px;
		}

	/* Bottom */
	#intro-4 h1, #intro-5 h1, #intro-6 h1 { height: 23px; text-indent: -3000px; margin-bottom: 20px; }

	#intro-4 {
		width: 339px;
	}
		#intro-4 h1 { background: transparent url(_images/header/intro-4.gif) 0 0 no-repeat; }
		#intro-4 li {
			padding-bottom: 3px;
			margin-bottom: 3px;
			background: transparent url(_images/dot.gif) left bottom repeat-x;
			font-size: 10px;
			color: #22519e;
			list-style: none;
		}
			#intro-4 li a {
				font-size: 14px;
				display: block;
			}

	#intro-5 {
		margin-left: 45px;
		width: 233px;
	}
		#intro-5 h1 { background: transparent url(_images/header/intro-5.gif) 0 0 no-repeat; }

	#intro-6 {
		margin-left: 65px;
		width: 218px;
	}
		#intro-6 h1 { background: transparent url(_images/header/intro-6.gif) 0 0 no-repeat; }
		#intro-6 li {
			font-size: 14px;
			list-style: none;
			margin-bottom: 7px;
		}
	
/* ----------------------------------- */
/* SUB PAGES
/* ----------------------------------- */
#header {
	background: #22519e url(_images/bg-banner.jpg) 0 0 repeat-x;
	border-bottom: 7px solid #19408c;
}
	#header .container {
		background: transparent url(_images/header.jpg) 414px 0 no-repeat;
		padding-top: 8px;
		height: 63px;
	}
		#breadcrumb, #breadcrumb a {
			color: #97b0d0;
			font-size: 11px;
			margin-bottom: 12px;
		}
	#header h1 {
		font-size: 28px;
		font-weight: normal;
		color: #FFF;
	}

#main {
	background: transparent url(_images/main.gif) 249px 0 no-repeat;
	padding-top: 30px;
}

#content {
	width: 650px;
	float: left;
}
	#content.wide {
		float: none;
		width: 900px;
	}
	#content h2 {
		font-size: 18px;
		font-weight: normal;
		color: #193361;
	}
	#content h3 {
		font-size: 14px;
		font-weight: normal;
		color: #1d52a0;
	}
	#content li, #content blockquote {
		margin-left: 25px;
	}
	
	.page-intro, .products-intro {
		background: transparent url(_images/dot.gif) 0 0 repeat-x;
		padding-top: 10px;
	}
		.page-intro h3, .page-intro p {
			margin-left: 165px;
		}
		.page-intro img.thumb {
			border: 1px solid #b4c4de;
			padding: 3px;
			float: left;
			margin-bottom: 10px;
			display: inline;
			width: 140px;
		}
		
		.page-intro span, span.product-option {
			border: 1px solid #b4c4de;
			padding: 1px 5px;
			font-size: 10px;
			text-transform: uppercase;
			color: #7390be;
			float: right;
			display: inline;
			margin-left: 7px;
		}
		span.product-option { float: none; margin: 0; }
		span.product-option a { color: #7390be; }
		
	p.tags, p.tags a:link, p.tags a:visited {
		color: #979797;
		font-size: 11px;
		line-height: 14px;
	}
	p.tags a:hover, p.tags a:active {
		color: #333;
	}
	
	#details-menu {
		border-bottom: 1px solid #19408c;
		width: 100%;
		padding-bottom: 5px;
		margin-top: 35px;
	}
		#details-menu li {
			display: inline;
			list-style: none;
			font-size: 13px;
			font-weight: bold;
			margin: 0 5px 0 0;
		}
		#details-menu li a:link, #details-menu li a:visited {
			text-decoration: none;
			padding: 7px 10px;
			background: #EFEFEF;
		}
		#details-menu li a:hover, #details-menu li a:active {
			color: #FFF;
			background: #19408c;
		}
		#details-menu li.selected a {
			background: #19408c;
				color: #FFF;
		}
	
	#product-photo {
		float: right;
		margin: 0 0 10px 15px;
		font-size: 11px;
		text-align: center;
	}
		#product-photo img {
			width: 170px;
		}
	
	.news-intro h2 {
		margin-bottom: 3px;
	}
	#content .news-intro p.date {
		font-size: 10px;
		color: #22519e;
		margin: 0;
	}
	
	#content small {
		font-size: 11px;
		line-height: 14px;
	}
			

#side {
	width: 200px;
	float: right;
}
	#sub-menu {
		border: 1px solid #b4c4de;
		margin-bottom: 40px;
	}
		#sub-menu li {
			list-style: none;
			background: transparent url(_images/dot.gif) left bottom repeat-x;
		}
		#sub-menu li a:link, #sub-menu li a:visited {
			padding: 5px 15px;
			text-decoration: none;
			display: block;
		}
		#sub-menu li a:hover, #sub-menu li a:active {
			background: #d5deec;
		}
		
		#sub-menu li ul { padding-bottom: 5px; }
		#sub-menu li.current_page_item ul, #sub-menu li.current_page_parent ul, #sub-menu li.current_page_item, #sub-menu li.current_page_parent { display: block; background: #eef2f7; }
		#sub-menu li.current_page_item { font-weight: bold; }
		#sub-menu li.current_page_item li { font-weight: normal; }
		
		#sub-menu li li {
			font-size: 11px;
			line-height: 13px;
			margin-left: 10px;
			padding-left: 8px;
			background: transparent url(_images/bullet-blue.gif) 15px 5px no-repeat;
		}	
			#sub-menu li li a {
				padding: 2px 15px !important;
			}
			#sub-menu li li a:hover, #sub-menu li li a:active {
				background: none;
				text-decoration: underline;
			}
		#sub-menu li li li {
			background: none;
		}
	
	#side h2 {
		font-size: 14px;
	}
	
	#side .wp-tag-cloud li {
		list-style: none;
		padding-bottom: 3px;
		margin-bottom: 3px;
		background: transparent url(_images/dot.gif) left bottom repeat-x;
	}
		.wp-tag-cloud a {
			font-size: 12px !important;
		}
	
	#latest-news li {
		list-style: none;
		padding-bottom: 4px;
		margin-bottom: 4px;
		border-bottom: 1px solid #eaeaea;
	}
	
/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer {
	border-top: 1px solid #eaeaea;
	padding-top: 7px;
	margin-top: 25px;
	clear: both;
}
	#footer p, #footer a:link, #footer a:visited {
		color: #979797;
	}
	#footer a:hover, #footer a:active {
		color: #333;
	}
	#footer li {
		list-style: none;
		display: inline;
		margin-right: 7px;
	}