body {
    font-family: Tahoma, sans-serif;
	margin-top: 0px;
	background-color: #6F3D14;
}

img {
	border: 0px;
}

a
{
  outline: none;
}

a:focus
{
  outline-style: none;
  -moz-outline-style: none;
}



.clear {
	clear: both;
}

/********** HEADER **********/
#header {
	width: 964px;
	height: 164px;
	background: url("/public/images/site_images/header_bkg.png") left top no-repeat;	
	text-align: left;	
	margin: 0 auto;
	position:relative;
}

#header .flower_and_text_bg {
	width: 506px;
	height: 145px;
	position: absolute;
	margin: 0px 0px 0px 530px;
	background: url("/public/images/site_images/header_flower_and_text_bg.png") left top no-repeat;	
}

#header .flower_and_text_en {
	width: 506px;
	height: 145px;
	position: absolute;
	margin: 0px 0px 0px 530px;
	background: url("/public/images/site_images/header_flower_and_text_en.png") left top no-repeat;	
}

#header h1{
	color:#FFFFFF;
	font-size:13px;
	left:9px;
	line-height:16px;
	margin:0;
	padding:0;
	position:absolute;
	top:114px;
}
/********** END HEADER **********/

/********** MENU **********/
#menu {
	width: 680px;
	position: absolute;
	margin: 120px 0px 0px 196px;	
	z-index: 100;
}

#menu ul {
	display: inline;
	margin: 0px;
	list-style: none;
}

#menu li {
	float: left;
	list-style-type: none;
	text-align: center;
	padding-top: 6px;
}

#menu li a {	
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: none;	
}


#menu li:hover {
	cursor: pointer;
}

#menu li.red_btn {
	width: 101px;
	height: 46px;
	margin: 0px 10px 0px 0px;
	background: url("/public/images/site_images/red_btn.png") left top no-repeat;
}

#menu li.red_btn a {	
	padding: 8px 5px 6px 5px;
}

#menu li.lightblue_btn {
	width: 101px;
	height: 46px;
	margin: 0px 10px 0px 0px;
	background: url("/public/images/site_images/lightblue_btn.png") left top no-repeat;
}

#menu li.lightblue_btn a {
	padding: 8px 22px 10px 22px;
}

#menu li.green_btn {
	width: 102px;
	height: 46px;
	margin: 0px 10px 0px 0px;
	background: url("/public/images/site_images/green_btn.png") left top no-repeat;
}

#menu li.green_btn a {
	padding: 8px 0px 10px 0px;
}

#menu li.orange_btn {
	width: 101px;
	height: 46px;
	margin: 0px 10px 0px 0px;
	background: url("/public/images/site_images/orange_btn.png") left top no-repeat;
}

#menu li.orange_btn a {
	padding: 8px 0px 10px 0px;
}

#menu li.blue_btn {
	width: 101px;
	height: 46px;
	margin: 0px 10px 0px 0px;
	background: url("/public/images/site_images/blue_btn.png") left top no-repeat;
}

#menu li.blue_btn a {
	padding: 8px 23px 10px 23px;
}

#menu li.purple_btn {
	width: 101px;
	height: 46px;
	margin: 0px 10px 0px 0px;
	background: url("/public/images/site_images/purple_btn.png") left top no-repeat;
}

#menu li.purple_btn a {
	padding: 8px 13px 10px 13px;
}

#menu_effect {	
	margin: -250px 0px 0px 146px;	
	position: absolute;
	z-index: 101;
	margin: -320px 0px 0px 146px;
}

/********** END MENU **********/


/********** CONTENT **********/
#content {
	width: 964px;
	height: 650px;
	background: url("/public/images/site_images/content_bkg.png") left top no-repeat;
	margin: 0 auto;
	background-color: #fee7ca;
}

#content #content_box {
	width: 666px;
	height: 478px;
	position: absolute;
	margin: 72px 0px 0px 192px; 
	background: url("/public/images/site_images/content_box_bkg.png") left top no-repeat;
}

#content #content_box img {
	margin: 10px 0px 0px 1px;
}

#content #content_box .big_photo {
	width: 643px;
	height: 455px;
	margin-left: 12px;
}

#content #content_box .big_photo_aj {
	width: 643px;
	height: 455px;
	margin-left: 0px;
}	

