@charset "UTF-8";
/* ------------------------------------------------------------------------------ */
/* Author: Michel Hébert              Version:1.0            Last Revision:16/03/09
+----------------------------------------------------------------------------------+
studioceiba.com CSS by
	|           | |            | |    |  |    | |          \   |   |   /        \
	|     ______   ____    ____  |    |  |    | |     __    \  |   |  /    __    \
	|     ______       |  |      |    |  |    | |    |  |      |   |      |  |     
	|           |      |  |      |    |  |    | |    |  |    | |   | |    |  |    |
	 ______     |      |  |      |    |  |    | |    |  |    | |   | |    |  |    |
	 ______     |      |  |      |     __     | |     __       |   |       __      
	|           |      |  |      |            | |           /  |   |  \          /
	 ___________        __        ____________   __________     ___     ________ 
                                                                              CEIBA
+----------------------------------------------------------------------------------+
Email: Admin@studioceiba.com                         Website: www.studioceiba.com */
/* ------------------------------------------------------------------------------ */
/*Basic Rules*/
html,
body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dd,
dt,
pre,
blockquote,
form,
input,
fieldset
 {
	margin: 0px;
	padding: 0px;
}
#header,
.container,
.glass_container,
.gray_container_full,
#footer {
	Position: relative;
	margin: 0px auto;
	width: 952px;
}

/*Wrappers*/
body {
	position: relative;
	width: 100%;
	height: 100%;
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #727272;
	background: #F8F8F8 url(images/system/wallpaper.png) repeat-x top left;
}
#header {
	height: 108px;
	background: url(images/system/header_logo.png) no-repeat top left; 
}
.glass_container {
	margin-top: 12px;
	margin-bottom: 2em;
	background: url(images/system/glass_container.png) no-repeat bottom left;
}
.gray_container {
	position: relative;
	margin-top: 14px;
	padding: 0px 13px 2em 13px;
	width: 424px;
	background: url(images/system/gray_container.png) no-repeat bottom left;
}
.gray_container_full {
	position: relative;
	margin-top: 14px;
	margin-bottom: 3em;
	width: 952px;
	background: url(images/system/gray_container_full.png) no-repeat bottom left;
}
.home_showcase {
	position: relative;
	display: block;
	width: 952px;
	height: 310px;
	background: url(images/system/showcase3.png) no-repeat bottom center;
}
.navigation_menu {
	display: block;
	padding: 0px 13px 12px 13px;
	line-height: 36px;
}
/*Column Rules*/
.two_columns,
.three_columns,
.four_columns {
	position: relative;
	clear: both;
}
.three_columns {
	border-top: 1px solid #999999;
}
.column {
	position: relative;
	display: block;
	padding: 1em 13px 3em 13px;
	float: left;
}
.four_columns .column {
	width: 212px;
}
.three_columns .column {
	width: 290px;
	float: right;
}
.two_columns .column {
	width: 449px;
}
/*End of Column Rules*/
/*End of Wrappers*/
/*Elements*/
a,
a:visited {
	color: #2D2D2D;
	text-decoration: none;
}
a:hover,
a:active {
	color: #FF7901;
	text-decoration: none;
}
h1 {
	margin: 0px 0px 9px 0px;
	font-size: 3em;
	line-height: 108px;
	font-weight: normal;
	color: #2D2D2D;
	
}
h2 {
	margin: 0px 0px 9px 0px;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: normal;
	color: #2D2D2D;
}
h3 {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	color: #2D2D2D;
}

