/*
                      _                                      
 _| _ _. _  _  __ |_.(_. _   _ _  _ . _  _ _ _. _  _   |_    
(_|(-_)|(_)| )    |_|| |(_  (-| )(_)|| )(-(-| || )(_)  |_)\/ 
        _/                       _/               _/      /  
 ____            _ _                 _   _       _                        
/ ___|  ___   __| (_)_   _ _ __ ___ | | | | __ _| | ___   __ _  ___ _ __  
\___ \ / _ \ / _` | | | | | '_ ` _ \| |_| |/ _` | |/ _ \ / _` |/ _ \ '_ \ 
 ___) | (_) | (_| | | |_| | | | | | |  _  | (_| | | (_) | (_| |  __/ | | |
|____/ \___/ \__,_|_|\__,_|_| |_| |_|_| |_|\__,_|_|\___/ \__, |\___|_| |_|.com
                                                         |___/           


Theme Name: Paradoxe Corporation
Theme URI: paradoxecorporation.com
Version: 1.0
Author: SodiumHalogen - William Donnell & Bryan Dease

*/	

			/* Global Layout */


body 
{
font-size: .75em;
margin: 0 0 0 22px;
text-align: center;
background: #F4F3EF /*url(../_images/bg_pg.gif) center top*/;
color: #125E3D;
font-family: Arial, Helvetica, sans-serif;
}

#folio{
	position: fixed;
	top: 250px;
	left: -5px;
	width: 45px;
	height: 181px;
	background: url(../_images/folio.gif) top left;
	z-index: 10;
}

	#folio p#number {
		margin: 150px 0 0 0;
		color: #fff;
		font: bold 1.3em helvetica, arial, sans-serif;
		}

	#folio:hover #slide{
		display: block;
	}

	#slide{
		position: absolute;
		top: 0;
		left: -500px;
		height: 181px;
		width: 481px;
		background: url(../_images/slip.gif) top left no-repeat;
		z-index: 10;
	}
	
		#slide ul{
			float: right;
			width: 330px;
			text-align: left;
			padding: 9px 15px 0 0;
		}
		
			#slide li{
				float: left;
				width: 165px;
				height: 56px;
				line-height: 16px;
				font-weight: bold;
				font-size: 14px;
				/*overflow: hidden;	*/
			}
			
			#slide li img{
				float: left;
				border: 1px solid #D0D5D9;
				margin-right: 8px;
			}
			
			#slide li a{
				color: #002B5C;
				line-height: 1em;
				margin-top: 15px;
			}
			
				#slide li a:hover {
					color: #2A92C2;
					}
		
		a#sl1{
			position: absolute;
			display: block;
			top: 21px;
			left: 40px;
			width: 58px;
			height: 25px;
			text-align: center;
			padding-top: 30px;
			line-height: 1.3em;
			font-weight: bold;
			color: #627680;
			background: url(../_images/fl1.gif) center top no-repeat;
		}
		
		a#sl2{
			position: absolute;
			display: block;
			top: 92px;
			left: 40px;
			width: 58px;
			height: 25px;
			text-align: center;
			padding-top: 30px;
			line-height: 1.3em;
			font-weight: bold;
			color: #627680;
			background: url(../_images/fl2.gif) center top no-repeat;
		}

			a#sl1:hover, a#sl2:hover {
				color: #2A92C2;
				background-position: center -71px;
				}



#wrap{
	position: relative;
	margin: auto;
	width: 950px;
	border-top: 6px solid #012C5D;
}

	#head{
		position: relative;
		height: 129px;	
		border-bottom: 1px solid #C5CDD1;
	}
	
		#logo{
			float: left;
			width: 304px;
			height: 102px;
			margin-top: 18px;
			text-indent: -9999em;
			background: url(../_images/logo.gif?cache=0) top left no-repeat;	
		}
		
		.t-tags{
			position: relative;
			float: right;
			padding: 6px 10px 0 0;
			height: 15px;	
		}
		
			.t-tags a{
				float: left;
				width: 89px;
				height: 15px;
				margin-left: 28px;
				text-indent: -9999em;	
			}
			
			.t-tags a:hover {
				background-position: left bottom;
				}
			
			.tt1{
				background: url(../_images/paradoxe-link.gif) top left;
			}
			
			.tt2{
				background: url(../_images/solar-link.gif) top left;
			}
			
			a.btn_lang_sp {
				background: url(../_images/btn_lang_esp.gif) top left;
				width: 30px;
				margin-left: 10px;
				}
			
			a.btn_lang_eng {
				background: url(../_images/btn_lang_eng.gif) top left;
				width: 30px;
				margin-left: 10px;
				}
				
				a.btn_lang_sp.active, a.btn_lang_eng.active {
					background-position: left bottom;
					}


		
		#search{
			float: right;
			clear: right;
			padding-top: 34px;
			margin-right: 4px;
			height: 46px;	
		}
		
		#search strong{
			float: right;
			font-size: 16px;
			color: #2A92C2;
			font-weight: bold;
			padding: 14px 18px 0 0;
		}
		
			#search span{
				float: right;
				height: 46px;
				width: 56px;
				position: relative;
				background: url(../_images/search-btn.gif) top right no-repeat;
			}
			
			#search span .text{
				position: absolute;
				top:-2px;
				left: -253px;
				padding: 8px 28px 0 22px;
				height: 42px;
				width: 203px;
				border: 0;
				font-size: 14px;
				font-weight: bold;
				color: #2A92C2;
				display: none;
				background: url(../_images/search-bg.gif) top left no-repeat;
			}
			
			#search span:hover .text{
				display: block;
			}

	
	#nav{
		position: relative;
		height: 40px;
		margin-bottom: 9px;	
		padding-top: 8px;
		z-index: 100;
		border-bottom: 6px solid #2A92C2;
	}
	
	#nav li{
		float: left;
		width: 158px;
		position: relative;
	}
	
	#nav li a{
		float: left;
		width: 158px;	
		color: #002B5C;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 14px;
		padding: 12px 0 3px;
		height: 28px;
		line-height: 1em;
		background: url(../_images/bg_nav_btn.gif) left top repeat-x;
	}
	
	#nav li a.active, #nav li a:hover,
	#nav li a.hover {
		background-position: left bottom ;
		color: #fff;
	}
	
