body {
	
	margin: 0 0 0px 0;
	font-family:Tahoma;
	font-size: 12px;
	color: #666666;
	line-height: 1.5em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #F7F7F3;
	background-image: url(/html/images/2008bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	
}
.bodybg{
	font-family:Tahoma;
	font-size: 12px;
	color: #666666;
	line-height: 1.5em;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
}
/* ËѺü2008 */

.img_cms{
float:left;
margin-right:0px;
margin-top:0px;
}
p{ padding-right:20px; }
a { color: #4A4A48; text-decoration: none; }
a:hover { text-decoration: underline; }

a.footer { color: #c7bdb5; text-decoration: underline; font-size: 12px; }
a.footer:hover { color: #8a7c70; text-decoration: none; }


img { border: 0; }

#wrapper {

	width: 900px;
	margin: 0 auto;
	padding: 0;
}

a.logo {
	width: 183px;
	height: 60px;
	text-align: center;
	background: url('logo.jpg') no-repeat;
	z-index: 5;
	float:left;
	margin-right: 82px;
	margin-left:25px;
}

#nav_bar {
	width: 900px;
	height: 56px;
	margin-top: 20px;
}
* html #nav_bar{
width: 900px;
}
#fullscreenad{
	width: 900px;
	height: 27px;
	padding-top: 20px;
	overflow: hidden;
}
#translate-this{
	padding-left: 280px;
}
#banner {
	width: 900px;
	height: 216px;
	border: #CCCCCC 1px solid;
	margin-top: 5px;
}


.main {
	width: 900px;
	background: #F7F7F3;
	overflow: hidden;	
}

.main1 {
width: 900px;
	background: #F7F7F3;
	overflow: hidden;
	
}
#click { padding: 178px 0 0 170px; }

#aboutofficialbranding, #whatwedo, #aboutbranding, #treecms, #newestprojects, #contactofficialbranding, #officialbranding, #areasofexpertise, #proffesionalon, #letus, #workonly, #becomeone, #thankyou, #ourteam, #onlineform, #webdesign, #webredesign, #webdevelopment, #logodesign, #printdesign, #treid, #projectdetails, #fromthesamecategory, #wearealsoproffesionals ,#contactofficialbranding1 { float: left;  height: auto; padding: 80px 0 10px 0; }

#aboutofficialbranding { width: 300px; background: url('head_cat/about.jpg') no-repeat 0 10px; }
#whatwedo { width: 300px; background: url('head_cat/what-we-to.jpg') no-repeat 0 10px; }
#aboutbranding { width: 300px; background: url('head_cat/branding.jpg') no-repeat 0 10px; }
#treecms { width: 300px; background: url('head_cat/tree_cms.jpg') no-repeat 0 10px; }
#newestprojects { width: 300px; background: url('head_cat/newsest_project.jpg') no-repeat 0 10px; }
#contactofficialbranding { width: 300px; background: url('head_cat/contact_official.jpg') no-repeat 0 10px; }
#contactofficialbranding1 { width: 300px; background: url('head_cat/about_CONTACT.jpg') no-repeat 0 10px; }
#officialbranding { width: 300px; background: url('head_cat/about_officialbranding.jpg') no-repeat 0 10px; }
#areasofexpertise { width: 600px; background: url('head_cat/areas_of_expertise.jpg') no-repeat 0 10px; }
#proffesionalon { width: 300px; background: url('head_cat/about.jpg') no-repeat 0 10px; }
#letus { width: 300px; background: url('head_cat/let_us_to_take.jpg') no-repeat 0 10px; }
#workonly { width: 300px; background: url('head_cat/work_only.jpg') no-repeat 0 10px; }
#becomeone { width: 300px; background: url('head_cat/become_one_of.jpg') no-repeat 0 10px; }
#thankyou { width: 300px; background: url('head_cat/thank_you.jpg') no-repeat 0 10px; }
#ourteam { width: 300px; background: url('head_cat/our_team.jpg') no-repeat 0 10px; }
#onlineform { width: 300px; background: url('head_cat/use_our.jpg') no-repeat 0 10px; }
#webdesign { width: 300px; background: url('head_cat/web_design.jpg') no-repeat 0 10px; }
#webredesign { width: 300px; background: url('head_cat/web_redesign.jpg') no-repeat 0 10px; }
#webdevelopment { width: 300px; background: url('head_cat/web_development.jpg') no-repeat 0 10px; }
#logodesign { width: 300px; background: url('head_cat/logo_design.jpg') no-repeat 0 10px; }
#printdesign { width: 300px; background: url('head_cat/print_creation.jpg') no-repeat 0 10px; }
#treid { width: 300px; background: url('head_cat/3d.jpg') no-repeat 0 10px; }
#projectdetails { width: 300px; background: url('head_cat/project_d.jpg') no-repeat 0 10px; }
#fromthesamecategory{ width: 300px; background: url('head_cat/from_the_same_category.jpg') no-repeat 0 10px; }
#wearealsoproffesionals{ width: 300px; background: url('head_cat/we_are_also.jpg') no-repeat 0 10px; }


