/* PAGE --------------------------------------------------------------------------------- */
body
{
	background-color: #fff4e9;
	min-width: 980px;
}

/* LAYOUT --------------------------------------------------------------------------------- */
#globalheader
{
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 40px;
	z-index: 5;
	height: 115px;
	background-color: #F1F1F1;
	border-bottom: 6px #ffc286 solid;
}

#globalfooter
{
	float: left;
	clear: both;
	width: 100%;
	border-top: 2px #ffc286 solid;
	position: relative;
}

.global
{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
}

.container, .content
{
	width: 100%;
	float: left;
	position: relative;
}

.main_col, .right_col, .left_col
{
	float: left;
	position: relative;
	overflow: hidden;
	padding: 0em 0em 1em 0em;
}

/* 1 column -------------------- */
.one .container, .one .content
{
	position: relative;
	width: 100%;
	float: left;
}

.one main_col
{
	width: 96%;
	left: 2%;
}

/* 2 columns -------------------- */
.two .container, .two .content
{
	float: left;
	width: 100%;
	position: relative;
}
.two .content { right: 25%; }

.two .right_col, .two .left_col
{
	float: left;
	position: relative;
	overflow: hidden;
}
.two .right_col
{
	width: 31%;
	left: 31%;
}

.two .left_col
{
	width: 61%;
	left: 27%;
}

/* 3 columns -------------------- */
.three .container { right: 25%; }
.three .content { right: 50%; }

.three .main_col
{
	width: 46%;
	left: 102%;
}

.three .left_col
{
	width: 21%;
	left: 31%;
}

.three .right_col
{
	width: 21%;
	left: 85%;
}
/* 3 columns Blog -------------------- */
.thblog .container { right: 25%; }
.thblog .content { right: 25%; }

.thblog .main_col
{
	width: 46%;
	left: 52%;
}

.thblog .left_col
{
	width: 21%;
	left: 56%;
}

.thblog .right_col
{
	width: 21%;
	left: 60%;
}

/* FORM --------------------------------------------------------------------------------- */
form label { display: block; }
label em
{
	display: none;
	color: #DA0202;
	font-size: 0.85em;
	padding-left: 1em;
}

