body {
	font-family: Arial;
	margin:0;
	padding:10px;

	padding-bottom:60px
	color:#1e1f1c;
	font-size:12px;
	width:100%;
	height:100%;
	text-align:center;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
form {margin:0;  padding:0;
}
img {border:0px
}
a {	color:#4d5252; font-size:12px; text-decoration:none
}
a:hover {text-decoration:underline;
}
#body { width:822px; height:auto;  text-align:left; padding-left:0px;
} 
#header {position:absolute; width:100%; height:auto;
}
#logo {position:absolute; width:239px; left:0px; top:40px
}
#menu {
	position:absolute;
	width:504px;
	height:44px;
	left:318px;
	top:69px;
	background:url(images/menu_bg.gif) no-repeat left center;
}
#menu a { font-size:16px; color:#dff0fe; text-decoration:none;
}
#m1 {
	position:absolute;
	width:13px;
	height:8px;
	left:366px;
	top:115px;
	background:url(images/img_m.gif) no-repeat
}
#m2 {
	position:absolute;
	width:13px;
	height:8px;
	left:458px;
	top:116px;
	background:url(images/img_m.gif) no-repeat
}
#m3 {
	position:absolute;
	width:13px;
	height:8px;
	left:559px;
	top:115px;
	background:url(images/img_m.gif) no-repeat
}
#m4 {
	position:absolute;
	width:13px;
	height:8px;
	left:658px;
	top:115px;
	background:url(images/img_m.gif) no-repeat
}
#m5 {position:absolute; width:13px; height:8px; left:764px; top:125px; background:url(images/img_m.gif) no-repeat
}
#content {
min-height:100%;
position:relative;
width:100%;
height:auto;
top:152px;
}

#content2 {
padding-left:0px;
margin-left:0px;
min-height:100%;
position:relative;
width:100%;
height:auto;
top:152px;
left:0px;
padding:0px;
clear:inherit;
}

#picture {position:absolute; width:401px;  
}
#right_top {position:absolute; width:421px; left:401px; background:url(images/right_bg.jpg) no-repeat left top; height:218px;  
}
#top {position:absolute; width:307px; left:67px; top:19px; background:url(images/grey_bot.gif) no-repeat left bottom  #384a55; height:148px
}
#top_in {
	position:absolute;
	width:275px;
	left:18px;
	top:5px;
}
#top_in a { font-size:12px; color:#faffee; font-weight:bold; text-decoration:none; padding-left:27px; line-height:33px; background:url(images/plus.gif) no-repeat left center 
}
.grey { width:100%; height:1px; background:#516573; font-size:0px
}
#click {position:absolute; width:182px; left:192px; top:174px;
}
#wrap {
	min-height:100%;
	position:relative;
	height:100%;
	width:822px;
	top:431px;
	clear:both;
}

#wrap2 {
	padding-left:0px;
	min-height:100%;
	position:relative;
	padding:0px;
	height:100%; width:100%; top:290px; left:0px;
	clear:both;
  background-color:#000000;
}
#left_column {
	position:absolute;
	width:259px;
	color:#666767;
	top: -32px;
}
#left_column a { font-size:13px; font-weight:bold; color:#587711; text-decoration:none
}
#left_column a:hover {text-decoration:underline
}
#middle_column {
	position:absolute;
	height:auto;
	width:259px;
	left:282px;
	top: -33px;
}
#right_column {
	position:absolute;
	width:259px;
	left:558px;
	top: -32px;
}
.line {
	width:95%;
	height:1px;
	background:#bcc1ae;
	font-size:0px
}
#right_column a { font-size:13px; font-weight:bold; color:#248fb8; text-decoration:none
}
#right_column a:hover {text-decoration:underline
}
.footer2 {

   width:100%;
   background-color:#FFFFFF
	color:#666767;
}

#footer {

