/*
	# Project: AutomatWeb.com
	# File: styles_screen.css
	# Contact: Verner Jänes (verner.janes@automatweb.com)
	# URL: http://www.automatweb.com
	# Version: 2.0
*/

#wrapper { margin: auto; width: 950px; }

/*
	# header
*/

#header {
	background: url("../img/header.png") no-repeat 366px 0;
	display: block;
	height: 123px;
	width: 950px;
}

#header a.logo { display: block; float: left; margin: 26px 0 0 2px; width: 277px; height: 48px; }

/* languages and searching */

#header div.tools {
	float: right;
	height: 48px;
	margin: 21px 0 0 0;
	text-align: right;
	width: 235px;
}

#header div.tools ul.help_menu { height: 16px; margin: 0; padding: 0 0 1px 0; text-align: left; }
#header div.tools ul.help_menu li {
	background: url("../img/separator.gif") no-repeat center right;
	display: inline;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 12px 0 10px;
}
#header div.tools ul.help_menu li.last { background: none; }
#header div.tools ul.help_menu li a { color: #666666; font-size: 10px; font-weight: bold; text-decoration: none; }
#header div.tools ul.help_menu li a:hover { color: #d50000; }

#header div.tools div.search { display: block; margin: 0; }
#header div.tools div.search form#search { margin: 0; padding: 0; }
#header div.tools div.search p { margin: 0; }
#header div.tools div.search input.button {
	background: url("../img/search.gif") no-repeat;
	border: 0;
	cursor: pointer;
	height: 17px;
	margin: 0 1px 0 1px;
	outline: none;
	width: 17px;
}
#header div.tools div.search input.textbox { border: 1px solid #e2e0dd; padding: 3px 2px 2px 2px; width: 201px; }
#header div.tools div.search input.textbox:focus { border: 1px solid #cccccc; }

#header div.tools div.support {
	background: url("../img/support.png") no-repeat;
	display: block;
	float: left;
	margin: 5px 0 0 11px;
	position: relative;
	height: 50px;
	width: 198px;
}
#header div.tools div.support img.support_hover { display: none; }
#header div.tools div.support:hover img.support_hover { display: inline; }

/* navigation menu */

