/* Layout for mantels1-21 pages */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#wrapper_max960px {
	max-width: 960px;
	margin: auto;
	background-image:url(travertine_light.jpg); background-repeat:repeat;
}

.tablerow {
   display: block;
}

p {
  display: block;
  font-size: 1.1em;
  margin-before: 0em;
  margin-after: 0em;
  margin-start: 0;
  margin-end: 0; 
  padding: 0px 4px 0px 4px;
  color:#330000;	
  text-align: justify;
}

/* Begin Page Flipper Formating */
#page_flipper {	
  color: #330000; 
  font-family:arial;  
  width:100%; 
  top:0px;	
  padding: 12px 2px 12px 14px; 
  text-align:left;
  font-size:16px;
}	
a.fontotherpages {
  color: #330000;
  font-size: 18px;
  text-decoration:none;
}
.fontcurrentpage { 
  color: red; 
  font-family:arial; 
  font-size: 18px; 
  font-weight: bold;
}
/* End Page Flipper Formating */

/* Begin Photo Flipper Formating */
#photo_flipper {	
  color: #330000; 
  font-family:arial;  
  width:100%; 
  top:0px;	
  padding: 8px 2px 3px 8px; 
  text-align: center;
  font-size:18px;
}
a.photofontotherpages {
  color: #330000;
  font-size: 18px;
  /* text-decoration:none; */
}	

p.doorptext {
  display: block;
  font-size: 1.1em;
  margin-before: 0em;
  margin-after: 0em;
  margin-start: 0;
  margin-end: 0; 
  /*padding: 5px; */
  color: #330000;	
  text-align: justify;
}
p.mantelptext {
  display: block;
  font-size: 1.1em;
  margin-before: 0em;
  margin-after: 0em;
  margin-start: 0;
  margin-end: 0; 
  /*padding: 5px; */
  color: #330000;	
  text-align: justify;
}

.content_main {
	clear:both; /* makes the footer sit below whichever column is 	longest */
	padding:0em .2em 0em .2em; 
	text-align:left; 
	}
.paypalsection {
	clear:both; /* makes the footer sit below whichever column is 	longest */
	padding:.2em .6em .1em 6em; 
	text-align:left; 
	/*border-top:1px solid #330000;*/
	}
.pageheadingfont { 
  color: green; 
  font-family:arial; 
  font-size: 32px; 
  align: center;
  font-weight: bold;
}

.font28px { 
  text-decoration:none;
  color: #330000; 
  font-family:arial; 
  font-size: 24px; 
  font-weight: bold;
}
.font14px { 
  color: #330000; 
  font-family:arial; 
  font-size: 14px; 
  font-weight: bold;
}
.fontfooter { 
  color: #330000; 
  font-family:arial; 
  font-size: 12px;
  font-style: italic; 
  /*font-weight: bold;*/
}
.font18px { 
  color: #330000; 
  font-family:arial; 
  font-size: 18px; 
  font-weight: bold;
}		
h1 { 
    display: block;
    font-size: 1.5em;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    color:#330000;
}
h2 { 
    display: block;
    font-size: 1.25em;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    color:#330000;
}
h3 { 
    display: block;
    font-size: 1.1em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    color:#330000;
}
h4 {
	display: inline-block;
    color:#330000;
    font-family:verdana;
    font-size:125%;

}

h5 { 
    display: block;
    font-size: 0.9em;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    color:#330000;
}
h6 { 
    display: block;
    font-size: 0.9em;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    color:#330000;
}
img {
	max-width: 100%
}
#logo {
	width:960px; 
	/*height: 85px;	 */
	float:left; 
	/*background-color:green; */
	background-image:url(travertine_light.jpg);
	padding: 1px 1px 1px 1px; /* creates space between the box and the content */    
	/*border-left:1px solid #330000;  */            
	}

#p30 {
	 
	
	background-color:#fff; 
	background-image:url(travertine_light.jpg);		
	
	padding: 2px 5px 2px 5px; 
	text-align:left;                
	}

