/* CSS Document */
/* RESET */
body, h1, h2, h3, h4, h5, h6, form, img, p, ul, li 
{ 
	font-size:100%;
	margin:0; padding:0; border:0; font-weight:normal;
}

html{
	/*overflow:-moz-scrollbars-vertical;*/
}

a:active, a:focus{
	outline:none;
}

.raln { text-align:right; }

.clr { clear:both; }

.rflt
{
	float:right;
}

.hdn
{
	display:none;
}

.rgtImg
{
	float:right;
	padding:5px 0 8px 8px;
}




.lftImg
{
	float:left;
	padding:5px 8px 8px 0;
}
/* CSS Document */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#3f3f3f;
	text-align:center;
	background:url(public/images/site/top_inner_bg.gif) repeat-x 0 0 #f5f1e4;
}

body.home
{
	background:url(public/images/site/top_bg.gif) repeat-x 0 0 #f5f1e4;
}

#root
{
	text-align:left;
	font-size:1.2em;
	width:960px;
	margin:0 auto;
}

#header
{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:171px;
	color:#8a6f61;
}

#header a
{
	color:#8a6f61;
}

body.home #header
{
	position:relative;
	background:url(public/images/site/header_bg.gif) no-repeat 0 0;
	height:452px;
}

	body #header div.left
	{
		float:left;
		width:359px;
	}
	
		body.home #header div.left div.intro
		{
			padding:27px 35px 27px 39px;
		}
	
		body #header div.left a.logo
		{
			display:block;
			height:174px;
			width:100%;
		}
	
	body #header div.right
	{
		float:right;
		width:601px;
	}
	
		body #header div.right div.lang
		{
			font-size:90%;
			text-align:right;
			padding:10px 0px;
		}
	
		body #header div.right div.promo
		{
			padding:10px 0px;
		}
		
		body #header div.right div.promo h1
		{ 
			font-family:Arial, Helvetica, sans-serif;
			color:#5F514D;
			padding:0; margin:0; font-size:100%;
		}
		
		body #header div.right div.menu
		{
			background:url(public/images/site/menu_bg.gif) no-repeat 0px -97px;
			font-family:"Trebuchet MS", Arial, Verdana;
			font-size:14px;
			height:53px;
			padding-left:4px;
		}
		
		body.home #header div.right div.menu
		{
			background:url(public/images/site/menu_bg.gif) no-repeat 0 0;
		}
		
			body #header div.right div.menu ul li
			{
				display:inline;
			}
			
			body #header div.right div.menu ul li a
			{
				display:block;
				border-left:1px solid #311f1c;
				color:#c1b99f;
				float:left;
				padding:14px 24px 15px 24px;
			}
			
			body #header div.right div.menu ul li.first a
			{
				border-left:0px;
			}
			
			body #header div.right div.menu ul li a:hover, body #header div.right div.menu ul li a.current
			{
				border-top:4px solid #5f4737;
				padding-top:10px;
				text-decoration:none;
				color:#ffe384;
			}
			
body.home #header div.showcase
{
	position:absolute;
	left:360px;
	top:122px;
	width:601px;
	height:302px;
	padding-top:32px;
}

body.home #header div.showcase div.pager { text-align:right; padding-bottom:5px; }

body.home #header div.showcase div.pager b
{
	font-weight:normal;
	color:#b79b92;
}

body.home #header div.showcase div.pager a
{
	color:#50403c;
}			


body.home #header div.showcase div.content
{
	padding:15px 0px;
	height:205px;
	overflow:hidden;
}

body.home #header div.showcase div.content div.img
{
	float:left;
	width:302px;
}

body.home #header div.showcase div.content div.desc
{
	float:left;
	width:256px;
	padding:10px 20px 20px 23px;
}

body.home #header div.showcase ul
{
	padding:0;
	margin:0;
	border:0;
	list-style:none;
}

