/*  This CSS file formats the fonts, colors, links as well as setting how 
certain elements on the page are displayed.  */

html {
	height: 100%; 
	margin-bottom: 1px;}
	
body {
	background: #000 url("../images/background.png") repeat-x;
	color: #ffffff;
	font: normal 76% Verdana, Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;}

hr {
	background-color: #c26116;
	color: #c26116;
	border: none;
	height: 1px;
	width: 100%;}

img {
	border: none;}

ul {
	padding: 0;
	margin: 0 0 20px 20px;
	list-style: square;}

/*  The items below the properties for the links that appear in the
main text area as well as in the sidebar of the pages  */

a {
	color: #f8c854;
	text-decoration: underline;
	outline: none;
	font-weight: bold;}

a:hover {
	color: #c0c0c0;
	text-decoration: underline;
	outline: none;
	font-weight: bold;}

/*  The items below set the properties for the fonts, sizes, and
colors used for headings 1 through 6. Typically h1 - h3 are used
in the main content area and h4 - h6 are used in the sidebar  */

h1 {
	color: #c26116;
	font: normal 24px Georgia, Georgia, serif;
	text-transform:uppercase;
	text-align: left;
	letter-spacing: 1px;}

h2{
	color: #c26116;
	margin-bottom:10px;
	font: normal 20px Tahoma, Geneva, sans-serif;	
	text-align: left;}


h3{
	color: #c26116;
	margin-bottom:0px;
	font: normal 20px Tahoma, Geneva, sans-serif;
	text-align: left;}

h4 {
	color: #808080;
	margin-bottom:5px;
	font: normal 18px Arial, Helvetica, sans-serif;
	text-align: left;}

h5 {
	color: #808080;
	font: normal 18px Arial, Helvetica, sans-serif;
	text-align: left;}

h6 {
	color: #c26116;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	padding-bottom: 0;}

.center {
	text-align: center;}	

.clear {
	clear: both;}

/*  To keep the content centered on the page, all of the areas
are placed within a wrapper. The item below defines this wrapper.  */

#wrapper {
	width: 940px;
	text-align: justify;
	margin: 0 auto;}

/*  The items below set the properties of the top header as
well as the global navigtion links and the main navigation
link group that sits on top of the header image. */

#header {
	position: relative;
	width: 940px;
	height: 250px;}

#global {
	position: absolute;
	left: 0;
	top: 5px;
	z-index: 1;
	color: #c0c0c0;
	height: 15px;
	width: 890px;
	text-align: right;
	font-size: 85%;}

   #global a {
      color: #c0c0c0;
      font-weight: normal;
      text-decoration: none;}

   #global a:hover {
      color: #ffffff;
      font-weight: normal;
      text-decoration: underline;}

#mainimage {
   position: absolute;
   left: 55px;
   top: 30px;
   }
   
#mainimage img
{
	border:none;
}   

#navbar {
   position: absolute;
   left: 0;
   top: 230px;
   z-index: 3;
   color: #ffffff;
	height: 20px;
	width: 940px;
	padding-left:17px;
	letter-spacing: 1px;
	text-align: left}

#navbar a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;}

#navbar a:hover {
	color: #c0c0c0;
	font-weight: bold;
	text-decoration: underline;}


/*  The items below sets the properties for the sidebar and
content blocks as well as a wider content area for the single
column page layout  */

#sidebar {
	font-size: 85%;
	float: left;
	margin-left:20px;
	width: 240px;
	padding: 20px 20px 10px 0;}

#content {
	font-size:90%;
	float: right;
	margin-right:20px;
	width: 620px;
	line-height: 1.5em;
	padding: 20px 0 10px 20px;}

#contentwide {
	width: 900px;
	line-height: 1.5em;
	padding: 20px 0 10px 0;}

/*  The items below set the footer properties as well as the text
and links that appear in this area  */

#footer {
   border-top: 2px solid #c26116;
	clear: both;
	color: #c0c0c0;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.5em;
	font-size: 80%;
	padding-top: 20px;
	height: 60px;}

#footer a {
	color: #c0c0c0;
	font-weight: bold;
	text-decoration: none;}

#footer a:hover {
	color: #c0c0c0;
	font-weight: bold;
	text-decoration: underline;}

#footer p {
	margin: 0;
	padding: 0;}

/*  This template contains a form that is set within a fieldset. The
items below set the properties for the form, input fields, the submit
button, etc.  */

fieldset {
	border:none;
	padding: 5px;
	margin: 5px 0;}

