@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	font:13px Arial, Helvetica, sans-serif, Tahoma;
	color:#717171;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

.clear_right {
    clear:right;
    height:1px;
    overflow:hidden;
}

h1 {
	color:#666666;
	font-family:Calibri;
	font-size:23px;
	text-transform:uppercase;
	line-height:26px;
	padding:10px 0;
}

/*--Whole Header--*/

#whole_header {
	margin:auto;
	/*overflow:hidden;*/
	background:url(images/dot_bg.gif) repeat;
}

#header_ct {
	margin:auto;
	width:1085px;
}

#top_navi {
	overflow:hidden;
	float:right;
	padding:45px 0 0 0;
	
}

#top_navi a {
	float:left;
	padding:0 10px;
}

#whole_navi_logo {
	height:86px;
	overflow:hidden;
}

#logo {
	float:left;
	padding:15px 0 0 0;
}

#nav_alt {
	margin:22px 0 0 0;
	height:42px;
/*	overflow:hidden;
*/
}

#nav_alt a {
	float:left;
}

.line_navi {
	float:left;
}

/*--Whole Banner--*/

#whole_banner_ly01 {
	background:url(images/banner_bg01.jpg) no-repeat center top;
	overflow:hidden;
	height:392px;
}

#whole_banner_ly02 {
	background:url(images/banner_bg02.jpg) no-repeat center 195px;
	overflow:hidden;
	height:392px;
}

#whole_banner_ly02_ct {
	margin:auto;
	width:1085px;
	overflow:hidden;
}

#banner_left {
	float:left;
	width:542px;
}

#banner_left_ct {
	padding:33px 0 0 31px;
}

#banner_left_ct .reqbtn {
	margin:20px 0 0 0;
}

#banner_right {
	float:right;
	width:543px;
	overflow:hidden;
	height:392px;
}

#banner_right_ct {
	color:#000000;
}

#banner_right_ct a {
	color:#26ab34;
	text-decoration:none;
}

#banner_right_ct a:hover {
	color:#26ab34;
	text-decoration:underline;
}

/*--Whole Four Box--*/

#whole_fourbox {
	background:url(images/dot_bg.gif) repeat;
	border-bottom:3px solid #000000;
}

#whole_fourbox_ct {
	margin:auto;
	width:1085px;
	padding:25px 0 10px 0;
	color:#FFFFFF;
}

#whole_fourbox_ct .align {
	margin-right:15px;
}

#efbox {
	width:260px;
	float:left;
}

#efbox h4 {
	padding-bottom:15px;
}

#efbox .icon {
	float:left;
	width:44px;
}

#efbox .ct {
	float:left;
	width:200px;
	margin-left:10px;
}

#efbox .ct ul {
	list-style:none;
}

#efbox .ct ul li {
	padding:0 0 15px 0;
}

#efbox .ct ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

/*--Whole Body--*/

#whole_body {
	background:#000000 url(images/bg_body.jpg) repeat;
}

#whole_body_ly02 {
	background:url(images/bg_body_02.png) repeat-x top;
	padding:25px 0 0 0;
}

#body {
	width:1085px;
	margin:auto;
}

#body_left {
	float:left;
	width:280px;
}

#leftbox {
}

#leftbox_hd {
	height:8px;
	overflow:hidden;
}

#leftbox_hd_ct {
	float:left;
	background:url(images/left_box_hd_bg.png) repeat-x;
	width:264px;
	height:8px;
	overflow:hidden;
}

#leftbox_ct {
	width:280px;
	background:url(images/left_box_bg.png) repeat-y;
}

#leftbox_ft {
	height:8px;
	overflow:hidden;
}

#leftbox_ft_ct {
	float:left;
	background:url(images/left_box_ft_bg.png) repeat-x;
	width:264px;
	height:8px;
	overflow:hidden;
}

#blog {
	padding:7px 15px;
	text-shadow:1px 1px 0 #FFFFFF;
	color:#5f5f5e;
}

