/*
 * Eric Meyer's Reset stylesheet - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,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,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*-------------------- new html 5 elements to display block ---------------------*/
header, section, footer, article, nav, aside {
	display: block;
}

html {
	background: url("bg.jpg") no-repeat top center #63D51E;
	color: #000;
	height: 100%;
	text-align: center; /*** Centers the design in old IE versions ***/
	width:100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto; /*** Centers the design ***/
	text-align: left;
	/*** Because we centered the text in body we have to move the text back to left aligning ***/
	font-size: 12px;
	height: 100%; 
	width: 1014px;
}

a:link,a:visited,a:hover,a:active {
	color: #fff;
	text-decoration: none;
	text-transform: inherit;
	font-weight: inherit;
	font-style: inherit;
}

a:hover, a:focus {
	text-decoration: none;
}

a:active {
	text-decoration: none;
	outline: none !important;
}

strong {
	font-weight: bold;
	font-style: inherit;
}

em {
	font-style:italic;
}

p {
	font-size:12px;
	line-height: 1.2em;
}

ul {
	list-style: none;
}

input,textarea {
	font-size: 12px;
}

/*
 *  FORMS
 */
button {
	cursor: pointer;
	border: none;
}

button:hover {
	text-decoration: none;
}

/*
 *  END FORMS
 */
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	margin: 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.bold {
	font-weight: bold;
}

.error {
	color:#F5FB43 !important;
}

.errormessage {
	padding:3px 10px;
	border:1px solid #F5FB43;
}

fieldset#errormessage {
	color:#F5FB43 !important;
	padding:3px 10px;
	border:1px solid #F5FB43;
	font-weight:bold;
	margin-bottom:10px;
}

fieldset#errormessage legend {
	color:#F5FB43 !important;
	font-size:12px;
	line-height:10px;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.3em;
	font-weight:bold;
}

h4 {
	font-size: 1.2em;
	font-weight:bold;
}


.right {
	float: right;
}

.left {
	float: left;
}

header {
	height:270px;
	background: url("logo_bg.jpg") no-repeat right top;
	position:relative;
	margin-left:12px;
}

#sidebar {
	background: url("sidebar.png") no-repeat left top;
	float: left;
	width: 306px;
	min-height:310px;
	color:#87E4FF;
	position:relative;
}

#container {
	background: url("content_bg.jpg") no-repeat left top #31A3D7;
	float: right;
	width: 678px;
	padding-left:30px;
	min-height:310px;
	position:relative;
}

footer {
	clear:both;
	width:1014px;
}

footer div.fbg {
	min-height:221px;
	padding:47px 38px 0 0;
	background: url("footer_bg.png") no-repeat left bottom;
}

footer div.fbg a {
	height:14px;
	float:right;
	font-size:11px;
}

footer div.fbg a.contacts {
	width:58px;
	background: url("footer_links_sprite.jpg") no-repeat 0px 0px;
	padding-left:15px;
	margin-right:5px;
}

footer div.fbg a.sitemap {
	width:85px;
	background: url("footer_links_sprite.jpg") no-repeat -80px 0px;
	padding-left:20px;
	margin-right:15px;
}

footer div.promo {
	background: url(promobg_sprite.jpg) no-repeat center top #fff;
	height:120px;
	padding-left:9px;
	margin-left:4px;
}

footer div.promo div {
	float:left;
	width:220px;
	height:108px;
	padding:5px 10px;
	margin-right:10px;
}

footer div.promo div h2 {
	font-size:17px;
	font-weight:bold;
	margin-bottom:15px;
}

footer div.promo div h2 a {
	font-weight:bold;
}

footer div.promo div p {
	width:150px;
}

footer div.promo div p a {
	font-size:12px;
}

footer div.promo div p a.col {
	color:#000;
}

footer div.promo div a:hover {
	
}

.sbg {
	background: url("content_bg1.jpg") no-repeat left top !important;
}

form#search {
	float: right;
	margin:8px 8px 0 0;
}

