/*---------DON'T DELETE THIS! CLEARFIX! ---------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */
	
textarea{
	resize:none;
	}
	
/*-----------END CLEARFIX----------*/




/*-------------CONTAINER-----------*/
body{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	line-height:16px; 
	text-align:center; 
	padding:0;
	margin:0;
	background:url(../media/img/bg.jpg);
	background-repeat: repeat-x;
	background-color:#AFDEE3;
	color: #000000;}

#container{
	position:relative;
	width:808px;
	margin:30px auto;
	text-align:justify;
	}
	
#header{
	position:relative;
	}
	
#specials{
	border:2px dashed #999999;
	float:right;
	margin-right:20px;
	width:180px;
	height:180px;
	padding:10px;
	}
	
.spec_head{
	color:red;
	font-weight:bold;
	font-size:16px;
	
	text-align:left;
	}
	
.spec_det{
	color:#666666;
	text-align:left;
	}

#logo {
	position:relative;
	float:left;
	top:10px;
	}
	
	
#top_image {
	float:right;
	border:8px solid #2B3083; 
	}
	

#top_image2 {
	margin-left:260px;
	}

#footer{
	position:relative;
	margin:5px 0px;
	text-align:center;
	}
	
#nav_space{
	position:relative;
	height:60px;
	text-align:center;
	}

.bold{
	font-weight:bold;
	color:#2B3083;
	}

a{
	color:#FFFFFF;
	text-decoration:none;
	}

#content{
	position:relative;
	text-align:justify;
	margin:0px auto;
	width: 792px;
	background-color:#29ABE2;
	border:8px solid #2B3083; 
	}
	

#info {
	position:relative;
	width:705px;
	background-color:#FFFFFF;
	margin-top:0px;
	left:0px;
	padding:5px 15px;
	}
	
#info a{
	font-weight:bold;
	color:#30338E;
	text-decoration:none;
	font-size:14px;
	}

.packaging{
	color:#999999;
	font-size:10px;
	}
	
	
.part_num{
	font-weight:bold;
	font-size:10px;
	}

.disclaimer{
	font-size:10px;
	font-color:#666666;
	}
	
	label {
	text-align:right;	
	float:left;
	width:200px;
	margin-right:15px;
	}

.headline{
	font-weight:bold;
	color:#30338E;
	}


	
label {
	text-align:right;	
	float:left;
	width:200px;
	margin-right:15px;
	}

.contact_para{
	margin-bottom:2px;
	}

.form {
	background-color: #FFFFFF;
	border: 1px solid #30338E;
	color:#30338E;
	}

#contact_intro{
	width:890px;
	}

#contact_info{
	width:200px;
	text-align:left;
	}
	
#form_area{
	width:600px;
	float:right;
	}
	
.sub_button{
	background-color: #30338E;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	border:0;
	}
	
#submit{
	text-align:center;
	}

/* ===== NAV ===================================================== */
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:47px;display:block;}


   
#nav a{
  	display:block;
	height:47px;
	width:100%;
	}	
	

	
#nav a span{display:none;}
  
#nav li ul li a span{display:block; visibility:hidden}  
   
#nav {
    height:47px; 
	width:754px;
    background:url(../media/img/nav/nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:10px auto;
	}	
	
#nav li:hover ul, li.over ul {
	display: block;
}

		
#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topnav li.off ul, #topnav li.on ul {
  display: none;
}

	#nav_history{left:0px;top:0px; height:47px;width:109px;}
	#nav_models{left:148px;top:0px;height:47px;width:74px;}
	#nav_accessories{left:258px;top:0px;height:47px;width:110px;}
	#nav_service{left:386px;top:0px;height:47px;width:123px;}
	#nav_billiards{left:527px;top:0px;height:47px;width:89px;}
	#nav_contact{left:648px;top:0px;height:47px;width:106px;}
	

	#nav_history a:hover, #history #nav_history{
    background: transparent url(../media/img/nav/nav.gif)
    -0px -47px no-repeat;}

	#nav_models a:hover, #models #nav_models{
    background: transparent url(../media/img/nav/nav.gif)
    -148px -47px  no-repeat;}

	#nav_accessories a:hover, #accessories #nav_accessories{
    background: transparent url(../media/img/nav/nav.gif)
    -258px -47px no-repeat;}
	
	#nav_service a:hover, #service #nav_service{
	background: transparent url(../media/img/nav/nav.gif)
    -386px -47px no-repeat;}
	
	#nav_billiards a:hover, #billiards #nav_billiards{
	background: transparent url(../media/img/nav/nav.gif)
    -527px -47px no-repeat;}
    
    #nav_contact a:hover, #contact #nav_contact{
	background: transparent url(../media/img/nav/nav.gif)
    -648px -47px no-repeat;}