/* DOOR */
.celldoorname {
  display: inline-block;
  width: 80px;
  height: 18px;
  margin: 2px;
}
.celldoorwidth {
  display: inline-block;
  width: 75px;
  height: 18px;
  margin: 2px;
  text-align:center;
}
.celldoorheight {
  display: inline-block;
  width: 75px;
  height: 18px;
  margin: 2px;
  text-align:center;
}
.celldoorweight {
  display: inline-block;
  width: 75px;
  height: 18px;
  margin: 2px;
  text-align:center;
}



.cellmn {
  display: inline-block;
  width: 80px;
  height: 18px;
  margin: 2px;
}
.celloh {
  display: inline-block;
  width: 65px;
  height: 18px;
  margin: 2px;
  text-align:center;
}
.celllh {
  display: inline-block;
  width: 65px;
  height: 18px;
  margin: 2px;
  text-align:center;
}
.celliw {
  display: inline-block;
  width: 65px;
  height: 18px;
  margin: 2px;
  text-align:center;
}
.cellsl {
	
  display: inline-block;
  width: 65px;
  height: 18px;
  margin: 2px;
  text-align:center;
}
.cellow {
	
  display: inline-block;
  width: 65px;
  height: 18px;
  margin: 2px;
  text-align:center;
}
.cellsd {
  display: inline-block;
  width: 65px;
  height: 18px;
  margin: 2px;
  text-align:center;
}
.celllw {
  display: inline-block;
  width: 65px;
  height: 18px;
  margin: 2px;
  text-align:center;
}
.cellbh {
  display: inline-block;
  width: 65px;
  height: 18px;
  margin: 2px;
  text-align:center;
}
.cellhs {
  display: inline-block;
  width: 100px;
  height: 18px;
  margin: 2px;
  text-align:center;
}
.cellpr {
  display: inline-block;
  width: 65px;
  height: 18px;
  margin: 2px;
  text-align:center;
}

@media screen and (max-width:767px) {

  .celloh {
    display: none;
  }
  .celllh {
    display: none;
  }
  .celliw {
    display: none;
  }
  .cellsl {
    display: none;
  }
  .cellow {
    display: none;
  }
  .cellsd {
    display: none;
  }
  .celllw {
    display: none;
  }
  .cellbh {
    display: none;
  }
  .cellhs {
    display: none;
  }

}

.picture_price {
  display: inline-block;
	padding:0px 0px 0px 0px; 
	text-align:center;
		font-size:1.2em;
	border-top:1px solid #330000;
	border-right:1px solid #330000;
	border-bottom:1px solid #330000;
	border-left:1px solid #330000;
  width: 310px;
  height: 220px;
  margin: 0px;
}

.after-box {
  clear: left;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
		clear: both;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.draw_line {
	float:left; 
	width:100%;
	top:0px;
	padding: 2px 0px 2px 0px; 
	border-top:2px solid #330000;	
	}

#draw_line {
	float:left; 
	width:100%;
	top:0px;	
	}

#draw_line_inner100 { 
	padding: 2px 0px 2px 0px; 
	border-top:2px solid #330000;
	}

/*----- Menu Outline ----------------------------------------------------*/
.menu-wrap {
	clear: both;
			text-align: left;				
   	width:100%;
	padding: 0px 0px 0px 0px;
    	box-shadow:0px 2px 0px rgba(0,0,0,0);
    	background:#3e3436;
	/*background:#330000;	*/	
	background-image:url(travertine_light.jpg);
}
 
.menu {
    max-width:960px;
    margin: auto;
}
 
.menu li {
    margin:2px;
    list-style:none;
    /* font-family:'Ek Mukta';*/
}
 
.menu a {
    /*transition:all linear 0.15s;*/
     /*color:#919191;  This is where you change the text color for the menu */    
    								color:#fff; 
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    /* color:#be5b70; Color of the main heading only when you hover you mouse */	
	color:#ffffff;
}
 
.menu .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    			/*  float:left;*/
    display:inline-block;
    position:relative;
    font-size:17px; 
 
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #330000;
				
}
 
.menu > ul > li > a {
    /*padding:10px 40px;*/
    					padding: 0px 6px 0px 0px;
    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; #afeeee;*/ black;
			
}
 
.sub-menu li {
    display:block;
    font-size:16px;	
}
 
.sub-menu li a {
    padding:8px 8px;
    display:block;			
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#3e3436;	
}
/*----- Menu Outline ----------------------------------------------------*/

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #330000;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #369;
}