ul.topnav { float: left; height: 26px;  list-style: none; margin: 22px 0 0 0; padding: 0; width: 928px; }
ul.topnav li {
	background: url("../img/separator.gif") no-repeat center right;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	position: relative;
}
ul.topnav li.first { margin: 0 0 0 6px; }
ul.topnav li.last { background: none; }
ul.topnav li a {
	color: #666666;
	display: block;
	height: 12px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	float: left;
	padding: 4px 4px 8px 4px;
}
ul.topnav li a:hover { border-bottom: 2px solid #D50000; text-decoration: none; }
ul.topnav li a.sel { border-bottom: 2px solid #D50000; color: #333333; }
ul.topnav li span {
	height: 13px;
	width: 16px;
	float: left;
	margin: 6px 0 0 0;
	background: url("../img/subnav_btn.gif") no-repeat 4px -1px;
}
ul.topnav li span.subhover { background: url("../img/subnav_btn.gif") no-repeat scroll 4px -14px; cursor: pointer; }
ul.topnav li span.separator { background: none; width: 12px; }
ul.topnav li ul.subnav {
	border-top: 2px solid #666666;
	list-style: none;
	position: absolute;
	left: 0;
	top: 24px;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 200px;
	z-index: 10;
}
ul.topnav li ul.subnav li {
	background: url("../img/subnav_bg.png") no-repeat;
	height: 24px;
	margin: 0;
	padding: 0;
	width: 200px;
}
ul.topnav li ul.subnav li:hover { background: url("../img/subnav_bg_h.png") no-repeat; }
ul.topnav li ul.subnav li.bottom { background: url("../img/subnav_bottom_bg.png") no-repeat; }
ul.topnav li ul.subnav li.bottom:hover { background: url("../img/subnav_bottom_bg_h.png") no-repeat; }
ul.topnav li ul.subnav li.sel { background: url("../img/subnav_bg_h.png") no-repeat; }
ul.topnav li ul.subnav li.sel a { color: #333333; }
ul.topnav li ul.subnav li.bottom_sel { background: url("../img/subnav_bottom_bg_h.png") no-repeat; }
ul.topnav li ul.subnav li.bottom_sel a { color: #333333; font-weight: bold; }
ul.topnav li ul.subnav li a {
	border-bottom: none;
	color: #333333;
	float: left;
	font-weight: normal;
	height: 24px;
	padding: 4px 8px 4px 12px;
	width: 188px;
	text-decoration: none;
}
ul.topnav li ul.subnav li a:hover { color: #333333; text-decoration: none; }



/*
	# left pane
*/

#content { margin-top: 12px; width: 100%; }
#content tr td.left { padding: 7px 14px 0 7px; vertical-align: top; width: 260px; }

/* left navigation menus */

#content tr td.left div.l2 { line-height: 18px; margin: 0 10px 0 5px; padding: 0 0 24px 0; }
#content tr td.left div.l2 a {
	color: #666666;
	border-left: 2px solid #e2e0dd;
	display: block;
	font-size: 11px;
	line-height: 18px;
	margin: 2px 0 2px 0;
	padding: 2px 8px 2px 10px;
}
#content tr td.left div.l2 a:hover {
	color: #333333;
	display: block;
	border-left: 2px solid #D50000;
	background: #f5f5f5;
	text-decoration: none;
}
#content tr td.left div a.sel {  border-left: 2px solid #D50000; color: #333333; font-weight: bold; }
#content tr td.left div.l3 { border-top: 1px solid #e2e0dd; padding: 1px 0 0 24px; }
#content tr td.left div.l4 { border-top: 1px solid #e2e0dd; padding: 1px 0 0 24px; }

#content tr td.left div.login { padding: 0 0 24px 0; }
#content tr td.left div.login p.login_title {
	color: #333333;
	border-left: 2px solid #666666;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	margin: 2px 0 2px 0;
	padding: 2px 8px 2px 10px;
}

/* left pane banners */

#content tr td.left a.banner_blue {
	background: url("../img/banners/banner_blue.gif") no-repeat;
	display: block;
	height: 50px;
	margin: 0 0 12px 0;
	padding: 20px 20px 0 0;
	text-align: right;
	width: 240px;
}
#content tr td.left a.banner_blue:hover { background: url("../img/banners/banner_blue_h.gif") no-repeat; text-decoration: none; }
#content tr td.left a.banner_blue p.banner_title { color: #ffffff; font-size: 13px; font-weight: bold; margin: 0; text-transform: uppercase; }
#content tr td.left a.banner_blue p.banner_text { color: #ffffff; font-size: 10px; font-weight: bold; margin: 0; }

#content tr td.left a.banner_red {
	background: url("../img/banners/banner_red.gif") no-repeat;
	display: block;
	height: 44px;
	margin: 0 0 12px 0;
	padding: 26px 20px 0 0;
	text-align: right;
	width: 240px;
}
#content tr td.left a.banner_red:hover { background: url("../img/banners/banner_red_h.gif") no-repeat; text-decoration: none; }
#content tr td.left a.banner_red p.banner_title { color: #ffffff; font-size: 13px; font-weight: bold; margin: 0; text-transform: uppercase; }

/* left news */

#content tr td.left div.news {
	border-top: 2px solid #cccccc;
	border-bottom: 1px dashed #cccccc;
	margin: 8px 10px 0 5px;
	width: 250px;
}
#content tr td.left div.news h3.news {
	border-bottom: 1px solid #cccccc;
	color: #333333;
	font-size: 11px;
	margin: 0 0 12px 0;
	padding: 6px 0 6px 14px;
}
#content tr td.left div.news div.news-item { margin: 0 8px 6px 0; }
#content tr td.left div.news div.news-item a.title {
	background: url("../img/bullet_l1.gif") no-repeat 0 7px;
	display: block;
	padding-left: 14px;
}
#content tr td.left div.news div.news-item a.title:hover { background: url("../img/bullet_l1_h.gif") no-repeat 0 7px; }
#content tr td.left div.news div.news-item p.date {
	color: #AEAEAE;
	font-size: 10px;
	margin: 0;
	padding-left: 14px;
}
#content tr td.left div.news a.arhive {
	background: url("../img/bullet_l1.gif") no-repeat 0 7px;
	display: block;
	font-weight: bold;
	margin: 6px 0 12px 0;
	padding-left: 13px;
}
#content tr td.left div.news a.arhive:hover {
	background: url("../img/bullet_l1_h.gif") no-repeat 0 7px;
}



/*
	# right pane
*/

/* content header image */