body.home #header div.showcase #slider .item
{
	left:0px;
	top:0px;
	display:block;
	width:601px;
	height:210px;
}

body.home #header div.showcase #slider
{
	position:relative;
	overflow:hidden;
	left:0px;
	top:0px;
	width:601px;
	height:210px;
}
			

#page
{
	padding:32px 0;
}

body.home #page
{
	background:url(public/images/site/home_page_top.gif) no-repeat 0 0;
}


	#page div.top
	{
		background:url(public/images/site/home_page_top_bg.gif) repeat-y 0 0;
		margin-bottom:25px;
	}
	
		#page div.top div.sections h1, #page div.top div.projects h1
		{
			width:180px;
		}
		
		#page div.top div.sections div.left
		{
			float:left;
			width:272px;
			padding:0px 20px 16px 28px;
		}
		
		#page div.top div.sections div.center
		{
			float:left;
			width:272px;
			padding:0px 20px 16px 28px;
		}
		
		#page div.top div.sections div.right
		{
			float:left;
			width:272px;
			padding:0px 20px 16px 28px;
		}
		
		#page div.top div.projects
		{
			border-bottom:1px solid #e5e0d4;
			background:url(public/images/site/home_page_projects_bg.gif) repeat-y 0 0;
		}
		
		#page div.top div.projects div.left
		{
			float:left;
			width:272px;
			padding:28px 20px 16px 28px;
			background:url(public/images/site/sec_top_bg.gif) no-repeat 0 0;
		}
		
		#page div.top div.projects div.right
		{
			float:left;
			width:640px;
		}
		
		#page div.top div.projects div.right h1
		{
			color:#44687e;
		}
		
		#page div.top div.projects div.right div.contents
		{
			padding:35px 15px;
		}
		
		#page div.top div.projects div.right div.contents div.items
		{
			float:left;
			width:554px;
		}
		
		#page div.top div.projects div.right div.contents div.item
		{
			float:left;
			width:172px;
			padding-right:6px;
			padding-left:6px;
			border-right:1px solid #acc2cd;
		}
		
		#page div.top div.projects div.right div.contents div.item a.cat
		{
			display:block;
			padding-top:5px;
			color:#44687e;
			font-weight:normal;
			text-align:right;
			font-size:90%;
		}
		
		#page div.top div.projects div.right div.contents div.first
		{
			padding-left:5px;
		}
		
		#page div.top div.projects div.right div.contents div.last
		{
			padding-right:1px;
			border-right:0px;
		}
		
		#page div.top div.projects div.right div.contents div.back
		{
			float:left;
			width:28px;
		}
		
		#page div.top div.projects div.right div.contents div.back a
		{
			display:block;
			width:28px;
			height:25px;
			background:url(public/images/site/project_nav.gif) no-repeat 0 0;
			margin-top:85px;
		}
		
		#page div.top div.projects div.right div.contents div.next
		{
			float:left;
			width:28px;
		}
		
		#page div.top div.projects div.right div.contents div.next a
		{
			display:block;
			width:28px;
			height:25px;
			background:url(public/images/site/project_nav.gif) no-repeat 0 -25px;
			margin-top:85px;
		}

#left_col
{
	float:left;
	width:300px;
}

#center_col
{
	float:left;
	width:630px;
	padding:0px 0px 30px 30px;
}

#center_col ul
{
	padding-left:25px;
	margin-bottom:16px;
	line-height:16px;
}

#center_col ul li
{
	list-style:square;
}

#center_col h1 { font-size:25px; color:#5e87a1; }

#right_col
{
	float:left;
	display:none;
}
		
#footer
{
	background:#412a26;
	color:#8a6f61;
	border-top:6px solid #33201d;
	text-align:center;
}

#footer a
{
	color:#8a6f61;
}

#footer ul
{
	list-style:none;
	margin-bottom:16px;
	line-height:20px;
}