form#search input {
	border: 1px solid #A1A19F;
	font-size:9px;
	text-transform:uppercase;
	width:144px;	
	height: 10px;
	color:#47ACE2;
	margin-right:2px;
	padding:2px 8px;
}

form#search button {
	background: url("search_button.gif") no-repeat left top;
	width:32px;
	height: 16px;
	vertical-align:top;
}

header nav {
	background: url("menu_bg.jpg") repeat-x left top;
	border-right:1px solid #81C3E5;
	width: 100%;
	height: 34px;
	background-color: #fff;
}

header nav ul {
	background: url("menuleft_bg.gif") no-repeat left top;
	height:auto;
	padding-top:8px;
	float:left;
}

header nav ul li {
	display:inline-block;
	margin-left:37px;
}

header nav ul li a {
	font-size:12px;
	color:#fff;
	display:inline-block;
	height:26px;
	text-transform:uppercase !important;
}

header nav ul li a:hover,
header nav ul li a.on {
	background: url("menu_hover.gif") no-repeat center bottom;
}

header h1 {
	position:absolute;
	bottom:60px;
	left:50px;	
}

header h1 a {
	display:block;
	width: 185px;
	height: 135px;
	text-indent:-9999px;	
}

header div#lang {
	float:right;
	text-align:center;
	background: url("lang_bg.png") no-repeat left top;
	width:216px;
	height: 15px;
	padding:5px 0px 5px 10px;
}

header div#lang a {
	padding-right:38px;
	font-weight:bold;
	color:#C1E2F3;
	text-transform:uppercase;
}

header div#lang a:hover,
header div#lang a.on {
	color:#D5E6F8;
}

div#sidebar h2 {
	margin:30px 0 0 60px;
	font-size:16px;
	width:200px;
	text-transform:uppercase;
}

div#sidebar nav ul {
	margin:30px 15px 0 100px;
}

div#sidebar nav ul li {
	background: url('left_menu_borderb.png') no-repeat left top;
}

div#sidebar nav ul li a {
	font-family: Verdana, Helvetica, sans-serif;
	width:193px;
	padding-top:3px;
	margin-bottom:3px;
	color:#87E4FF;
	font-size:13px;
	display:block;
}

div#sidebar nav ul li a:hover,
div#sidebar nav ul li a.on {
	color:#fff;
}

div#sidebar nav ul li ul {
	margin:0px;
}

div#sidebar nav ul li ul li {
	text-align:right;
}

div#sidebar nav ul li ul li a {
	background: url('triangle.gif') no-repeat left 4px;
	font-size:12px;
}

#sidebar div.address {
	position:absolute;
	bottom:15px;
	left:40px;
	background: url("sidebar_balloon.gif") no-repeat left 20px;
	height:auto;
}

#sidebar div.address p {
	line-height:14px;
	font-size:13px;
	margin-left:66px;
}

#sidebar div.address p strong {
	font-weight:normal;
}

#sidebar div.address p strong.locality {
	font-weight:bold;
	font-size:13px;
}

p.vcard span.fn {
	display:none;
}

#sidebar div.address p a {
	color:#87E4FF;
}

#sidebar div.address p a:hover {
	color:#fff;
}

#container h2.home {
	font-size:16px;
	font-weight:bold;
	margin-top:60px;
	color:#70D4F4;
}

#container h1 {
	color:#fff;
	font-size:15px;
}

#container h2.home {
	margin:60px 0 30px 0;
	color:#70D4F4;
}

#container h2.home span {
	color:#fff;
}

#container div.home {
	width:345px;
}

#container h2.title {
	padding-top:30px;
	margin-bottom:10px;
	color:#fff;
	font-size:18px;
}

h2.title a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
}

h2.title a:hover,
#container h3 a:hover {
	color:#86E3FE;
}

#container h3 {
	margin-bottom:5px;
}

#container h3 a {
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
}