#webredesign_d, #webdesign_d, #webdevelopment_d, #logodesign_d, #treid_d, #printdesign_d{ float: left;  height: auto; padding: 80px 0 10px 0; }
#pagination { float: left;  height: auto; padding: 20px 0 10px 0; }
#webredesign_d { width: 600px; background: url('head_cat/web_redesign.jpg') no-repeat 0 10px; }
#webdesign_d { width: 600px; background: url('head_cat/web_design.jpg') no-repeat 0 10px; }
#webdevelopment_d { width: 600px; background: url('head_cat/web_development.jpg') no-repeat 0 10px; }
#logodesign_d { width: 600px; background: url('head_cat/logo_design.jpg') no-repeat 0 10px; }
#treid_d { width: 600px; background: url('head_cat/3d.jpg') no-repeat 0 10px; }
#printdesign_d { width: 600px; background: url('head_cat/print_creation.jpg') no-repeat 0 10px; }
#pagination { width: 300px;  }


#body {
background: #F7F7F3;
	width: 802px;
	text-align: left;
	padding-top: 40px;
}

#domains, #support, #panel { float: left; padding: 10px 0 10px 0; color: #999999; }
#domains { width: 265px; background: url(../images/bg_domains.gif) no-repeat top left; }
#support { width: 271px; background: url(../images/bg_support.gif) no-repeat top left; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; }
#panel { width: 264px; background: url(../images/bg_panel.gif) no-repeat top left; }

#footer {
	padding: 10px 10px 0 10px;
	width: 900px;
	 background: #F7F7F3;
	font-size: 12px;
	text-align: left;
	margin-bottom: 10px;
	border-top:#333333 3px solid;
}

#footer, #left_col {
	float: left;
	padding-left: 7px;
}

#footer, #right_col {
	float: right;
}

#sidebar {
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-left: -30px;
}

#sidebar h2 {
	font-size: 12px;
	color: #8a7c70;
	background: url(../images/bg_sub_nav.gif) no-repeat top left;
	width: 200px;
	height: 20px;
	padding: 10px 0 0 12px;
	margin-left: 30px;
	
}

#sidebar li {
	display: block;
	list-style-type: none;
	text-align: left;
	padding-bottom: 4px;
}

#sidebar li.active {
	color: #8cc63f;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/bullet_orange.gif) no-repeat left;
	padding-left: 7px;
}

#sidebar li a {
	color: #8cc63f;
	font-size: 12px;
	background: url(../images/bullet_orange.gif) no-repeat bottom left;
	padding-left: 7px;
}

#sidebar li a:hover {
	color: #dd5533;
	text-decoration: none;
}

#content {
	float: right;
	width: 601px;
	margin-top: 10px;
	border-left: 0px solid #e1e1e1;
	line-height: 1.8em;
}

#content h2 {
	font-size: 12px;
	font-weight: bold;
	color: #8a7c70;
	background: url(../images/bg_content.png) no-repeat top left;
	width: 601px;
	height: 20px;
	padding: 10px 0 0 15px;
}



input.field {
width:150px;
	background: url(input_bg.jpg) repeat-x;
	border: 1px solid #BAC8D3;
	padding: 4px 3px 2px 3px;
	margin: 0 0 3px 7px;
	font-size: 10px;
	color: #333333;
}
input.but {
width:70px;
height:20px;
cursor:pointer;
	background: url(input_bg.jpg) repeat-x;
	border: 1px solid #BAC8D3;
	padding: 1px 1px 1px 1px;
	margin: 0 0 3px 7px;
	font-size: 10px;
	color: #333333;
}
select.field {
width:150px;
	border: 1px solid #BAC8D3;
	padding: 4px 3px 2px 3px;
	margin: 0 0 3px 7px;
	font-size: 12px;
	font-family:Tahoma;
	color: #333333;
}
textarea.field {
width:220px;
height:90px;
	background: url(textarea_bg.jpg) repeat-x;
	border: 1px solid #BAC8D3;
	padding: 4px 3px 2px 3px;
	margin: 0 0 3px 7px;
	font-size: 12px;
	color: #333333;
}

