@charset "UTF-8";
/* -------------------------------- */
/* Standard HTML Tag Reset          */
/* -------------------------------- */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, button, pre, b, strong {
	border:		0px;
	margin:		0px;
	padding:	0px;
}

/* -------------------------------- */
/* Standard HTML Tag Definition     */
/* -------------------------------- */

html, body {
	/*background:	$body_background;*/
	background:		#002128;
	color:			#FFF;
	font-family:	myriad-pro, sans-serif;
	font-size:		12px;
	height:			100%;
	height:			auto !important;
	text-align:		left;
	width:			100%;		
	-webkit-text-size-adjust: none; /* Turn off font resizing */
}

h1 { font-size: 24px; }

h2 { font-size: 18px; }

h3 { font-size: 13px; }

/* -------------------------------- */
/* Page Container                   */
/* -------------------------------- */

#container_home {
	background:		url(../uploads_b/templates/bkgd_repeat.jpg) repeat-x;
	height: 		100%;
	left:			0px;
	overflow:		hidden;
	position:		relative;
	right:			0px;
	top:			0px;  	
	text_align:		left;
	width:			100%;	
}

#bkgd {
	background:		url(../uploads_b/templates/bkgd_visual.jpg) no-repeat;
	height:			905px;
	left:			0px;
	overflow:		hidden;
	position:		absolute;
	right:			0px;
	top:			0px;
	width:			100%;
	z-index:		0;  
}

#bkgd ul {
	list-style:		none;
}

/* -------------------------------- */
/* Main Navigation                  */
/* -------------------------------- */

#main_nav_bkgd {
	display:	block;
	height:		28px;
	left:		340px; /* 390 - 50 */
	position:	absolute;
	right:		0px;
	text-align:	left;
	top:		24px;
	width:		100%;
	z-index:	3;
}

#main_nav {
	display:	block;
	height:		28px;
	position:	relative;
	text-align:	left;
	width:		635px; /* 585 + 50 */
}

#main_nav ul {
	clear:				right; /* Drop Down Menu */
	list-style-type:	none; /* Drop Down Menu */
	margin:				0px;
	padding:			0px;
}

#main_nav ul li {
	display:	inline;
	float:		right; /* Drop Down Menu */
	list-style:	none;
	margin:		0px 0px 0px 50px;
	padding:	0px;
	position:	relative;
}

#main_nav ul li a {	
	display:			block; /* Drop Down Menu */
	margin:				0px;
	padding:			0px;
	text-decoration:	none;
}

#main_nav ul li a img {	
	margin:		0px;
	padding:	0px;
}

/* -------------------------------- */
/* Lava Lamp Navigation             */
/* -------------------------------- */

#lava {
	height:		40px;
	position:	relative; /* you must set it to relative, so that you can use absolute position for children elements */
	width:		700px;
}
		
#lava ul {
	display:	inline;
	list-style:	none;
	left:		54px;
	margin:		0; 
	padding:	0; 
	position:	absolute; /* position absolute so that z-index can be defined */
	top:		0;
	z-index:	5; /* should be higher than #box */
}
	
#lava ul li {
	float:		left; /* display the list item in single row */
	margin:		0px 58px 0px 0px; /* give some spaces between the list items */
}
	
#lava #box {
	/* background:	#ccc; image of the right rounded corner */
	left:			0; 
	height:			28px;
	/* margin-left:	-10px; self-adjust negative margin to make sure the box display in the center of the item */
	padding-right:	0px; /* add padding 8px so that the tail would appear */
	position:		absolute; /* position absolute so that z-index can be defined and able to move this item using javascript */
	top:			0; 
	z-index:		4; /* should be lower than the list menu */
}
	
#lava #box .head {
	/* background:	#006699; image of the left rounded corner */
	/* border-bottom:	#5a4d47 3px solid; */
	background:	url(../uploads_b/templates/lave_baseline.png) repeat-x bottom;
	height:			28px;
	padding-left:	0px; /* self-adjust left padding to make sure the box display in the center of the item */
}

/* -------------------------------- */
/* Home Content - only for homepage */
/* -------------------------------- */