#content tr td.right div.trolls {
	height: 130px;
	position: relative;
	width: 620px;
}
#content tr td.right div.trolls img.normal { display: inline; }
#content tr td.right div.trolls:hover img.normal { display: none; }
#content tr td.right div.trolls img.hover { display: none; }
#content tr td.right div.trolls:hover img.hover { display: inline; }
#content tr td.right div.trolls a.pilletammela {
	bottom: 6px;
	display: block;
	height: 18px;
	position: absolute;
	right: 6px;
	width: 92px;
}

/* content document */

#content tr td.right { border-left: 1px solid #E2E0DD; padding: 10px 12px 0 22px; vertical-align: top; }

#content tr td.right div.doc { font-family: Verdana, Sans-Serif; font-size: 12px; padding: 0 16px 12px 2px; text-align: justify; }
#content tr td.right div.doc div.text { line-height: 18px; margin-top: 9px; }

#content tr td.right div.doc ul { }
#content tr td.right div.doc ul li {
	background: url("../img/bullet_l1.gif") no-repeat 0 7px;
	list-style: none;
	padding: 1px 0 1px 15px;
}
#content tr td.right div.doc ul li:hover { background: url("../img/bullet_l1_h.gif") no-repeat 0 7px; }
#content tr td.right div.doc ul li p { margin: 0; }

#content tr td.right div.doc div.float_left { float: left; margin: 12px 12px 12px 0; }
#content tr td.right div.doc div.float_right { float: right; margin: 12px 0 12px 12px; }
#content tr td.right div.doc p.imgcaption { margin: 0; }

h2.trigger {
	background: url("../img/trigger_open_est.png") no-repeat right;
	border-bottom: 1px dashed #E2E0DD;
	color: #333333;
	font-size: 13px;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	margin: 18px 0 12px 0;
	padding: 0 0 4px 0;
}
h2.trigger:hover { background: url("../img/trigger_open_est_h.png") no-repeat right; border-bottom: 1px dashed #d50000; }
h2.active { background: url("../img/trigger_close_est.png") no-repeat right; }
h2.active:hover { background: url("../img/trigger_close_est_h.png") no-repeat right; }
h2.trigger a { display: block; text-decoration: none; }

h2.trigger_open {
	background: url("../img/trigger_close_est.png") no-repeat right;
	border-bottom: 1px dashed #E2E0DD;
	color: #333333;
	font-size: 13px;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	margin: 18px 0 12px 0;
	padding: 0 0 4px 0;
}
h2.trigger_open:hover { background: url("../img/trigger_close_est_h.png") no-repeat right; border-bottom: 1px dashed #d50000; }
h2.active.trigger_open { background: url("../img/trigger_open_est.png") no-repeat right; }
h2.active.trigger_open:hover { background: url("../img/trigger_open_est_h.png") no-repeat right; }

/* content document tools */

#content tr td.right_bottom { border-left:1px solid #E2E0DD; padding: 0 24px 0 24px; vertical-align: top; }
#content tr td.right_bottom table.tools {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#content tr td.right_bottom table.tools tr td.date { color: #AEAEAE; font-size: 11px; padding: 8px 0 0 0; vertical-align: top; }
#content tr td.right_bottom table.tools tr td a.print {
	background: url("../img/print.gif") no-repeat;
	color: #AEAEAE;
	display: block;
	float: right;
	font-size: 11px;
	height: 24px;
	margin: 0 0 0 12px;
	padding: 5px 0 0 30px;
}
#content tr td.right_bottom table.tools tr td a.print:hover { background: url("../img/print_h.gif") no-repeat; color: #00AAD5; text-decoration: none; }
#content tr td.right_bottom table.tools tr td a.send {
	background: url("../img/send.gif") no-repeat;
	color: #AEAEAE;
	display: block;
	float: right;
	font-size: 11px;
	height: 24px;
	margin: 0 0 0 12px;
	padding: 5px 0 0 30px;
}
#content tr td.right_bottom table.tools tr td a.send:hover { background: url("../img/send_h.gif") no-repeat; color: #00AAD5; text-decoration: none; }
#content tr td.right_bottom table.tools tr td a.feedback {
	background: url("../img/feedback.gif") no-repeat;
	color: #AEAEAE;
	display: block;
	float: right;
	font-size: 11px;
	height: 24px;
	padding: 5px 0 0 30px;
}
#content tr td.right_bottom table.tools tr td a.feedback:hover { background: url("../img/feedback_h.gif") no-repeat; color: #00AAD5; text-decoration: none; }