position:absolute; 
width:100%; 
top:975px; 
background:url(images/footer_bg.gif) no-repeat; 
height:auto; 
color:#666767

}
#footer a { color:#aeb0b0; text-decoration:none
}
#left_about {
	position:absolute;
	width:541px;
	top: -32px;
	left: 1px;
	height: 346px;
}
#left_about a { font-size:13px; font-weight:bold; color:#587711; text-decoration:none
}
#left_about a:hover {text-decoration:underline
}
#icon { font-family: Arial; font-size: 12px; color:#5a7912; line-height: 24px}
#icon a { font-family: Arial; font-size: 12px; color:#5a7912; line-height: 24px;
 background:url(images/icon.gif) no-repeat left center; padding-left:14px;
 text-decoration:none}
#icon a:hover { font-family: Arial; font-size: 12px; color:#5a7912; line-height: 24px;
 background:url(images/icon.gif) no-repeat left center;text-decoration:underline}
#left_work {position:absolute; width:259px; color:#666767
}
#icon_1 { font-family: Arial; font-size: 12px; color:#5a7912; line-height: 24px}
#icon_1 a { font-family: Arial; font-size: 12px; color:#5a7912; line-height: 24px;
 background:url(images/icon.gif) no-repeat left center; padding-left:14px;
 text-decoration:none}
#icon_1 a:hover { font-family: Arial; font-size: 12px; color:#5a7912; line-height: 24px;
 background:url(images/icon.gif) no-repeat left center;text-decoration:underline
}
#icon_2 { font-family: Arial; font-size: 12px; color:#5a7912; line-height: 24px}
#icon_2 a { font-family: Arial; font-size: 12px; color:#5a7912; line-height: 24px;
 background:url(images/icon.gif) no-repeat left center; padding-left:14px;
 text-decoration:none}
#icon_2 a:hover { font-family: Arial; font-size: 12px; color:#5a7912; line-height: 24px;
 background:url(images/icon.gif) no-repeat left center;text-decoration:underline
} 
#left_work {position:absolute; width:259px; color:#666767
}
#right_work {position:absolute; width:259px; left:562px;
}
.input {width:222px; height:18px; border:1px #bcc1ae solid; color:#000000; font-size:11px; padding:2px 0 0 8px; background:#FFFFFF
}
.mess{width:219px; height:163px; border:1px #bcc1ae solid; color:#000000; font-size:11px; padding:2px 0 0 8px;
}

#leftcol6 {
  float: left;
  width: 65%;
}
#rightcol6 {
  float: right;
  width: 35%;
}

#leftcol5 {
  float: left;
  width: 70%;
}
#rightcol5 {
  float: right;
  width: 30%;
}


#leftcol4 {
  float: left;
  width: 33%;
}
#rightcol4 {
  float: right;
  width: 33%;
}
#content4 {
padding-left:0px;
 left:0px;
 float: left;
  width: 33%;
  text-align: left
}
#footer4 {
 background-position: left bottom;
  float: left;
 clear: both;
  width: 100%;
  text-align: center;
  background-color:#000000;
  color:#FFFFFF;
margin:0;

}
#bottom2 {
padding-left:0px;
left:0px;
padding:0px;
background-position: left bottom;
float: left;
width: 100%;
background-color:#000000;
}

/*-------Portfoilo Style----------*/
#center_content{
width:900px;
clear:both;
height:auto;
}
.portofolio_box{
width:427px;
height:168px;
text-align:center;
padding-top:10px;
background:url(images/portofolio_box.gif) no-repeat center;
}
.more{
width:90px;
height:23px;
padding:10px 0 10px 0;
background:url(images/more.jpg) no-repeat center;
padding-left:33px;
}
.more a{
text-decoration:none;
color:#000;
line-height:23px;
}

.thumbnail_box a{
width:114px;
height:101px;
float:left;
margin:7px;
text-align:center;
padding-top:7px;
background:url(images/thumbnail_box.gif) no-repeat center;
}
.next_project{
clear:both;
padding:10px 30px 10px 0;
float:right;
margin-right:20px;
background:url(images/arrow.gif) no-repeat right;
}
.next_project a{
text-decoration:none;
color:#000000;
}

.left_content{
width:450px;
float:left;
padding:5px 5px 5px 15px;
}
.right_content{
width:400px;
float:left;
padding:5px 15px 5px 15px;
}