/* CSS Document */

body {
	background-image:url(../images/main-bg.gif);
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
}
div#wrapper {
	width:760px;
	margin:0 auto;
}
div#header {
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	width:760px;
	height:224px;
}
div#footer {
	clear:both;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:20px;
}
#main_content {
	width:740px;
	margin:0 auto;
}
/************************************
          Home Btn
************************************/
div#home_btn a {
	width:150px;
	height:150px;
	float:left;
	position:relative;
	color:#523316;
	font-size:1px;

}
/************************************
          Navigation
************************************/
div#btm_nav {
	position:relative;
	margin:5px auto;
	text-align:left;
	overflow:hidden;
	width:560px;
}
div#main_nav {
	margin-top:25px;
	margin-right:40px;
	text-align:left;
	overflow:hidden;
	width:560px;
}
div.bullet1 li {
	background-image:url(../images/bullet1.gif);
	background-repeat:no-repeat;
	background-position:left;
}
div.bullet2 li {
	background-image:url(../images/bullet2.gif);
	background-repeat:no-repeat;
	background-position:left;
}
div.navigation ul {
	margin:0 0 0 -6px;
	padding:0;
}
div.navigation li {
	margin:0;
	padding:0;
	position:relative;
	display:inline;
	font-size:11px;
}
div.navigation a {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 3px 0 11px;
	text-decoration:none;
}
div.navigation a:hover {
	text-decoration:underline;
}
/************************************
          Content
************************************/
#home_content1 {
	background-image:url(../images/content1-bg.gif);
	background-repeat:repeat-y;
	float:left;
	width:446px;
}
div#h_top1 {
	font-size:1px;
	width:446px;
	height:14px;
	background-image:url(../images/content1-header.gif);
	background-repeat:no-repeat;

}
div#h_btm1 {
	font-size:1px;
	width:446px;
	height:14px;
	background-image:url(../images/content1-footer.gif);
	background-repeat:no-repeat;

}
div#home_content2 {
	background-image:url(../images/content2-bg.gif);
	background-repeat:repeat-y;
	float:right;
	width:276px;
}
div#h_top2 {
	font-size:1px;
	width:276px;
	height:14px;
	background-image:url(../images/content2-header.gif);
	background-repeat:no-repeat;

}
div#h_btm2 {
	font-size:1px;
	width:276px;
	height:14px;
	background-image:url(../images/content2-footer.gif);
	background-repeat:no-repeat;
}
div#sub_content {
	background-image:url(../images/subcontent1-bg.gif);
	background-repeat:repeat-y;
	width:740px;
}
div#sub_top {
	font-size:1px;
	width:740px;
	height:14px;
	background-image:url(../images/subcontent1-header.gif);
	background-repeat:no-repeat;

}
div#sub_btm {
	font-size:1px;
	width:740px;
	height:14px;
	background-image:url(../images/subcontent1-footer.gif);
	background-repeat:no-repeat;

}
/************************************
          Mare Care
************************************/
div#marecare {
	margin:-141px 5px -7px 0;
	float:right;
	position:relative;
	padding:0;
	width:275px;
	height:148px;
}
/************************************
          Text-format
************************************/
td#main_content p {
	text-align:left;
	line-height:18px;
	font-size:11px;
	color:#E9DECC;
	padding:5px 20px;
	margin:0;
}
td#main_content h4 {
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#E9DECC;
	margin:0 15px;
	padding:0 0 5px;
	border-bottom:1px dotted #FFF;
}
td#main_content a {
	font-size:11px;
	color:#567E93;
	font-weight:bold;
	text-decoration:none;
	background-color:#E8DDCB;
}
td#main_content a:hover {
	text-decoration:underline;
	color:#E8DDCB;
	background-color:#567E93;
}
td#main_content img {
	float:left; 
	margin:5px;
	border:1px solid #FFF;
}
/************************************
          Tag
************************************/
div#tag {
	border-top:1px dotted #FFF;
	padding:5px;
	font-size:10px;
	color:#E9DECC;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
div#tag a {
	font-size:10px;
	color:#E9DECC;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
/************************************
          Clearing Method
************************************/
.clearfix:after {/*The peroid is the last thinb before the div closes*/
	content: ".";/*inline elements doin't respond to the clear property*/
	display: block;/*Ensure the peroid is not visible*/
	height: 0;/*Make the container clear the peroid*/
	clear: both;/*Further ensures the peroid is not visible*/
	visibility: hidden;/*Further ensures the peroid is not visible*/
	}
.clearfix {
	display: inline-block;/*A fix for IE mac*/
	}
*html .clearfix {/*the holly hack for a bug in IE6 for Windows*/
	height: 1%;
	}
.clearfix {
	display: block;/*the holly hack for a bug in IE6 for Windows*/
	}
