/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; 	font-family: Century Gothic, sans-serif;}

ul,ol { list-style: none; }


body {
	position:relative;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	font-size: 14px;
	font-family: Century Gothic, sans-serif;
	line-height: normal;
	background-image:url(images/bg.png);
	background-position: center;
	background-repeat:repeat-y;
	background-color:#52493a;
}

#container {
	position:relative;
	top:0px;
	width:800px;
	height:100%;
	text-align:center;
}

#header {
	position:relative;
	top:0px
	width:800px;
	height:400px;
}

#logo {
	position:absolute;
	top:0px;
	width:400px;
	height:325px;
	background-image:url(images/MyHaberdasherLogo.png);
	background-repeat:no-repeat;
	clear:both;
	z-index:10000;
}

#sepBar {
	position:relative;
	width:800px;
	height:10px;
	background-image:url(images/separator.jpg);
	clear:both;
}

#nav {
	position:absolute;
	list-style: none;
	z-index: 20000;
	width: 800px;
	height: 30px;
	left:0px;
	top:360px;
}

#nav_menu{
	position:absolute;
	text-align:center;
	width:800px;
}

#nav_menu a{
	position:relative;
	display:block;
	line-height:30px;
	margin:0px 25px 0px 0px;
	color:#d7c4a5;
	float: right;
	text-decoration:none;
	text-shadow:black 0px 0px 3px;
}


#nav_menu a:hover, #nav .active {
	color:#fff;
	}
	
/* Style Nav */

#style_nav {
	position:relative;
	list-style: none;
	z-index: 20001;
	width: 800px;
	height: 50px;
	left:0px;
}

#style_nav_menu{
	position:absolute;
	text-align:center;
	width:800px;
}

#style_nav_menu a {
	position:relative;
	display:block;
	line-height:50px;
	margin:0px 0px 0px 25px;
	padding:0px;
	color:#d7c4a5;
	float: left;
	text-decoration:none;
	text-shadow:black 0px 0px 3px;
}

#style_nav_menu h1{
	position:relative;
	line-height:50px;
	font-size:26px;
	margin:0px 0px 0px 25px;
	padding:0px;
	float: left;
	text-shadow:black 0px 0px 3px;
}

#style_nav_menu a:hover, #style_nav .active {
	color:#fff;
	}

#left_content {
width: 400px;
float: left;
text-align:left;
} 

#right_content {
width: 400px;
text-align:left;
float:left;
} 

#main { 
	position:relative;
	width:800px;
}

h1 {
	color: #fff;
	font: normal 22px Century Gothic, sans-serif;
	margin: 15px 0 10px 20px;
}

h2 {
	font: normal 16px Century Gothic, sans-serif;
	color: #FFF;
	margin:15px 20px 10px 20px;
}

h3 {
	font: normal 16px Century Gothic, sans-serif;
	color: #F1D5AB;
	font-weight:bold;
	margin: 5px 20px 5px 20px;
}

h4 {
	font: 16px Century Gothic, sans-serif;
	color: #fff;
	margin: 10px 0 4px 0;
}

h5 {
	font: normal 16px Century Gothic, sans-serif;
	color: #FFF;
	margin: 10px 0 4px 0;
}

ul,ol {margin: 0 15px 15px 30px;}

li {
	color:#fff;
	list-style:disc;
	margin:5px 0 5px 0;
}

img {border: none;
	margin:0px 20px 0px 20px;
}

p {
	margin:0px 20px 10px 20px;
	color:#d7c4a5;
}

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

.quote{
	font-style:italic;
}

#footer {
	position:relative;
	top:10px;
	height:60px;
	width:800px;
	text-align:right;
	margin:5px 25px 15px 0px;
	line-height:25px;
	color:#9a6c57;
}

#footer .blackText{
	color:#000;
}

.whiteText{
	color:#fff;
}

.bigText{
	font-size:16px;
}

.biggerText{
	font-size:20px;
}

#footer a{
	color:#FFF;
	text-decoration:none;
}
#footer a:hover{
	color:#C6C;
	text-decoration:none;
}

.clear{
	clear:both;
}

div.box {
margin:0px auto;
width:400px;
position:relative;
top:0px;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
}

div.box label {
width:100%;
display: block;
padding:10px 0 10px 0;
}

div.box label span {
display: block;
color:#fff;
font-size:14px;
float:left;
width:100px;
text-align:right;
padding:0px 20px 0 0;
}

div.box .input_text {
padding:10px 5px;
color:#000;
width:225px;
background:#d7c4a5;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
}

div.box .message{
padding:7px 7px;
color:#000;
width:220px;
background:#d7c4a5;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
overflow:hidden;
height:100px;
}

div.box .button
{
margin:0 0 10px 0px;
padding:4px 7px;
background:#d7c4a5;
border:0px;
left:125px;
position: relative;
width:100px;
border-bottom: 1px double #000;
border-top: 1px double #000;
border-left:1px double #000;
border-right:1px double #000;
}