#blog ul {
	list-style:none;
}

#blog ul li {
	padding:10px 0 12px 0;
	background:url(images/blog_line_bg.png) repeat-x bottom;
}

#blog ul li a {
	color:#5f5f5e;
	text-decoration:none;
}

#blog ul li a:hover {
	color:#9f9f9f;
	text-decoration:underline;
}

#testimonial {
	padding:7px 15px;
	text-shadow:1px 1px 0 #FFFFFF;
	color:#5f5f5e;
}

#testimonial p {
	font-style:italic;
	padding:10px 0;
	color:#b4b4b4;
}

#body_right {
	float:right;
	width:780px;
}

#wlcbox {
	line-height:19px;
	text-shadow:1px 1px 0 #FFFFFF;
}

#wlcbox a {
color:#0082FF;
text-decoration:none;
}


#wlcbox h1 {
        color:#666666;
        font-family:Calibri;
        font-size:23px;
        text-transform:uppercase;
        line-height:26px;
        padding:10px 0;
}


#wlcbox h2 {
        margin:0;
        padding:10px 0;
        font:18px Calibri;
        font-weight:bold;
        color:#868686;
        width:inherit;
}

#wlcbox h3 {
        margin:0;
        padding:10px 0;
        font:16px Calibri;
        font-weight:bold;
        color:#868686;
        width:inherit;
}

#wlcbox h4 {
        margin:0;
        padding:10px 0;
        font:14px Calibri;
        font-weight:bold;
        color:#868686;
        width:inherit;
}

#wlcbox ul {
        margin:0;
        padding:10px;
}

#wlcbox li {
        margin:0;
        padding:0 0 0 20px;
        list-style:none;
        background-image:url(images/forward.png);
        background-repeat:no-repeat;
        background-position:0em 0.3em;
        line-height:23px;
}

#gogreen {
	margin:20px 0 0 0;
}

#gogreen_hd {
	background:url(images/gogreeen_hd_bg.jpg) repeat-x;
	height:10px;
	overflow:hidden;
}

#gogreen_ct {
	background:#FFFFFF;
	border-left:3px solid #30af46;
	border-right:3px solid #30af46;
	padding:5px 15px 0 10px;
	line-height:19px;
}

#gogreen_ct b {
	color:#009419;
}

#gogreen_ct .icon {
	float:left;
	padding-right:10px;
	border: 0px;
}

#gogreen_ct .icon a {
	text-decoration:none;
}


#gogreen_ft {
	background:url(images/gogreeen_ft_bg.jpg) repeat-x;
	height:10px;
	overflow:hidden;
}

/*--Whole Footer--*/

#whole_footer {
	background:url(images/bg_body.jpg) repeat;
}

#footer {
	margin:auto;
	width:1085px;
	padding:20px 0 0 0;
}

#footer_ct {
	float:left;
	background:url(images/footer_bg.png) repeat-x;
	width:1029px;
	padding:20px 20px 30px 20px;
	overflow:hidden;
}

#footer_ct a {
	color:#717171;
	text-decoration:none;
	padding:0 5px;
}

#footer_ct a:hover {
	color:#009419;
	text-decoration:none;
	padding:0 5px;
}

#footer_ct b {
	color:#009419;
}

.footer_line {
	height:2px; 
	background:url(images/blog_line_bg.png) repeat-x center; 
	margin:7px 0; 
	clear:both;
	overflow:hidden;
}

/*--Whole Sub Page--*/

#whole_subpage {
	margin:auto;
	width:1085px;
}

#subpage_ly01 {
	background:url(images/subpage_bg_left.png) repeat-y top left;
	overflow:hidden;
}

#subpage_ly02 {
	background:url(images/subpage_bg_right.png) repeat-y top right;
	padding:0 2px;
	overflow:hidden;
}

#subpage_ly03 {
	background:#FFFFFF url(images/bg_body_02.png) repeat-x top;
	overflow:hidden;
}