div.maxheight {	
	position:relative;
	font-family: Verdana, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
	width:620px;
	padding-right:10px;
	height:212px;
	overflow:hidden;
}

div.desc {
	/*
	width:712px;
	height:418px;
	padding-right:20px;
	margin-bottom:20px;
	overflow:auto;
	*/
	position:absolute;
	width:620px;
	top:0;
	left:0;
}

div.article {	
	font-family: Verdana, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
}

div.article ul {
	list-style-type:disc;
}

div.article ul,
div.article ol {
	margin-left:20px;
	list-style-position:inside;
}

div.article p,
div.article a {	
	font-size:11px;
}

div.article a:hover {
	color: #86E3FE;
}

div.scroll {
	display:none;
	position:absolute;
	background: url("scroll_bg.jpg") no-repeat left top;
	width:18px;
	height:220px;
	right:35px;
	bottom:25px;
	z-index:10;
}

a.d_up {
	position:absolute;
	display:block;
	background: url("up.gif") no-repeat left top;
	width: 14px;
	height: 8px;
	right:2px;
	top:7px;
}

a.d_down {
	position:absolute;
	display:block;
	background: url("down.gif") no-repeat left top;
	width: 13px;
	height: 9px;
	right:2px;
	bottom:7px;
}

#container ul.list {
	
}

#container ul.list li {
	margin-bottom:10px;
}

#container ul.list li h2.title {
	margin:0px;
}

#container div.img {
	width:180px;
	margin-right: 20px;
	float:left;
}

#container ul.sitemap {
	
}

#container ul.sitemap li {
	
}

#container ul.sitemap li a {
	
}

#container ul.sitemap li a:hover,
#container ul.sitemap li a.on {
	color:#fff;
}

#container ul.sitemap li ul {
	margin:0px;
}
#container ul.sitemap li ul li {
	margin-left:10px;
}

#container ul.sitemap li ul li a {
	
}

#container div.img img,
ul#gallery li img,
div.article img {
	padding: 2px;
	border: 1px solid #87E4FF;
}

ul#gallery {
	margin-bottom:10px;
}

ul#gallery li {
	width:170px;
	margin:0 27px 25px 0;
	display:inline-block;
	vertical-align:top;
}

form.contacts {
	width:auto;
	float:left;
	margin-right:20px;
	font-size:11px;
	font-family: Verdana, Helvetica, sans-serif;
	color:#fff;
}

form.contacts h3 {
	padding-top:5px;
	margin-bottom:5px;
}

form.contacts h3.lprint {
	padding-top:0px;
	margin-bottom:0px;
}

form.contacts label,
div.sale div label  {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;
	width:70px;
	float:left;
	margin:0 20px 5px 0;
}

div.sale div label  {
	width:250px;
}

form.contacts div,
div.sale div {
	clear:left;
}

form.contacts div strong,
div.sale div strong {
	float:left;
	margin-bottom:5px;
	width:auto;
	font-weight:normal;
}

form.contacts input {
	margin-bottom:5px;
	width:249px;
	height:13px;
}

form.contacts select {
	margin-bottom:5px;
	width:249px;
	height:16px;
}

form.contacts select optgroup {
	font-style:normal;
}

form.contacts input,
form.contacts select,
form.contacts textarea {
	font-size:11px;
	border:1px solid #A1A19F;
	font-family: Verdana, Helvetica, sans-serif;
}

form.contacts textarea {
	width:248px;
	margin:0px 0 10px 0;
	height:100px;
}

form.contacts button {
	background: url("quest_button.gif") no-repeat left top;
	width:32px;
	height: 16px;
	vertical-align:top;
	display:block;
	margin-right:5px;
	text-indent:-9999px;
}

form.contacts button.save {
	background: url("save.png") no-repeat left top;
	width:90px;
	height: 20px;
}

form.contacts button.send {
	background: url("send.png") no-repeat left top;
	float:left !important;
	width:90px;
	height: 20px;
}

form.contacts button.continue {
	background: url("continue.png") no-repeat left top;
	float:left !important;
	width:99px;
	height: 20px;
}