/* content search */

#content tr td.right div.doc table.search { margin: 0 0 6px 0; }
#content tr td.right div.doc table.search input.button {
	background: url("../img/search.gif") no-repeat;
	border: 0;
	cursor: pointer;
	height: 17px;
	margin: 0 1px 0 1px;
	outline: none;
	width: 17px;
}
#content tr td.right div.doc table.search input.textbox { border: 1px solid #CEC8BF; padding: 3px 2px 2px 2px; width: 201px; }
#content tr td.right div.doc table.search input.textbox:focus { border: 1px solid #cccccc; }

#content tr td.right div.doc p.selector { font-size: 11px; margin: 6px 0 12px 0; }
#content tr td.right div.doc p.sort { font-size: 11px; margin: 0 0 12px 0; padding: 0 0 6px 0; }

#content tr td.right div.doc table.match { font-size: 11px; margin: 0 0 12px 0; }
#content tr td.right div.doc table.match tr td span.title { font-weight: bold; }
#content tr td.right div.doc table.match tr td span.date { color: #AEAEAE; font-style: italic; padding-left: 6px; }
#content tr td.right div.doc table.match tr td.lead b, #content tr td.right div.doc table.match tr td.lead strong { font-weight: normal; }

/* content news */

#content tr td.right div.doc div.news-item { margin-bottom: 10px; }
#content tr td.right div.doc div.news-item a.title {
	background: url("../img/bullet_l1.gif") no-repeat 0 5px;
	display: block;
	margin-left: 6px;
	padding-left: 13px;
}
#content tr td.right div.doc div.news-item a.title:hover {
	background: url("../img/bullet_l1_h.gif") no-repeat 0 5px;
	display: block;
	padding-left: 13px;
}
#content tr td.right div.doc div.news-item p.date {
	color: #AEAEAE;
	font-size: 10px;
	margin: 0 0 0 6px;
	padding-left: 13px;
}



/*
	# footer
*/

#contact { background: #f5f5f5; border-top: 1px solid #E2E0DD; color: #666666; margin: 12px 0 0 0; padding: 12px 0 12px 26px; }
#contact table tr td { font-size: 11px; padding-right: 85px; }
#contact table tr td p { margin: 0; }

#copyright { padding: 12px 0 12px 0; }
#copyright p { color: #AEAEAE; font-size: 11px; margin: 0; padding-left: 26px; }



/*
	# miscellaneous
*/

#tooltip {
	background: url("../img/tooltip_bg.png") no-repeat right;
	color: #ffffff; 
	display: none;
	font-size: 11px;
	max-width: 200px;
	padding: 2px 8px 3px 8px;
	position: absolute;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

#tooltiptext {
	background: #333333;
	color: #ffffff; 
	display: none;
	font-size: 11px;
	max-width: 300px;
	padding: 4px 8px 4px 8px;
	position: absolute;
	text-align: justify;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

/* toggle */

.toggle_container, .toggle_container_open { overflow: hidden; clear: both; }
.toggle_container, .toggle_container_open ul { margin-bottom: 0; }
.toggle_container, .toggle_container_open p { margin-bottom: 0; }
a.thumbnails {
	background: url("../img/thumbnail_bg.gif") no-repeat;
	display: block;
	float: left;
	height: 73px;
	margin: 0 8px 8px 0;
	padding: 7px;
	width: 100px;
}
a.thumbnails:hover { background: url("../img/thumbnail_bg_h.gif") no-repeat; }
a.thumbnails img { height: 73px; width: 100px; }

/* order product info window */

