html{
font-family: "Akzidenz Grotesk", Helvetica, Arial, sans-serif;	
}

body {
	font-family: "Akzidenz Grotesk", Helvetica, Arial, sans-serif;
	margin: 0;
	background: #ffffff url('images/back_body2.gif') repeat-x top center;
	font-size: 14px;
	line-height: 20px;
}
body,td,th {
	
	color: #444751;
	font-size: 14px;
}

#wrapper_holder { 
}	
.wrapper { 
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#wrapper_footer { 
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	display: block;

}

/*****************************************************/
/* RESETTERS AND GLOBAL SETTINGS               		 */
/***************************************************/

h1, h2, h3, h4 { 
	margin-top: 0px;
	margin-bottom: 10px;
	color: #444751;
	font-weight: normal;

}
h1 { 
	font-size: 18px;
/*	line-height: 110%;*/
}
h2, h2 a { 
	font-weight: bold;
	font-size: 14px;	
	color: #444751;
	text-decoration: none;
	text-transform: uppercase;		
}
h3, h3 a { 
	font-weight: bold;
	font-size: 12px;	
	color: #444751;
	text-decoration: none;
	text-transform: uppercase;
}


small { 
	margin: 0;
	color: #444751;
	font-size: 11px;
}

a  { 
	font-weight: bold;
	font-size: 12px;	
	color: #444751;
	text-decoration: none;
}

a:hover  { 
	font-weight: bold;
	font-size: 12px;	
	color: #444751;
	text-decoration: underline;
}

a img  { 
	border: none;
}

p.bold { 
	font-weight: bold;
}

img.left { 
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
img.right { 
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

img.margin_top { 
	float: left;
	margin-top: 30px;
}

div.clear { 
	clear:both;
}


/*****************************************************/
/* LAYOUT                               		 */
/***************************************************/
#header { 
	float: left;
	width: 940px;
	padding-top: 34px;
	background: url('images/back_body2.gif') no-repeat top center;	
}

#logo { 
	float: left;
	width: 140px;
	margin-right: 160px;
	display:inline;
}

*html #header #logo { 
	float: left;
	width: 140px;
	margin-right: 140px;
}

#menu { 
	float: left;
	width: 113px;
	font-size: 11px;
	padding-top: 0px;
	margin-left: 527px;
	margin-top:40px;
}

#logo h1 a { 
	display: block;
	width: 275px;
	height: 157px;
	background: url('images/logo.gif') no-repeat;
}

#menu .nav { 
	list-style: none;
	padding: 0px;
	margin: 0;
}

#menu .nav li{ 
	float: left;
	margin: 0;
	padding: 0px;
	margin-right: 0px;
}

#menu .nav li a span { 
	display: none;
}




/******ENTER*******/

li#enter_button a { 
	width: 113px;
	height: 30px;
	
}
 
body#enter li#enter_button a, li#enter_button a:active { 
	background: url('images/b_enter.gif') no-repeat;

}

/******BLOG*******/

li#blog_button a { 
	width: 113px;
	height: 30px;
}

body#blog li#blog_button a, li#blog_button a:active { 
	background: url('images/b_blog.gif') no-repeat;

}



/*****************************************************/
/* MENU HOVER ENGLISH	                           */
/***************************************************/

/**Hover About Button**/

div.hover_enter_button {
	position: 		relative;
	width: 113px;
	height: 30px;
	margin-bottom:20px;
	/*background: url('images/b_enter.gif') no-repeat 0 0 scroll;*/
}
div.hover_enter_button a {
	position: 		relative;
	z-index: 		2;
	width: 113px;
	height: 30px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_enter_button div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 113px;
	height: 30px;
	_margin-top: -30px;
	#margin-top: -30px;
	margin-top: -30px;	
	border:			0px solid #000;
	/*background: url('images/b_enter_r.gif') no-repeat 0 0 scroll;*/
}



/**Hover Blog Button**/

div.hover_blog_button {
	position: 		relative;
	width: 113px;
	height: 30px;
	/*background: url('images/b_blog.gif') no-repeat 0 0 scroll;*/
}
div.hover_blog_button a {
	position: 		relative;
	z-index: 		2;
	width: 113px;
	height: 30px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_blog_button div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 113px;
	height: 30px;
	_margin-top: -30px;
	#margin-top: -30px;
	margin-top: -30px;
	border:			0px solid #000;
	/*background: url('images/b_blog_r.gif') no-repeat 0 0 scroll;*/
}



/* Intro Text Panel                       		
/***************************************************/

#intro { 
	width: 620px;
	float: right;
	margin-top: 48px;
}

#intro h1#text_intro { 
	display: block;
	width: 620px;
	height: 145px;
	background: url('images/text_intro.gif') no-repeat;	
	margin-top: -170px;
	margin-left:65px;
	padding: 0px;
}

h1 span { 
	display: none;
}







/* Image Panel  - JC and FLASH                             		
/***************************************************/

#portfolio {
	width: 940px;
	height: 461px;
	float: left;
	margin-top: 30px;
	background: url('images/jc_img.jpg') no-repeat;	
	border: solid #d6d7d8 1px;

}

#portfolio_link{
	margin-left:0px;
	margin-top:230px;
	width:172px;
	height:24px;
}
/**Hover interested Button**/

div.hover_interested_button {
	margin-left:-507px;
	position: 		relative;
	width: 198px;
	height: 24px;
	background: url('images/b_interested.gif') no-repeat 0 0 scroll;
}
div.hover_interested_button a {
	
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 198px;
	height: 24px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_interested_button div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 198px;
	height: 24px;
	_margin-top: -24px;
	#margin-top: -24px;
	margin-top: -24px;
	border:			0px solid #000;
	background: url('images/b_interested_r.gif') no-repeat 0 0 scroll;
}


#portfolio_f{
	width: 790px;
	margin-left:75px;
	height: 381px;
	float: left;
	margin-top: 180px;
	text-align:center;
	background-color:#FFF;

}
/*****************************************************/
/* LAYOUTS                               		 */
/***************************************************/
div#content	{ 
	float: left;
	width: 100%;
	margin-bottom: 20px;
	line-height: 20px;
	display:table;
}



div#content_inner	{ 
	float: left;
	width: 940px;
	line-height: 20px;
	margin-top: 34px;
}

#product_description { 
	float: left;
	width: 940px;
	margin-top: 65px;
	padding-top: 14px;
}
#contact_description { 
	float: left;
	width: 940px;
	height: 100px;
	margin-bottom: 7px;
	margin-top: 18px;
	padding-bottom:18px;
	
	border-bottom: 1px solid #d6d7d8;
}
#copyright_description { 
	float: left;
	width: 940px;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.title	{ 
	width: 270px;
	float: left;
	margin-right: 20px;
	margin-left: 30px;
}

.description { 
	width: 620px;
	float: left;
}

.description p { 
	margin: 0;
	padding: 0px;
}







/* Footer                               		
/***************************************************/

div#footer_strip {
	margin-top: 0px;
	height: 10px;
	float: left;
	width: 100%;
	background: #3d3f48 url('images/footer.jpg') repeat-x top;
}