/* *** SodiumHalogen.com *** */

/* ----------main elements-------------- */
* {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

ul {
	line-height: 22px;
}

body {
	background: #380C01 url(images/bgPage.jpg) repeat-x center top;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #474725;
}

a {
	color: #7A2A1F;
	font-weight: bold;
	text-decoration: underline;
	outline: none;
}

a:visited a:active {
	color: #7A2A1F;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	background: #C9B791;
	color: #7A2A1F;
}

img {
	border: 0px;
	background: none;
}



/* ----------header for logo-------------- */
	#header {
		background: #270100;
		padding: 0;
		margin: 0;
	}
	
		#header img {
			padding: 0;
			margin: 0;
		}
		
	#vidContainerHome {
		background: url(images/bgFlashOldMs.jpg) left top no-repeat;
		width: 840px;
		height: 443px;
	}
	
		#vidContainerHome p {
			padding: 20px;
		}


/* ----------navigation-------------- */
#nav {
		background:url(images/bgFlashOldMsContent.jpg) left top no-repeat;
		width: 780px;
		height: 152px;
	}
	
		#nav ul {
		position: relative;
		height: 31px;
		padding: 89px 0 0 18px;
		list-style: none;
		z-index: 5;
		}
			
		#nav li {
			position: relative;
			float: left;
			}
		
		#nav li a {
			position: relative;
			float: left;
			height: 31px;
			text-indent: -9999em;	
			}
		
		#n1 a {
			width: 106px;
			background: url(images/b_home.jpg) left top;
			}
		
		#n2 a {
			width: 106px;
			background: url(images/b_gallery.jpg) left top;
			}
		
		#n3 a {
			width: 106px;
			background: url(images/b_products.jpg) left top;
			}
		
		#n4 a {
			width: 106px;
			background: url(images/b_install.jpg) left top;
			}
		
		#n5 a {
			width: 106px;
			background: url(images/b_about.jpg) left top;
			}
		
		#n6 a {
			width: 106px;
			background: url(images/b_contact.jpg) left top;
			}
		
			#nav li a:hover, #nav li.active a:hover	{
				background-position: left bottom;
				margin-top: 1px;
				}
			
			
		
			#nav li.active a {
				background-position: 0px -31px;
				margin-top: 1px;
				}
				
			#nav li ul {
				display: none;
				}
				
			#nav li#n2 ul
				{
				left: -100px;
				}

			#nav li#n3 ul
				{
				left: -120px;
				}

			#nav li#n4 ul
				{
				left: -20px;
				}
			#nav li#n5 ul
				{
				left: -20px;
				}

		#nav li:hover ul, #nav li.sfhover ul
			{
			position: absolute;
			display: block;
			width: 780px;
			top: 31px;
			left: 0px;
			padding: 6px 0;
			background: none;
			font-size: .9em;
			font-family: Georgia, serif;
			text-transform: uppercase;
			}
			
			#nav li ul li
				{
				position: relative;
				list-style: none;
				margin-left: 15px;
				}
			
			#nav li ul li a
				{
				position: relative;
				width: auto;
				text-indent: 0px;
				text-decoration: none;
				display: inline;
				color: #773907;
				float: none;
				background: none;
				height: 31px;
				padding: 3px 0 3px 0;
				}
			
			#nav li ul li a:hover
				{
				color: #000;
				}


/* ---------- typography -------------- */
p {
	margin: 0 0 15px 0;
	line-height: 22px;
}
h1 {
	color: #474725;
	font: normal 32px Georgia, "Times New Roman", Times, serif;
	margin: 10px 50px 5px 20px;
}
h2 {
	color: #6e311c;
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	margin: 0 40px 5px 20px;
}
h3 {
	color: #a31111;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
}
h4 {
	color: #a31111;
	font: bold 14px Helvetica, Verdana, sans-serif;
	line-height: 18px;
	margin-left: 30px;
}
h5 {
	color: #73291E;
	font: 18px Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
}
h6 {
	font: 12px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	margin: -5px 20px 10px 20px;
	}

/* ---------- misc -------------- */
blockquote {
	color: #474725;
	margin: 0;
	padding: 0; /*background: url(images/quotebg.jpg) repeat-y left top;*/
}
blockquote p {
	font: 20px normal Georgia, "Times New Roman", Times, serif;
	line-height: 26px;
	color: #474725;
	margin: 0;
	padding: 0 10px 0 0;
}
.quoteName {
	color: #363c2e;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	text-align: right;
	font-variant: small-caps;
	padding-right: 40px;
}
blockquote a, blockquote a:visited, blockquote a:active {
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}
.topQuote {
	background: url(images/quoteTop.gif) no-repeat left top;
	margin: 10px 40px 10px 20px;
	height: 20px;
}
.btmQuote {
	background: url(images/quoteBtm.gif) no-repeat right top;
	margin: 10px 40px 10px 20px;
	height: 20px;
}

div.hr {
	height: 20px;
	margin: 10px 25px 0 20px;
	padding: 0;
	border-top: 1px solid #a5a48c;
}

	div.hr2 {
		height: 10px;
		margin: 10px 25px 0 20px;
		padding: 0;
		border-top: 1px dotted #a5a48c;
	}
	div.hr hr {
		display: none;
	}

.imgRight {
	float: right;
	margin: 0 20px 10px 20px;
	background: #EDE9E0;
	padding: 5px;
	border: 1px solid #BEB499;
}
.imgRightHome {
	float: right;
	margin: 0 40px 10px 20px;
	background: #EDE9E0;
	padding: 5px;
	border: 1px solid #BEB499;
}
.imgLeft {
	float: left;
	margin: 0 20px 10px 20px;
	background: #EDE9E0;
	padding: 5px;
	border: 1px solid #BEB499;
}