/*	#nav li a:hover{
		border: 1px solid #F4F3EF;
		border-width: 0 1px;
	}

*/	
	#nav li.nav_last a {
		width: 160px;
		}
	
	
	li:hover .drop/*, li .drop*/{
		display: block;
		}
	
	.drop{
		position: absolute;
		display: none;
		left: -170px;
		top: 40px;
		color: #627680;
		width: 500px;
		padding-top: 27px;
		border-top: 6px solid #2A92C2;
		background: url(../_images/sn-top.png) top center no-repeat;	
	}
	
		.drop-in{
			text-align: left;
			position: relative;
			overflow: hidden;
			padding: 0px 12px 12px 12px;
			background: url(../_images/sn-bottom.gif) bottom left no-repeat;
		}
		
			#nav .drop-in li a{
				height: auto;
				float: none;
				display: block;
				font-size: 12px;
				text-indent: 0;
				color: #627680;
				padding: 0;	
				width: auto;
				text-transform: none;
			}
			
			#nav .drop-in li a:hover{
				background: none;
				color: #2A92C2;
			}
			
			#nav .drop-in li{
				height: auto;
				float: none;
				width: auto;
				padding: 3px 0 3px 0;
			}
			
			#nav .drop-in ul{
				padding-bottom: 5px;
			}
			
			.drop-in h4 {
				font-weight: bold;
				text-transform: uppercase;
				font-size: 1.1em;
				padding: 0px 0 10px 0;
				height: 20px;
				width: 145px;
			}
			
			.nav_col1, .nav_col2 {
				float: left;				
				}
				
				#nav .drop-in h4 a {
					color: #627680;
					height: 10px;
					width:  130px;
					}
					
				#nav .drop-in h4 a:hover {
					background: none;
					color: #2A92C2;
					}
		
			#utility-list .drop-list{
				float: left;
				width: 145px;
				margin-right: 12px;
			}
			
			#utility-list .drop_last {
				width: 120px;
				margin-right: 0;
				}
			
			#oem-list, #oem-list .drop-list{
				float: left;
				width: 291px;
			}
			
				#oem-list h3{
					height: 40px;
					position: relative;
					text-indent: -9999em;	
					background: url(../_images/oem-title.gif) top left no-repeat;
				}
			
			#utility-list{
				float: right;
				width: 175px;
			}
			
				#utility-list h3{
					height: 40px;
					position: relative;
					text-indent: -9999em;	
					background: url(../_images/util-title.gif) top left no-repeat;
				}
	
	
	
	
	
	#page{
		text-align: left;
		position: relative;
		overflow: hidden;
		padding: 10px 0 10px 0;
		background: url(../_images/bg-line.gif) top left repeat-y;
		padding-bottom: 15px; 
		margin-bottom: 15px; 
	}
	
		#sidebar{
			float: left;
			width: 232px;
			z-index: 5;
			position: relative;
		}
		
			#interest{
				position: relative;
				display: block;
				padding-right: 54px;
				margin: 4px 0 15px 0;
				font-weight: bold;
				color: #002B5C;
				font-size: 1.2em;
				background: url(../_images/interest-image.gif) right center no-repeat;
			}
			
			#sidebar h3{
				position: relative;
				font-size: 20px;
				color: #fff;
				font-weight: bold;
				text-transform: uppercase;
				background: #002B5C;
				padding: 6px 0 6px 10px;
				margin-bottom: 3px;
			}
			
			.menu li{
				position: relative;
			}
			
			.menu li a{
				color: #fff;
				height: 22px;
				display: block;
				font-size: 14px;
				font-weight: bold;
				margin-bottom: 2px;
				background: #627680 url(../_images/level1-active.gif) right top no-repeat;
				padding: 4px 14px 0 10px;
				text-transform: uppercase;
			}
				.menu li a:hover{
					background-color: #2A92C2;
					background-position: right bottom;
					}
			
			.menu li.show>a{				
				background: #627680 url(../_images/level1-inactive.gif) right center no-repeat;
			}

