@charset "UTF-8";

html {
height: 100%;
}
body {
	background-color: #778360;
	background-image: url(assets/bg-head.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#center {
	padding-bottom:48px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:48px;   /* Height of the footer */
   background-image: url(assets/bg-footer.gif);
   background-repeat: repeat-x;
}
[if IE 6]>
#container {
   height:100%;
}
<![endif]
img, input, src, { 
	behavior: url(/iepngfix.htc) } 
.strange {
}

.head_bg {
	background-image: url(assets/bg-head-nav.gif);
	background-repeat: no repeat;
}
.Heading_01 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 17px;
	color: #7D5932;
}
.center_bg {
	background-image: url(assets/bg-body-rpt.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.bg_footer_top{
	background-image: url(assets/bg-footer-top.png);
	background-repeat: no-repeat;
	background-position: top;
}
.copyright{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #EFEFD5;	
}
.Heading_02 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 19px;
	color: #313B31;
	font-weight: bold;
}
.Heading_03 {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #c68f47;
	font-weight: normal;
}
.index_copy {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #313B31;
	line-height: 15px;
	text-align: center;
}
.body_copy {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #313B31;
	line-height: 20px;
	text-align: justify;
}
.body_copy a{
	color: #c68f47;
}
.body_copy a:hover{
	color: #705a2d;
	text-decoration: underline;
}
#text_box_01 {
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}
#text_box_02 {
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#text_box_03 {
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
}
#carousel_box_01 {
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}
#line_gold {
	height: 1px;
	margin-right: 30px;
	margin-left: 30px;
	background-color: #c68f47;
}
#crnr_pic_tl 
{
	background-image: url(assets/pic_frm_tl.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 1000;
}
#crnr_pic_tr 
{
	background-image: url(assets/pic_frm_tr.png);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 950;
}

#crnr_pic_bl 
{
	background-image: url(assets/pic_frm_bl.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 940;
}

.crnr_pic_br 
{
	background-image: url(assets/pic_frm_br.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	z-index: 930;
}
#pic_t 
{
	background-image: url(assets/pic_frm_top.png);
	background-repeat: repeat-x;
	background-position: top;
	z-index: 920;
}
#pic_r 
{
	background-image: url(assets/pic_frm_r.png);
	background-repeat: repeat-y;
	background-position: right;
	z-index: 910;
}


#pic_b  
{
	background-image: url(assets/pic_frm_bot.png);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index: 900;
}

#pic_l 
{
	background-image: url(assets/pic_frm_l.png);
	background-repeat: repeat-y;
	background-position: left;
	z-index: 890;
}
#pic_box_01 {
	height: 268px;
	width: 360px;
}
.pic_box_image {
	z-index: 1;
	position: absolute;
	top: auto;
}





div.relative-element {
position:relative;
width:360px;
height:268px;
}
 
div.relative-element span {
position:absolute;
background-repeat:no-repeat;
background-position:top left;
}
div.relative-element-team {
position:relative;
width:176px;
height:270px;
}
 
div.relative-element-team span {
position:absolute;
background-repeat:no-repeat;
background-position:top left;
}
div.relative-element-graph {
position:relative;
width:407px;
height:318px;
}
 
div.relative-element-graph span {
position:absolute;
background-repeat:no-repeat;
background-position:top left;
}
 
span.mask-1 {
left:0;
top:0;
width:100%;
height:5px;
display:block;
background-image: url(assets/pic_frm_top.png);
background-repeat: repeat-x;
}
span.mask-2 {
left:0;
bottom:0;
width:100%;
height:5px;
display:block;
background-image: url(assets/pic_frm_bot.png);
background-repeat: repeat-x;
}
span.mask-3 {
left:0;
top:0;
width:5px;
height:100%;
display:block;
background-image: url(assets/pic_frm_l.png);
background-repeat: repeat-y;
}
span.mask-4 {
right:0;
top:0;
width:5px;
height:100%;
display:block;
background-image: url(assets/pic_frm_r.png);
background-repeat: repeat-y;
}
span.mask-5 {
top:0;
left:0;
width:13px;
height:13px;
display:block;
background-image:url(assets/pic_frm_tl.png);
}
span.mask-6 {
	top:0;
	right:0;
	width:13px;
	height:13px;
	display:block;
	background-image:url(assets/pic_frm_tr.png);
}
span.mask-7 {
	bottom:0;
	left:0;
	width:13px;
	height:256px;
	display:block;
	background-image:url(assets/pic_frm_bl.png);
}
span.mask-8 {
bottom:0;
right:0;
width:13px;
height:256px;
display:block;
background-image:url(assets/pic_frm_br.png);
}

/* repeat that for all of your corner masks i.e., 2 top right, 3 bottom right, 4 bottom left...*/

#smark {
	line-height: 0; 
	font-family: "Lucida Sans Unicode";
}