#tt { display: none; }
table.product { margin: 24px 12px 24px 12px; width: 576px; }
table.product tr td.image { padding: 0 24px 0 12px; vertical-align: top; }
table.product tr td { padding: 4px 12px 0 0; vertical-align: top; }
table.product tr td p { margin: 0 0 12px 0; }
table.product tr td table.st328934 { margin: 12px 0 0 0; width: 100%; }
table.product tr td table.st328934 tr td { padding: 2px; }
table.product tr td table.st328934 tr td.st328933 { color: #333333; text-align: right; width: 50px; }
table.product tr td table.st328934 tr td.st328931 { width: 225px; }
table.product tr td table.st328934 tr td.st328931 input { border: 1px solid #CEC8BF; padding: 3px 2px 2px 2px; width: 250px; }
table.product tr td table.st328934 tr td.st328931 input:focus { border: 1px solid #A3A3A3; }
table.product tr td table.st328934 tr td.st328932 { padding-top: 12px; }
table.product tr td table.st328934 tr td.st328932 input.st328932 {
	background: url("../img/button_red.png") no-repeat;
	border: 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	margin: 8px 0 0 0;
	outline: none;
	padding: 2px 8px 8px 4px;
	width: 106px;
}
table.product tr td table.st328934 tr td.st328932 input.st328932:hover { background: url("../img/button_red_h.png"); }

/* persons webview */

#person_inweb table tr td { padding: 0; }
#person_inweb table tr td.photo { height: 83px; width: 83px; }
#person_inweb table tr td.text { font-size: 11px; height: 83px; width: 232px; }
#person_inweb table tr td.text p { margin: 0; }
#person_inweb table tr td.text p.name { font-size: 11px; font-weight: bold; }

#person_inweb table.person tr td.photo { height: 80px; padding: 6px; width: 80px; }
#person_inweb table.person tr td.text { font-size: 11px; padding: 6px; width: 528px; }
#person_inweb table.person tr td.text table tr td.even { width: 25%; }
#person_inweb table.person tr td.text table tr td.odd { width: 25%; }
#person_inweb table.person tr td.text table tr td { width: 75%; padding: 0; }

/* send to a friend */

#send { font-size: 11px; margin: 24px 24px 0 24px; }
#send table tr td { padding: 2px; }
#send table tr td.caption { color: #333333; text-align: right; width: 110px; }
#send table tr td.caption-top { color: #333333; text-align: right; vertical-align: top; }
#send table tr td input.text { border: 1px solid #CEC8BF; padding: 3px 2px 2px 2px; width: 250px; }
#send table tr td textarea.textbox { border: 1px solid #CEC8BF; padding: 3px 2px 2px 2px; width: 400px; }
#send table tr td input.text:focus, #send table tr td textarea.textbox:focus { border: 1px solid #A3A3A3; }
#send table tr td input.submit {
	background: url("../img/button_red.png") no-repeat;
	border: 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	margin: 12px 0 0 0;
	outline: none;
	padding: 2px 8px 8px 4px;
	width: 106px;
}
#send table tr td input.submit:hover { background: url("../img/button_red_h.png"); }

/* webforms */

#awcbContentTblDefault { color: #333333; font-family: Tahoma, Verdana; font-size: 11px; }
#awcbContentTblDefault td.caption { padding: 0 6px 0 0; }
#awcbContentTblDefault td.element input { border: 1px solid #CEC8BF; padding: 3px 2px 2px 2px; }
#awcbContentTblDefault td.element textarea { border: 1px solid #CEC8BF; padding: 3px 2px 2px 2px; }
#awcbContentTblDefault td.element input:focus, #awcbContentTblDefault td.element textarea:focus { border: 1px solid #A3A3A3; }
#awcbContentTblDefault td.element input#button {
	background: url("../img/button_gray.png") no-repeat;
	border: 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	margin: 0;
	outline: none;
	padding: 2px 8px 8px 4px;
	width: 106px;
}
#awcbContentTblDefault td.element input#button:hover { background: url("../img/button_gray_h.png") no-repeat; }
#awcbContentTblDefault td#buttons { padding: 24px 0 0 0; }
#awcbContentTblDefault td#buttons input#button {
	background: url("../img/button_red.png") no-repeat;
	border: 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	margin: 0;
	outline: none;
	padding: 2px 8px 8px 4px;
	width: 106px;
}
#awcbContentTblDefault td#buttons input#button:hover { background: url("../img/button_red_h.png") no-repeat; }
#awcbContentTblDefault table.addtable { width: 100%; }
#awcbContentTblDefault td.DataSavedMessage { font-weight: bold; }
#awcbContentTblDefault table.awmenuedittabletag { margin: 6px 0  12px 0; }
#awcbContentTblDefault table.awmenuedittabletag td.awmenuedittablehead { background: #f5f5f5; font-weight: bold; padding: 4px 4px 4px 6px; text-align: left; }
#awcbContentTblDefault table.awmenuedittabletag td.awmenuedittabletext { padding: 4px 4px 4px 6px; text-align: left; }
#awcbContentTblDefault td#error_msg { color: red; font-weight: bold; }
p.error_msg { color: red; font-weight: bold; margin: 1em 0; }