/* trying to fix it */ 			
			.menu li li a{
				color: #627680;
				background: none;
				text-transform: none;
				font-size: 14px;
				padding-top: 4px;
				height: 22px;
			}
			
			.menu li li a:hover {
				background-position: left bottom;
				color: #2A92C2;
				} 
			
			.menu li li.show>a{
				background: #2A92C2 url(../_images/level3-hover.gif) top right no-repeat;
				color: #fff;
				margin-right: -13px;
				text-align: right;
			}
				
				.menu li li.show>a:hover {
					color: #fff;
				}
				
			.menu li li a:hover, .menu li li a.active{
				background: #2A92C2 url(../_images/level3-hover.gif) top right no-repeat;
				text-align: right;
				color: #fff;
				margin-right: -13px;
			}
			
				
			.menu li li a.active:hover {
				text-align: right;
				}


			
/* archive here
			.menu li li a{
				background:	url(../_images/level2-inactive.gif) top right no-repeat;
				color: #627680;
				font-size: 12px;	
				padding-top: 6px;
				height: 20px;
			}
			
			.menu li li a:hover {
				background-position: left bottom;
				color: #2A92C2;
				} 
			
			.menu li li.show>a{
				background:	url(../_images/level2-active.gif) top right no-repeat;				
			}
				
				.menu li li.show>a:hover {
					color: #627680;
				}
			
			.menu li li li a{
				background: none;
				text-transform: none;
				font-size: 14px;
				padding-top: 4px;
				height: 22px;
			}
			
			.menu li li li a:hover, .menu li li li a.active{
				background: #2A92C2 url(../_images/level3-hover.gif) top right no-repeat;
				text-align: right;
				color: #fff;
				margin-right: -13px;
			}
			
			.menu li li li a:hover {
				text-align: left;
				}
				
			.menu li li li a.active:hover {
				text-align: right;
				}
			
*/		
		
		
		
		#content{
			float: right;
			width: 705px;
		}	
		
			#breadcrumb{
				height: 40px;
				position: relative;
				background: #627680;
			}
			
				#breadcrumb a{
					float: left;
					padding: 12px 14px 0 24px;
					height: 28px;
					font-size: 14px;
					font-weight: bold;
					color: #fff;
					background: #002B5C url(../_images/break1.gif) top left no-repeat;
				}
				
					#breadcrumb a:hover {
						color: #2A92C2;
						}
				
				#breadcrumb a.first-crumb{
					background: #002B5C;
				}
				
				#breadcrumb strong{
					float: left;
					padding: 12px 12px 0 24px;
					height: 28px;
					font-size: 14px;
					font-weight: bold;
					color: #fff;
					background: #2A92C2 url(../_images/break2.gif) top left no-repeat;
				}
				
				#breadcrumb strong.lt {
					background-image: none;
					}
				
				#breadcrumb span{
					float: left;
					width: 14px;
					height: 40px;
					background: url(../_images/break3.gif) top left no-repeat;
				}
				
				h2.h2_products {
					font: bold 1.5em/1.5em helvetica, arial, sans-serif;
					margin: 20px 0 5px;
					}
					
				.col_product {
					float: left;
					height: 231px;
					background: url(../_images/bg_cat.gif) center top no-repeat;
					margin-bottom: 20px;
					margin-right: 20px;
					text-align: center;
					}
					
					.col_product:hover {
						background-position: center bottom;
						}

					.col_product:hover p {
						color: #2A92C2;						
						}
											
					.col_product p {
						color: #002B5C;
						font: bold 3em helvetica, arial, sans-serif;
						margin-top: 110px;
						}

				.col_last {
					margin-right: 0px;
					clear: right;
					}

				.col_161 {
					width: 161px;
					font-size: .5em;
					text-transform: uppercase;
					}
					
				.col_221 {
					width: 221px;
					font-size: .6em;
					text-transform: uppercase;
					}
					
				.col_342{
					width: 342px;
					}
			
			
			#products{
				position: relative;
				margin-top: 10px;
				border-bottom: 1px solid #D0D5D9;
			}
			
				.product{
					padding-top: 10px;	
					position: relative;
					border-top: 1px solid #D0D5D9;
				}
				
				.active{
					background: #EAEAE7;
				}
				
					.product-info{
						position: relative;
						height: 61px;
						overflow: hidden;		
						font-size: 13px;
						font-weight: bold;
						color: #002B5C;			
					}
					
					.active .product-info{
						color: #2A92C2;
					}
					
						.product-info img{
							float: left;
							width: 49px;
							height: 49px;
							margin-left: 10px;
							border: 1px solid #D0D5D9;
							display: block;
						}
						
						.product-info a {
							width: 49px;
							height: 49px;
							float: left;
							margin-right: 20px;
							display: block;
							}
						
						.product-info h1{
							float: left;
							width: 160px;
							margin-right: 15px;
							padding-top: 8px;
						}
						
						.product-info p{
							float: left;
							width: 295px;
							padding-top: 8px;
						}
						
						.product-info a.details{
							float: right;
							margin-top: 8px;
							height: 24px;
							width: 90px;
							margin-right: 0px;
							text-indent: -9999em;
							background: url(../_images/details.gif) top left no-repeat;	
						}

							.product-info a.details:hover{
								background-position: left bottom;
								}
								
						.product-info a.add{
							float: right;
							margin-top: 8px;
							height: 24px;
							width: 32px;
							margin-right: 20px;
							text-indent: -9999em;
							background: url(../_images/details.gif) -98px top no-repeat;
							position:relative;	
							}
							
						.product-info a.subtract{
								float: right;
								margin-top: 8px;
								height: 24px;
								width: 32px;
								margin-right: 20px;
								text-indent: -9999em;
								background: url(../_images/details-minus.gif) -98px top no-repeat;
								position:relative;	
								}

							.product-info a.add:hover,.product-info a.subtract:hover{
								background-position: -98px bottom;
								}
						
						.active a.details{
							background: url(../_images/details-active.gif) top left no-repeat;	
						}
					
							.active a.details:hover{
								background-position: left bottom;
								}
								
						.active a.add{
							background: url(../_images/details-active.gif) -98px top no-repeat;	
						}
					

					
					.product-details{
						display: none;
						overflow: hidden;
					}
					
						.product-images{
							position: relative;
							width: 230px;
							float: left;
							padding-left: 10px;
						}
						
							.product-images a img{
								float: left;
							}
						
							.product-images a{
								float: left;
								margin-bottom: 8px;
								margin-right: 9px;	
								/* border: 1px solid #2A92C2; */
							}
							
						.big-image {
							clear: both;
							width: 200px;
							display: block;
						}
						
						
						.detailed-info{
							float: right;
							width: 464px;	
							overflow: hidden;
							border-top: 1px solid #C7CED2;
							padding-top: 10px;
							color: #627680;
						}
						
							.detailed-info .col{
								float: left;
								padding-left: 10px;
								width: 222px;
							}
							
							.detailed-info h2{
								font-weight: bold;
								padding-bottom: 8px;
							}
							
							.detailed-info h3{
								font-size: 14px;
								font-weight: bold;
								padding-bottom: 8px;
								}
							
							.detailed-info p{
								line-height: 1.6em;
								padding-right: 14px;
								margin-bottom: 10px;
							}
							
							.detailed-info ul{
								line-height: 1.6em;
								margin-bottom: 10px;
							}
							
							.detailed-info ul li{
								list-style: inside disc;
							}
							
							.detailed-info a {
								color: #2A92C2;
								}
								
								.detailed-info a:hover {
									text-decoration: underline;
									}
									
									