p {
	margin: 0px 0px 9px 0px;
	padding: 0px;
}
ul {
	list-style: none;
}
img {
	display: block;
	margin: 18px 0px 0px 0px;
	border: 1px solid #727272;
}
fieldset {
	border: none;
	margin-bottom: 18px;
}
label {
	display: block;
}
textarea {
	width: 100%;
	height: 5em;
}
.text_input {
	width: 100%;
}
#copyright {
	font-size: 0.8em;
}
.clear {
	clear: both;
}
.glass_container_top {
	position: absolute;
	top: -12px;
	left: 0px;
	display: block;
	height: 12px;
	width: 952px;
	background: url(images/system/glass_container_top.png) no-repeat;
}
.gray_container_top {
	position: absolute;
	top: -14px;
	left: 0px;
	display: block;
	height: 14px;
	width: 450px;
	background: url(images/system/gray_container_top.png) no-repeat;
}
.gray_container_full_top {
	position: absolute;
	top: -14px;
	left: 0px;
	display: block;
	height: 14px;
	width: 952px;
	background: url(images/system/gray_container_full_top.png) no-repeat;
}
.header_sub {
	position: absolute;
	Top: 0px;
	left: 230px;
	width: 212px;
	height: 108px;
}
#header_qui_nous_sommes {
	background: url(images/system/header_qui_nous_sommes.png) no-repeat;
}
#header_about_us {
	background: url(images/system/header_about_us.png) no-repeat;
}
#header_portfolio {
	background: url(images/system/header_portfolio.png) no-repeat;
}
#logo_reflection {
	position: absolute;
	top: -12px;
	left: 0px;
	display: block;
	width: 210px;
	height: 27px;
	background: url(images/system/logo_reflection.png) no-repeat top left;
}
.showcase_art {
	position: absolute;
	bottom: 0px;
	right: 13px;
	display:block;
	width: 716px;
	height: 500px;
	background: url() no-repeat bottom right;
}
.showcase_info {
	position: absolute;
	bottom: 18px;
	left: 2px;
	display: block;
	padding: 18px;
	width: 449px;
	background: url(images/system/white_transparency.png);
}

#qui_nous_sommes {
	background: url(images/system/qui_nous_sommes.png) no-repeat top left;
}
#qui_nous_sommes:hover {
	background: url(images/system/qui_nous_sommes.png) no-repeat top right;
}
#et_vous {
	background: url(images/system/et_vous.png) no-repeat top left;
}
#brancher {
	background: url(images/system/brancher.png) no-repeat top left;
}
#brancher:hover {
	background: url(images/system/brancher.png) no-repeat top right;
}
#about_us {
	background: url(images/system/about_us.png) no-repeat top left;
}
#about_us:hover {
	background: url(images/system/about_us.png) no-repeat top right;
}
#portfolio {
	background: url(images/system/portfolio.png) no-repeat top left;
}
#portfolio:hover {
	background: url(images/system/portfolio.png) no-repeat top right;
}
#connect {
	background: url(images/system/connect.png) no-repeat top left;
}
#connect:hover {
	background: url(images/system/connect.png) no-repeat top right;
}
#and_you {
	background: url(images/system/and_you.png) no-repeat top left;
}
#english {
	background: url(images/system/english.png) no-repeat top left;
}
#english:hover {
	background: url(images/system/english.png) no-repeat -212px;
}
#french {
	background: url(images/system/french.png) no-repeat top left;
}
#french:hover {
	background: url(images/system/french.png) no-repeat -212px;
}
/*End of Elements*/
/*End of Basic Rules and Start of Compound Rules*/
/*Wrappers*/

/*End of Wrapper*/
/*Elements*/
p + h2 {
	margin-top: 18px;
}
p + .gray_container {
	margin-top: 32px;
}
#header h1 {
	text-indent: -3500px;
}
#header h2 {
	text-indent: -3500px;
}
.column>h2>.button {
	display: block;
	width: 212px;
	height: 26px;
	text-indent: -3500px;
}
#language>li>.button {
	display: block;
	padding-left: 39px;
	height: 24px;
	line-height: 24px;
}
label>em,
.required {
	color: #FF7901;
}
#email_address,
#sender_name {
	width: 250px;
}
.glass_container .four_columns .column {
	height: 14em;
}
.navigation_menu .button {
	display: block;
	float: left;
	margin-right: 13px;
	padding-right: 13px;
	border-right: #D3D2D2 solid 1px;
}
.navigation_menu .button a,
.navigation_menu .button a:visited {
	color: #727272;
}
.navigation_menu .button a:hover,
.navigation_menu .button a:active {
	color: #FF7901;
}
.navigation_menu .user {
	border-right: none;
	color: #D3D2D2;
}
/*End of Elements*/
/*End of CSS*/