#footer p
{
	line-height:20px;
}

#footer ul li
{
	background:url(public/images/site/footer_bullet.gif) no-repeat left;
	padding-left:8px;
}

#footer div.content
{
	width:960px;
	margin:0 auto;
	font-size:1.1em;
	text-align:left;
}

#footer div.content div.left
{
	float:left;
	border-right: 1px solid #503832;
	width:779px;
	padding-top:22px;
}


#footer div.content div.left div.section
{
	float:left;
	padding-right:25px;
}

#footer div.content div.right
{
	float:right;
	width:150px;
	padding-left:30px;
	padding-top:22px;
}

#footer div.line
{
	border-bottom:1px solid #503832;
	margin-bottom:10px;
}

#footer div.copyright div.content div.left
{
	float:left;
	border-right:0px;
	color:#8a6f61;
	padding-top:10px;
	padding-bottom:25px;
}

#footer div.copyright div.content div.right
{
	padding-top:10px;
	padding-bottom:25px;
	float:right;
	width:150px;
}

h4 { font-size:14px; color:#5e87a1; margin-bottom:8px; }

p { line-height:16px; margin-bottom:16px; }

.imp
{
	background:#ece8dc;
	border:5px solid #e7e2d5;
	padding:25px 35px;
	font-size:120%;
	line-height:20px;
}

a { color:#a15d5d; text-decoration:none; }

a:hover { text-decoration:underline; }

#header h1 { font-family:"Trebuchet MS", Arial, Verdana; font-size:200%; color:#5e87a1; margin-bottom:16px; }
h1.sIFR-replaced, #header h1.sIFR-replaced { margin-bottom:12px; }

h1 { font-family:"Trebuchet MS", Arial, Verdana; font-size:23px; color:#a15d5d; margin-bottom:16px; }


#header h2 { font-size:150%; margin-bottom:16px; color:#5e87a1; }

h2 { font-size:150%; margin-bottom:10px; color:#a15d5d;}


a.mbtn
{
	display:block;
	width:62px;
	height:21px;
	padding-top:4px;
	padding-right:17px;
	text-align:center;
	color:#a15d5d;
	font-weight:bold;
	background:url(public/images/site/btn_bg.gif) 0 -25px no-repeat;
}

#header a.mbtn_dark
{
	display:block;
	width:62px;
	height:21px;
	padding-top:4px;
	padding-right:17px;
	text-align:center;
	background:url(public/images/site/btn_bg.gif) 0 0 no-repeat;
	color:#2f1f1b;
	font-weight:bold;
}

#header a.mbtn_dark:hover, a.mbtn:hover
{
	text-decoration:none;
}

#header a.prev
{
	display:block;
	float:left;
	width:79px;
	height:15px;
	background:url(public/images/site/btn_bg.gif) no-repeat 0 -50px;
}

#header a.next
{
	display:block;
	float:right;
	width:79px;
	height:15px;
	background:url(public/images/site/btn_bg.gif) no-repeat 0 -65px;
}

div.left_menu
{
	padding:20px 27px 10px 27px;
	background:#efebde;
	margin-bottom:10px;
}

	div.left_menu ul
	{
		list-style:none;
	}
	
	div.left_menu ul li
	{
		font-weight:bold;
		font-size:14px;
		color:#a15d5d;
		display:inline;
	}
	
	div.left_menu ul li span
	{
		display:block;
		padding-bottom:10px;
	}
	
	div.left_menu ul li span.second
	{
		color:#555;
	}
	
	div.left_menu ul li span.third
	{
		color:#437595;
	}
	
	div.left_menu ul li ul
	{
		padding-bottom:16px;
		margin-bottom:16px;
		border-bottom:5px solid #e7e2d5;
	}
	
	div.left_menu ul li ul.last
	{
		padding-bottom:0px;
		padding-bottom:0px;
		border-bottom:0px;
	}
	
	div.left_menu ul li ul li a
	{
		display:block;
		color:#5e87a1;
		font-size:12px;
		font-weight:normal;
		border-top:1px solid #e0dacc;
		padding:6px 25px;
		background:url(public/images/site/bullet.gif) no-repeat 10px;
	}
	
	div.left_menu ul li ul li a:hover
	{
		text-decoration:none;
		background:url(public/images/site/bullet.gif) no-repeat 10px #f7f3e8;
	}
	
	div.left_menu ul li ul li a.current
	{
		text-decoration:none;
		font-weight:bold;
		background:url(public/images/site/bullet.gif) no-repeat 10px #f7f3e8;
	}
	
	div.left_menu ul li ul li.first a
	{
		border-top:0px;
	}

div.inner_bottom
{
	border-bottom:1px solid #e5e0d4;
	background:url(public/images/site/inner_bottom_bg.gif) repeat-y 0 0;
}
	
div.sec_testimonials
{
	position:relative;
	left:0px;
	top:0px;
	padding:15px;
	float:left;
	width:270px;
}

div.sec_testimonials h1
{
	font-size:23px;
	margin-bottom:5px;
	color:#44687e;
}

div.sec_testimonials div.nav_links
{
	position:absolute;
	right:15px;
	top:15px;
	width:62px;
}

div.sec_testimonials div.nav_links a.prev
{
	float:left;
	display:block;
	width:28px;
	height:25px;
	top:0px;
	left:0px;
	margin-right:5px;
	background:url(public/images/site/project_nav.gif) no-repeat 0 0;
}

div.sec_testimonials div.nav_links a.next
{
	float:left;
	display:block;
	width:28px;
	height:25px;
	top:0px;
	left:0px;
	background:url(public/images/site/project_nav.gif) no-repeat 0 -25px;
}

#testimonials_container
{
	width:270px;
	position:relative;
	left:0px;
	top:0px;
	height:160px;
	overflow:hidden;
}

#testimonials_container div.item
{
	position:absolute;
	left:0px;
	top:0px;
	width:270px;
	height:160px;
	background-color:#D9DFE1;
}


div.sec_proposal h1,
div.sec_portfolio h1
{
	font-size:23px;
	margin-bottom:5px;
}

div.sec_testimonials img,
div.sec_proposal img,
div.sec_portfolio img
{
	float:left;
	padding:0px 12px 5px 0px;
}

div.sec_testimonials i
{
	display:block;
	padding-top:3px;
	text-align:right;
	font-weight:bold;
}	

div.sec_proposal
{
	float:left;
	width:298px;
	padding:15px;
}

div.sec_portfolio
{
	float:left;
	width:299px;
	padding:15px;
}

div.entry table tr td
{
	padding:6px 10px 6px 0px;
}

div.inner_entry table tr td
{
	padding:2px;
}

div.entry table tr td i
{
	padding-left:2px;
	color:#FF0000;
}

div.sec_testimonials img.fltRight,
div.sec_proposal img.fltRight,
div.sec_portfolio img.fltRight
{
	float:right;
}

div.project_filter
{
	padding:15px;
	text-align:right;
	border-bottom:1px solid #e2ddcd;
	margin-bottom:16px;
}

div.project_list
{
	margin-bottom:16px;
	background-color:#FFF;
	padding:10px 0px;
}

div.project_list div.row div.item
{
	float:left;
	width:210px;
}

div.project_list div.row
{
	margin-bottom:10px;
}

div.project_list div.row div.item img
{
	padding:5px;
	border:1px solid #e2ddcd;
	background:#FFF;
}

div.project_list div.row div.item a.title
{
	display:block;
	padding:5px 0px;
	text-align:center;
}

div.project_pager
{
	margin-bottom:16px;
	text-align:right;
}

div.project_pager a
{
	line-height:25px;
	padding:2px 5px;
	border:1px solid #e2ddcd;
}

div.project_pager span
{
	line-height:25px;
	padding:2px 5px;
	border:1px solid #e2ddcd;
}


div.project_details
{
	margin-bottom:16px;
}

div.project_details div.project_top
{
	margin-bottom:25px;
}

div.project_details div.project_top div.project_left
{
	float:left;
	width:300px;
}

div.project_details div.project_top div.project_left img
{
	padding:8px;
	background:#FFF;
}

div.project_details div.project_top div.project_right
{
	float:left;
	width:330px;
}

div.project_details div.project_top div.project_right span.title
{
	font-weight:bold;
	font-size:120%;
	display:block;
	margin-bottom:8px;
}

div.project_details div.project_top div.project_right div.project_desc
{
	padding:0px 20px 15px 25px;
	border-bottom:1px solid #e2ddcd;
	margin-bottom:10px;
}

div.project_nav
{
	padding:0px 20px 15px 25px;	
}

div.project_details div.project_bottom
{
	margin-bottom:16px;
	font-size:95%;
}

div.project_details div.project_bottom span.title
{
	font-weight:bold;
	color:#a15d5d;
	display:block;
	margin-bottom:8px;
}

div.project_details div.project_bottom div.item
{
	float:left;
	width:184px;
	margin-right:25px;
	border-right:1px solid #e2ddcd;
}

div.project_details div.project_bottom div.lastitem
{
	float:left;
	width:210px;
}

.fltRight
{
	float:right;
}

#studio img
{
	width:128px;
	height:100px;
	float:left;
	background-color:#FFF;
	padding:5px;
	border:1px solid #E7E2D5;
	margin:0px 5px 5px 5px;
}

.err, .error
{
	color:#A15D5D;
	margin-bottom:16px;
	line-height:16px;
}

.err b, .error b
{
	display:block;
	margin-bottom:5px;
}

.hints
{
	font-size:90%;
	color:#999;
}

div.progress
{
	padding:10px 25px;
	font-size:12px;
	color:#FFF;
	background-color:#A15D5D;
}

/* project */
div.recent-projects
	{
	}
	
	div.recent-projects-nav
	{
		float:left;
		width:28px;
		height:25px;
		padding-top:54px;
	}
	
	div.recent-projects-nav a.prev
	{
		display:block;
		width:28px;
		height:25px;
		background:transparent url(public/images/site/project_nav.gif) no-repeat scroll 0 0;
	}
	
	div.recent-projects-nav a.next
	{
		display:block;
		width:28px;
		height:25px;
		background:transparent url(public/images/site/project_nav.gif) no-repeat scroll 0 -25px;
	}
	
	div.recent-projects-items
	{
		float:left;
		position:relative;
		width:549px;
		margin-left:5px;
		height:162px;
		left:0;
		top:0;
		overflow:hidden;
	}
	
	div.recent-projects-cnt
	{
		position:absolute;
		left:0px;
		top:0px;
	}
	
	div.recent-projects-cnt a
	{
		display:block;
		float:left;
		width:178px;
		height:162px;
		margin-right:5px;
		overflow:hidden;
	}
	
	
div.content-bottom
{
	width:100%;
}	

div.content-bottom div.join-social
{
	float:left;
	width:140px;
	text-align:right;
}

div.content-bottom div.resource
{
	float:left;
	width:480px;
}

div.content-bottom div.resource a
{
	background:url(public/images/site/brown_arrow.gif) no-repeat; padding:3px 25px 25px 35px; border-right:1px solid #e5e0d4; display:block; height:35px; margin-right:15px; overflow:hidden; float:left;
}


div.vcard { margin-bottom:6px; }
div.vcard span.country-name { display:block; }
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example: */
  #page .sIFR-active h1 {
    visibility: hidden;
  }
  
  #header div.intro .sIFR-active h1
  {
    visibility: hidden;
  }
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	/*zoom: 1;*/
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}