form.contacts button.en {
	background: url("send_en.png") no-repeat left top;
}

form.contacts button.browse {
	background: url("browse.png") no-repeat left top;
	width:90px;
	height: 20px;
}

form.contacts a.back {
	background: url("back.png") no-repeat left top;
	float:left;
	width:90px;
	height: 20px;
	text-indent:-9999px;
}

form.contacts p {
	color:#F85F00;
	font-size:11px;
	margin-bottom:5px;
}

form.contacts fieldset legend {
	color:#fff !important;
	font-size:15px;
	margin:5px 0;
	font-weight:bold;
}

form.contacts a:hover,
div.sale a:hover  {
	text-decoration:underline !important;
}

/*
*	order
*/
body.order #sidebar{
	position:static;
}

body.order #container,
body.order #sidebar,
body.order .sbg {
	background: none;
}

body.order div#frame {
	position:relative;
	background: url("content_repeatbg.png") repeat-y left top !important;
	width:1014px;
}
/*
body.order div#inner {
	background: url("content_order_top.png") no-repeat left top;
	width:1014px;
}
*/
body.order #sidebar {
	background: url("content_order_top.png") no-repeat left top !important;
}

body.order #container {
	background: url("content_order_top.png") no-repeat -306px 0px !important;
}

body.order div#foot {
	background: url("content_order_bottom.png") no-repeat left bottom;
	height:59px;
	clear:both;
}

body.order form.contacts {
	width:auto;
}

body.order form.contacts label {
	width:220px;
	color:#fff;
}

body.order form.contacts input,
body.order form.contacts select {
	width:150px;
}

body.order form.contacts p {
	color:#fff;
	font-weight:bold;
}

body.order form.contacts button {
	float:none;
	margin-left:300px;
}

/*
*	order
*/

div.pages {
	margin: 20px 0;
	text-align: center;
}

div.pages a {
	border: 1px solid #87E4FF;	
}

div.pages span {
	border: 1px solid #047AA8;
	color: #047AA8 !important;
}

div.pages a,
div.pages span {
	padding: 3px; 
	display: inline-block;
	margin: 0 8px 0 0;
	color: #87E4FF;
}

div.pages a:hover {
	border: 1px solid #047AA8;
	color:#047AA8;
}

div.cwd {
	display: inline-block;
}

span#empty {
	border: 1px solid #1E90CF !important;
	color: #1E90CF !important;
}

div.docs h5 {
	color:#86E3FE;
	margin-top:5px;
	font-size:13px;
}

div.docs a {
	display:block;
	font-size:11px;
}

div.docs a:hover {
	color: #86E3FE;
}

div.clientslinks {
	margin:30px 0 0 100px;
}

div.clientslinks a {
	color: #87E4FF;
}

div.clientslinks a:hover {
	color: #fff;
}

div.tabs {
	display:block;
}

/*
* Tooltip Box
*/
ul#tabs {
	margin-left:100px;
}

ul#tabs li a:hover {
	text-decoration:none; /*BG color is a must for IE6*/
}

ul#tabs li a.tooltip span {
	font-size:12px;
	display:none; 
	padding:2px 3px; 
	margin:-10px 0 0 140px; 
	width:250px;
	z-index:10;
}

ul#tabs li a.tooltip:hover span{
	display:inline-block; 
	position:absolute; 
	background:#fff; 
	border:1px solid #ccc;
	box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	color:#6c6c6c;
}
/*
* Tooltip Box
*/

table tr th {
	font-weight:bold;
	font-size:13px;
}

a.add {
	float:right;
	background: url("add.gif") no-repeat left bottom;
	width:18px;
	height:18px;
}

a.print {
	display:block;
	width:18px;
	height:18px;
	background: URL('../design/print.gif') no-repeat center;
}

html#print  {
	background-image:none;
	background-color:#fff;
	color:#000 !important;
}

html#print a  {
	color:#000 !important;
}