/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/


/* Reset */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}
embed { 
	vertical-align:top;
}
* { border:none}
input, textarea{ outline:none !important}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.box {
	overflow:hidden;
}
.clear {
	clear:both;
	width: 100%;
}
.relativePos{
	position:relative;
}
.last{
	background:none !important;
	border:none !important;
}
.pad_0{
	padding:0 !important;
}
/* Global properties ======================================================== */
body, html, .extra{
	height: 100%;
	width:100%;
	min-width:1000px;
	min-height:820px;
}
body {
	overflow:hidden;
	border:0;
	font:13px/18px Tahoma;
	color:#616161;

}
/* Global Structure ============================================================= */
.extra{
	position:relative;
	overflow:hidden;
}
.main {
	position:relative;
	width:1000px;
	height:820px;
	margin: 0 auto;
}
.page_spinner {
	position:fixed;
	background: url(images/main_spinner.gif) 50% 50% no-repeat #121212;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
}
/* ============================= main layout ====================== */
a {
	color:#fff;
	text-decoration: underline;
	outline:none;
}
a:hover {
	color:#000;
}
h1 {
	padding:0 0 0 0;
	width:575px;
	height:182px;
	margin:0 auto;
}
h2 {
	font:30px/26px 'Racing Sans One', cursive;
	color: #fff;
	font-weight:bold;
	padding-bottom: 36px;
}
h3 {
	color:#fff;
	padding-bottom:8px;
	font-weight:normal;
}
p {
	padding-bottom:22px;
	
}
.color1 {
	color:#5d5d5c;
}
/* ============================= header ====================== */
header{
	position:relative;
	width:100%;
	height:300px;
	z-index:10;
}
#logo {
	position:relative;
	display:block;
	white-space: nowrap;
	overflow: hidden;
	width:575px;
	height:130px;
	padding-top: 50px;
	padding-left: 40px;
	margin:0 auto;
    font: 40px 'Racing Sans One', cursive;
	text-decoration: none;
}
/* ============================= menu ====================== */
.menu {
	position: relative;
	z-index:5;
}
#menu > li {
	position:absolute;
	top:0;
	left:0;
	width: 100px;
	height: 100px;

}
#menu > li a{
	display:block;
	width: 100px;
	height:100%;
	text-align:center;
	text-decoration:none;
	text-transform:lowercase;
}
#menu > li a span{
	position:relative;
	top: 60px;
	font: 30px/35px 'Racing Sans One', cursive;
	z-index:5;
}
#menu > li a b{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.menu1
{
background: url(images/home.png) no-repeat 20px 0px;
}

.menu2
{
background: url(images/about.png) no-repeat 20px 0px;
}

.menu3
{
background: url(images/work.png) no-repeat 20px 0px;
}

.menu4
{
background: url(images/news.png) no-repeat 20px 0px;
}

.menu5
{
background: url(images/prices.png) no-repeat 20px 0px;
}

.menu6
{
background: url(images/mail.png) no-repeat 20px 0px;
}


/* ============================= content ====================== */
#content{
	position:relative;
}
#content > ul {
	position:relative;
	width:1000px;
	height:418px;
	margin-bottom:29px;
}
#content > ul > li {
	position:absolute;
	width:100%;
	height:100%;
	background:url(images/page_plane.png) 0 0 no-repeat;
}
.contPad{
	padding: 50px 30px 30px;
}
.imgIndent{
	float:left;
	padding: 0 20px 20px 0;
}
.padTop{
	padding-top: 0px;
}
.padBot{
	padding:0 0 10px 0;
}
#newsList{
	padding-top:16px;
}
#newsList li {
	overflow:hidden;
	padding-bottom:24px;
}
#newsList dt{
	display:block;
	float:left;
	height:58px;
	width:88px;
	padding-right:15px;
	text-align:center;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}