#content #content_box .zoom_icon{
	width: 25px;
	height: 21px;
	position: absolute;
	/*margin: 24px 0px 0px 616px;*/
	right:15px;
	top:15px;
	z-index: 14;
	background: url("/public/images/site_images/zoom_icon.png") left top no-repeat;
	text-decoration: none;
}

#promo_btn {	
    text-align: left;
	margin: 460px 0px 0px 114px;
	position: absolute;
	z-index: 50;
}

.promo_btn {
	position: absolute;
	padding: 9px 20px 18px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	background: url("/public/images/site_images/promo_btn.png") left top no-repeat;
}


#text_box {
	width: 606px;
	height: 49px;
	position: absolute;
	margin: 410px 0px 0px 12px;
	padding: 6px 20px 0px 20px;
	font-size: 12px;
	text-align: left; 
	background-color: #fff;
	color: #000;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index: 2;	
}


#portfolio_top_menu {
	height: 40px;
	padding-top: 18px;
	position: absolute;	
	margin-left: 194px;
}

#portfolio_top_menu ul {
	display: inline;
	margin: 0px;
	list-style: none;
}

#portfolio_top_menu li {
	float: left;
	list-style-type: none;
	width: 100px;	
	height: 58px;	
	padding: 0px 4px;
	text-align: center;
}

.top_menu_png_fix {
	width: 3px;	
	height: 19px;	
	position: absolute;
	margin-left: 102px;
	background: url("/public/images/site_images/top_menu_vline.png") left bottom no-repeat;	
}

#portfolio_top_menu li a {	
	display: block;
	font-size: 12px;
	color: #9F571D;
	text-decoration: none;	
}




.pf_sel {
	color: #ee1b1b !important;
}

.pr_sel {
	color: #8ea400 !important;
}

.ref_sel {
	color: #f2982d !important;
}

.promo_sel {
	color: #f2982d !important;
}

.serv_sel {
	color: #4ec4de !important;
}

#left_menu {
	width: 161px;
	padding-top: 18px;
	position: absolute;
	text-align: left;	
	margin: 72px 0px 0px 35px;
	z-index: 16;
}

#left_menu ul {
	display: inline;
	margin: 0px;
	list-style: none;
}

#left_menu li {
	float: left;
	list-style-type: none;
	line-height: 12px;
	width: 161px;	
}
 

.left_menu_png_fix {
	width: 161px;	
	height: 3px;	
	position: absolute;
	background: url("/public/images/site_images/left_menu_hline.png") left bottom no-repeat;	
}

#left_menu li a {
	margin-left: 24px;
	padding: 10px 0px;
	display: block;
	font-size: 13px;
	font-weight: ;
	color: #9F571D;
	text-decoration: none;
}

#gallery {
	width: 610px;
	height: 74px;
	position: absolute;
	margin: 554px 0px 0px 219px;
	overflow: hidden;
	text-align: left;	
}

#left_red_arrow {
	position: absolute;
	margin: 580px 0px 0px 196px;
}

#right_red_arrow {	
	position: absolute;
	margin: 580px 20px 0px 834px;
}

.left_red_arrow_png_fix {
	width: 14px;
	height: 24px;
	background: url('/public/images/site_images/red_arrow_left.png') left top no-repeat;	
	position: absolute;
}

.right_red_arrow_png_fix {
	width: 14px;
	height: 24px;
	background: url('/public/images/site_images/red_arrow_right.png') left top no-repeat;
	position: absolute;
}


#gallery #photo_list {
	width: 2000px;
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;	
	position: absolute;
}

#gallery li {
	float: left;
	list-style-type: none;
	width: 102px;
	height: 74px;
	text-align: left;
	background: url("/public/images/site_images/gallery_bkg.png") left top no-repeat;
}

#gallery li:hover {
	cursor: pointer;
}

#gallery li img {
	width: 86px;
	height: 62px;
	margin: 6px 0px 0px 6px;
}

#yellow_box {
	width: 262px;
	height: 455px;
	float: left;
	background: url("/public/images/site_images/yellow_bkg.png") left top no-repeat;
	margin: 10px 0px 0px 11px;
	text-align: left;
	padding: 30px;
}

.references h3 {
	margin: 0px;
	padding: 0px;
	color: #f2982d;	
}


.services h3 {
	margin: 0px;
	padding: 0px;
	color: #4ec4de;	
}

.aboutus h3 {
	margin: 0px;
	padding: 0px;
	color: #0f71d0;	
}