/* buttons */

input.button_red{
	background: url("../img/button_red.png") no-repeat;
	border: 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	margin: 8px 0 0 0;
	outline: none;
	padding: 2px 8px 8px 4px;
	width: 106px;
}
input.button_red:hover { background: url("../img/button_red_h.png") no-repeat; }
input.button_gray {
	background: url("../img/button_gray.png") no-repeat;
	border: 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	margin: 8px 0 0 0;
	outline: none;
	padding: 2px 8px 8px 4px;
	width: 106px;
}
input.button_gray:hover { background: url("../img/button_gray_h.png") no-repeat; }

/*
	# portfolio
*/

/* portfolio window */

.portfolio_bg {
	background: #ffffff;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	display: none;
}
.portfolio_gallery {
	z-index: 101;
	position: absolute;
	top: 50%;
	top: -1000px;
	left: 50%;
	margin-left: -365px;
	background: none;
	width: 700px;
	height: 530px;
	padding: 20px;
}
body > .portfolio_gallery { position: fixed; background: url("../img/portfolio_bg.png"); }
.portfolio_gallery div.portfolio_header { background: url("../img/portfolio_header_bg.gif") no-repeat; height: 30px; width: 700px; }
.portfolio_gallery div.portfolio_header div.title {
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 6px 6px 6px 9px;
}
.portfolio_gallery div.portfolio_header div.buttons { padding: 6px 9px 6px 6px; text-align: right; float: right; }
.portfolio_gallery div.portfolio_header div.buttons a.thumb {
	background: url("../img/thumb.gif") no-repeat right 2px;
	color: #AEAEAE;
	font-size: 11px;
	padding: 0 15px 0 0;
}
.portfolio_gallery div.portfolio_header div.buttons a.close {
	background: url("../img/close.gif") no-repeat right 2px;
	color: #AEAEAE;
	font-size: 11px;
	padding: 0 15px 0 0;
}
.portfolio_gallery div.portfolio_header div.buttons a.thumb:hover, .portfolio_gallery div.portfolio_header div.buttons a.close:hover { color: #D50000; text-decoration: none; }

/* portfolio gallery */

#myGallery, #myGallerySet, #flickrGallery { width: 700px; height: 500px; z-index:5; }
#myGallery img.thumbnail, #myGallerySet img.thumbnail
{ display: none; }
.jdGallery { overflow: hidden; position: relative; }

.jdGallery img { border: 0; margin: 0; }
.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/loading.gif');
}
.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/loading.gif');
}
.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 80px;
	background: #ffffff;
	color: #333333;
	text-indent: 0;
	overflow: hidden;
}
* html .jdGallery .slideInfoZone { bottom: -1px; }
.jdGallery .slideInfoZone div.text { float: left; height: 80px; width: 700px; }
.jdGallery .slideInfoZone h2 { display: none; }
.jdGallery .slideInfoZone h3 {
	float: left;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	margin: 6px 6px 0 6px;
	padding: 0;
}
.jdGallery .slideInfoZone p
{
	padding: 0;
	margin: 6px;
	font-size: 11px;
	display: block;
	text-align: left;
	float: left;
	width: 688px;
	height: 60px;
}
.jdGallery div.slideInfoZone a.link {
	background: url("../img/link.gif") no-repeat center right;
	margin: 6px 6px 0 6px;
	padding: 0 15px 0 0;
	display: block;
	float: right;
	color: #D50000;
	font-size: 11px;
}
.jdGallery div.slideInfoZone a.link:hover {
	text-decoration: underline;
}
.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}
.jdGallery a.carouselBtn
{
	background: url("../img/jd_button.png") no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	padding: 0;
	height: 19px;
	width: 68px;
	padding: 1px 12px 0 0;
	display: none;
	font-size: 11px;
	color: #AEAEAE;
	cursor: pointer;
}
.jdGallery a.carouselBtn:hover {
	background: url("../img/jd_button.png") no-repeat;
	color: #D50000;
	text-decoration: none;
}
.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #ffffff;
	color: #333333;
	text-indent: 0;
	overflow: hidden;
}
.jdExtCarousel { overflow: hidden; position: relative; }
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner { position: relative; }
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail { margin-bottom: 10px; }
.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 11px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number { color: #aeaeae; }
.jdGallery a { font-size: 100%; text-decoration: none; color: inherit; }
.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
* html .jdGallery a.right, * html .jdGallery a.left { filter:alpha(opacity=50); }
.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
.jdGallery a.left { left: 0; top: 0; background: url('../img/prev.png') no-repeat center left; }
* html .jdGallery a.left { background: url('../img/prev.png') no-repeat center left; }
.jdGallery a.left:hover { background: url('../img/prev_h.png') no-repeat center left; }
* html .jdGallery a.left:hover { background: url('../img/prev_h.png') no-repeat center left; }
.jdGallery a.right { right: 0; top: 0; background: url('../img/next.png') no-repeat center right; }
* html .jdGallery a.right { background: url('../img/next.png') no-repeat center right; }
.jdGallery a.right:hover { background: url('../img/next_h.png') no-repeat center right; }
* html .jdGallery a.right:hover { background: url('../img/next_h.png') no-repeat center right; }
.withArrows a.open:hover { background: url('../img/sg/open.png') no-repeat center center; }
* html .withArrows a.open:hover { background: url('../img/portfolio/open.gif') no-repeat center center; filter:alpha(opacity=80); }
.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}
.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}
.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}
.jdGallery .gallerySelector .gallerySelectorWrapper { overflow: hidden; }
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover { background: #333; }
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}
.withArrows a.open
{
	background: url("../img/link.gif") no-repeat center right;
	padding: 0 15px 0 0;
	color: #D50000;
	font-size: 11px;
	z-index: 10;
}