.buton_form{
	  width:292px;
	  padding-top:2px;
	  float:left;
	  text-align:right;
	  }

/* MENU */

#menu {display:block;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin-right:1px;}

#menu li.official {background:transparent url(menu/official_branding.jpg);}
#menu li.who {background:transparent url(menu/who_we_are.jpg);}
#menu li.works {background:transparent url(menu/works.jpg);}
#menu li.what {background:transparent url(menu/what_we_provide.jpg);}
#menu li.contact {background:transparent url(menu/contact.jpg);} 

#menu a {display:block; width:121px; height:0; padding-top:54px;  overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:54px; he\ight:0;}

#menu a#official {background:transparent url(menu/official_branding_ow.jpg) -130px -90px no-repeat;}
#menu a#who {background:transparent url(menu/who_we_are_ow.jpg) -130px -90px no-repeat;}
#menu a#works {background:transparent url(menu/works_ow.jpg) -130px -90px no-repeat;}
#menu a#what {background:transparent url(menu/what_we_provide_ow.jpg) -130px -90px no-repeat;}
#menu a#contact {background:transparent url(menu/contact_ow.jpg) -130px -90px no-repeat;}

#menu a#official:hover {background-position:0 0; z-index:50;}
#menu a#who:hover {background-position:0 0; z-index:50;}
#menu a#works:hover {background-position:0 0; z-index:50;}
#menu a#what:hover {background-position:0 0; z-index:50;}
#menu a#contact:hover {background-position:0 0; z-index:50;}
* html #menu a:hover {height:54px; he\ight:0;}

/*END*/


	  
	  	  .work_box{
	  float:left;
	  border: 1px solid #B9B9B6;
	  margin-right:5px;
	  margin-bottom:5px;
	  background-color:#FFFFFF;
	  }
	  .work_img{
	  margin:3px;
	  }
	  .name_form{
	  width:50px;
	  float:left;
	  height:20px;
	  padding-left:8px;
	  padding-top:3px;
	  margin-top:2px;
	  }
	  .input_form{
	  width:200px;
	  float:left;
	  margin-top:3px;
	  }
	  	  .work_box_big{
	  width:295px;
	  margin: 10px 0 0 0;
	  }
	  
	  .footer_copy{
float:left;
width:280px;
height:60px;
margin-right:10px;
text-align:center;
}
.footer_vertical_line{
float:left;
width:10px;
height:60px;
margin-right:10px;
text-align:center;
background-color:#E6E6E2;
}
.footer_copy_right{
float:left;
width:450px;
height:60px;
margin-right:10px;
text-align:center;
font-weight:bold;
}
.view_but{
	  float:left;
	  font-variant:small-caps;
	  font-weight:bold;
	  text-align:center;
	  font-family:Tahoma;
	  font-size:12px;
	  color:#626262;
	  padding-top:3px;
	  margin-left:147px;
	  width:143px;
	  height:29px;
	  background-image:url(view_work.jpg);
	  background-position:top;
	  background-repeat:no-repeat;
	  }
	  * html .view_but {
	  margin-left:74px;
	  }
	  
	  
	  .view_but_edit{
	  float:left;
	  font-variant:small-caps;
	  font-weight:bold;
	  text-align:center;
	  font-family:Tahoma;
	  font-size:12px;
	  color:#626262;
	  padding-top:3px;
	  width:131px;
	  }
	  * html .view_but_edit {
	  margin-left:74px;
	  }
	  
	  
	  .work_left_txt{
	  width:100px;
	  float:left;
	  padding-right:8px;
	  padding-top:0px;
	  margin-top:0px;
	  }
	  .work_right_txt{
	  width:192px;
	  float:left;
	  margin-top:0px;
	  }
	  .work_txt_box{
	  width:300px;
	  height:auto;
	  }

.topmu {
	float: left;
	width: 820px;
	height:25px;
	padding-left: 80px;
	overflow: hidden;
}