/* ----------container to center the layout-------------- */
#container {
	width: 809px;
	background: url(images/mainBg.jpg) repeat-y 29px top;
	margin: 0 auto 10px auto;
}
#inside {
	width: 800px;
	margin: 0 auto 10px auto;
	padding-left: 30px;
}

/* ----------------- clear the floats--------------------- */
.clearFloat {
	clear: both;
	height: 1px;
	overflow: hidden;
}


/* --------------left content------------- */
#left {
	float: left;
	width: 235px;
	margin: 0;
	padding: 0;
}
#left p {
	margin: 0 20px 0 20px;
}
#left h2 {
	margin: 10px 20px 0 20px;
}
#left h3 {
	margin: 0 20px 20px 20px;
}
#left h4, #left h5 {
	margin: 5px 20px 0 20px;
}
#s_living {
	width: 169px;
	margin: -10px 20px 20px;
	padding: 10px;
	color: #73291E;
	background: url(images/left_caption.jpg) repeat-x;
	font: 13px/18px normal Georgia, "Times New Roman", Times, serif;
}
#left .img {
	margin: 20px 0 10px 20px;
	padding: 0;
}
#left ul, #left2 ul {
	margin: 0 20px 10px 40px;
}
#left a, #left a:visited, #left a:active {
	text-decoration: none;
}
#left50 li, #left2 li {
	margin: 5px 20px 10px 40px;
	line-height: 18px;
}
#left50 h1 {
	color: #363c2e;
	font: italic 32px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 10px 50px 5px 20px;
}
#left50 h4 {
	color: #A52319;
	font: italic 14px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding-left: 5px;
}


/* ----------------- right content--------------------- */
#right {
	float: right;
	width: 560px;
	padding: 0 5px 0 0;
	margin: 0;
}
#right h3 {
	margin-left: 30px;
}
#right p, #right h4 {
	margin: 0 40px 22px 20px;
}
#right h4 {
	font: bold;
}
#right2 li {
	margin: 0 10px 0 30px;
}

#sub {
	padding: 0 0 20px 5px;
	background: url(images/bgEventsDotted.gif) left top repeat-y;
}

/* ---------------- map ---------------*/
#map {
	width: 360px;
	margin: 20px 0 10px 10px;
	background: #EDE9E0;
	padding: 5px 0 5px 5px;
	border: 1px solid #BEB499;
}

#map_small {
	clear: both;
	margin-left: 15px; 
	padding-bottom: 20px;
	}


/* ----------------- products --------------------- */
#products {
	margin: 20px 0px 0px 0px;
	padding: 0;
	width: 370px;
}
#productsL img {
	margin: 15px 0px 0 10px;
	padding: 5px;
	background: #EDE9E0;
	border: 1px solid #BEB499;
}

#productsL img:hover {
	background: #EDE9E0;
	border: 1px solid #6E311C;
}
.productImg {
	margin: 0 0 20px 8px;
	display: inline;
	float: left;
	padding: 5px;
	background: url("images/bgProductThumb.gif") no-repeat;
}
.productNameThumb {
	margin-top: 10px;
}
.productImg2 {
	margin: 0 0 20px 20px;
	display: inline;
	float: right;
	padding: 5px;
	background: url("images/bgProductThumb.gif") no-repeat;
}
.productName {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin-top: 20px;
}
.productSpec {
	background: url("images/bgProductSpec.jpg") no-repeat;
	margin-left: 1px;
	padding-top: 24px;
	height: 45px;
}
.productSpec h4 {
	font: italic 14px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
.productButton {
	width: 380px;
	margin-left: 20px;
}
.productButtonL {
	margin: 0 0 10px 45px;
	display: inline;
	float: left;
}
.productButtonR {
	margin: 0 0 10px 18px;
	display: inline;
	float: left;
}
.productButton li {
	list-style: none;
}

#prodIndividual {
	margin: 0;
}
.back {
	text-align: center;
	margin: 20px auto 0 auto;
	font-style: italic;
}

/*--------------------Gallery-------------------------*/
.galleryButtonL {
	margin: 0 0 20px 95px;
	display: inline;
	float: left;
}
.galleryButtonR {
	margin: 0 0 20px 18px;
	display: inline;
	float: left;
}




/* ----------------- Q and A Hide --------------------- */
.hide {
	display: none;
}
#qList {
	margin-top: 10px;
}
#questionLi li {
	margin-bottom: 8px;
}


/* ----------------- Footer --------------------- */
#footer {
	font-size: 10px;
	clear: both;
	padding: 12px 0 10px 0;
	margin: 0;
	background: url("images/bgFooter.jpg") repeat-y 1px top;
	text-align: center;
}
#footerHome {
	font-size: 10px;
	clear: both;
	padding: 12px 0 10px 0;
	margin: 0;
	background: url("images/bgFooter.jpg") no-repeat 29px top;
	text-align: center;
}
#footer span, #footerHome span, #footerHome p {
	margin: 0 0 10px 0;
	padding: 0;
}
#footer span, #footerHome span {
	margin: 0 0 10px 0;
	padding: 0;
}
#footer a, #footerHome a {
	color: #363c2e;
	text-decoration: none;
}
#footer a:hover, #footerHome a:hover {
	color: #7A2A1F;
	text-decoration: underline;
}

#footerHome span small {
margin-left: 50px;
}
#footerHome span {
margin-left: 150px;
}