/* truflo*/

#content_main li.add_to {
	font-size: 1.5em;
	list-style-type: none;
	margin-top: 10px
	}							
	
	#content_main li.add_to a {
		background: #2A92C2;
		color: #fff;
		padding: 5px 10px;
		display: block;
		}
		
		#content_main li.add_to a:hover {
			background: #002B5C;
			}
	
	
	
	#splash{
		position: relative;
		height: 315px;
		background: #F4F3EF url(../_images/splash.gif) top left no-repeat;
	}
	
		#splash h1{
			position: absolute;
			bottom: 20px;
			left: 27px;
			height: 30px;
			width: 460px;
			text-indent: -9999em;	
			background: url(../_images/helping-title.gif) top left no-repeat;
		}
		
			#splash.sp h1{
				background: url(../_images/helping-title_sp.gif) top left no-repeat;
				}
/* slideshow */				
				#slideshow{
						position: absolute;
						width: 488px;
						height: 315px;
						z-index: 10;
						overflow: hidden;
					}
/*
					#splash{
						position: relative;
						width: 980px;
						height: 160px;
						padding: 10px;
						background: url(../_images/splash-bg.gif);
						z-index: 10;
						overflow: hidden;
					}

						#slides-nav {
						}

						#slides {
							position: relative;
							z-index: 10;
						}

						#slideshow img{
							position: relative;
							display: block;
						}

						#slideshow h1{
							position: absolute;
							z-index: 30;
							bottom: 65px;
							left: 10px;
							width: 698px;
							padding: 15px 0 20px 30px;
							background: #211915;
							background: rgba(33,25,21,.8);
							color: #fff;
							height: 35px;
							line-height: 35px;
							font-size: 36px;
							text-align: left;
							font-family: "DeliciousItalic";
						}

						div#slideshow ul#slides-nav {
							display: hidden;
							list-style: none;
							position: relative;
							z-index: 60;
							margin-top: -210px;
						}
							div#slideshow ul#slides-nav li a {
								display: block;
								width: 60px;
								height: 60px;
								text-indent: -9999px;
							}

							div#slideshow ul#slides {
								list-style: none;
							}
								div#slideshow ul#slides li {
									margin: 0 0 20px 0;
								}

/* end slideshow */
		