#flash_video {
	height:		325px; 
	left:		0px;
	position:	absolute;
	top:		176px;
	width:		271px;
	z-index:	1;
}

#top_spacer {
	display:	block;
	height:		288px;
	left:		0px;
	position:	relative;
	top:		0px;
	width:		586px;
	z-index:	2;
}

#home_motifs {
	display:	block;
	height:		214px;
	margin:		0px 0px 0px 390px;
	position:	relative;
	width:		586px;
	z-index:	2;
}

#home_motifs h4 {
	float:		right;
	padding:	0px;
	text-align:	right;
}

.thumbnail_base_1 {
	background:	url(../uploads_b/templates/thumbnail_base_01.png) no-repeat;
	display:	block;
	float:		left;
	height:		140px;
	margin:		0px 1px 1px 0px;
	padding:	7px 0px 0px 7px;
	width:		285px;
}

.thumbnail_base_2 {
	background:	url(../uploads_b/templates/thumbnail_base_02.png) no-repeat;
	display:	block;
	float:		left;
	height:		140px;
	margin:		0px 1px 1px 0px;
	padding:	7px 0px 0px 7px;
	position:	relative;
	width:		578px;
}

.thumbnail_base_3 {
	background:	url(../uploads_b/templates/thumbnail_base_03.png) no-repeat;
	display:	block;
	float:		left;
	height:		288px;
	margin:		0px 1px 1px 0px;
	padding:	7px 0px 0px 7px;
	position:	relative;
	width:		578px;
}

.thumbnail_base_1 a, .thumbnail_base_2 a, .thumbnail_base_3 a {
	text-decoration:	none;
}

.thumbnail_base_1 p, .thumbnail_base_2 p, .thumbnail_base_3 p {
	color:		#406f75;
	font-size:	12px;
	font-style:	italic;
	padding:	4px 0px 0px 9px;
}

.thumbnail_base_1 a:hover p, .thumbnail_base_2 a:hover p, .thumbnail_base_3 a:hover p {
	color:		#54888e;
}

#home_works {
	display:	block;
	height:		auto !important;
	height:		700px;
	min-height:	700px;
	margin:		0px 0px 0px 390px;
	position:	relative;
	width:		586px;
	z-index:	2;
}

#home_works h4 {
	float:		right;
	padding:	5px 0px 0px;
}

#home_news {
	display:	block;
	margin:		24px 0px 20px 390px;
	position:	relative;
	width:		586px;
	z-index:	2;
}

#home_news h4 {
	float:		right;
	padding:	5px 0px 0px;
}

#home_news li {
	background:		url(../uploads_b/templates/news_dotline.png) no-repeat left bottom;
	list-style:		none;
	padding:		14px 4px;
}

.news_title {
	color:			#8c9b9e;
	font-size:		15px;
	font-weight:	normal;
	letter-spacing:	1pt;
	padding-bottom:	4px;
}

.news_date {
	color:			#586568;
	font-size:		11px;
	font-style:		italic;
	font-weight:	normal;
	padding-bottom:	10px;
}

#home_news li p {
	color:			#929292;
	font-size:		11px;
	font-weight: 	lighter;
	letter-spacing:	1pt;
	padding-bottom:	9px;
}

#home_news li p img {
	margin-top:	5px;
}

#home_footer {
	display:	block;
	height:		71px;
	margin:		0px;
	position:	relative;
	overflow: 	hidden;
	width:		100%;
	z-index:	5;
}

#footer_content {
	display:	block;
	padding:	0px 0px 0px 48px;
	position:	relative;
	width:		992px;
	z-index:	50;
}

#footer_content p {
	color:			#929292;	
	font-size:		10px;
	font-style:		normal;
	font-weight:	400;
	padding-top:	22px;
}

#footer_content p a {
	color:				#929292;
	text-decoration:	none;
}

#footer_content h2 {
	float:		right;
}

/* ----------------------------------- */
/* Spacer - solve Wrapper height issue */
/* ----------------------------------- */

#spacer {
	clear:		both;
	display:	block;
}