/* CSS Document */

body {
font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
color : #663300;
background-color:#000000;
}

a:link {
	color: #BB0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #800000;
}
a:hover {
	text-decoration: underline;
	color: #DD0000;
}
a:active {
	text-decoration: none;
	color: #CE6700;
}
#top_wrapper {
width:100%;
height:88px;
background-image:url("../images/top_bg.jpg");
background-repeat:repeat-x;
}

#top {
width:900px;
height:auto;
margin:0 auto;
}

#logo {
width: auto;
height: auto;
float:left;
line-height:25px;
padding-left:15px;
}

h1 {
font-size:28px;
color: #21201D;
font-weight:bold;
font-family:"trebuchet MS";
text-transform:uppercase;
margin:0;
padding:0;
line-height:25px;
padding-top:20px;
}

.slogan {
font-size:18px;
font-weight:normal;
text-transform:uppercase;
color: #21201D;
font-family:"trebuchet MS";
}

/*------------------MENU----------------------*/

#foxmenucontainer{ float:right;width:480px;height:30px;display:block;}

#foxmenu{position:relative;display:block;height:30px;font-size:16px;
font-family: "trebuchet MS"; margin-top:40px;}

#foxmenu ul{ height:30px;margin:0;padding:0;list-style-type:none;width:auto;}

#foxmenu ul li{width: auto; height:30px;display:block;float:left;margin:0 1px 0 0; text-align:center;}

#foxmenu ul li a{display:block;float:left;color: #663300;text-decoration:none;
padding:3px 10px 3px 10px;height: auto; width: auto;}

#foxmenu ul li a:hover{width: auto; height: auto; background-color: #EA7500; color:#ffffff; border:1px black solid;}

#foxmenu ul li a.current:hover{color:#000;background:#fff;}

#foxmenu ul li a.current{color:#000;background:#fff;}

/*---------------------------CONTENT----------------------------*/

#content_wrapper {
width:100%;
height:auto;

}

#content {
width:900px;
height:auto;
margin:0 auto;
padding-bottom:0px;
color: #EAB411;
}

#welcome {
width:440px;
height:auto;
padding-bottom:10px;
margin-left:15px;
font-size: medium;
color: #EAB411;
}

h2 {
font-size:28px;
color: #FEC021;
font-family:"trebuchet MS";
margin:0;
padding:0;
padding-top:30px;
border-bottom:2px solid #FFCC00;
padding-bottom:15px;
margin-bottom:15px;
font-weight:normal;
width:440px;
padding-left:15px;
}

#services {
width:900px;
height:155px;
background-image:url("../images/content1.jpg");
background-repeat:no-repeat;
margin-top:10px;
}

#menu {
color:#663300;
width:140px;
height:120px;
float:left;
width:250px;
padding-right:0px;
padding-left:20px;
margin-top:20px;
margin-right:20px;
margin-left:30px;
}

h3 {
font-size:16px;
font-family:"trebuchet MS";
color: #B75B00;
margin:0;
padding:0;
margin-bottom:10px;
font-weight:normal;
}
h4 {
font-size:24px;
color: #F4C400;
margin:0;
padding:0;
margin-bottom:10px;
}

#read {
width:120px;
padding-top:3px;
}

#thaif {
width:250px;
color:#663300;
height:120px;
float:left;
padding-right:0px;
padding-left:20px;
margin-top:20px;
margin-right:20px;
}

#direction {
width:250px;
color:#663300;
height:120px;
float:left;
padding-right:0px;
padding-left:20px;
margin-top:20px;
}

/*-------------------------FOOTER-----------------------*/

#footer_wrapper {
width:100%;
height:150px;
background-image:url("../images/bottom_bg.jpg");
background-repeat:repeat-x;
}

#footer {
width:900px;
height:auto;
margin:0 auto;
}

#copyright {
width:400px;
height:auto;
color: #484848;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
padding-top:15px;
padding-left:20px;
float:left;
}

#fmenu {
width:460px;
height:auto;
float:right;
color:#1e1e1e;
font-size:11px;
padding-top:20px;
}

#fmenu a{
color:#1e1e1e;
text-decoration:none;
}

#fmenu a:hover{
text-decoration:underline;
}
hr{
height:1px;
color:#663300;
width:900px;
}