/*			#splash h1 a{
				float: right;
				height: 29px;
				width: 133px;
				text-indent: -9999em;	
				background: url(../_images/helping-button.gif) top left no-repeat;	
			}
				#splash.sp h1 a {
					background: url(../_images/helping-button_sp.gif) top left no-repeat;	
					}
			
			#splash h1 a:hover{
				background-position: bottom left;
			}
*/		
		#splash-content{
			float: right;
			width: 433px;
			padding: 15px 15px 0 0;	
		}
		
			.splash-box{
				overflow: hidden;
				position: relative;
				text-align: left;
				color: #fff;
			}
			
				.splash-box img{
					float: right;
					margin-left: 14px;
				}
		
			.splash-box:first-child{
				border-bottom: 1px solid #fff;
				padding-bottom: 12px;
				margin-bottom: 12px;
			}
			
			.explore-title{
				height: 20px;
				margin-top: 14px;
				margin-bottom: 21px;
				text-indent: -9999em;
				background: url(../_images/explore-title.gif) top left no-repeat;
			}
				.sp .explore-title {
					background: url(../_images/explore-title_sp.gif) top left no-repeat;
					}				

			
			.latest-title{
				height: 20px;
				margin-top: 14px;
				margin-bottom: 21px;
				text-indent: -9999em;
				background: url(../_images/latest-title.gif) top left no-repeat;
			}
				.sp .latest-title{
					background: url(../_images/latest-title_sp.gif) top left no-repeat;
					height: 41px;
					margin: 4px 0 8px;
					}
			
			.oem-link{
				display: block;
				height: 29px;
				width: 114px;
				margin-bottom: 7px;
				text-indent: -9999em;
				background: url(../_images/b_oem.gif) top left;
			}
				.oem-link:hover {
					background-position: left bottom;
					}
					 		
			.utilities-link{
				display: block;
				height: 29px;
				width: 114px;
				margin-bottom: 7px;
				text-indent: -9999em;
				background: url(../_images/b_utilities.gif) top left;
			}
				.utilities-link:hover {
					background-position: left bottom;
					}
			
			.splash-box h3{
				font-weight: bold;
				font-size: 1.1em;
			}
			
			.splash-box a.more{
				float: right;
				text-transform: uppercase;
				color: #2A92C2;
			}
			
				.splash-box a.more:hover {
					color: #fff;
					}
			
			.splash-box p{
				line-height: 1.2em;
			}


	
	
	#tri{
		position: relative;
		border-top: 10px solid #F4F3EF;	
		margin-left: -10px;
		width: 960px;
		color: #627680;
		text-align: left;
		padding-bottom: 18px;
		margin-bottom: 10px;	
		overflow: hidden;
		background: #F4F3EF;
	}
	
		#tri a{			
			font-weight: bold;
			color: #627680;
		}
		
		#tri a:hover {
			text-decoration: underline;
			}			
	
		#tri li{
			float: left;
			width: 310px;
			margin-left: 10px;	
		}
		
		#tri li img{
			display: block;
			padding-bottom: 8px;
			border-bottom: 6px solid #002B5C;
		}
		
		#tri h3{
			text-indent: -9999em;
			height: 47px;
			margin-bottom: 14px;
			border-bottom: 1px solid #C5CDD1;
		}
		
		.tri1 h3{
			background: url(../_images/tri1-title.gif) top left no-repeat;
		}
		.tri2 h3{
			background: url(../_images/tri2-title.gif) top left no-repeat;
		}
		.tri3 h3{
			background: url(../_images/tri3-title.gif) top left no-repeat;
		}
		
			.sp .tri1 h3{
				background: url(../_images/tri1-title_sp.gif) top left no-repeat;
				}
			.sp .tri2 h3{
				background: url(../_images/tri2-title_sp.gif) top left no-repeat;
				}
			.sp .tri3 h3{
				background: url(../_images/tri3-title_sp.gif) top left no-repeat;
				}
		
		#tri p{
			position: relative;
			line-height: 1.6em;	
			overflow: hidden;
		}
		
		#tri a.more{
			float: right;
			color: #627680;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		#tri a:hover{
			color: #2A92C2;
		}
		
		
		
		

/* -- content pages -- */
#content_main {
	text-align: left;
	color: #627680;
	}
	
	#content_main.no_sub {
		margin-top: 20px;
		}

.col_50 {
	float: left;
	width: 49%;
	}
	
.col_3 {
	width: 225px;
	}

.col_6 {
	width: 469px;
	margin-bottom: 15px;
	}
		
.col_9 {
	width: 714px;
	margin-bottom: 15px;
	}
	
.col_l {
	float: left;
	border-right: 1px solid #c5cdd1;
	margin-right: 10px;
	}
	
.col_r {
	float: right;
	}

/* -- typography -- */