/*
	# thickbox
*/

#TB_window { font-size: 11px; }
#TB_secondLine { font-size: 10px; color: #333333; }
#TB_overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.TB_overlayMacFFBGHack { background: url("../img/macFFBgHack.png") repeat; }
.TB_overlayBG {
	background-color:#ffffff;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
* html #TB_overlay {
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	background: url("../img/tb_bg.png") no-repeat;
	z-index: 102;
	display: none;
	text-align: left;
	padding: 20px;
	top: 50%;
	left: 50%;
}
* html #TB_window {
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display: block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; }
#TB_closeWindow { height: 25px; padding: 11px 25px 10px 0; float: right; }

#TB_title { background: url("../img/tb_title_bg.gif") no-repeat; height: 30px; }
#TB_closeAjaxWindow { padding: 6px 9px 6px 6px; text-align: right; float: right; }
a#TB_closeWindowButton {
	background: url("../img/close.gif") no-repeat right 2px;
	color: #AEAEAE;
	font-size: 11px;
	padding: 0 15px 0 0;
}
a#TB_closeWindowButton:hover { color: #D50000; text-decoration: none; }
#TB_ajaxWindowTitle {
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 6px 6px 6px 9px;
}
#TB_ajaxContent { clear: both; overflow: hidden; padding: 0; }
#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_load {
	position: fixed;
	display: none;
	height: 13px;
	width: 208px;
	z-index: 103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px;
}
* html #TB_load {
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	border: none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
}
* html #TB_HideSelect {
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent {
	clear: both;
	border: none;
	margin-bottom: -1px;
	margin-top: 1px;
	_margin-bottom: 1px;
}

/* timeline */

div.timeline {
	font-size: 10px;
	padding: 0 0 100px 0;
	width: 600px;
/*	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #cccccc;*/
}
ul.events {
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	width: 600px;
}
ul.events li {
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	background: #eee !important;
	background-image: none !important;
	border: 1px solid #ddd;
	color: #707070;
	margin-bottom: 6px;
	padding: 3px 0;
	position: relative;
	text-align: center;
}
ul.events li em {
	color: #aaa;
	font-weight: normal;
	font-size: 9px;
}
ul.events li a { text-shadow: 1px 1px 1px #cccccc; }
ul.intervals {
	list-style-type: none;
	padding: 0;
	position: absolute;
	display: block;
	width: 620px;
}
ul.intervals li {
	background: #fff url("../img/1x1_eee.gif") repeat-x left 10% !important;
	border-right: 1px solid #ccc;
	color: #999;
	display: block;
	float: left;
	margin: 0;
	padding: 15px 2.5px !important;
	text-align: center;
	text-shadow: 1px 1px 1px #cccccc;
	width: 8%;
}
ul.intervals li.first {
	border-left: 1px solid #ccc;
}

/* hacks */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { ul.topnav { margin: 26px 0 0 0; } }