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


/* Global properties ======================================================== */
.glob
{
width:100%; 
height:100%; 
position:absolute; 
	
}

body
{
font-family:'Trebuchet MS', sans-serif;
color:#000; 
background: #188dc9; 
line-height:20px; 
min-width:1010px;
min-height:100%; 
position:absolute; 
width:100%; 
height:100%; 
overflow:hidden; 
}

/* Global Structure ========================================================= */
.main {margin:0px auto 0 auto; 	width: 1000px; z-index:2; height:100%; }
.page_spinner{ position:fixed; background:url(images/cookie-loader3.gif) 50% 50% no-repeat #ff003c; z-index:99; width:100%; height:100%; top:0; left:0}
#glob{position:relative; overflow:hidden; z-index:1; }

/* layout =================================================================== */
.containerContent {
    z-index: 1;
    position: relative;
    padding: 44px 30px 0 30px;
	overflow: auto;
	height: 600px;
	width: 940px;
	margin-top: 10px;
}  
.col1{width: 100%; position: relative; float: left;}
.col2{width: 290px; position: relative; float: left;}
.col3{width: 270px; position: relative; float: left;}
.col4{width: 445px; position: relative; float: left;}
.col5{width: 370px; position: relative; float: left;}
.col6{width: 380px; position: relative; float: left;}
.col7{width: 540px; position: relative; float: left;}
.col8{width: 210px; position: relative; float: left;}
.col9{width: 920px; margin: 0 auto;}


/* Left & Right alignment */
.left { float:left; }
.right { float:right; }
.wrapper {width:100%; overflow:hidden; }


/* Layout 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 }


/* ============================= main layout ================================ */
/* ============= a is menu font h2 is main header = p is page font ================= */
a{ color:#fff; text-decoration:none; outline:none; font-size: 12px; }
a:hover{ text-decoration:underline}
h1{float:left;}
h2{font-family: 'Baroque Script', Monotype Corsiva; color:#fff; font-size:20px; line-height: 30px; width:100%;  padding-bottom: 20px;font-weight: normal;}
h3{color: #ff003c; font-size:13px; line-height: 20px; width:100%; padding-bottom: 20px; font-weight: 400;}
p{padding-bottom: 20px; font-size: 11px; color: #f4d9cd; line-height: 16px; }
.undLineOff{text-decoration:none; }
.textLowerCase{text-transform:lowercase}
.textUpperCase{text-transform:uppercase}
.center{ padding:0; width:100%; position: relative; }
.alignLeft{text-align:left; }
.alignCenter{text-align:center; }
.alignRight{text-align:right; }
/* ============================= header Company Name===================================== */
.header{position:relative; z-index:1; display: inline-block; }
#logo
{
display:inline-block;  
width: 680px; 
height: 88px; 
padding-top: 10px;
font-family: 'Baroque Script', sans-serif; 
color:#ff003c; 
font-size: 30px;
font-weight: normal;
}

#logo:hover{text-decoration:none; }
.logoHolder{ display:inline-block; position: relative; margin-top: 10px;}
.headerHolder{position: relative; width: 1000px; height: 250px; z-index: 3;  margin: 0 auto;text-align: center; }
.menu{position:relative; z-index:1; display: block; }
.menuHolder{ display:inline-block; position: relative; width: 100%; height: 69px; z-index: 3; left: 0; margin-top: 18px; background: url(images/menu1.png) no-repeat}
#menu2 {z-index:3; position:relative;}
#menu2 > li{float: left;  color: white;  text-align: center; height: 73px;display: inline-block; padding-top: 20px;}
#menu2 > li > a{font-family: 'Baroque Script', sans-serif; display: block; float: left; display: inline; height: 73px; font-size: 20px; padding-left: 60px}
#menu2 > li > a:hover{text-decoration:Underline;}
#menu2 > li.active > a{text-decoration:none;}

.mText
{ 
line-height: 50px; 
color: #080808; 
font-size: 20px; 
position: absolute; 
padding: 11px 12px;
}

.mTextOver
{ 
line-height: 50px; 
color: #fff; 
font-size: 20px; 
position: relative; 
padding: 11px 12px; 
background:url(images/spritemore.png); 
top: -75px; left: 0;
padding-top: 5px;
}

._list1{position: relative;}
._list1 > li{display: block; position: relative;margin-bottom: 1px;}
._list1 > li >a{color: #f4d9cd; font-size: 10px; margin-left: 22px;}
.listMarker{background:url(images/extra3.png) 0 0 no-repeat; width: 11px; height: 12px; display: inline-block; position: absolute; left: 0;top: 4px;}
.listMarkerO{background:url(images/extra4.png) 0 0 no-repeat; width: 11px; height: 12px; display: inline-block; position: absolute; left: 0;top: 4px;}
.mymore{
color: #fff; 
font-size: 10px; 
background: url(images/readmore.png);
text-transform: uppercase; 
display:block; 
width: 83px; 
height: 30px;
padding-top: 14px;
padding-left: 33px;
}
.mymore:hover{text-decoration: Underline;}
.more2{font-family: 'Trebuchet MS', sans-serif; color: #fff; font-size: 16px; background:url(images/moreSprites2.png);padding: 9px 18px; line-height: 42px;margin-top: 26px;position: relative; margin-left: 330px;}
.more2:hover{text-decoration: Underline;}
/* ============================= content ====================== */
#content{position:relative;  z-index: 1; width: 100%; margin: 0 auto; display: block;padding-top: 28px; }
#content > ul{width: 940px; height: 620px; z-index: 0;display: inline-block; }
#content > ul > li{width: 100%; display:block; position:absolute; height: 480px;}
.box{ width: 1000px; background: url(images/contentBg3.png); overflow: hidden; position: relative; height: 600px; padding: 0px 0px;}
.underline{text-decoration:underline; }
.space1{display:inline-block; width: 90px; }
#bgStretch {overflow:hidden; z-index:-1; }
#bgStretch img{background-color: #000;}
.padBot2{padding-bottom: 22px;}
.padBot3{padding-bottom: 22px;}
.padBot4{padding-bottom: 22px;}
.padBot5{padding-bottom: 41px;}
.padBot6{padding-bottom: 13px;}
.padBot7{padding-bottom: 2px;}
.padRight1{padding-right: 20px;}
.padRight2{padding-right: 30px;}
.padRight3{padding-right: 20px;}
.magBot1{margin-bottom: 22px;}
.magTop1{margin-top: 50px;}
._icon1{background: url(images/extra5b.png) 0 0 no-repeat; width: 59px; height: 59px; display: inline-block;float: left;margin-right: 16px; font-family: 'Baroque Script', sans-serif; color:#fff; font-size: 30px;text-align: center;line-height: 58px;}
._icon2{background: url(images/extra5c.png) 0 0 no-repeat; width: 59px; height: 59px; display: inline-block;float: left;margin-right: 16px; font-family: 'Baroque Script', sans-serif; color:#fff; font-size: 30px;text-align: center;line-height: 58px;}
._fig2{width: 220px; float: left;}
._fig2 img{padding-bottom: 18px;}
._fig2 figcaption{display: block;}
._link2{font-size: 18px; color: #f4d9cd;}
.navHolder{ margin: 0 auto; width: 900px; display: inline-block; margin-bottom: 5px;}
.navGall{margin: 0 auto; width: 480px; padding-left: 340px;}
.navGall > ul{position: relative; white-space: nowrap;}
.navGall > ul >li{position: relative;  display: inline-block; background: url(images/extra1.png) 0 0 no-repeat; width: 20px; height: 19px;float: left;margin-right: 2px;}
.navGall > ul >li >a{
    display: inline-block;
    width: 20px;
    height: 19px;
}
._area{position: absolute; width: 100%; height: 100%; top: 0; z-index: 3;left: 0;display: block; background: url(images/extra6.png);}
.pointNav{position: relative;  display: inline-block; background: url(images/extra2.png) 0 0 no-repeat; width: 13px; height: 14px;margin: 3px 4px;}
.spinner_bg{position: fixed; width: 40px; height: 40px;   background: url("images/gallLoader.gif") 50% 50% no-repeat #000; z-index:10000; left: 0;top: 0;}
.sliderHolder {width: 800px; margin: 0 auto; overflow: hidden}
.overPlane{position: absolute; width: 105px; height: 63px; border: 1px solid #fff;}
#_slider{width: 800px; height: 320px; display: block; overflow: hidden;position: relative; margin: 0 auto;}
#_slider >.descr{width: 800px; height: 320px; display: block;position: absolute;}
.text1
{
font-size: 40px; 
color: #ff003C; 
font-family: 'Baroque Script', Monotype Corsiva;
width: 100%;
line-height: 100px;
display: block; 
left: 0px;
position: relative;
padding-left: 200px;
}

.text2
{
font-size: 15px; 
color: #4a43da; 
font-family: 'Baroque Script', sans-serif;
width: 100%;
line-height: 50px;
display: block; 
position: relative;
padding-left: 310px;
}

/* ============================= footer ====================== */
#bottom {
	background: url(images/bottom.gif) 43px 30px no-repeat;
	color: #FFFFFF;
}

#bottom_bot {
	background: url(images/bottom.gif) 43px bottom no-repeat;
	color: #FFFFFF;
}

/* ====== footer font color ====== */
#bottom h1 { 
	color: #4a43da;
	font-family: 'Baroque Script', sans-serif; 
	font-size: 20px;
	font-weight: 100;
	text-align: center;
	padding: 5px 0px 5px 0px;
	float: none
			}

#b_col1 {
	width: 253px;
	float: left;
	margin-left: 43px;
}
#b_col2 {
	width: 253px;
	float: left;
	margin-left: 85px;
}
#b_col3 {
	width: 253px;
	float: left;
	margin-left: 85px;
	text-align: left;
}


.box_us {
width: 244px;
background: url(images/box_us.gif) 0px bottom repeat-x;
font-size: 12px;
}

.box_us_l {
width: 27px;
float: left;
padding-top:3px;}

.box_us_r {
width: 217px;
color: #ffffff;
float: left;}

.lh
{color: #4a43da;}


.spis_bot {
	list-style:none;
	padding: 0px 0px 0px 34px;}

.spis_bot li {
	padding: 7px 0px 0px 18px;
	background: url(images/fish2.gif) 0px 12px no-repeat;
	}
	
.spis_bot a {
	color:#4a43da;
	text-decoration:none;
	font-weight: 100;
	display: block;
	font-weight:bold;}
.spis_bot a:hover {
	text-decoration: underline;
	}
	
.fu_i {
	padding: 0px 14px 0px 0px;
	vertical-align: middle ;
}

#b_col3 ul {
	list-style:none;
	padding: 0px 0px 0px 52px;}

#b_col3 li {
	padding: 8px 0px 2px 0px;
	background: none;
	}
	
#b_col3 li a {
	color:#4a43da;
	text-decoration: none;
	font-weight: bold;}
	
#b_col3 li a:hover {
	text-decoration: underline;
}


.footer{position: relative; width: 100%; z-index: 2;  height: 335px; display: inline-block; margin-top: 30px;}
.topBtn{position:relative; display:inline-block; cursor:pointer; }
.mainFooter { z-index:2;  margin-top: 4px;}
.textPrivacy{font-family:'Trebuchet MS', sans-serif; font-size: 12px; color: #fff; position:relative; display:inline-block; }
.privHold{ line-height: 20px; position: relative; display: block; text-align: center;}

#ContactForm {
	padding:0; 
}
#ContactForm .bg{
	padding:0; 
	display: inline-block;
	float: left;
	position: relative;
}
#ContactForm .wrapper {
	overflow:inherit; 
	min-height:40px; 
}
#ContactForm .success {
	padding-bottom: 0px; 
    text-transform:uppercase; 
	font-size:10px; 
    position:relative; 
    float:left; 
	color: #fff; 
	width: 100%; 
	line-height: 11px;
}
#ContactForm label {
	position:relative; 
	display:inline-block;  
	float: left; 
	width: 100%;
	padding-bottom: 4px;
}
#ContactForm span {
	display:block
}
#ContactForm .error,#ContactForm .empty {
	font-size:9px; 
	color: #fff; 
	line-height:9px; 
	display:none; 
	width: 100%; 
	top:0px; 
	position:relative; 
    text-transform:uppercase; 
	float: left;
}
#ContactForm a {
	position:relative; 
	z-index:1; 
}
#ContactForm a:hover {text-decoration:none;}
#ContactForm .input {
	width: 235px; 
	padding: 10px 10px; 
	color: #f4d9cd; 
	outline:none; 
	font-size: 10px; 
	font-family: 'Trebuchet MS'; 
	background: #fff; 
	border-radius: 5px;
	text-transform: uppercase;
    background: url(images/partBg.png);
}
#ContactForm textarea {
	overflow:auto; 
	margin:0; 
	width: 520px; 
	height: 147px; 
	background: #fff; 
	padding: 9px 10px; 
	color: #f4d9cd; 
	resize:none; 
	outline:none; 
	font-size: 10px; 
	font-family: 'Trebuchet MS'; 
	border-radius: 5px;
	text-transform: uppercase;
    background: url(images/partBg.png);
}
#ContactForm .block {
	display:inline-block; 
	position:relative; 
	width: 100%; 
	float: left; 
}
#ContactForm .magRight1{margin-right:16px;}
.formButtons{position:relative; float: right;  display: inline-block;}
.formBtn{display:inline-block;  position:relative;  }
/* ============================= end forms ============================= */