/**********************
**** main layout ******
**********************/

body, div, p, td, select, option, textarea, input
{
	font-family: Verdana;
	font-size: 10px;
}
body, div#background_corner_patch
{
	/*safari background-color: #b7ae9d;*/
	background-color: #b7ae9d;
}
img
{
	border: none;
}
#main_wrapper
{
	position:absolute;
	top: 50%;
	left: 50%;
	height: 524px;
	width: 950px;
	margin-top: -230px;
	margin-left: -475px;
}
#background_left
{
	float: left;
	height: 524px;
	width: 17px;
	background-image: url(../img/left.png);
	background-repeat: no-repeat;
}
#background_right
{
	float: left;
	height: 524px;
	width: 17px;
	background-image: url(../img/right.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#background_middle
{
	float: left;
	height: 524px;
	width: 895px;
	background-image: url(../img/bg.png);
	background-repeat: repeat-x;
}
#background_corner_patch
{
	position: absolute;
	margin-top: -34px;
	padding-left: 15px;
	left: 778px;
	height: 72px;
	width: 166px;
	background-image: url(../img/corner_rt.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#cleaner
{
	margin-top: -30px;
	text-align: center;
	color: #988d7a;
}
#swink_background
{	
	position: absolute;
	margin-top: 170px;
	background-image: url(../img/swink_bg.png);
	width: 187px;
	height: 66px;
	background-repeat: no-repeat;
	margin-left: -4px;
}

#ink_background
{	
	position: absolute;
	margin-top: 170px;
	background-image: url(../img/ink1.png);
	width: 187px;
	height: 66px;
	background-repeat: no-repeat;
	margin-left: -4px;
}



.cross
{
	position: absolute;
	background-image: url(../img/cross_blue.png);
	background-repeat: no-repeat;
	width: 13px;
	height: 12px;
}

/**********************
**** column layout ****
**********************/

.column
{
	width: 217px;
	float: left;
	display: inline;
	margin-right: 16px;
	margin-top: 30px;
}

#column2
{
	width: 412px;
}

#column1_box1
{
	background-color: /*#682e46;*/ #47add0;
	background-image: url(../img/line1_corner_lb.png);
	background-position: bottom left;
	color: white;
}
#column1_box1 .text_content
{
	padding-left: 15px;
	padding-top: 25px;
}

#column1_box2
{
	background-color:#FFFFFF;
	background-image: url(../img/deco_bg.png);
	background-position: bottom right;

}
#column2_box1
{
	height: 25px;
	color: #b7ae9d;
}
#column2_box1 .text_content
{
	padding-left: 5px;
}
#column2_box2
{
	height: 312px;
	background-image: url(../img/line2_corner_rb.png);
	background-position: bottom right;
}
#column2_box2 .text_content
{
	padding-left: 5px;
	padding-right: 5px;
	color: #b7ae9d;
}
#column2_box3
{
	height: 1px;
	color: #b7ae9d;
}
#column2_box3 a
{
	color: #b7ae9d;
	text-decoration: none;
	padding-left: 20px;
}
#column3_box1, #column3_box1_wide
{
	background: url(../img/line1_corner_rt.png) no-repeat right top;
}

#column3_box1_wide
{
	height: 353px;
	background-color:#3f271a;
	border-bottom: 1px solid #b7ae9d;
	text-align: right;
	color: #b7ae9d;
}

#column3_box1, #column3_box2
{
	height: 176px;
	background-color:#3f271a;
	border-bottom: 1px solid #b7ae9d;
	text-align: right;
	color: #b7ae9d;
}
#column3_box3
{
	height: 94px;
	text-align: right;
	background-color:#3f271a;
	/*border-top: 1px solid #b7ae9d;
	margin-top: 9px;*/
	color: #b7ae9d;
	padding-top: 5px;
}
#column3_box2 .text_content
{
	/*padding-left: 50px;*/
}
#column2_box3_cross1
{
	background-image: url(../img/cross_beige.png);
	margin-top: 70px;
	margin-left: -3px;
}
#column2_box3_cross2
{
	background-image: url(../img/cross_beige.png);
	margin-top: 70px;
	margin-left: 395px;
}
#column3_box3_cross1
{
	background-image: url(../img/cross_blue.png);
	margin-top: -352px;
	margin-left: 6px;
}
#column3_box3_cross2
{
	background-image: url(../img/cross_blue.png);
	margin-top: 80px;
	margin-left: 196px;
}
.text_content
{
	background-repeat: no-repeat;
	padding: 12px;
	padding-top: 10px;
}

.text_content_center, .portrait_main, .portrait_thumb
{
	padding-left: 20px;
	padding-right: 20px;
}

.content_box
{
	height: 217px;
	float: left;
	background-repeat: no-repeat;
	margin: 8px;
	width: 100%;
	clear: both;
}

.content_box2
{
	height: 434px;
	float: left;
	background-repeat: no-repeat;
	margin: 8px;
	width: 100%;
	clear: both;
}

.content_bg_patch
{
	width: 100%;
}
.content_bg_patch_color 
{
	margin-top: 0px;
	background-color: #b7ae9d;
}

.content_bg_patch div.corner
{
	background-image: none; 
	height: 20px;  
	width: 41px; 
	float:left;
}
.highlighted .content_bg_patch div.corner
{
	height: 41px;  
	background-image: url(../img/patch_curve.png); 
}

.highlighted .content_bg_patch div.right
{
	padding-top: 20px; 
	background-color: #b7ae9d; 
	height: 21px; 
}
.content_bg_patch div.right
{
	color: #9c6542; 
	font-weight:bold; 
	padding-top: 5px; 
	padding-left: 10px;
	background-color: inherit; 
	float:left; 
	height: 15px; 
	width: 351px;
}
.highlighted .content_bg_patch  img
{
	display: block;
}
.content_bg_patch img
{
	position: absolute;
	margin-top: -9px;
	margin-left: -8px; 
	display: none;
}
.highlighted div.patched_text_content 
{
	background-color:#b7ae9d;
	color: #281b15;
}
div.patched_text_content
{
	color: #b6aea1;
	background-color: inherit; 
	clear: both; 
	padding-left: 52px; 
	padding-bottom: 10px;
	padding-right: 15px;
}
.patch_stripe
{
	display: none;
	background: url(../img/patch_stripe.png) no-repeat;
	height: 15px;
	text-align:right;
}

.highlighted .patch_stripe
{
	display: block;
}

.sub_text_block
{
	margin-bottom: 30px;
}



/**********************
*** menu and submenu **
**********************/

.title, .menu_item, .menu_selected_item
{
	color: white;
	text-decoration: none;
	display: block;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 3px;
}
.menu_item, .menu_selected_item
{
	margin-left: -17px;
	padding-left: 17px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.menu_selected_item, .menu_selected_item:hover, .menu_item:hover
{
	color: white;
	text-decoration: none;
	background: url(../img/menu_highlighter.png) no-repeat 0 center;
}
.menu_item:hover
{
	margin-left: -19px;
	padding-left: 29px;
}
.line_submenu
{
	margin-top: -8px;
	text-align: right;
	width: 100%;
	margin-bottom: 10px;
}
.line_submenu a
{
	padding: 3px;
	color: #b7ae9d;
	text-decoration: none;
}
.line_submenu a:hover, .line_submenu a.selected
{
/*	padding: 3px;
	background-color: #b7ae9d;
	color: #462b1b;
*/
}



/**********************
**** text formatting **
**********************/

.current_color
{
	color: #47add0
	font-weight: bold;
}
.subtitle
{
	color: #8d5332;
	font-weight: bold;
}
.cells div, .cells span, #creation span
{
	display: block;
	text-align: left;
/*	padding: 5px;*/
}
.cells div, .cells span, .cells a
{
	color: #b7ae9d;
	text-decoration: none;
}

h3 {
	color: #8d5332;
	font: bold 10px/0 Verdana;
	text-transform: uppercase;
	margin: 0;
}

a
{
	color: #9c6542;
	text-decoration: none;
}
a:hover
{
	color: #9c6542;
	text-decoration: underline;
}
.cells img
{
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	margin-left: 0px;
}
#creation .creation_preview
{
	margin-top: 7px;
	margin-bottom: 8px;
	text-align: center;
	overflow: hidden; 
	height: 115px;
}
.cells .date, .cells .client, #creation .type
{
	color: #47add0;
	font-weight: bold;
}
.cells .client
{
	padding-top: 6px;	
	padding-bottom: 6px;
}
.cells .header, #creation .header
{
	font-weight: bold;
}

.cells .selected_item, .cells .item
{	
	clear: both;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 8px;
	border-bottom: 1px solid #563825;
}
.cells .item:hover, .cells .selected_item
{
	background-color: #3a261a;
}
.linked_item
{
	cursor: pointer;
}
.cells_none {
	text-align: left;
	margin-top: 5px;
	padding-bottom: 5px;
}
.cells_image
{
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}
.cells_related_work
{
	clear: both;
}
.cells_related_work img
{
	margin-right: 10px;
	border: 1px solid black;
}
.cells_related_work img:hover
{
	margin-right: 10px;
	border: 1px dashed #dfd6c1;
}
.more
{
	position: absolute; 
	margin-left: -25px;
	margin-top: -15px;
}
.col3_subbox .more
{
	float: right;
/*	margin-left: 170px;*/ /*FF3*/
	margin-top: 135px;;
}

.ink
{
	position: absolute; 
	margin-left: -13px;
	margin-top: -13px;
}

.ink2
{
	position: absolute; 
	margin-left: -14px;
	margin-top: 123px;
}
.exemples
{
	display: none;
}
.portrait_img
{
	float: left; 
	padding-right: 20px; 
	padding-bottom: 15px;
}
.portrait_thumb_img
{
	padding: 10px;
	padding-left: 0px;
}

.portrait_thumb
{
	padding-top: 20px;
}
.portrait_short_descr
{
	line-height: 15px; 
	padding-top: 2px;
	padding-bottom: 8px;
}
.portrait_descr, .client_descr
{
	line-height: 15px; 
	padding-top: 8px;
}
.portrait_main
{
	clear:both;
	border-bottom: 1px solid #b7ae9d;
	height: 215px;
}
.portfolio_image
{
	float: left;
	padding-right: 16px;
}
form .inline_checkbox
{
	float: left;
	width: 130px;
}
form .checkbox
{
	float: left;
	width: 150px;
}
form .checkbox label
{
	margin-top: 4px;
}


form textarea
{
	background-color: white;
	border: none;
	float: left;
	width: 160px;
}
form .field label
{
	float: left;
	width: 40px;
	padding: 6px;
	padding-left: 0;
	padding-right: 15px;
}
form .field input, form .field textarea
{
	background-color: #b7ae9d;
	border: none;
	width: 120px;
	float: left;
	margin-right: 20px;
}
form .field textarea
{
	width: 315px;
	height: 80px;
}
form label
{
	padding: 3px;
}
#form_bottom_part
{
	display: none;
}
#button_float{
	float: right;
	margin-top: 10px;
	padding-right: 10px;
}
form .field_block
{
	width: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
}
form .select
{
	margin-top: 3px;
}
.clear 
{
	clear: both;
}
input.button
{
	width: 73px;
	height: 19px;
	background: transparent no-repeat center center;
	border-style: none;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
}
input#reset
{
	background-image: url(../img/button_reset.png);
}
input#submit
{
	background-image: url(../img/button_submit.png);
}
input.button:hover
{
	 cursor: pointer;
}
form .subform
{
	height: 104px;
	color: #281b15;
	background-color: #b7ae9d; 
	clear: both;
	display: none;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
}
form .field_block
{
	float: left;
	padding-left: 15px;
}
#form_patch_stripe
{
	display: block;
}
#map
{
	border: 3px solid #3a261a;
}
#nav_prev
{
	padding-top: 5px;
	float: left;
}
#nav_next
{
	padding-top: 5px;
	float: right;
}
.nav a
{
	color: #9c6542;
}
.nav a:hover
{
	color: #9c6542;
	text-decoration: none;
}

.client_box {
	padding: 6px;
}

ul {
	padding-left: 22px;
}

li {
	line-height: 16px;
	margin-left: 0;
	list-style-image: url(../img/bullet.png);
}

 .sep
 {
	width: 217px;
	height: 24px;
	margin-left: -12px;
	position: absolute;
}
 #column3_sep1 
 {
	background: url(../img/column3_sep1.png) center bottom;
	top: 203px;
}
#column3_sep2 
{
	background: url(../img/column3_sep2.png) center bottom;
	top: 380px;
}

.photo {
	float: left;
}
#more_html, #more_php
{
	position:absolute; 
	margin-left:310px; 
	margin-top:-15px;
}
#quote_banner
{
	margin-left: -20px;
}
.col3_subbox
{
	height: 175px;
}
img.related_work
{
	margin-right: 10px;
}
#w3c
{
	 text-align: right; 
	 margin-right: 40px;
}