* { margin:0; padding:0; font:1em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; }

body { 
	font-size:	70%; 
	background:	#5e602e url(../images/bg01.gif) top left repeat-x;
	}

div#top { 
	width:		701px; 
	height:		202px; 
	margin:		0 auto; 
	clear:		both; 
	}

div#top_lef {
	width:		193px;
	height:		202px;
	background:	url(../images/mettic_blue1_01.gif) top left no-repeat;
	float:		left;
	}

div#top_mid {
	width:		415px;
	height:		202px;
	background:	url(../images/mettic_blue1_02.gif) top left repeat-x;
	float:		left;
	}

div#top_rig {
	width:		93px;
	height:		202px;
	background:	url(../images/mettic_blue1_03.gif) top left no-repeat;
	float:		left;
	}

div#top_menu {
	width:		415px;
	height:		111px;
	margin:		56px 0;
	}

div#top_menu ul {
	margin:		0;
	padding:	0;
	}

div#top_menu ul li {
	list-style-type:none;
	display:	inline;
	padding:	0;
	margin:		0;
	}

div#top_menu ul li a {
	margin:		0;
	padding:	0px 40px 111px 43px;
	float:		left;
	}

div#top_menu ul li.f1 a { background: url(../images/mettic_blue1_04.gif) top left no-repeat; }
div#top_menu ul li.f2 a { background: url(../images/mettic_blue1_05.gif) top left no-repeat; }
div#top_menu ul li.f3 a { background: url(../images/mettic_blue1_06.gif) top left no-repeat; }
div#top_menu ul li.f4 a { background: url(../images/mettic_blue1_07.gif) top left no-repeat; }
div#top_menu ul li.f5 a { background: url(../images/mettic_blue1_08.gif) top left no-repeat; }

div#top_menu ul li.f1 a:hover { background: url(../images/mettic_blue2_04.gif) top left no-repeat; }
div#top_menu ul li.f2 a:hover { background: url(../images/mettic_blue2_05.gif) top left no-repeat; }
div#top_menu ul li.f3 a:hover { background: url(../images/mettic_blue2_06.gif) top left no-repeat; }
div#top_menu ul li.f4 a:hover { background: url(../images/mettic_blue2_07.gif) top left no-repeat; }
div#top_menu ul li.f5 a:hover { background: url(../images/mettic_blue2_08.gif) top left no-repeat; }

div#top_menu ul li.f1 a.active { background: url(../images/mettic_olive3_04.gif) top left no-repeat; }
div#top_menu ul li.f2 a.active { background: url(../images/mettic_olive3_05.gif) top left no-repeat; }
div#top_menu ul li.f3 a.active { background: url(../images/mettic_olive3_06.gif) top left no-repeat; }
div#top_menu ul li.f4 a.active { background: url(../images/mettic_olive3_07.gif) top left no-repeat; }
div#top_menu ul li.f5 a.active { background: url(../images/mettic_olive3_08.gif) top left no-repeat; }

div#top_menu ul li.f1 a.active:hover { background: url(../images/mettic_olive3_04.gif) top left no-repeat; }
div#top_menu ul li.f2 a.active:hover { background: url(../images/mettic_olive3_05.gif) top left no-repeat; }
div#top_menu ul li.f3 a.active:hover { background: url(../images/mettic_olive3_06.gif) top left no-repeat; }
div#top_menu ul li.f4 a.active:hover { background: url(../images/mettic_olive3_07.gif) top left no-repeat; }
div#top_menu ul li.f5 a.active:hover { background: url(../images/mettic_olive3_08.gif) top left no-repeat; }

div#top_menu ul li a span {
	display:none;
	}

div#content {
	width:		701px;
	clear:		both;	
	margin:		0 auto;
	background:	url(../images/mettic_blue1_10.gif) top left repeat-y;
	padding-bottom:	10px;
	}

div#text {
	margin:		0;
	padding:	20px 0 0 210px;
	width:		390px;
	}
   
div#text ul {
    padding:    0 0 10px 30px;
    color:      #5e602e;
    list-style-type: circle;
    }

div#text p {
	padding:	0 0 10px 0;
	color:		#5e602e;
	}

div#text p a {
    color:      #2fa0ff;
    text-decoration: none;
    }

div#text p a:hover {
    border-bottom: 1px dotted;
    }

div#text h1 {
	color:		#87944f;
	font-size:	1.8em;
	border-bottom:	1px dotted #bbcb66;
	margin:		20px 0 20px 0;
	}

div#text h2 {
    color:          #2fa0ff;
    font-size:      1.5em;
    margin:         10px 0 0 0;
    }

div#text h3 {
    color:          #2fa0ff;
    text-align:     center;
    font-size:      1.3em;
    margin:         10px 0 10px 0;
    }

div#text ul#bt_menu {
	text-align:	center;
	margin-top:	40px;
    padding: 0;
	}

div#text ul#bt_menu li {
	list-style-type: none;
	display: inline;
	color:		#94ceff;
	border-top: 	1px dotted;
	padding-top:	10px;
	}

div#text ul#bt_menu li a {
	color:		#2fa0ff;
	text-decoration: none;
	}

div#text ul#bt_menu li a:hover {
	border-bottom: 1px dotted;
	}

div#footer {
        width:          701px;
        height:		44px;
        clear:          both;
        margin:         0 auto 40px auto;
        background:     url(../images/mettic_blue1_12.gif) top left no-repeat;
	}

div#footer p {
	text-align:	right;
	padding:	50px 0 0 0;
	font-size:	0.9em;
	color:		#848555;
	}

div#footer p a {
	color:		#8c9a54;
	text-decoration: none;
	border-bottom: 1px dotted;
	}

div#footer p a:hover {
	color:		#fff;
	}

div#contactform {
        margin-left:            40px;
        width:                  600px;
        position:               relative;
        }

div#contactform div.formbox {
        border:                 1px solid #ffe7e4;
        width:                  600px;
        margin-bottom:          20px;
        background:             #fff;
        padding:                0;
	margin-left:		-200px;
        }

div#contactform div.inbox {
	width:			300px;
        height:                 30px;
        }

div#contactform div.inboxt {
        height:                 130px;
        }

div#contactform div.inboxs {
        height:                 45px;
        }

div#contactform div.title {
        width:                  600px;
        padding:                20px;
        font-size:              1.1em;
        font-weight:            bold;
        }

div#contactform p {
        margin:                 0 0 5px 40px;
        font-size:              0.9em;
        }

div#contactform span {
        position:               absolute;
        right:                  600px;
        margin-left:            20px;
	width:			100px;
	text-align:		right;
        }

div#contactform input.iname {
        position:               absolute;
        margin:                 0;
        right:                  250px;
        width:                  300px;
        height:                 14px;
        padding:                2px 0 2px 5px;
        }

div#contactform input.radio {
        margin:                 0 20px 0 0;
        }

div#contactform div.radio {
        position:               absolute;
        right:                  20px;
        text-align:             center;
        padding:                5px;
        width:                  300px;
        }

div#contactform textarea {
        width:                  300px;
        position:               absolute;
        right:                  250px;
        height:                 100px;
        padding:                2px 0 0 5px;
        }

div#contactform input.submit {
        position:               absolute;
        background:             #ff1111;
        border:                 1px solid #ff0000;
        color:                  #fff;
        margin:                 10px 0 10px 0;
        padding:                2px;
        right:                  250px;
        }

div#contactform .centered {
        text-align:             center;
        }