/*
Theme Name: Pumps and Process Equipment
Description: custom theme for Pumps and Process Equipment
Author: FLDtrace
Author URI: http://www.fldtrace.com
*/

@import url(css/wp.css);

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*GENERAL STYLE*/

html,body {
	height:100%; 
}

/*----------------LAYOUT STYLE----------------*/
body {text-align:center; font-family: Arial, Helvetica, sans-serif; background:#d5d7be url(i/body-bg.png) repeat-x 0 0; color: #121213; font-size:62.5%} /*em size for font is the same as in px */

#wrapper {
position: relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:990px;
height:auto !important; /* real browsers */
height:100%;
padding: 0;
text-align:left;
}
	#wrapper_inside {position:relative; width: 960px; margin:0 auto; background: #fff; -moz-box-shadow: 0px 0px 10px 3px #505c70; -webkit-box-shadow: 0px 0px 10px 3px #505c70; box-shadow: 0px 0px 10px 3px #505c70;}
		#header {float:left; width: 960px; padding: 20px  0 0;}
			#logo {float:left; width: 300px; }
				#header_right {float: left; width: 660px; margin: 20px 0 0}
					#search_holder {float: right; width: 340px; height: 39px; margin: 0 10px 0 0}
						input.s {float:left; width: 228px; height: 37px; background:url(i/search-input-bg.png) repeat-x 0 0; border: 1px solid #c2c2b5; color: #5c5c58; font-style: italic}
						#searchsubmit { float: left; width: 100px; height: 39px; background:url(i/search-submit.png) no-repeat; vertical-align:middle; margin-left: 10px}
						.search_wrapper {margin: 0 0 40px}
					#nav {float: right; width: 610px; height:44px ; margin: 42px 0 0; background:url(i/nav-bg.png) no-repeat 0 0}
		#featured_home {float: left; width: 960px; height:279px; background:url(http://www.pumpsandprocess.com/wordpress/wp-content/uploads/2011/08/top-ppe.jpg) no-repeat; margin: 20px 0 0}
			#featured_left {float: left; width: 540px; display:inline; margin: 35px 0 0 50px}
			#featured_right {float: right; width: 332px; margin: 24px 20px 0 18px}
				#slide {border: 5px solid #f5f5ee; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
		#container {float: left; width: 940px; padding: 20px 10px 0}
			#home_left_area {float: left; width: 580px;}
				.enhanced_box {float: left; width: 194px; border: 0px solid #c2c2b5; padding: 20px 40px 10px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
					#serv_box {margin: 0 0 0 20px; }
					#prod_box {}
				#text_area {float: left; width: 560px; margin: 30px 0 0; padding: 20px 10px; repeat-x; border-top: 0px solid #c2c2b5}
			#home_right_area {float: left; width: 274px; background:#dadbc0; border: 3px solid #c2c2b5; margin: 0 0 0 20px; padding: 20px 20px 20px 40px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
			#footer {float: left; width: 940px; padding: 20px 0 30px; margin: 70px 0 0; border-top: 3px solid #c5ca73}
				#contact_footer {float:left; width: 370px; margin: 0 0 0 10px}
					#contact_footer ul {padding: 0 0 10px}
						#contact_footer ul li {padding: 0 0 3px}
						.footer_address {float: right; width: 274px; margin: 0 0 0 10px}
						.footer_logo {float:left; width: 86px}
							.footer_logo img {width: 86px}
						.footer_contact {float: left; width: 274px; margin: 0 0 0 96px}
					#links_footer {float:right; margin: 0 15px 0; width: 520px}
					#meta_footer {float: right; width: 320px; margin: 40px 15px 0}
	/*subpages*/
	#sidebar {float: left; width: 280px;}
		#sidebar_nav {background: #f0f0e6; padding: 10px 10px; -moz-box-shadow: 5px 5px 5px #d7d8c3; -webkit-box-shadow: 5px 5px 5px #d7d8c3; box-shadow: 5px 5px 5px #d7d8c3; filter: progid:DXImageTransform.Microsoft.Shadow(color=#d7d8c3,direction=135);}
			#sidebar_nav ul {margin: 20px 0 0 50px}
				#sidebar_nav ul ul, #text_area_sub ul ul {margin: 5px 0 0 30px}
				#sidebar_nav ul li, #text_area_sub ul li {padding: 0 0 5px}
		#sidebar_quote {background: #a1a919; margin: 20px 0 0; padding: 20px 10px; -moz-box-shadow: 5px 5px 5px #61651d; -webkit-box-shadow: 5px 5px 5px #61651d; box-shadow: 5px 5px 5px #61651d; filter: progid:DXImageTransform.Microsoft.Shadow(color=#61651d,direction=135);}
	#text_area_sub {float: left; width: 600px; margin: 0 0 0 60px}
		#text_wrapper, .text_wrapper {margin: 0 40px 0 0}
		/*tables*/
		#text_area_sub table {width: 560px; margin: 0 0 30px }
			#text_area_sub table tr {}
			#text_area_sub table td {width: 180px; background: #f0f0e6; border: none; border-collapse:collapse; text-align:left}
			#text_area_sub table th {width: 170px; padding: 0px; background: #f0f0e6; border: none; border-collapse:collapse}
			
			/*table text*/
			#text_area_sub table h3 {color: #fff; font-weight: normal; font-size: 1.7em; text-align:center}
	
	/*blog*/
	#posts_navigation {font-size: 1.8em; margin: 40px 0 0; padding: 5px; background: #edede0}
	
	/*quote form*/
	span.req {color: #fff}
	.quote_form p {padding: 0 0 15px; color: #121213}
		.quote_form input {width: 200px; padding: 5px; margin: 3px 0 0; border: 1px solid #9ea615}			
			p.submit input {width: 70px; padding: 5px 12px; background: #01225c; color: #fff; border:none; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; cursor: pointer}
		.quote_form textarea {width: 245px; height:110px; padding: 5px; margin: 3px 0 0; border: 1px solid #9ea615}
		span.form_title, p.submit input, span.req {font-weight: bold;}
		/*home quote overwrite*/
		#quote_box span.req {color: #9ea615}
		#quote_box p.submit input {background: #a1a919}
		/*sitemap*/
		.ddsg-wrapper p {display:none}


/*text style*/
p {font-size: 1.4em; line-height: 1.4em; color: #121213; padding: 0 0 20px}
	#featured_home p {font-size: 2.4em; margin: 35px 0 0}
#container li {font-size: 1.4em; padding: 0 0 10px}
	#container li li {font-size: 1em}
h1 {font-size: 3em; }
	#text_area_sub h1 {border-bottom: 2px solid #a3aa1d; background: url(http://www.pumpsandprocess.com/wordpress/wp-content/uploads/2011/06/back-title.jpg) no-repeat; padding: 0 0 5px; font-variant:small-caps; font-style: italic}
h2 {font-size: 2.4em; }
h3 {font-size: 1.8em; }
h4 {font-size: 1.6em;}
h5 {font-size: 1.5em;}
h6 {font-size: 1.4em;}
	h1, h2, h3, h4,h5, h6 {color: #00235d; font-weight: bold; margin: 0 0 10px}

/*general links and sidebar*/
#container a, #sidebar_nav li.current_page_item li a {color: #9fa714; border-bottom: 1px dotted #9fa714; text-decoration:none}
	#container #sidebar_nav li li a {color: #9fa714; border-bottom: 1px dotted #9fa714;}
#container a:hover, #container a:focus, #container #sidebar_nav li li a:hover, #container #sidebar_nav li li a:focus, #sidebar_nav li.current a, #sidebar_nav li.current a:hover, #container #sidebar_nav li.current_page_item a, #container #sidebar_nav li.current_page_item a:hover, #container #sidebar_nav li.current_page_item a:focus, #sidebar_nav li.current_page_parent a {color:#00235d; border-bottom: 1px dotted #02225d;}
	#container a.no-border-link {border-bottom: none}

/*navigation links*/
#nav ul {padding: 13px 0 0}
	#nav li {float: right; position:relative } #nav li#last-menu {border: none; margin: 0 20px 0 0}
		#nav li a, span.delimiter {float: left; text-decoration:none; color:#fefefe; font-size: 1.6em; font-weight: bold; padding: 2px 3px;}
		#nav li a:hover, #nav li a:focus, #nav li.current a {color: #22221a}
		/*drop menu*/
		#nav li ul {position: absolute; z-index:100; display:none; top:22px; left: 0; background: #a6ad25; width: 200px; padding: 10px 0}
			#nav li li {float: none;}
				#nav li li a {float: none; display:block; font-size: 1.4em; padding: 0 5px 5px; color: #22221a}
					#nav li li a:hover, #nav li li a:focus {color: #fefefe}
					/*the magic*/
					#nav li:hover ul {display: block}
					
/*footer links*/
	#links_footer li {float: right; font-size: 1.3em; }
		#links_footer a {float: left; font-size: 1.3em; padding: 2px 5px;}
		#links_footer a:hover, #links_footer a:focus {color: #02225d}

/*faux float*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*end faux float*/