/* ~~~ Default Styles Template ~~~ */
html, body
{
	margin: 0;
	padding: 0;
}

body
{
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
	color: #383838;
	text-align: center;
}
td{font-size: 12px;}
a,
a:link,
a:visited{color: #383838;}
a:hover,
a:active{}

h1,h2,h3,h4,h5
{
	margin: 1em 0;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
}
/* ~~~ HEADINGS ~~~ */
h3
{
	font: bold 12px Tahoma, Verdana, sans-serif;
	margin: 1em 0 0;
}
p
{
	margin: 0 0 1em;
	line-height: 1.5em;
}
ul{list-style-type: square;}
ul li{line-height: 1.5em;}
a img{border: none;}
hr
{
    height: 1px;
    border: none;
    background-color: #ccc;
    color: #ccc;
    clear: both;
}
/* ~~~ POSITIONING SELECTORS ~~~ */
#wrapper
{
    position: relative;
	width: 768px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	border: 1px solid #fff;
}

#masthead
{
	position: relative;
	height: 88px;
	background: url(../images/masthead_bg.gif) no-repeat;
	border-bottom: 1px solid #fff;
}
	#masthead h1
	{
		position: absolute;
		top: 48px;
		left: 28px;
		margin: 0;
	}
	#masthead h1 img{display: block;}/* For IE as it seem to put random padding around the image */

#main{background-color: #fff;}
#upperbody{float: left;}
#nav
{
	width: 171px;
	float: left;
	/*background-color: #ebebeb;*/
	border-right: 1px solid #fff;
}
	/*#nav .navlist{margin-top: -1px;}*/
	#nav .navlist a
	{
		display: block;
		width: 171px;
		height: 16px;
		border-bottom: 1px solid #fff;
		float: left;
	}
	#nav .navlist li
	{
		width: 171px;
		float: left;
	}
	#nav .navlist a span{display: none;}

	#home a{background: url(../images/m_home.gif) no-repeat;}
	#home a.active,
	#home a:hover{background: url(../images/m_home.gif) no-repeat 0 -16px;}

	#about-us a{background: url(../images/m_about_us.gif) no-repeat;}
	#about-us a.active,
	#about-us a:hover{background: url(../images/m_about_us.gif) no-repeat 0 -16px;}


	#products a{background: url(../images/m_products.gif) no-repeat;}
	#products a.active,
	#products a:hover{background: url(../images/m_products.gif) no-repeat 0 -16px;}

	#beds a{background: url(../images/m_beds.gif) no-repeat;}
	#beds a.active,
	#beds a:hover{background: url(../images/m_beds.gif) no-repeat 0 -16px;}

	#bedside-cabinets a{background: url(../images/m_beside_cabinets.gif) no-repeat;}
	#bedside-cabinets a.active,
	#bedside-cabinets a:hover{background: url(../images/m_beside_cabinets.gif) no-repeat 0 -16px;}

	#matress-options a{background: url(../images/m_matress_options.gif) no-repeat;}
	#matress-options a.active,
	#matress-options a:hover{background: url(../images/m_matress_options.gif) no-repeat 0 -16px;}

	#operation a{background: url(../images/m_operation.gif) no-repeat;}
	#operation a.active,
	#operation a:hover{background: url(../images/m_operation.gif) no-repeat 0 -16px;}

	#dimensions a{background: url(../images/m_dimensions.gif) no-repeat;}
	#dimensions a.active,
	#dimensions a:hover{background: url(../images/m_dimensions.gif) no-repeat 0 -16px;}

	#pricing a{background: url(../images/m_pricing.gif) no-repeat;}
	#pricing a.active,
	#pricing a:hover{background: url(../images/m_pricing.gif) no-repeat 0 -16px;}

	#photo-gallery a{background: url(../images/m_photo_gallery.gif) no-repeat;}
	#photo-gallery a.active,
	#photo-gallery a:hover{background: url(../images/m_photo_gallery.gif) no-repeat 0 -16px;}

	#contact-details a{background: url(../images/m_contact_details.gif) no-repeat;}
	#contact-details a.active,
	#contact-details a:hover{background: url(../images/m_contact_details.gif) no-repeat 0 -16px;}

			#nav .navlist li ul
			{
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
#promo
{
    width: 171px;
    position: absolute;
    top: 304px;
    left: 0;
    z-index: 3;
    padding: 6px 0 0 32px;
}
#images
{
	float: left;
	width: 596px;
	height: 169px;
	background-color: #E7E1CF;
	color: #3D421A;
	font-size: 11px;
}
	#images img{display: block;}
	#images img.img-left{float: left;}
	#images img.img-right{float: right;}
	#images p{margin: 0 10px;}
	#images table{width: 596px;}
	#images table td ul{
		margin: 0 6px 0 2.2em;
		padding: 0;
	}
	#images table td{font-size: 11px;}
#content
{
	float: left;
	display: inline;
	padding-bottom: 1em;
	margin: 25px 34px 34px 173px;
	 min-height: 240px;
}
#home #content{min-height: 0;}
	#content h2
	{
		position: relative;
		left: -24px;
		font-size: 18px;
		color: #514E25;
		background: url(../images/h2_arrow.gif) no-repeat 0 3px;
		padding-left: 24px;
	}
	#content h2 span{font: bold 12px Verdana, Arial, sans-serif;}
#footer
{
	clear: both;
	height: 19px;
	background: url(../images/footer_bg.gif) no-repeat 50% 0;
	border-top: 1px solid #fff;
	color: #fff;
	padding-top: 10px;
	font-size: 11px;
	padding-bottom: 2px;
}
	#footer .navlist
	{
		list-style-type: none;
		margin: 0 0 0 36px;
		padding: 0;
		float: left;
	}
	#footer .navlist li{display: inline;}
		#footer .navlist li a
		{
			color: #fff;
			text-decoration: none;
			background: none;
			margin-right: 24px;
			float: left;
		}
	#footer p{float: right; margin: 0 12px 0 0;}
#mini-kitchens-logo
{
	position: absolute;
	left: 10px;
    bottom: 104px;
}
#mini-kitchens-logo img{display: block; background-color: #fff;}
#mini-kitchens-logo a
{
	display: block;
	text-align: center;
	text-decoration: none;
}
#home #mini-kitchens-logo a
{
	display: block;
	background-color: #fff;
}
/* ~~~ FORMATING CLASSES ~~~ */
.replace span{display: none;}
.center{text-align: center;}
.gone{display: none;}


/* ~~~ FORMS ~~~ */
.input
{
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
}

/* ~~~ LISTS ~~~ */
.navlist
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.contact-details
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #514E25;
}
	.contact-details li
	{
		font-style: italic;
		font-size: 13px;
		line-height: 2em;
	}
		.contact-details li span{color: #C8B08B; margin-right: .5em;}
		h3.big-title{font: 28px Tahoma, Verdana, Helvetica, sans-serif;}
#address li{font-size: 15px;}
/* ~~~ TABLES ~~~ */
table.pricetable{border-collapse: collapse;}
table.pricetable td
{
	border: 1px solid #C8B08B;
	padding: 3px;
	vertical-align: top;
}
table.pricetable td table td{border: none;}
table.pricetable td table thead td{font-weight: bold;}

table.borderlesstable
{
	width: 300px;
	margin-bottom: 12px;
}
table.borderlesstable caption
{
	text-align: left;
	font: bold 12px Verdana, Arial, sans-serif;
}
table.borderlesstable thead{font-weight: bold;}
table.borderlesstable td{padding: 4px 8px 4px 0;}
table.borderlesstable td.right{text-align: right;}
table.datatable
{
    width: 100%;
    margin: 1em 0;
}
table.datatable td
{
    padding: 4px;
    vertical-align: top;
}
table.datatable td p{margin: 0 0 .5em;}



/* ~~~ HOME PAGE ~~~ */
#home #wrapper h1{display: none;}
#home #nav .navlist{margin-top: -1px;}
#home #images
{
	float: right;
	width: 596px;
	height: 312px;
	background: url(../images/home_image~.jpg) no-repeat 0 0;
}
	#home #images h2
	{
		position: relative;
		top: 96px;
		left: 22px;
		width: 316px;
		height: 36px;
		margin: 0;
		background: url(../images/need_more_space.gif) no-repeat 0 0;
	}
		#home #images h2 span{display: none;}

#home #content{margin: 0 100px 34px 203px;}
p.introText
{
    font: 15px Tahoma, Arial, Helvetica, sans-serif;
    color: #3D421A;
    line-height: 1.8em;
}
#home #content h2
{
    font: italic 24px Tahoma, Arial, Helvetica, sans-serif;
    background-image: none;
    margin: .5em 0;
}
#home #content h2 span
{
    font: italic 24px Tahoma, Arial, Helvetica, sans-serif;
    color: #B8A874;

}
#footer
{
    position: relative;
}
#murphyLogo
{
    position: absolute;
    left: 10px;
    bottom: 44px;
}


/* ~~~ === DIMENSIONS PAGE ============================================================== ~~~ */
.optionList1,
.optionList2
{
    list-style-type: none;
    margin: 0 0 0 46px;
    padding: 0;
}
.optionList1 li,
.optionList2 li{float: left;}
.optionList1 li
{
    width: 95px;
    text-align: center;
}
.optionList2 li
{
    width: 95px;
    text-align: center;
}
.cabinetType
{
    clear: both;
    font-style: italic;
}

/* ~~~ === PHOTO GALLERY ================================================================= ~~~ */
ul.thumbs
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.thumbs li
{
    display: inline;
    margin-right: 8px;
    padding-bottom: 4px;
}
ul.thumbs a img
{
    border: 1px solid #B8A874;
    padding: 4px;
    margin-top: 8px;
    background-color: #fff;
}

ul.thumbs a:hover img{border: 1px solid #3D421A;}

#popup
{
    position: absolute;
    top: 32px;
    left: 36px;
    width: 715px;
    height: 544px;
    z-index: 2;
    background-color: #fff;
    border: 1px solid #B8A874;
    padding: 16px 0 0;
    text-align: center;
    background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
}
#popup p
{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 60px;
    height: 34px;
    line-height: 34px;
    z-index: 3;
}
#popup img
{
    display: block;
    margin: 0 16px 16px;
    visibility: hidden;
}
#wrapper p.pdf
{
    float: right;
    background: url(../images/doc.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin: 0;
}

.right{text-align: right;}