#subpage_left {
	width:303px;
	float:left;
	overflow:hidden;
}

#categorybox {
	background:url(images/category_bg.png) no-repeat top right;
	padding:0 0 10px 0;
}

#categorybox_hd {
	background:url(images/bg_category_hd.jpg) repeat-x;
	height:26px;
	overflow:hidden;
	width:245px;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	padding:10px 0 0 17px;
}

#categorybox_hd a {
        color:#000000;
        text-decoration:none;
}


#categorybox_ct {
	float:left;
	background:#FFFFFF;
	padding:0 6px 0 7px;
	width:249px;
}

#categorybox_ct ul {
	list-style:none;
	padding-right:5px;
}

#categorybox_ct ul li {
	padding:10px 0 10px 10px;
	border-bottom:1px solid #e8e8e8;
}

#categorybox_ct ul li a {
	color:#000000;
	text-decoration:none;
	padding:0 10px 0 0;
	text-shadow:1px 1px 0 #ffffff;
}

#categorybox_ct ul li a:hover {
	color:#000000;
	text-decoration:none;
	padding:0 10px 0 0;
	background:url(images/stripe.jpg) no-repeat right 0.2em;
	text-shadow:1px 1px 0 #ffffff;
}

#categorybox_ct ul li a.highlight {
	color:#000000;
	text-decoration:none;
	padding:0 10px 0 0;
	background:url(images/stripe.jpg) no-repeat right 0.2em;
	text-shadow:1px 1px 0 #ffffff;
}

#subpage_right {
	width:774px;
	float:right;
	overflow:hidden;
}

#sr01 {
	padding:10px 0 0 0;
	overflow:hidden;
}

#sr01 #sr_left {
	float:left;
	width:540px;
	overflow:hidden;
}

#sr_left_ct {
	overflow:hidden;
}

#sr_left h1 {
	color:#666666;
	font-family:Calibri;
	font-size:23px;
	text-transform:uppercase;
	line-height:26px;
	padding:10px 0;
}

#sr_left h2 {
        margin:0;
        padding:10px 0;
        font:18px Calibri;
        font-weight:bold;
        color:#868686;
        width:inherit;
}

#sr_left ul {
        margin:0;
        padding:10px;
}

#sr_left li {
        margin:0;
        padding:0 0 0 20px;
        list-style:none;
        background-image:url(/images/forward.png);
        background-repeat:no-repeat;
        background-position:0em 0.3em;
        line-height:23px;
}

#sr01 #sr_right {
	float:right;
	width:210px;
}

#rite_fo {
	background:url(images/bg_rite.png) no-repeat;
	width:207px;
	height:434px;
	overflow:hidden;
	padding:10px 0 0 0;
}

#rite_fo #row {
	padding:10px 12px;
	overflow:hidden;
}

#rite_fo #row .rw_left {
	float:left;
	width:62px;
}

#rite_fo #row .rw_right {
	float:right;
	width:117px;
}

#rite_fo #row .rw_right h4 {
	padding:10px 0 10px 0;
	overflow:hidden;
}

#rite_fo #row .rw_right ul {
	list-style:none;
}

#rite_fo #row .rw_right a {
        color:#666666;
	text-decoration:none;
}

#rite_fo #row .rw_right ul li {
	background:url(images/arrow_green.jpg) no-repeat 0em 0.3em;
	padding:0 0 0 12px;
	font-size:11px;
	overflow:hidden;
	text-shadow:1px 1px 0 #ffffff;
}

#rite_line {
	padding:5px 0;
	overflow:hidden;
	text-align:center;
	overflow:hidden;
}

#whole_feature_product {
	padding:0 13px 30px 0;
}

#whole_feature_product h1 {
	color:#868686;
	font-family:Calibri;
	font-size:23px;
	text-transform:uppercase;
	line-height:26px;
	padding:0 0 0 20px;
}