legend {
	background-color: #000;
	border: 1px solid #202020;
	position:absolute;
	color: #F8C854;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	margin-top:-15px;}

form {
	border: 1px solid #202020;
	background-color:111;
	text-align: left;
	margin: 20px 0 5px 0;}

label {
	width: 150px; 
	float: left; 
	text-align: right; 
	margin: 3px 5px 5px 5px; 
	clear: both;}

input {
	margin: 3px 5px 5px 5px; 
	background-color: #151515; 
	color: #ffffff; 
	border: 1px solid #222;}

textarea {
	font: normal 12px Verdana, sans-serif;
	margin: 3px 5px 5px 5px; 
	overflow:auto;
	background-color: #151515; 
	color: #ffffff; 
	border: 1px solid #222;}

.button {
	text-align: center; 
	margin: 5px 0 0 170px; 
	border: none;
	clear: both;}

/*  The catalog is set into a simple two-column table. The
items below set the properties for the catalog display.  */

table {
	padding: 0px;
	border-collapse: collapse;
	margin-top:-1px;
	font-size: 100%;
	width: 100%;}

.catalog {
	padding: 10px;
	line-height: 1em;
	text-align: center;
	vertical-align: top;
	width: 50%;}

/*  The calendar sits within a div so that it can be
centered in the sidebar area.  */

.calendar {
	text-align: center;
	width:230px;
	margin: 20px 0 20px 0;}



/*  Your smaller images can be floated to the left or the
right so your text can flow around them. You can also have
the images appear with or without a small border. The items
below sets the properties for the classes you may apply to
your images.  */

.image-border {
	padding: 5px;
	border: 1px solid #c2c2c2;}
	
.imageleft-noborder {
	margin: 0 10px 0 0; 
	float: left;}

.imageright-noborder {
	margin: 0 0 0 10px; 
	float: right;}
	
.imageleft-border {
	margin: 0 10px 0 0; 
	float: left;
	padding: 5px;
	border: 1px solid #c2c2c2;}

.imageright-border {
	margin: 0 0 0 10px; 
	float: right;
	padding: 5px;
	border: 1px solid #c2c2c2;}




#banners ul li a{
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:8pt;}

.price
{
	font-style:italic;
	font-size:1.2em;
	margin-left:20px;
	color: #f8c854;
	padding-bottom:10px;
	display:block;
}

.form
{
	margin-top:30px;
	width:460px;
}

.form legend
{
	font-size: 10pt;
	font-weight:bold;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	
}
.form table
{
	padding:0px;
	list-style-type:none;
	margin: 10px 0px 0px 10px;	
}

.form td
{
	width:180px;
	padding:0px;
	margin:0px;
}



.form input
{
	margin-left:10px;
	margin-right:0px;
}

.form li,
.form textarea,
#submit
{
	margin: auto auto 8px 10px;
	width:100px;
}

.form textarea
{
	width:420px;
	margin-top:10px;
}
.tel 
{
	width:80px;
}


.skype_logo
{
	border:0px; 
	width:105px; 
	height:47px;
}



#skype
{
	width:200px;
	height:60px;
}

.call
{
	border:0px; 
	width:124px; 
	height:52px;
	margin-top:10px;
	margin-left:-5px;	
}

#cnt
{
	margin:10px 0px 10px 215px;
	text-align:center;

}
.small{
	display:block;
	font-size:8pt;
	color:#c0c0c0;
	display:none;
	font-style:italic;
	
}

.nom{
	text-align:justify;
	display:none;
	margin-top:1px;
}

#lang
{
	width:80px;
	height:25px;
	margin-top:20px;
	text-align:center;
	padding-top:5px;
	margin-left:-6px;
	
}
#lang img
{
	margin-right:3px;
	width:30px; 
	height:20px;
	
}	

#liability
{
	letter-spacing:normal;
	text-align:justify;
	padding:5px;
	color:#606060;
}

#tl tr td
{
	vertical-align:top;
	text-align:left;
	padding-left:15px;
	margin:0px;
}

#offs 
{
	border:solid;
	padding:0px;
	border-width:1px;
	border-color:#202020;
	margin: 0px 10px 0px 0px;
	background-color:#101010;
	width:610px;
}



#offs th
{
	padding-left:10px;
}

#offs td
{
	text-align:left;
	padding-left:80px;
	padding-top:2px;
	padding-bottom:2px;
}





#offs th, #offs td
{
	border:solid;
	border-width:1px;
	border-color:#202020;
	height:21px;

}


.odd td, .odd th 
{
	background-color:#151515;	
}

.first
{
	border-color:#202020;
}


#colgrp1
{
	width:220px;
}

 #colgrp3
{
	width:195px;	
}

#colgrp2
{
	width:195px;
}


.address th
{
	font-size:120%;
}

.address b
{
	font-size:120%;
	display:block;
	padding:0px;
	color:#FFF;
	margin:10px 0px -5px 0px;
	color:#f8c854
}



.address td, .address th
{
	border:solid;
	border-width:1px;
	border-color:#202020;
	padding:5px;
	text-align:center;
	vertical-align:top;
}