#content_main h1 {
/*	font: bold 2em/1.5em helvetica, arial, sans-serif;
	color: #002B5C;
	text-transform: uppercase;
*/
	margin: 5px 0 0 15px;
	text-indent: -9999em;
	height: 31px;
	}

#content_main h2 {
	font: bold 1.5em/1.5em helvetica, arial, sans-serif;
	margin: 0 30px 0 15px;
	}	

#content_main h3 {
	color: #002B5C;
	font: bold 1.25em/1.5em helvetica, arial, sans-serif;
	margin: 0 30px 0 15px;
	}	
	
#content_main h4 {
	color: #555;
	font: bold 1.15em/1.5em helvetica, arial, sans-serif;
	margin: 0 30px 0 15px;
	}	

#content_main h5 {
	font: bold 1.1em/1.5em helvetica, arial, sans-serif;
	margin: 0 30px 0 15px;
	}	

	
#content_main p {
	font: normal 1.1em/1.5em helvetica, arial, sans-serif;
	margin: 0 30px 15px 15px;
	}
	
#content_main p a:hover {
	border-bottom: 1px solid #2A92C2;
	}
	
	#content_main p.h2_bold {
		font: bold 1.15em/1.5em helvetica, arial, sans-serif;
		margin: 0 30px 15px 15px;
		}	

#content_main blockquote {
	float: left;
	padding: 20px;
	width: 220px;
	}	

	#content_main blockquote p {
		font: bold 1.7em/1.5em helvetica, arial, sans-serif;
		color: #002B5C;
		margin: 0 0 0 15px;
		}

#content_main p a {
	color: #002B5C;
	}

#content_main p a:hover {
	color: #2A92C2;
	}
	
	
#content_main ul {
	font: normal 1.1em/1.5em helvetica, arial, sans-serif;
	list-style-type: disc;
	font-size: 1em;
	margin: 0 30px 1em 30px;
	}
	
	#content_main ul.ul1, #content_main ul.ul2 {
		width: 45%;
		margin: 0 20px 10px 15px;
		float: left;
		}
	
	#content_main ul.ul2 {
		margin-right: 0;
		}
	
#content_main li {
	font: normal 1em/1.5em helvetica, arial, sans-serif;
	list-style-position: outside;
	margin-left: 15px;		
	}		

	
#content_main ol {
	font: normal 1.1em/1.5em helvetica, arial, sans-serif;
	list-style-type: decimal;
	margin: 0 30px 1em 45px;
	}

#content_main dt {
	font-weight: bold;
	margin: 0 30px 0px 15px;
	}

	#content_main dd {
		margin: 0 0 5px 40px;
		}

#content_main .hr{
	border: 0;
	margin: 0 30px 0 15px;
	padding: 0;
	height: 18px;
	clear: both;
	border-top: 1px solid #c5cdd1;
	
}


/* -- Portfolio -- */	

.port #interest {
	background: none;
	height: 35px;
	}
	
.content_detail h2 {
	font-size: 1.5em;
	margin: 20px 15px;
	color: #627680;
	}
	
	.content_detail h2 a, .content_detail p a {
		color: #2A92C2;
		}
		
		.content_detail h2 a:hover, .content_detail p a:hover {
			color: #002B5C;
			}

.content_detail p {
	font-size: 1.3em;
	margin: 0px 15px;
	color: #627680;
	}
	
.port .menu li {
	background: #F4F3EF;
	height: 40px;
	padding-top: 15px;
	border-bottom: 1px solid #D0D5D9;
	}
	
	.port .menu li a.view {
		background: #F4F3EF url("../_images/fl1.gif") no-repeat right top;
		color: #607680;
		}
	
	.port .menu li a.email {
		background: #F4F3EF url("../_images/fl2.gif") no-repeat right top;
		color: #607680;
		}
		
		.port .menu li a:hover, .port .menu li a.active {
			color: #2A92C2;
			background-position: right -71px;
			}
 

/* -- Misc -- */
strong { font-weight: bold;}
em { font-style: italic; }

#content_main h1.h1 {
	text-indent: 0;
	}
	
.img_left {
	float: left;
	margin: 5px 20px 1em 15px;
	}
.img_right {
	float: right;
	margin: 5px 15px 1em 20px;
	}

.col_9 .img_left {
	margin: 5px 20px 1em 15px;
	}
	
.col_9 .img_right {
	margin: 5px 30px 1em 20px;
	}

.blue_bg {
	background: #2A92C2;
	padding: 20px 10px;
	width: 206px;
	}
	
	#content_main .blue_bg h3, #content_main .blue_bg p {
		color: #fff;
		margin-left: 10px;
		}	


	
	
/* h1s */	
#content_main h1 {
	width: 100%;
	}

	#content_main h1 span {
		text-indent: -9999em;
		}
	
#content_main h1.about_our_team {
	background: url(../_images/h1_about_our_team.gif) left top no-repeat;
	}	
	
	#content_main h1.about_our_company {
		background: url(../_images/h1_about_our_company.gif) left top no-repeat;
		}

	#content_main h1.connect_the_dots {
		background: url(../_images/h1_connect_dots.gif) left top no-repeat;
		}