#whole_feature_product h3 {
	color:#bcbcbc;
	font-family:Calibri;
	font-size:21px;
	line-height:21px;
	padding:0 0 0 20px;
}

#whole_feature_product h4 {
	font-size:13px;
	font-weight:normal;
	color:#000000;
}

#ft_row {
	margin:0 0 20px 0;
}

#ft_row_hd {
	background:url(images/ft_hd_bg.jpg) repeat-x;
	height:9px;
	overflow:hidden;
}

#ft_row_ct {
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
/*	background:url(images/ft_bg.jpg) repeat-x bottom;*/
	padding:10px 10px 10px 0;
	/*position:relative; fixed slide portfolio in IE6*/ 
	min-height:450px;
}

#ft_row_ct_row {
	padding:10px 0;
}

#ft_row_ct_row .slideshow {
	width:378px;
	height: 305px;
	float:left;
	margin-right: 50px;
}

#ft_row_ct_row .caption {
	float:right;
	background:none repeat scroll 0 0 #fff;
	position: absolute;
	left: 430px;
}

#ft_row_ct_row .caption p {
	padding:15px 0;
	border-bottom:1px solid #e8e8e8;
}

#ft_row_ft {
	background:url(images/ft_ft_bg.jpg) repeat-x;
	height:9px;
	overflow:hidden;background:none repeat scroll 0 0 #fff;
}

#subpage_footer {
	height:8px;
	overflow:hidden;
}

#subpage_footer_ct {
	float:left;
	background:url(images/subpage_ft_bg.png) repeat-x;
	height:8px;
	overflow:hidden;
	width:1069px;
}

#sr_left_ct a {
color:#0082FF;
text-decoration:none;
}

a .hightlight{
	background:url(images/stripe.jpg) no-repeat right 0.2em;
}

#package #sub_package {
color:#666666;
float:left;
font:13px/17px Tahoma;
height:110px;
margin:5px 10px 0 0;
width:250px;
}

.haveborder {
border-right:1px dotted #666666;
}

#package #sub_package img {
border:1px solid #EAA700;
}

#line_hori {
border-bottom:1px dashed #333333;
height:1px;
margin:10px 0;
overflow:hidden;
width:auto;
}

#navileft_project {
background-color:#000000;
background-image:url("images/bg_bodyright.jpg");
background-position:left top;
background-repeat:no-repeat;
border:1px solid #46433F;
float:left;
/*margin:0 5px 5px 10px;*/
padding-bottom:20px;
width:287px;
}

#contact_us {
background-image:url("images/map.jpg");
background-position:right top;
background-repeat:no-repeat;
border:1px dashed #424242;
color:#FFFFFF;
font:11px/16px Tahoma;
height:110px;
margin:30px 0 0 12px;
padding:6px 0 0 5px;
width:256px;
}


#whoweare {
color:#FFFFFF;
font:11px Tahoma;
margin:18px 0 0 14px;
}

#whoweare p {
line-height:17px;
padding-right:35px;
}

#whoweare img{
	padding-bottom:10px;
}

#package b {
color:#EAA700;
}

#sr01 .contactbox {
background:url("images/contact_box.gif") repeat-x scroll left bottom #FFFFFF;
border:1px solid #CCCCCC;
float:left;
height:175px;
margin-right:5px;
margin-top:5px;
padding:15px;
position:relative;
width:43%;
}

#sr01  p {
margin:0;
padding:5px 0 10px;
}

.post_header {
border-bottom:1px dashed;
padding-bottom:5px;
}

#sr01 a {
color:#666666;
text-decoration:none;
}

.post_title {
color:#0082FF;
font:bold 12px Tahoma;
}

.post_content {
font-size:13px;
line-height:180%;

text-align:justify;
}

#project {
color:#666666;
font:13px Tahoma;
margin:0;
padding:0;
width:750px;
}

