@charset "utf-8";

@import url("reset-fonts.css");

/* CSS Document */

html { background: #0D0D0D url(../images/tile.png) }

 

body { background: url(../images/footer.png) repeat-x bottom }

 

#wrap {

	margin: 0 auto;

	background: url(../images/hd-bg.png) repeat-x; }

 

#hd {

	width: 913px;

	margin: 0 auto;

	padding-top:1px;}

	

 

	#logo {

		text-indent: -99999px;

		overflow: hidden;

		height: 163px;

		background: url(../images/banner.jpg); }

 

		#logo a {

			display: block;

			height: 163px;

			width: 913px; }



#bd {

	min-height: 500px;

	height: auto !important;

	height: 500px; }

 

#ft {

	background: url(../images/ft-bg.gif) no-repeat;

	height: 110px;

	width: 976px;

	padding-bottom: 14px;

	margin: 0 auto;

	position: relative; }

 

#menu {

	height: 35px;

	background-color:#53829C; }



	#menu ul {

		width: 441px;

		border-right: 1px solid #fff;

		height: 35px;

		display: block;

		float: left;

		padding-left: 15px; }

	

		#menu ul li {

			display: inline;

			float: left; }

		 

			#menu ul li a {

				font-size: 11px;

				color: #fff;

				text-decoration: none;

				line-height: 35px;

				margin-right: 35px; }

		 		

				#menu ul li a#last-item{

					margin-right:0;

				}

				#menu ul li a:hover { text-decoration: underline; }

	 

.contact {

	height: 35px;

	line-height: 35px;

	text-decoration: none;

	color: #fff;

	text-align: right;

	font-weight: 700;
	
	display:inline;

	margin-left: 30px; }

 

	.contact:hover { text-decoration: underline; }

 

#copy {

	font-size: 11px;

	font-weight: 700;

	color: #afb5bb;

	position: absolute;

	bottom: 45px;

	left: 10px;

}

 

.container {

	width: 913px;

	margin: 0 auto;

	position:relative; }

	

	.home { background:url(../images/bg-image.jpg) no-repeat; height:472px; width:913px; }
	
	.home-new { background:url(../images/bg-image3.jpg) no-repeat; height:472px; width:913px; }



#catalog-link {

	display:block;

	position:absolute;

	height:77px;

	width:265px;

	top:45px;

	right:0;

	text-indent:-99999px;

	overflow:hidden;

}

#catalog-link2 {

	display:block;

	position:absolute;

	height:77px;

	width:265px;

	top:183px;

	right:0;

	text-indent:-99999px;

	overflow:hidden;

}

#yellowasp {

	position:absolute;

	left:223px;

	top:62px;

}

#yellowasp span {

	background: transparent url(../images/Yellowasp_Logo.gif) no-repeat 0 0;

	display: block;

	height: 22px;

	text-indent: -9999px;

	width: 154px;

}

#yellowasp span a {

	display: block;

	height: 100%;

	outline: none;

	width: 100%

}

#container2{

	background:#fff;

	margin:0 auto;

	width:873px;

	padding:20px;

}

.pink_container_container{

	float:left; width:100%; background:#bc8da7; position:relative; height:25px; margin:20px 0;

}



.top_contact_container{

	background:#fff; border:1px solid #000; width:230px; padding:2px 0; position:absolute; text-align:center; top:-15px; left:320px;

}



.contact_container{

/*	background:#ccc;*/

	float:left;

	font-size:11px;

	height:115px;

	width:154px;

	margin:0 25px 20px 0;

	text-align:center;

}

	.contact_container h3{

		font-weight:bold;

		font-size:14px;

		text-transform:uppercase;

		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	}

	

	.contact_container .contact_place{

		font-style:italic

	}	

	.contact_container a, .content_container3 a{

		color:#53829c;

	}

	

	.contact_container a:hover, .content_container3 a:hover{

		text-decoration:none;

	}

.contact_container2{

	float:left; width:423px; margin:0 25px 0 0;

	text-align:center; font-size:11px;

}

.contact_container2 h3{

	font-weight:bold;

	font-size:14px;	

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}



.content_container3{

	float:left; width:100%; text-align:center;

	font-size:10px; margin:20px 0 0 0;

}

.content_container3 h3{

	font-weight:bold;

	font-size:11px;	

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}



.columntitle{

	font-style:italic;

	margin-bottom:5px;

}

.contact_fix{

	margin:0 0 0 0;

}




/*CONTACT FORM*/

.contact_title{

	position: relative;
	
	float: left;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	width: 660px; 
	
	height: 500px;
	
	border-right: 1px #CCCCCC;
	
	border-right-style: solid;
	
}

		.contact_title .title{
			
			font-weight: normal;
			
			font-size: 20px;
			
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			
			padding-bottom: 25px;
		
		}
	
		.contact_title h3{
			
			font-weight:bold;
			
			font-size: 14px;
			
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			
		}
	
		.contact_title .par{
			
			font-weight: normal;
			
			font-size: 11px;
			
			line-height: 20px;
			
			padding-bottom: 10px;
			
		}
		
		.contact_title .asterisk{
		
			color: #0099FF;
			
			font-weight: normal;
		
		}

.contact_field{

	width: 270px;
	
	height: 45px;
	
	font-size: 12px;
	
	font-weight: bold;
	
	margin-top: 10px;
	
	position: relative

}

.contact_field_right{

	width: 270px;
	
	height: 210px;
	
	font-size: 12px;
	
	font-weight: bold;
	
	margin-top: 10px;
	
	position: relative;

}

.field_style{

	width: 260px;
	
	top: 5px;
	
	position: relative;

}

.field_style2{

	width: 260px;
	
	top: 5px;
	
	position: relative;
	
	height: 180px;

}

#left{

	position: relative;
	
	float: left;
	
	left: 20px;
	
	top: 10px;
	
}

#right{

	position: relative;
	
	float: right;
	
	left:-50px;
	
	top: 10px;
	
}

.submit_field{

	clear: both;

	position: relative;
	
	top: 10px !important;
	
	float: right;
	
	right: 55px;
	
	font-size: 12px;
	
}

		.submit_field .required{
		
			font-size: 11px;
			
		}
		
		
		#submit_btn{
		
			width: 76px;
			
			height: 21px;
			
			background: url(../images/btn_bg.gif) repeat-x;
			
			color: #FFFFFF;
			
	
			text-align: center;
			
			padding-top: 5px;
		
		}
	


#contact_info{

	width: 190px;
	
	float: right;
	
	position: relative;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

		#contact_info h3{
		
			font-weight: bold;	
			
			margin-top: 55px;
			
			margin-bottom: 20px;
			
		}
	
		#contact_info p{
		
			margin-top:10px;
			
			font-size: 11px;	
			
		}
	
		#contact_info a{
		
			text-decoration: underline;
			
			color: #0099FF;
			
		}
	
		.contact_info .title{
		
			font-size: 12px;
			
		}