/*  RESET browser defaults (Eric Meyer Global Reset)*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ul {
	list-style-type: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clearfloat {
	clear:both;
  	height:0;
  	font-size: 1px;
 	line-height: 0px;
}
/* END RESET browser defaults */


/* GLOBAL */
.centered {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

input {
	border: 1px solid #999999;
}

input:hover {
	border-color: #a7bf32;
}

input:focus {
	border-color: #0e518b;
}

select {
	height: 19px;
	line-height: 15px;
}

input, select, textarea {
	font-size: 10px;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
}

br {
	clear: left;
}

a {
	color: #269;
}

body {
	background-image: url('../images/bg.jpg');
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #272e32;
	font-family: Arial, sans-serif;
/*	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;*/
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
}

#container {
	width: 960px;
	margin: 0 auto;
}



/* CUSTOMIZE */
a { 
	color: #ffffff; 
	text-decoration: none; 
	cursor: pointer;
}

a:hover {
	color: #fea100;
	text-decoration: underline;
}

.left, .alignleft { 
	float: left; 
	display: inline;
}

.right, .alignright { 
	float: right; 
	display: inline;
}


#container #header {
	float: left;
	width: 100%;
	height: 194px;
	position: relative;
}

#container #header .logo {
	width: 335px;
	height: 100px;
	background-image: url('../images/head_logo.jpg');
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 44px;
	margin-left: 26px;
}

#container #header .logo a {
	display: block;
	height: 100px;
}

#container #header .menu {	
	background: url('../images/head_menu_bg.jpg') no-repeat;
	width: 613px;
	height: 38px;
	position: absolute;
	right: 0;
	top: 105px;
}

#container #header .menu ul {
	margin: 0;
	padding: 0;
}

#container #header .menu li {	
	padding-right: 1px;	
	background: url('../images/head_menu_div.jpg') no-repeat right center;	
	float: left;
}

#container #header .menu li.last {	
	padding-right: 0px;	
	background: none transparent scroll repeat 0% 0%;
}

#container #header .menu li a {	
	display: block;	
	font-weight: bold;	
	text-transform: uppercase;	
	color: #272e32;	
	line-height: 38px;	
	text-align: center;
}

#container #header .menu li a:hover,
#container #header .menu li a.selected {	
	background: url('../images/head_menu_selected2.jpg') no-repeat right 50%;
	text-decoration: none;
}

#container #header .menu li a.menu01 {	
	width: 89px;
}

#container #header .menu li a.menu01:hover,
#container #header .menu li a.selected.menu01 {	
	background: url('../images/head_menu_selected1.jpg') no-repeat right 50%;
}

#container #header .menu li a.menu02 {	
	width: 95px;
}

#container #header .menu li a.menu03 {	
	width: 98px;
}

#container #header .menu li a.menu04 {	
	width: 104px;
}

#container #header .menu li a.menu05 {	
	width: 122px;
}

#container #header .menu li a.menu06 {
	width: 100px;
}

#container #header .menu li a.menu06:hover {	
	background: url('../images/head_menu_selected3.jpg') no-repeat right 50%;
}

#container #header .menu li a.selected.menu06 {	
	background: url('../images/head_menu_selected3.jpg') no-repeat right 50%;
}

#container #header .language-box  {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 22px;
}

#container #header .language-box ul {
	margin: 0;
	padding: 0;
}

#container #header .language-box li {
	float: left;
	margin-left: 8px;
}

#container #header .search-box {
	width: 246px;
	height: 25px;
	background: url('../images/head_search_text.jpg') no-repeat;
	position: absolute;
	top: 59px;
	right: 0;
	display: none;
}
#container #header .search-box .textbox {
	background-color: transparent;
	width: 194px;
	height: 15px;
	border: 0;
	color: #b2b2b2;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 6px;
	font-size: 11px;
	line-height: 11px;
}
#container #header .search-box button {
	background: url('../images/head_search_but.jpg') no-repeat;
	width: 30px;
	height: 25px;
	border: 0;
	position: absolute;
	right: 0;
	cursor: pointer;
}
#container #header .search-box button span {
	display: none;
}


/* PORTFOLIO */
#container .portfolio {
	float: left;
	width: 100%;
	height: 381px;
	background: url('../images/bg-portfolio.jpg') no-repeat;
	background-position: 1px top;
	position: relative;
}

#container .portfolio .laptop {
	float: left;
	width: 711px;
	height: 100%;
}

#container .portfolio .laptop #slideshow {
	width: 666px;
	height: 245px;
	position: absolute;
	top: 82px;
	left: 23px;
	overflow: hidden;
}

#container .portfolio .laptop .nav { 
	position:absolute;
	top: 330px;
	left: 25px;
	z-index: 100;
}
#container .portfolio .laptop #nav a {
	margin: 0 2px;
	background: url('../images/main_pic_slideshow_nav1.png') no-repeat;
	text-decoration: none;
	display: block;
	width: 19px;
	height: 19px;
	text-align: center;
	line-height: 19px;
	float: left;
	color: #1c1b19;
	font-weight: bold;
	font-style: italic;
}
#container .portfolio .laptop #nav a.activeSlide {
	background: url('../images/main_pic_slideshow_nav2.png') no-repeat;
}

#container .portfolio .text-box {
	float: left;
	width: 198px;
	height: 213px;
	padding: 25px;
	margin-top: 64px;
}

#container .portfolio .text-box h1 {
	font-weight: bold;	
	font-size: 20px;	
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px;
}

#container .areas {
	float: left;
	width: 100%;
	height: 188px;
}

#container .areas .area1,
#container .areas .area2,
#container .areas .area3 {
	float: left;
	width: 310px;
	height: 188px;
}

#container .areas .area2 {
	margin-left: 15px;
	margin-right: 15px;
}


/* MAIN */
#container #main {
	float: left;
	width: 100%;
	margin-top: 30px;
}


/* FOOTER */
.footer {
	float: left;
	width: 100%;
	padding-top: 20px;
	background: url('../images/content_dotline.jpg') repeat-x top;
}
.footer .sitemap {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.footer ul li.parent {
	float: left;
	width: 25%;	
}

.footer ul li.parent span {
	font-weight: bold;
	font-size: 15px;
}

.footer ul li.parent ul {
	margin: 0;
	padding: 0;
}

.footer ul li.parent ul li {
	background: url('../images/arrow.png') no-repeat left center;
	padding-left: 10px;
}

.footer .copyright {
	float: left;
	width: 100%;
	color: #9ba1a5;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer .copyright a {
	color: #fea100;
	margin-left: 2px;
}

.footer .copyright a:hover {
	text-decoration: underline;
}



/* GENERAL */
.weo {
	font-weight: bold;
	font-style: italic;
}

.focus {
	font-size: 14px;
	font-style: italic;
	padding-bottom: 10px;
}

.big {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #fe8800;
}

.big a {
	color: #fe8800;
}


.gray-text {
	color: #a9afb3;
}

.orange-text {
	font-size: 13px;
	color: #fe8800;
}

.jspArrow {
}

.jspDrag {
	background-color: #fcc07c !important;
}