#newsList .plane1{
	color:#fff;
}
#newsList .plane2{
	color:#1d1d1c;

}
#newsList dt {
	font-size:26px;
	display:block;
	width: 100px;
	height: 100px;
}
#newsList dd {
	width:245px;
	padding-left: 10px;
	float:left;
}
#newsList dd p{
	padding-bottom:8px;
}
#imgList{
	margin-top:-15px;
}
#imgList li{
	position:relative;
	float:left;
	margin:15px 46px 5px 0;
}
#imgList span{
	top:0;
	position:absolute;
	width:100%;
	height:100%;

}
#postsList{
	overflow:hidden;
	margin:-6px 0 4px;
}
#postsList dt{
	color:#fff;
	padding-bottom:20px;
}
#postsList dt p{
	color:#fff;
	font-size:17px;
	font-weight:bold;
	padding-bottom:5px;
}
#postsList dd p{
	padding-top:8px;
}
.link{
	position:relative;
	left:-5px;
	color:#fff;
	text-decoration:none;
	padding:3px 5px;
}
.link:hover{
	color:#1d1d1c;
	background-color:#fff;
}
.listWithMarker li {
	text-indent:12px;
	height:24px;
	background:url(images/listMarker.png) 0 8px no-repeat;
}
.listWithMarker li a {
	color:#fff;
	text-decoration:none;
}
.listWithMarker li a:hover {
	color:#616161;
}
.google_map{
	margin-right:18px;
	float:left;
	border: 10px solid #232322;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
    width: 300px;
    height: 220px;
    background: #232322;
}
.address {
	padding-top:22px;
	float:left;
	width:185px;
}
.address a{
	text-decoration:none;
	color:#fff;
}
.address a:hover{
	text-decoration:underline;
}
/* ============================= scroll ====================== */
.scroll {
	height:250px;
}
.shuttle {
	width:26px;
	height:135px;
	background:url(images/shuttle.png) 0 0 no-repeat;
}
.track{
	position:absolute;
	top:102px;
	left:944px;
	width:26px;
	height:255px;
	background:url(images/track.png) 0 0 no-repeat;
}
/* ============================= footer ====================== */
footer {
	width:1000px;
	text-align:center;
	font-size:11px;
	color:#645a56;
	font-weight:bold;
}
footer a{
	color:#645a56;
	text-decoration:none;
}

/* ============================= forms ============================= */
#form1 {
}
#form1 input {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	background-color:#242424;
	padding:8px 0 9px 10px;
	width:172px;
	margin:0 4px 0 0;
	box-shadow:none;
}
#form1 textarea {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	resize: none;
	background-color:#242424;
	padding:8px 0 9px 10px;
	width:362px;
	height:129px;
	margin:0;
	overflow:auto;

}
#form1 label {
	position:relative;
	display:inline-block;
	min-height:44px;
}
#form1 .error, #form1 .empty {
	position:relative;
	top: -3px;
	display:none;
	font-size:11px;
	color:#4b4b4b;
	font-weight:normal;
	text-transform:lowercase;
}
.btns a {
	display:inline-block;
	margin:3px 0 0 6px;
}
.btns a:hover {
	color:#5b5b5b;
}
/* Form defaults */
input, select, textarea {
	font:13px/18px 'Racing Sans One', cursive;
	color:#616161;
	text-transform:uppercase;
}



/* Layout */
.col3, .col4, .col5, .col5_20, .col6, .col7, .col8, .col9, .col10 { float:left;}

.colIndent{
	padding-right:20px;
}

.col3{ 
	width:220px;
}
.col4{ 
	width:300px;
}
.col5{ 
	width:380px;
}
.col5_20{
	width:400px;
}
.col6{ 
	width:460px;
}
.col7{ 
	width:540px;
}
.col8{ 
	width:620px;
}
.col9{ 
	width:700px;
}
.col10{ 
	width:780px;
}

#logo H1 a
{
color; #000000
}

.box p
{
display: block;

}