#yellow_box #info {
	margin-top: 40px;
	height: 280px;
	overflow: hidden;
	position: aboslute;
}

#yellow_box #sinfo {
	margin-top: 20px;
	height: 280px;
	overflow: hidden;
	position: aboslute;
}

#yellow_box #info #part_from_info {	
	font-size: 12px;
	color: #333;
}

.references .orange_read_more {
	width: 99px;
	height: 29px;
	margin: 24px 0px 0px 161px;
	padding: 7px 0px 0px 2px;
	text-align: left;
	position: absolute;
	background: url("/public/images/site_images/orange_read_more_btn.png") left top no-repeat;
}

.references .orange_back {
	width: 59px;
	height: 39px;
	margin: 24px 0px 0px 0px;
	padding: 7px 0px 0px 2px;
	text-align: left;
	position: absolute;
	background: url("/public/images/site_images/orange_back_btn.png") left top no-repeat;
}

.references .orange_read_more a {
	width: 99px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	text-align: center;
	text-decoration: none;	
}

.references .orange_back a {
	width: 59px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;	
	position: absolute;
}


#white_box .zoom_reference {
	width: 25px;
	height: 21px;
	position: absolute;
	margin: 10px 0px 0px 270px;
	z-index: 14;
	background: url("/public/images/site_images/zoom_icon.png") left top no-repeat;
	text-decoration: none;
}

.services .lightblue_read_more {
	width: 99px;
	height: 29px;
	margin: 24px 0px 0px 161px;
	padding: 7px 0px 0px 2px;
	text-align: center;
	text-align: left;
	position: absolute;
	background: url("/public/images/site_images/lightblue_read_more_btn.png") left top no-repeat;
}

.services .lightblue_back {
	width: 59px;
	height: 39px;
	margin: 24px 0px 0px 0px;
	padding: 7px 0px 0px 2px;
	text-align: left;
	position: absolute;
	background: url("/public/images/site_images/lightblue_back_btn.png") left top no-repeat;
}

.services .lightblue_read_more a {
	width: 99px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;	
	position: absolute;
}

.services .lightblue_back a {
	width: 59px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;	
	position: absolute;
}

.aboutus .blue_read_more {
	width: 99px;
	height: 28px;
	margin: 24px 0px 0px 161px;
	padding: 8px 0px 0px 2px;
	text-align: left;
	position: absolute;
	background: url("/public/images/site_images/blue_read_more_btn.png") left top no-repeat;
}

.aboutus .blue_back {
	width: 59px;
	height: 39px;
	margin: 24px 0px 0px 0px;
	padding: 7px 0px 0px 2px;
	text-align: left;
	position: absolute;
	background: url("/public/images/site_images/blue_back_btn.png") left top no-repeat;
}

.aboutus .blue_read_more a {
	width: 99px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	text-align: center;
	text-decoration: none;	

}

.aboutus .blue_back a {
	width: 59px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;	
	position: absolute;
}

.zoom_icon_min {
	width: 25px;
	height: 21px;
	position: absolute;
	/*margin: 24px 0px 0px 245px;*/
	right:0;
	top:0;
	z-index: 14;
	background: url("/public/images/site_images/zoom_icon.png") left top no-repeat;
	text-decoration: none;
}


#white_box, #contacts_white_box {
	width: 322px;
	height: 455px;
	float: left;
	background: url("/public/images/site_images/white_bkg.png") left top no-repeat;
	margin: 10px 0px 0px 0px;
	text-align: center;
}


#white_box  #services_gallery, #white_box  #aboutus_gallery {	
	text-align: left;
	padding: 6px;	
}	

#white_box  #services_gallery h3 {
	margin: 50px 0px 0px 20px;
	padding: 0px;
	color: #4ec4de;
}

#white_box  #aboutus_gallery h3 {
	margin: 50px 0px 0px 20px;
	padding: 0px;
	color: #0f71d0;
}

#white_box #menu_img {
	margin: 6px 0px 0px 6px;	
}

#white_box #photos {
	width: 293px;
	height: 214px;
	margin: 26px 0px 0px 10px;
	background: url("/public/images/site_images/photos_bkg.png") left top no-repeat;
	position:relative;
}

#white_box #photos img {
	margin: 11px 0px 0px 10px;
}

#white_box #photos img.thumb_photo {
	width: 273px;
	height: 191px;
}