#content_main h1.services {
	background: url(../_images/h1_services.gif) left top no-repeat;
	}

#content_main h1.testimonials {
	background: url(../_images/h1_testimonials.gif) left top no-repeat;
	}

#content_main.contact h1 {
	background: url(../_images/h1_contact.gif) left top no-repeat;
	}
	
	#content_main h1.px3 {
		background: url(../_images/logo_px3_power_flo.jpg) left 25px no-repeat;
		height: 88px;
		}
		
	/* spanish h1 */		
	#content_main h1.about_our_team_sp {
		background: url(../_images/h1_about_our_team_sp.gif) left top no-repeat;
		}	
		
		#content_main h1.about_our_company_sp {
			background: url(../_images/h1_about_our_company_sp.gif) left top no-repeat;
			}
	
		#content_main h1.connect_the_dots_sp {
			background: url(../_images/h1_connect_dots_sp.gif) left top no-repeat;
			}
	
	#content_main h1.services_sp {
		background: url(../_images/h1_services_sp.gif) left top no-repeat;
		}
	
	#content_main h1.testimonials_sp {
		background: url(../_images/h1_testimonials_sp.gif) left top no-repeat;
		}
	
	#content_main h1.contact_sp {
		background: url(../_images/h1_contact_sp.gif) left top no-repeat;
		}

	
	
	
	
		
/*  about */
#content_main .about p span {
	width: 45px;
	display: block;
	float: left;
	}

#content_main .about h3 {
	border-top: 1px dotted #C5CDD1;
	color: #002B5C;
	font: bold 1.25em/1.5em helvetica,arial,sans-serif;
	margin: 0 30px 0 15px;
	padding-top: 15px;
	}


/*  services */
.col_services {
	float: left;
	border-right: 1px solid #c5cdd1;
	margin-right: 10px;
	}


/* content pages */
#sub_nav {
	width: 950px;
	border-bottom: 1px solid #c5cdd1;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: left;
	}
	
	#sub_nav ul {
		}
	
	#sub_nav li {
		display: inline;
		padding: 0 10px;
		border-left: 2px solid #2A92C2; 
		}
		
		#sub_nav li.first_li {
			border: none;
			margin-left: 5px;
			}
		
	#sub_nav li a {
		color: #2A92C2;
		text-transform: uppercase;
		font-weight: bold;
		}

		#sub_nav li a:hover {
			color: #002B5C;
			}
			
		#sub_nav li a.active {
			color: #002B5C;
			background: none;
			}


#help_connect {
	display: block;
	height: 170px;
	width: 226px;
	margin-bottom: 7px;
	text-indent: -9999em;
	background: url(../_images/b_help_connect.gif) top left;
	}
	
	#help_connect_sp {
		display: block;
		height: 170px;
		width: 226px;
		margin-bottom: 7px;
		text-indent: -9999em;
		background: url(../_images/b_help_connect_sp.gif) top left;
		}
		
	#help_connect:hover, #help_connect_sp:hover {
		background-position: left bottom;
		}
		
		
		
/* testimonials */

#content_main .quote {
  	padding: 0px;
  	}

#content_main .quote p {
	background: #e8e9e6;
	margin-bottom: 0;
  	padding: 15px 25px 10px;
	}

#content_main .quote p.first {
	padding-top: 20px;
	}

#content_main .quote p.cite {
	padding: 10px 0 35px 85px;
	background: url(../_images/bg_cite.gif) left top no-repeat;
	}


		

/* contact */
.map {
	margin-left: 15px;
	margin-bottom: 20px;
	}
	
	.map iframe {
		border: 1px solid #c5cdd1;
		}
	
.map a {
	background: #2A92C2;
	color: #fff;
	padding: 5px;
	}


#content_main.contact .col_l p {
	border-bottom: 1px solid #C5CDD1;
	padding-bottom: 10px;
	}



/* form */
	
	input, textarea, file, select {
		font: normal 12px/18px helvetica, arial, sans-serif;
		border: 1px solid #BFC4C8;
		height: 12px;
		margin-bottom: 13px;
		padding: 3px 5px;
		width: 305px;
	}
	
	select {
		width: 315px;
		height: 24px;
		display: block;
		margin: 0;
		}
		
		input:hover {
			border: 1px solid #44555D;
		}
		
	textarea{
		width: 305px;
		height: 150px;
	}
	
	label{
		float: left;
		font: bold 12px helvetica, arial, sans-serif;
		text-transform: uppercase;
		margin: 3px 8px 0 15px;
		text-align: left;
		width: 90px;
		padding: 0px 10px 0 0; 
	}
	
	label.error {
		color:#990000;
		font-size:2em;
		margin-left:4px;
		position:absolute;
	}
	
	
	#submitbutton {
		width: 316px;
		height: 33px;
		background: #2A92C2;
		border: none;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 10px 0;
		margin: 0 0 10px 123px;
		}

	#submitbutton:hover {
		background: #002B5C;
		color: #fff;
		cursor: pointer;
		}
	
	#dateBox {  /* keeps the animals out */
		display:none;
	}