.message_post { text-align: center; }
.success h2 { color: #85D30C; }
.error h2 { color: #8D0000; }
.message_post ul, #info_response ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.error li, .success li
{
	line-height: 2.2em;
	font-size: 1.5em;
	padding-left: 3em;
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
.error li
{
	color: #F00;
	background-image: url(../picture/warning.png);
}
.success li
{
	color: #85D30C;
	background-image: url(../picture/check.png);
}
.error h3
{
	float: left;
	margin-bottom: 0em;
	color: #F00;
}

#info .languages
{
	width: 30%;
	display: block;
	position: relative;
	padding: 0%;
	font-size: .8em;
	font-variant: small-caps;
	font-weight: bold;
	float: left;
	text-align: left;
	margin: 0%;
	left: 5%;
}
#info .languages a
{
	text-decoration: underline;
	letter-spacing: 2px;
}
#info .link_form
{
	width: 60%;
	float: right;
	position: relative;
	right: 0%;
	text-align: right;
	margin: 0%;
	padding: 0%;
}
#globalheader .headform { overflow: visible; }
.sliderJS #info-form .flow { position: relative; }
.sliderJS #info-form .hidden { display: none; }
.sliderJS #info-form.active .flow { display: block; }

.sliderJS #info-form .flow .headform
{
	position: absolute;
	bottom: 0;
	padding-bottom: 2.7em;
}

.info-link { text-decoration: underline; }
label
{
	cursor: pointer;
	font-weight: bold;
}
button
{
	border: 0px;
	padding: 0px;
	cursor: pointer;
	width: auto;
	overflow: visible;
}
#info
{
	background-color: #FFE7D0;
	clear: both;
	padding-right: 8%;
}
.headform
{
	text-align: left;
	width: 95%;
	clear: both;
	overflow: hidden;
	position: relative;
	margin: 0px auto 0px auto;
}
#contactForm { position: relative; }
#info-form
{
	color: #00aeff;
	clear: both;
	overflow: hidden;
	width: 950px;
	margin: 0px auto 0px auto;
}
#info-form ol
{
	width: 23%;
	float: left;
	list-style-type: none;
	font-size: 0.8em;
}
#info-form form
{
	font-size: 1.3em;
	line-height: 1.4em;
}
#info-form h2
{
	font-size: 2.2em;
	margin: 1em 0em 1.4em 0em;
}


#info-form input { width: 90%; }
#info-form textarea { height: 9em; }
#info-form input, #info-form textarea
{
	margin-bottom: 0.8em;
	padding: 0.2em;
	border-top: none;
	border-right: 1px #FFD4AA solid;
	border-bottom: 2px #FFD4AA solid;
	border-left: none;
}
#info-form fieldset
{
	width: 35%;
	float: left;
}
#info-form .button-fcontainer
{
	margin: 0px;
	padding: 1px;
	text-align: right;
	clear: left;
}
#info-form .button-fcontainer input
{
	border: none;
	color: #FFF;
	padding: 0.2em 1em 0.2em 1em;
	margin-right: 2.2%;
	background-color: #645951;
	font-size: 1.1em;
	cursor: pointer;
	width: 10%;
}
#info-form input[type="reset"] { background-color: #9F8F83; }
#info-form .button-fcontainer a.legal
{
	font-size: 0.8em;
	margin-right: 25px;
	text-decoration: underline;
}

/* HEADER --------------------------------------------------------------------------------- */
.logo
{
	width: 15%;
	float: left;
	display: inline;
	margin-left: 2%;
	line-height: 115px;
}
.logo .p4w { vertical-align: middle; }
/* MENU --------------------------------------------------------------------------------- */
#nav
{
	position: absolute;
	top: 0.8em;
	right: 2%;
	float: right;
	width: 600px;
	list-style: none;
}

#nav li
{
	width: 110px;
	height: 130px;
	margin-right: 5px;
	float: left;
	overflow: visible;
}

#nav li a
{
	display: block;
	text-indent: -9999px;
	height: 130px;
	width: 110px;
	border-bottom: none;
}

/* MENU HOME */
#nav li.home a,
#nav li.home a:link,
#nav li.home a:visited { background-position: 0 0; }
#nav li.home a:hover,
#nav li.home a:focus,
#nav li.home a:active { background-position: 0 -130px; }
.home #nav li.home a,
.home #nav li.home a:link,
.home #nav li.home a:visited,
.home #nav li.home a:hover, 
.home #nav li.home a:focus,
.home #nav li.home a:active { background-position: 0 -260px; }

/* MENU DESIGN */
#nav li.design a,
#nav li.design a:link,
#nav li.design a:visited { background-position: -110px 0; }
#nav li.design a:hover,
#nav li.design a:focus,
#nav li.design a:active { background-position: -110px -130px; }
.design #nav li.design a,
.design #nav li.design a:link,
.design #nav li.design a:visited,
.design #nav li.design a:hover, 
.design #nav li.design a:focus,
.design #nav li.design a:active { background-position: -110px -260px; }

/* MENU SERVICE */
#nav li.service a,
#nav li.service a:link,
#nav li.service a:visited { background-position: -220px 0; }
#nav li.service a:hover,
#nav li.service a:focus,
#nav li.service a:active { background-position: -220px -130px; }
.service #nav li.service a,
.service #nav li.service a:link,
.service #nav li.service a:visited,
.service #nav li.service a:hover, 
.service #nav li.service a:focus,
.service #nav li.service a:active { background-position: -220px -260px; }

/* MENU STANDARD */
#nav li.standard a,
#nav li.standard a:link,
#nav li.standard a:visited { background-position: -330px 0; }
#nav li.standard a:hover,
#nav li.standard a:focus,
#nav li.standard a:active { background-position: -330px -130px; }
.standard #nav li.standard a { background-position: -330px -260px; }
.standard #nav li.standard a,
.standard #nav li.standard a:link,
.standard #nav li.standard a:visited,
.standard #nav li.standard a:hover, 
.standard #nav li.standard a:focus,
.standard #nav li.standard a:active { background-position: -330px -260px; }

/* MENU PORTFOLIO */
#nav li.portfolio a,
#nav li.portfolio a:focus,
#nav li.portfolio a:active { background-position: -440px 0; }
#nav li.portfolio a:hover,
#nav li.portfolio a:focus,
#nav li.portfolio a:active { background-position: -440px -130px; }
.portfolio #nav li.portfolio a,
.portfolio #nav li.portfolio a:link,
.portfolio #nav li.portfolio a:visited,
.portfolio #nav li.portfolio a:hover, 
.portfolio #nav li.portfolio a:focus,
.portfolio #nav li.portfolio a:active { background-position: -440px -260px; }

/* FOOTER --------------------------------------------------------------------------------- */
#globalfooter .foot_std
{
	width: 40%;
	float: left;
	position: relative;
	overflow: hidden;
	padding-left: 15%;
}

#globalfooter .foot_std ul { list-style-type: none; }
#globalfooter .foot_std li a
{
	background-image: url(../picture/small_bullet.png);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	line-height: 2em;
	padding-left: 25px;
}
#globalfooter .vcard
{
	width: 30%;
	float: right;
	position: relative;
	overflow: hidden;
}
#globalfooter p.v-download
{
	background-image: url(../picture/Vcard.png);
	background-repeat: no-repeat;
	text-indent: 60px;
	line-height: 3em;
}
#globalfooter p.addr
{
	line-height: 1.8em;
	margin-bottom: 2em;
}
#globalfooter a.email
{
	text-decoration: underline;
	line-height: 2em;
}
#globalfooter .fn
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1.2em;
}
/* MISC --------------------------------------------------------------------------------- */
.clearer
{
	content: ".";
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;
}



span.sup
{
	vertical-align: super;
	font-size: 0.6em;
}

ul.okay
{
	position: relative;
	left: 5%;
	list-style-type: none;
}
ul.okay li
{
	line-height: 2em;
	background-image: url(../picture/bullet_check.png);
	background-repeat: no-repeat;
	background-position: 0em 0.6em;
	padding-left: 25px;
}
.photo_content img
{
	width: 45%;
	float: left;
	padding: 2%;
}
.photo_content p
{
	width: 45%;
	float: right;
	padding: 2%;
}
/* MODAL BOX ---------------------------------------------------------------------------- */

.jqmWindow
{
	display: none;
	position: fixed;
	top: 8%;
	left: 50%;
	margin-left: -340px;
	width: 680px;
	background-image: url(../picture/sticky_note.png);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #333;
	height: 563px;
}
.jqmWindow div
{
	position: relative;
	margin: 150px 100px 50px 100px;
}
.jqmWindow div p { line-height: 2em; }
.jqmWindow div h2
{
	text-align: center;
	text-transform: uppercase;
}
.jqmClose
{
	text-indent: -9999px;
	z-index: 9901;
	background-image: url(../picture/close_button.png);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 65px;
	right: 45px;
}
.jqmClose:hover { background-position: 0px -30px; }
.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(8 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}