.imgRightH {
background:none repeat scroll 0 50% #FFFFFF;
border:1px solid #CACACA;
float:left;
margin:8px 8px 0 0;
padding:10px;
width:340px;
}

.content-derk {
display:none;
}

#whole_contact {
	margin:20px 0;
	width:560px;
	float:left;
}

#contact_hd {
	background:url(images/checkbox_hd_bg.jpg) repeat-x;
	height:13px;
	overflow:hidden;
}

#contact_ct {
	border-left:2px solid #e9e9e9;
	border-right:2px solid #e9e9e9;
	padding:25px;
}

#contact_ct .row {
	padding:5px 0;
}

#contact_ct .row label {
	width:30%;
	float:left;
	font-weight:bold;
	color:#000000;
}

#contact_ct .ctleft {
	width:60%;
	float:left;
	padding:0 0 0 10px;
}

#contact_ft {
	background:url(images/checkbox_ft_bg.jpg) repeat-x;
	height:13px;
	overflow:hidden;
}

#address {
	margin:20px 0 0 0;
	background:url(images/bg_rite.png) no-repeat;
	width:207px;
	height:434px;
	overflow:hidden;
	float:right;
}

#address_ct {
	padding:20px 0 0 20px;
	line-height:19px;
	font-size:11px;
}

.project_holder{
	margin-left: 43px;
	margin-top: 25px;
}

.center_text{
	text-align: center;
}


#sr01 h3 {
	padding-top:15px;
}
#sr01 .navigation 
{
	padding-bottom:10px;
}
ol  {
list-style:none;

}
ol li {
margin:0;
padding:0;
padding-bottom: 10px;

}


#content ul{ 
list-style:none;
} 
#content ol{
padding-left: 30px;
}
ol .children {
list-style:none;
padding-left: 35px;
}
/*Drop down*/

#nav_alt, #nav_alt ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
/*position:relative; fixed ie 6*/ 
line-height:1.5em; 

z-index:999;

}

#nav_alt a{
display:block;
color:#fff;
text-decoration:none;
background-color:transparent;
}

#nav_alt a:hover{
background-color:color:transparent;
color:#0297cb;

}

#nav_alt li{
float:left;
position:relative;
}

#nav_alt li ul{
	margin-top: 7.5px;
	
}

#nav_alt ul {
	position:absolute;
	display:none;
	top:35px;
	left:0;
	background:#FFFFFF ;
	font-size:14px;
	font-weight:bold;
	color:#0a883d;
	width:250px;
	border:1px solid #d5e0e4;
	
}

#nav_alt ul li{
	
	display: block;
	width: 230px;
	padding:10px 0 10px 20px;
	border-bottom:1px solid #d5e0e4;
	
}

#nav_alt li ul a{
	color:#0a883d;
	text-decoration:none;
	border-left: none;
}

/*#nav_alt a:link, #nav_alt a:active, #nav_alt a:visited {
border-right:1px solid #ffffff;
display:block;
text-decoration:none;*/

}

#nav_alt li ul a:hover{
	color:#0297cb;
	text-decoration:none;
	
}



#nav_alt ul  li ul {
	position:absolute;
	display:none;
	top:0;
	left:0;
	background:#FFFFFF ;
	font-size:14px;
	font-weight:bold;
	color:#0a883d;
	width:260px;
	border:1px solid #d5e0e4;
	margin-right:80px;
	
}

#nav_alt ul li ul li {
	
	display: block;
	width: 240px;
	padding:10px 0 10px 20px;
	border-bottom:1px solid #d5e0e4;
	
}


#nav_alt ul ul{
top:auto;
}	

#nav_alt li ul ul {
left:17em;
margin:0px 0 0 10px;
}

#nav_alt li:hover ul ul, #nav_alt li:hover ul ul ul, #nav_alt li:hover ul ul ul ul{
display:none;
}
#nav_alt li:hover ul, #nav_alt li li:hover ul, #nav_alt li li li:hover ul, #nav_alt li li li li:hover ul{
display:block;
}