#white_box #photos_bar {
	width: 288px;
	height: 70px;
	margin: 16px 0px 0px 12px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
}

#white_box #photos_bar #photo_list {
	display: inline;	
	width: 10000px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
}

#white_box #photos_bar #photo_list li {
	width: 96px;
	height: 70px;
	float: left;
	list-style-type: none;
	text-align: left;	
	background: url("/public/images/site_images/thumbs_photos_bkg.png") left top no-repeat;
}

#white_box #photos_bar #photo_list li img {
	width: 81px;
	height: 56px;
	margin: 6px 0px 0px 7px;	
}

#left_blue_arrow {
	position: absolute;
	margin: 32px 0px 0px 0px;
}

#right_blue_arrow {
	position: absolute;
	margin: 32px 20px 0px 303px;
}


#contacts_yellow_box {
	width: 286px;
	height: 455px;
	float: left;
	background: url("/public/images/site_images/yellow_bkg.png") left top no-repeat;
	margin: 10px 0px 0px 11px;
	text-align: left;
	padding: 30px 18px;
}

#contacts_info {
	font-size: 12px;
	color: #5f5e5c;
}

.contacts h3 {
	color: #aa33d5;
	padding: 0px;
	margin: 22px 0px 16px 0px;
}

#contacts_info strong {
	color: #aa33d5;	
}


#contacts_map {
	width: 286px;
	height: 196px;
	margin: 13px 0px 0px 0px;
	background: url("/public/images/site_images/map_frame.png") left top no-repeat;
}

#contacts_form  h3 {
	color: #aa33d5;
	text-align: left;
	margin: 50px 0px 18px 0px;
	padding-left: 30px;
}

#contacts_form .field_one {
	margin-top: 4px;	
}

#contacts_form .field_two {
	margin-top: 8px;
}

#contacts_form .field_three {
	margin-top: 8px;	
}

#errors {
	position: absolute;
	width: 280px;
	margin: 10px 0px 0px 20px;
	text-align: center;
	color: #f00;
	font-size: 11px;	
}

#contacts_form .field_one, #contacts_form .field_two, #contacts_form .field_three {
	width: 276px;
	height: 14px;
	color: #ababab;
	font-size: 12px;
	padding: 4px; 
	border: 1px solid #dedddd;
	background-color: #fff9d4;
}

#contacts_form  textarea {	
	margin-top: 34px;
	width: 280px;
	height: 182px;
	color: #ababab;
	font-size: 12px;
	border: 1px solid #dedddd;
	background-color: #fff9d4;
	overflow-y: auto;
}

#contacts_form .form_btn_clear {
	width: 69px;
	height: 18px;
	/*margin: 4px 0px 0px -14px;*/
	right:94px;
	top:5px;
	position: absolute;
	padding: 6px 12px 12px 1px;
	background: url('/public/images/site_images/form_btn.png') left top no-repeat;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#contacts_form .form_btn_send {
	width: 69px;
	height: 18px;	
	position: absolute;
	/*margin: 4px 0px 0px 64px;*/
	right:15px;
	top:5px;
	padding: 6px 12px 12px 1px;
	background: url('/public/images/site_images/form_btn.png') left top no-repeat;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

/********** END CONTENT **********/

/********** FOOTER **********/
#footer {
	width: 964px;
	height: 64px;
	background: url("/public/images/site_images/footer_bkg.png") left top no-repeat;
	margin: 0 auto;
}

#footer #footer_links {
	position: absolute;
	margin: 31px 0px 0px 800px;
	text-align: left;
}

#footer #footer_links a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#footer #footer_links a:hover {
	text-decoration: underline;
}

#footer #footer_links a.sound_icon img {
	position: absolute;
	margin-top: 2px;	
}

#footer #footer_links a.sound_icon:hover {
	text-decoration: none;
}
#footer .footer_text, #footer .footer_text_second{
	font-family: Verdana,Geneva,sans-serif; 
	color: rgb(255, 255, 255); 
	font-style: italic; 
	position: absolute; 
	font-weight: bold; 
	font-size: 12px; 
	margin: 33px 0pt 0pt 61px;
}
#footer .footer_text_second{
	margin: 26px 0 0 363px;
	width:410px;
}
/********** END FOOTER **********/


/******** new definition *******/
.contact_btn_box{
	position:relative;
}




.logo_png_fix{
	display:block;
	position: relative;
	left:-60px;
	top:0;
}

