body{
scrollbar-face-color:#e2e7e7;
scrollbar-base-color:#62cad3;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-Color:#ffffff;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
a:focus {
	outline: none;
}

/* CSS Document */

html {overflow-Y: scroll;}
br{ line-height:11px}
*{ margin:0; padding:0;  } 
a{color:#000000;}
a:visited{ color:#000000;}
a:activ{ color:#007cb1}
a:hover{ color:#007cb1}
h5{ font-size:18px;}
h6{  color:#007cb1;font-size:13px;}
h7{ color:#B63083; font-size:13px;}
h8{ color:#007cb1;font-size:13px;}
#wrapper{ width:750px; height:auto; margin:0 auto; padding:0; } 
#wrapper #container_a{float:left; height:auto; background-image:url(../images/logo.jpg); background-repeat:no-repeat; background-position:bottom; left:700px; font-size:12px }
#menu{ float:left; width:750px;  height:auto; background-image:url(../images/header.jpg); background-repeat:no-repeat; margin-bottom:10px}
#menu #links{ float:right;  margin:145px 0 0 5px;}
#menu #links ul{ list-style:none; text-decoration:none;}
#menu #links ul li{ float:left; display:block; text-transform:uppercase; font-size:12px; border-right:1px solid #000000; color:#000000;}
#menu #links ul .noborder{ border:none}
#menu #links ul li a{text-decoration:none; font-weight:bold;  padding:5px 7px;}

/*CONTENT*/
	/*side bar*/
#content{ clear:both; float:left;width:750px; margin: 0 0 7px 0; font-size:13px}
#content table{ border:none}
#content #home_sidebar{ width:240px; float:left; }
#content #home_sidebar #sideBar{ width:198px; margin:10px 10px 0 23px; }
#content #home_sidebar #sideBar .sidebar_top{ height:21px; width:200px; text-align:justify; background-image:url(../images/news_box_top.jpg)}
#content #home_sidebar #sideBar .sidebar_top .news_text{ width:160px; margin:0 20px; font-weight:bold; text-transform:uppercase; color:#007cb1; text-align:center; font-size:11px }
#content #home_sidebar #sideBar .sidebar_body{width:200px; background-image:url(../images/news_box_body.jpg)}
#content #home_sidebar #sideBar .sidebar_body .sidebar_txt{ width:181px; max-height:318px; margin:0 0 0 10px; padding-right:5px; font-size:10px; overflow:auto; overflow-x: hidden;}
#content #home_sidebar #sideBar .sidebar_body .sidebar_txt .news{ padding:5px 0; border-bottom:1px dotted #e0e2e5}
#content #home_sidebar #sideBar .sidebar_body .sidebar_txt .news h6{ font-size:10px; color:#007cb1;}

#content #home_sidebar #sideBar .sidebar_body .sidebar_txt a{ font-size:10px; text-decoration:underline; color:#007cb1 }
/*#content #home_sidebar #sideBar .sidebar_body .sidebar_txt h5{ color:#00CC99; text-indent:-5000px; font-size:1px; }*/
#content #home_sidebar #sideBar .sidebar_body .sidebar_txt h5{ color:#000000; font-size:12px; margin-bottom:-2px }
#content #home_sidebar #sideBar .sidebar_body .sidebar_txt p{ margin-bottom:20px }
#content #home_sidebar #sideBar .sidebar_btn{width:200px; height:9px; background-image:url(../images/news_box_btn.jpg)}
/*HOME*/
#home_maincontent{ width:403px; float:left; padding-top:5px }
#home_maincontent p{ margin:0 0 10px 0;}
#home_maincontent h2{ margin: 10px 0 10px 0; font-size:16px; color:#007cb1}
.blueText{ color:#007cb1}
#home_maincontent ul{ margin:0 0 0 45px;}
#home_maincontent li{ list-style:disc; color:#007cb1}
#home_maincontent li span{ color:#000000}
#home_maincontent .home_text h5{ font-size:14px; margin:0 0 0 0; text-transform:uppercase;}
/*#home_maincontent .home_text b{ color:#007cb1}*/
/*FLASH SLIDESHOW*/

#flash_slideshow{ width:402px; height:329px; margin:20px 0 0 3px; border:2px solid color:#007cb1; background-color:#ffffff;}


/*FOOTER*/

#footer_a{ clear:both; width:750px; height:18px; background-repeat:no-repeat; background-position:right; }
#footer_menu{ float:left; margin:40px 0 0 0; background-color:#00CCFF; background-image:url(../images/footer_menu_bcg.jpg); background-repeat:repeat-x; }
#footer_links ul li{ float:left; display:block; text-transform:uppercase; font-size:10px; border-right:1px double #0099CC}
#footer_menu #footer_links ul .noborder{ border:none}
#footer_menu #footer_links ul li a{text-decoration:none; font-weight:bold; color:#000000; padding:5px 13px; font-size:9px}
#footer_menu #footer_links ul li a:hover{ color:#007CB1}
/*SCROLL TWEEN*/

table, tr, td{ border:none}
/*project portfolio*/
#imagegallery{ width:750px; margin:10px auto 10px}
#imagegallery .header{ background-image:url(../images/imageloader_header.jpg); background-repeat:no-repeat; height:20px; padding:10px 0 0px 0px; border-bottom:1px solid  #C6FAFD ; float:left; height:auto;width:750px; }
#imagegallery .header h4{ font-size:12px; color:#007cb1; margin:0px 0 10px 20px; text-transform:uppercase;}
#imagegallery #gallery{ background-image:url(../images/imageloader_body.jpg); background-repeat:repeat-y; padding: 10px 0 0 15px; border-top:1px solid #91c8dc; float:left; width:735px}
#imagegallery .footer{ background-image:url(../images/imageloader_footer.jpg); background-repeat:no-repeat; height:28px; clear:both}
#imagegallery img{ margin:3px; border:2px solid #FFFFFF;}
#imagegallery a{ text-decoration:none;  }
/*PROJECT MENU*/
#imagegallery ul{ list-style:none; text-decoration:none; }
#imagegallery ul li{ float:left; display:block; text-transform:uppercase; font-size:12px; height:25px; background-image:url(../images/sep.jpg);  background-repeat:no-repeat; background-position: right 0}
#imagegallery .noactiv{font-weight:bold; padding:0px 21px; color:#007cb1}
#imagegallery ul .noborder{ border:none}
#imagegallery ul li a{text-decoration:none; font-weight:bold; color:#000000; padding:5px 21px; }
#imagegallery ul li a:hover{ color:#007cb1}
/*PROJECT*/
#project .sidebar{ width:170px; float:left; margin:25px 10px 0 0 ;}
#project .sidebar2{ width:170px; float:left; margin:25px 10px 0 0 ;}
#project .sidebar img{ margin:0 0 20px 0}
#project .sidebar2 img{ margin:0 0 20px 0}
#project .sidebar li{ list-style:none;}
#project .sidebar2 li{ list-style:none;}
#project .text{ float:left; width:450px;  margin:20px 0 30px 0 }

#project .design_text h2, #project .text h2{ margin:0 0 15px 0}
#project .design_text p, #project .text p{ margin:5px 0 10px 0;}
#project .design_text .title, #project .text .title{ font-size:18px;}
/*for design page only*/
#project .design_text{  float:left; width:350px;  margin:20px 0 30px 20px;}

#project img{ border:none}
.sidebar .links{ background-image:url(../images/linkbox.jpg); width:150px ; height:90px; padding:7px 0 0 0; background-repeat:no-repeat; text-align:center}
.sidebar .links a{ height:20px; vertical-align:middle; font-size:10px; color:#007cb1 }
.sidebar .links h5{ font-size:11px; color:#007cb1; margin-bottom:3px}

.sidebar2 .links{ background-image:url(../images/bbox.png); width:150px ; height:151px; padding:7px 0 0 0; background-repeat:no-repeat; text-align:center}
.sidebar2 .links a{ height:20px; vertical-align:middle; font-size:10px; color:#007cb1 }
.sidebar2 .links h5{ font-size:11px; color:#007cb1; margin-bottom:3px}

#project_desc{ margin:25px 20px 50px 20px; float:left; width:450px}
#project_desc h5{ font-size:18px}
#project_desc li{ list-style:outside; margin:0 0 0 15px}
#project_desc a{color:#007cb1}
#project_desc .title{ font-size:18px}

.text a{color:#007cb1}
/*PROFILE*/
#profile{ width:700px; margin:20px auto; font-size:12px}
#profile h4{ font-size:14px; color:#007cb1; margin-bottom:15px}
#profile intro{}
#profile .staff img{ width:120px;}

#profile .staff { margin:10px 0 10px; float:left; width:680px}
#profile .staff img{ float:left; margin:0 15px 15px 0}
#profile .staff p{ margin-left:135px}
/*PROJECTSLIDESHOW*/
#projectslideshow{ width:740px; height:220px; background-color:#66CCFF;}
#imagegallery .slideshow_header{ background-image:url(../images/imageloader_header.jpg); background-repeat:no-repeat; height:20px; padding:8px 0 0 5px; border-bottom:1px solid  #C6FAFD }
#imagegallery #slideshow_gallery{ background-image:url(../images/imageloader_body.jpg); background-repeat:repeat-y; padding:0 0 0 5px;}
/*TOGGLE BOX*/

.container {	width: 260px; float:left; margin:30px 0 0 0;}
.container .toggle_top{ background-image:url(../images/toggle_top.jpg); height:10px; background-repeat:no-repeat;}
.container .toggle_body{ background-image:url(../images/toggle_body.jpg);  float:left}
.container .toggle_body a{ font-weight:lighter}
.container .toggle_body h5{ margin-bottom:5px; margin-top:5px; color:#007cb1; font-size:12px; text-transform:uppercase; font-weight:lighter }
.container .toggle_btn{ background-image:url(../images/toggle_btn.jpg); height:10px; width:260px; background-repeat:no-repeat; float:left }
h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #666;
}
h2.trigger { text-transform:uppercase;
	padding: 0 0 0 20px; font-size:12px;
	margin: 0 0 0px 0;
	background: url(images/plus_.png) no-repeat;
	height: 36px;
	line-height: 36px;
	width: 240px;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #000000;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {color:#007cb1
}
h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 260px;
	clear: both;
}
.toggle_container_open {
	margin: 0 0 5px; padding: 0; background: #E1EEF4 url(../../images/toggle_block_stretch.gif) repeat-y left top;	overflow: hidden;	font-size: 1.2em;	width: 260px;	clear: both;}
.toggle_container_open .block {	padding: 20px; background-color:#e1eef4}
.toggle_container_open .block h3{ margin-bottom:5px}
.toggle_container .block {	padding: 20px; background-color:#e1eef4}
.block p{ text-transform:uppercase; color:#007cb1; font-size:10px; margin:10px 0}
.block ul{}
.block a{ color:#000000; font-size:10px}
.block li{ list-style:disc; color:#007cb1;}
/*Show garden make it blue*/
/*li span{ color:#007cb1; } CSS Document */

/*design box home page*/
#designBox { padding:0 0 0 20px}
#designBox img{ border:0; margin:20px 0 0 0;}
.design_images{ width:335px; float:right;margin:20px 20px 30px 0px;}
#design_gallery{background-image:url(../images/imageloader_body.jpg); background-repeat:repeat-y; padding: 10px 15px 0; border-top:1px solid #91c8dc;   width:720px; float:left}
.hideit{ text-indent:-5000px; height:1px}
#designMenu{ width:750px; height:24px}
#slickbox{ width:750px; float:left}
#contact_body{ background-image:url(../images/imageloader_body.jpg); background-repeat:repeat-y; padding: 10px 0 0 15px; border-top:1px solid #91c8dc; float:left; width:735px}
#contact_body a{ color:#007cb1; }
#imagegallery #contact_body a:hover{ text-decoration:underline; }
#slickbox{}