/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	width:960px; /* widths of columns will change proportionately as this width is changed */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
}
#header {
	}
#header_thin {
	height: 10px;
	}

/* CSS TABLE  ####################################################  */


/* CSS TABLE $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  */





#picture_price {
		float:left;
		width:33.33%; 
	}
#picture_price_inner { 
	padding:4px 4px 4px 4px; 
	text-align:center;
	border-top:1px solid #330000;
	border-right:1px solid #330000;
	border-bottom:1px solid #330000;
	border-left:1px solid #330000;

	}
	
#nav {
	 width:16%; /* this width + content width must total 100% */	 float:left;  
	/* floats on nav and content divs make them sit side by side */
	}

#nav2 {
	 width:40%; /* this width + content width must total 100% */	 float:left;  
	/* floats on nav and content divs make them sit side by side */
	}

#content {
	float:left; /* floats on nav and content divs make them sit side 	by side */
	width:84%; /* this width + nav width must total 100% */
	top:0px;	
	}
#content_inner { 
	padding: 2px 4px 2px 2px; 
	border-left:3px solid #330000;
	text-align:center;
	     /*  float:left;   Can't do this here ????? */
	}
#content100 {
	float:left; /* floats on nav and content divs make them sit side 	by side */
	width:100%; /* this width + nav width must total 100% */
	top:0px;	
	}
#content_inner100 { 
	padding: 2px 2px 2px 2px; 
	/*border-left:3px solid #330000;*/
	/* border-top:3px solid #330000;*/
	text-align:center;
	     /*  float:left;   Can't do this here ????? */
	}
#draw_line {
	float:left; 
	width:100%;
	top:0px;	
	}
#draw_line_inner100 { 
	padding: 2px 0px 2px 0px; 
	border-top:2px solid #330000;
	}
#content2 {
	float:left; /* floats on nav and content divs make them sit side 	by side */
	width:60%; /* this width + nav width must total 100% */
	top:0px;	
	}
#p9 {
	 width:9%; /* this width + content width must total 100% */	 float:left;  
	/* floats on nav and content divs make them sit side by side */
	}
#p9_inner {
	padding: .2em .1em .2em .2em; /* creates space between the box and the content */                  
	}
#p10 {
	 width:10%; /* this width + content width must total 100% */	 float:left;  
	/* floats on nav and content divs make them sit side by side */
	}
#p10_inner {
	padding: .2em .1em .2em .2em; /* creates space between the box and the content */                  
	}
#p16 {
	 width:16%; /* this width + content width must total 100% */	 float:left;  
	/* floats on nav and content divs make them sit side by side */
	}
#p16_inner {
	padding:.2em .2em; /* creates space between the box and the content */                  
	}
#p12 {
	 width:12%; /* this width + content width must total 100% */	 float:left;  
	/* floats on nav and content divs make them sit side by side */
	}
#p12_inner {
	padding: .2em .1em .2em .2em; /* creates space between the box and the content */                 	}
#p28 {
	 width:28%; /* this width + content width must total 100% */	 float:left;  
	/* floats on nav and content divs make them sit side by side */
	}
#p28_inner {
	padding: .5em .2em .5em .1em; /* creates space between the box and the content */  
	text-align:center;                
	}
#p32 {
	 width:32%; /* this width + content width must total 100% */	 float:left;  
	/* floats on nav and content divs make them sit side by side */
	}
#p32_inner {
	padding:.2em .2em; /* creates space between the box and the content */                  
	}


#p100 {
	 width:100%; /* this width + content width must total 100% */	 float:left;  
	/* floats on nav and content divs make them sit side by side */
	}
#p100_inner {
	padding:.2em .2em; /* creates space between the box and the content */                  
	}
#p62 {
	float:left; /* floats on nav and content divs make them sit side 	by side */
	width:62%; /* this width + nav width must total 100% */
	top:0px;	
	}
#p62_inner { 
	padding: 2px 2px 2px 2px;
	border-top:1px solid #330000;
	text-align:center;  
	}
#p68 {
	float:left; /* floats on nav and content divs make them sit side 	by side */
	width:68%; /* this width + nav width must total 100% */
	top:0px;	
	}
#p68_inner { 
	padding: 2px 2px 2px 2px;
	border-top:1px solid #330000;
	text-align:center;  
	}

#footer {
	clear:both; /* makes the footer sit below whichever column is 	longest */
	}
#footer2 {
	clear:both; /* makes the footer sit below whichever column is 	longest */
	}







#header_inner, #nav_inner,#content_inner, #promo_inner, #picture_price_inner  {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner { 
	padding:.5em .5em; 
	text-align:center;
	border-bottom:3px solid #330000;
	/*border-top:3px solid #330000;*/

	}
#nav_inner {
	padding:.2em .2em; /* creates space between the box and the content */                  
	}
#nav_inner2 {
	padding:.1em .1em; /* creates space between the box and the content */                  
	}

#content_inner2 { 
	padding: 2px 2px 2px 2px;
	border-top:1px solid #330000;
	text-align:center;  
	}
#content_inner3 { 
	padding: 2px 12px 2px 2px;
	text-align:right;  
	}

#content_inner4 { 
	padding: 2px 12px 2px 2px;
	text-align:left;  
	}


#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	border-top:3px solid #330000;
	}
#footer2_inner {
	padding:.5em 1em; 
	text-align:justify; 
	border-top:3px solid #330000;
	}


/*--- 2a.css -----*/

.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
.menu-wrap {
    width:100%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#3e3436;
	
}
 
.menu {
    width:960px;
    margin:0px auto;
}
 
.menu li {
    margin:0px;
    list-style:none;
    font-family:'Ek Mukta';
}
 
.menu a {
    transition:all linear 0.15s;
     color:#919191;       
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:#be5b70;
}
 
.menu .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    /*font-size:19px;*/   
      font-size:16px;
				
}
 
.menu > ul > li > a {
    /*padding:10px 40px;*/
    padding:8px 8px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
     background:#2e2728; 
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    width:160%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
}
 
.sub-menu li {
    display:block;
    font-size:14px;
}
 
.sub-menu li a {
    padding:10px 30px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#3e3436;
}