/* -- end contact -- */

	
	#foot-links{
		position: relative;
		font-size: 11px;
		overflow: hidden;
		font-weight: bold;		
		padding: 7px 0 15px 0;
		border-top: 6px solid #002B5C;
	}
	
		#foot-links li{
			float: left;
			padding-right: 10px;	
		}
		
		#foot-links li.last{
			float: right;
			padding-right: 0px;	
			font-weight: normal;
			color: #627680;
			}
		
			#foot-links li.last a {
				font-weight: bold;
				color: #627680;
				}


		
		#foot-links li a{
			color: #002B5C;
			text-transform: uppercase;
		}
		
		#foot-links li a:hover{
			color: #2A92C2;
		}



/* -- footer signup -- */
		#notify {
			text-align: left;
			margin-bottom: 25px;
			color: #627680;
			font: italic normal 11px/20px helvetica, arial;
			}
			
			#notify input {
				width: 150px;
				float: left;
				margin-right: 10px;
				font: normal 10px/18px helvetica, arial;
				color: #627680;
				}
				
				#notify input#signup {
					width: 65px;
					height: 20px;
					text-transform: uppercase;
					padding: 1px 0 1px;
					color: #fff;
					background: #0095C5;
					border: none;
					}
					
					#notify input#signup:hover {
						background: #002B5C;
						cursor: pointer;
						}


		/*
		------------------------------
			Impromptu's
		------------------------------
		*/
		.jqifade{
			position: absolute; 
			background-color: #aaaaaa; 
		}
		div.jqi{ 
			width: 400px; 
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
			position: absolute; 
			background-color: #ffffff; 
			font-size: 11px; 
			text-align: left; 
			border: solid 1px #eeeeee;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			padding: 7px;
		}
		div.jqi .jqicontainer{ 
			font-weight: bold; 
		}
		div.jqi .jqiclose{ 
			position: absolute;
			top: 4px; right: -2px; 
			width: 18px; 
			cursor: default; 
			color: #bbbbbb; 
			font-weight: bold; 
		}
		div.jqi .jqimessage{ 
			padding: 10px; 
			line-height: 20px; 
			color: #444444; 
		}
		div.jqi .jqibuttons{ 
			text-align: right; 
			padding: 5px 0 5px 0; 
			border: solid 1px #eeeeee; 
			background-color: #f4f4f4;
		}
		div.jqi button{ 
			padding: 3px 10px; 
			margin: 0 10px; 
			background-color: #2F6073; 
			border: solid 1px #f4f4f4; 
			color: #ffffff; 
			font-weight: bold; 
			font-size: 12px; 
		}
		div.jqi button:hover{ 
			background-color: #728A8C;
		}
		div.jqi button.jqidefaultbutton{ 
			/*background-color: #8DC05B;*/
			background-color: #2A92C2;
		}
		.jqiwarning .jqi .jqibuttons{ 
			background-color: #BF5E26;
		}

		/*
		------------------------------
			impromptu
		------------------------------
		*/
		.impromptuwarning .impromptu{ background-color: #aaaaaa; }
		.impromptufade{
			position: absolute;
			background-color: #ffffff;
		}
		div.impromptu{
		    position: absolute;
			background-color: #cccccc;
			padding: 10px; 
			width: 300px;
			text-align: left;
		}
		div.impromptu .impromptuclose{
		    float: right;
		    margin: -35px -10px 0 0;
		    cursor: pointer;
		    color: #213e80;
		}
		div.impromptu .impromptucontainer{
			background-color: #213e80;
			padding: 5px; 
			color: #ffffff;
			font-weight: bold;
		}
		div.impromptu .impromptumessage{
			background-color: #415ea0;
			padding: 10px;
		}
		div.impromptu .impromptubuttons{
			text-align: center;
			padding: 5px 0 0 0;
		}
		div.impromptu button{
			padding: 3px 10px 3px 10px;
			margin: 0 10px;
		}


/* Response Messages */

.response-msg {
	padding:6px 10px 10px 45px;
	font-size:0.9em;
	margin:0 0 10px;
	text-align: left;
	overflow:hidden;
}

.response-msg span {
	display:block;
	font-weight:bold;
	padding:0 0 4px;
}

.error {
	background:#f9e5e6 url('../_images/error.png') 10px 50% no-repeat;
	color:#b50007;
	border:#e8aaad solid 1px;
}

.notice  {
	background:#f9f9e5 url('../_images/notice.png') 10px 50% no-repeat;
	color:#828400;
	border:#e8e3aa solid 1px;
}

.inf {
	background:#e5ecf9 url('../_images/info.png') 10px 50% no-repeat;
	color:#0055b5;
	border:#aac6e8 solid 1px;
}

.success {
	background:#e9f9e5 url('../_images/success.png') 10px 50% no-repeat;
	color:#1c8400;
	border:#b4e8aa solid 1px;
}