@charset "utf-8";

/* CSSTidy 1.3dev: Thu, 03 Apr 2008 18:16:06 +0200 */
/*
-----------------------------
Title: SIWAT.ORG MMX
Designer: Siwat Tongpatanakul
Created: 03 April 2008
Last updated: 13 March 2010
-----------------------------
*/
*
{
	margin:0px;
	padding:0px;
}

body
{
	font-size:14px;
	text-align:center;
	background:url(../images/siwat_mmx_bg.png) repeat-x #E1DED7;
}

html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset
{
	border:0px;
	color:#0F182D;
	font-family:Arial, Helvetica, sans-serif;
}
a:link,
a:visited,
a:active { color:#EDB20F; text-decoration:none;}
a:hover { color:#E1DED7;}
a:active, a:focus {outline:none;}

#bigbox
{
	margin:0 auto;
	text-align:left;
	width:1050px;
}
#headerbox 
{ 
	height:179px; width:1050px;
}	
#bannerbox
{
	height:135px;
	width:950px;
	background:url(../images/siwat_mmx_banner.png) no-repeat;
	padding:0px 50px 0px 50px;

}
#navbar
{
	height:44px;
	width:950px;
	background-image:url(../images/siwat_mmx_menu.png);
	background-repeat:no-repeat;
	padding:0px 50px 0px 50px;
}
#nav_layout
{
	height:auto;
	width:630px;
	padding-left:370px;
}

#footerbox
{
	background:url(../images/siwat_mmx_footer.png) no-repeat;
	background-repeat:no-repeat;
	height:93px;
	width:950px;
	padding:0px 50px 0px 50px;
	font-size:12px;
}
#footerbox2
{
	width:950px;
	padding:0px 50px 0px 50px;
	font-size:12px;
}
#content
{
	background:url(../images/siwat_mmx_cont_bg.png) repeat-y;
	min-height:450px;
	padding:20px 50px 20px 50px;
	text-align:left;
	width:auto;
	border:0;
}

/*#footer { background:#fff; padding:1px; }*/

#bigbox #content h1
{
	color:#0F182D;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
}
#bigbox #footerbox p
{
	color:#EDB20F;
	text-decoration:none;
}
/*------------ Content Items --------------------------------------------------------*/
#index_wrap{min-height:500px;}

#line{height:2px; background:#EDB20F;}
#line2{height:1px; background:#EDB20F;}

#portfolio
{
	padding-top:10px;
	padding-bottom:10px;
	width:316px;
	float:left;
}
#portfolio img
{
   padding:3px;
   border:1px solid #EDB20F;
}
#portfolio_wrap{height:270px;}

.index_recent_subheader {color:#66573E;}
.index_recent_description {font-size:11px; color:#66573E;}

ul.clients {line-height:150%; padding-left:1.1em;}

/*------------ jQuery Navigation Bar --------------------------------------------------------*/

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height:44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom;} /*--Hover State--*/
ul#topnav a.home {
	background:url(../images/siwat_mmx_nav_home.png) no-repeat;
	width:78px;
}
ul#topnav a.about {
	background:url(../images/siwat_mmx_nav_about.png) no-repeat;
	width:86px;
}
ul#topnav a.portfolio {
	background:url(../images/siwat_mmx_nav_portfolio.png) no-repeat;
	width:129px;
}
ul#topnav a.resume {
	background:url(../images/siwat_mmx_nav_resume.png) no-repeat;
	width:95px;
}
ul#topnav a.services {
	background:url(../images/siwat_mmx_nav_services.png) no-repeat;
	width:109px;
}
ul#topnav a.featured {
	background:url(../images/siwat_mmx_nav_featured.png) no-repeat;
	width:115px;
}
ul#topnav a.blog {
	background:url(../images/siwat_mmx_nav_blog.png) no-repeat;
	width:71px;
}
ul#topnav a.contact {
	background:url(../images/siwat_mmx_nav_contact.png) no-repeat;
	width:113px;
}
/*------------ Dropdown Style --------------------------------------------------------*/
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 44px; left: 0;
	/*background: #344c00 url(sub_bg.png) repeat-x; /*--Background gradient--*/
	background-color: transparent;
	background:url(../images/doytao_dropdown.png);
	padding: 10px 10px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 250px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*background: url(navlist_arrow.png) no-repeat 5px 12px;*/
	padding: 5px 5px 5px 5px;
	display: block;
	text-decoration: none;
	color: #0F182D;
}
ul#topnav .sub ul li a:hover {
	color:#EDB20F;
	background-image:url(../images/nav_buttons_trans.png);
	background-position: 5px 12px ;/*--Override background position--*/
}