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

* { margin:0; padding:0;}
html, body { height:100%;  min-width:980px;}	
body { 
	background:#080403; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.0625em;
	color:#7e7c7c;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object {
	vertical-align:top;
	outline:none;
}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{
	float:right;
}
.container {overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}
.oh{ overflow:hidden}

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main {	margin: 0 auto;	position:relative;	width: 950px; }



a{ color:#295402; text-decoration:none; outline:none}
a:hover{ text-decoration:underline}
		
section ul.list{margin:0; padding:0; list-style:none;}
section ul.list li{background:url(../images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:20px; padding-bottom:14px; overflow:hidden }
section ul.list li a{color:#fff; text-decoration:none; line-height:20px; font-size:14px} 
section ul.list li a:hover { text-decoration:none; color:#7b9e04; }

.link{color:#000000; background:url(../images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
.link:hover{text-decoration:underline }

.link1{ color:#3f4d06}

.button{
	color:#fff;
	width:114px;
	text-align:center;
	display:block;
	text-decoration:none;
	margin-left: 90px;
	background-color: #666;
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	border-top-width: 3px;
	border-left-width: 3px;
	border-top-style: ridge;
	border-left-style: ridge;
	border-top-color: #999;
	border-left-color: #999;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-right-color: #333;
	border-bottom-color: #333;
}
.button:hover{
	text-decoration:underline;
	color: #FFF;
	background-color: #063;
	background-image: url(url(../images/button.gif));
}

.link-1 { display:inline-block; float:left; line-height:52px; background:url(../images/bg_link1.gif) top left repeat-x #1c1917 ; padding:0 25px 0 25px; color:#fff; text-decoration:none; border-radius:25px;	-moz-border-radius:25px; -webkit-border-radius:25px; cursor:pointer; position:relative; behavior:url(js/PIE.htc); font-size:25px}
.link-1:hover { background:url(../images/bg_link.gif) top left repeat-x #274b0d ; text-decoration:none; color:#000}

.link-2 { display:inline-block; float:left; line-height:52px; background:url(../images/bg_link1.gif) top left repeat-x #1c1917; padding:0 25px 0 25px; color:#fff; text-decoration:none; border-radius:25px;	-moz-border-radius:25px; -webkit-border-radius:25px; cursor:pointer; position:relative; behavior:url(js/PIE.htc); font-size:25px}
.link-2:hover { background:url(../images/bg_link.gif) top left repeat-x #274b0d ; text-decoration:none; color:#000}


/*header*/
header {font-size:0.75em; color:#FFFFFF; height:198px; background: url(../images/top.jpg) top center repeat-x; z-index:900; position:relative; width:100% }
header .inside{ position:absolute; top:88px; right:0; text-align:right; width:660px}

header h1 {position:absolute; left:0; top:65px; text-indent:-9999px;}
header h1 a {
	display:block;
	width:275px;
	height:125px;
	background-image: url(../images/vodlanstudiosLOGO.png);
	background-repeat: no-repeat;
	background-position: left top;
}


.border{ border:3px solid #413b37}


/*--- superfish dropdown menu begin ---*/
.sf-menu {margin:0; padding:0;	list-style: none; z-index:90000; position:relative } 
.sf-menu li{ margin:0; display:inline; position:relative; float:left; padding-left:34px;  }
.sf-menu li a{color:#b6b6b6; text-decoration:none; display:block; float:left; line-height:54px; font-size:40px; text-transform: capitalize; padding:0; margin:0} 
.sf-menu li a:hover {color:#44a00a;  text-decoration:none; }
.sf-menu li a.current{ color:#44a00a; text-decoration:none;}

.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:72px; z-index:99;}

/*** DEMO SKIN ***/
.sf-menu ul {	width:160px;  background: url(../images/bg_menu.gif) bottom left repeat-x #8aca12; border-style: solid; border-radius:11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; behavior:url(js/PIE.htc); }
.sf-menu ul li {  text-align:left; line-height:20px; padding:0;  z-index:9; position:relative; padding:8px 0 8px 0; background:url(../images/bg_li.png) bottom left repeat-x }
.sf-menu ul .last { background:none}
.sf-menu ul li a {text-transform:none; line-height:20px; width:160px; text-align:center; background:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fff; z-index:9; padding:8px 0 8px 0  }
.sf-menu ul li a:hover { color:#0e0b09; background:none; padding:8px 0 8px 0 ; margin:0;}
.sf-menu ul li:hover{ color:#0e0b09; }

/*** DEMO SKIN ***/
.sf-menu ul ul {	width:160px;  background: url(../images/bg_menu1.gif) bottom left repeat-x #665a53; border-style: solid; border-radius:11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; behavior:url(js/PIE.htc);}
.sf-menu ul ul li {  text-align:left; line-height:20px; padding:0;  z-index:9; position:relative; padding:8px 0 8px 0; background:url(../images/bg_li1.png) bottom left repeat-x }
.sf-menu ul ul .last { background:none}
.sf-menu ul ul li a {text-transform:none; line-height:20px; text-align:left; width:160px; text-align:center; background:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fff; z-index:9; padding:8px 0 8px 0  }
.sf-menu ul ul li a:hover { color:#69a10f; background:none; padding:8px 0 8px 0 ; margin:0;}
.sf-menu ul ul li:hover{ color:#69a10f; }


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	 position:relative }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {	left: 0;	top:54px; /* match top ul list item height */	z-index: 99;}

.sf-menu li:hover ul ul,
.sf-menu li.sfHover ul ul {	left: 160px;	top:54px; /* match top ul list item height */	z-index: 99;}
				
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {  /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0;}

/*aside*/
aside {
	height:500px
}
aside .inside{ padding:63px 0px 0px 24px}

.bg-2{ background:url(../images/bg_2.png) top center no-repeat}
/*content*/
section{ font-size:0.8125em; width:100%; text-align:left; background:url(../images/bg_cont.jpg)}
section .inside{padding:50px 0px 40px 0px}
section .inside1{padding:40px 0px 40px 0px}
.img-left{ float:left; margin:0 20px 0px 0}
.img-left1{ float:left; margin:0 28px 0px 0}
.img-left2{ float:left; margin:0 25px 0px 0}
.img-right{ float:right; margin:0 0px 16px 10px}
.img-indent{ margin:0 0 16px 0}
.img-indent1{ margin:0 11px 11px 0}
.img-indent2{ margin:0 0 11px 0}
p{ margin:0 0 17px 0}
.p{ margin:0}
.p1{ margin:0 0 17px 0}
.p2{ margin:0 0 26px 0}
h2{color:#b2b0ab;  font-weight:normal; border-bottom:1px solid #2f2b2a; padding-bottom:20px; font-size:30px; margin-bottom:21px; line-height:1.2em}
h2 span{ display:block; margin-top:-9px}
h3{color:#fff; font-weight:normal; font-size:25px;   }
h4{color:#fff; font-weight:normal; font-size:1em; margin-bottom:9px;   }
.tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}
.txt-1{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
.txt{ color:#fff; font-size:14px}

.indent{padding:48px 0px 0px 0px}
.indent1{padding:0px 35px 0px 0px}
.indent2{padding:28px 0px 0px 0px}

/*footer*/
footer { color:#777575; font-size:0.8125em; background:#080403}
footer .inside{ padding:26px 84px 22px 0 }
footer a {color:#777575; text-decoration: none}  
footer a:hover {  text-decoration: none; color:#fff}
footer span{ color:#777575}
.icon{ margin-left:10px; vertical-align:middle; overflow:hidden; display:block; float:left}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:55px}
.rowElem1{ height:295px; background:url(../images/bg_input.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:220px}
.input{
   	border:none; 
	background:none;
	width:220px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}input{
	border:1px solid #1b1716;
	background:#0d0a09;
	width:280px;
	height:15px;
	font-size:1em;
	color:#7a7878;
	padding-left:5px;
	padding-right:5px;
	padding-top:8px;
	padding-bottom:8px;
}
textarea{
	border:1px solid #1b1716;
	background:#0d0a09;
	width:280px;
	height:150px;
	font-size:1em;
	color:#7a7878;
	padding-left:20px;
	padding-right:16px;
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:11px;
	overflow:auto
}
	
/****************************js***************************/

.jcarousel-clip {    z-index: 2;    padding: 0;    margin: 0;    overflow: hidden;    position: relative;}
.jcarousel-list {    z-index: 1;    overflow: hidden;    position: relative;    top: 0;    left: 0;    margin: 0;    padding: 0;}

/****************************js***************************/

#loopedSlider {	position:relative;	width:100%;	overflow:hidden; height:586px;}
#loopedSlider .looped-container {width:590px; height:363px;	overflow:hidden; position:absolute;	top:0;	left:0;	cursor:pointer;	float:left;	}
#loopedSlider .slides {	width:590px; height:363px; position:relative;top:0;	left:0;	z-index:1;}
#loopedSlider .slides .blocks {	position:absolute;	top:0;	left:0;z-index:1;width:590px;height:363px;display:none;}
#loopedSlider .slides div img {height:auto; overflow:inherit}
#loopedSlider .img-big {height:281px;}
		
#loopedSlider .txt2 {position:relative; width:590px; height:60px; margin:0; left:0px; top:235px;	z-index:999 !important; }
/*----------------*/
#loopedSlider .jcarousel-skin-tango {position:relative; width:474px; height:143px; margin:0; left:56px; top:443px;	z-index:999 !important; }
#loopedSlider .jcarousel-skin-tango .jcarousel-container-horizontal { width: 474px;	height: 143px; 	margin:0;	padding:0;}
#loopedSlider .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 474px; height: 143px; padding:0; margin:0;}
#loopedSlider .jcarousel-skin-tango #third-carousel2 { 	margin:0p; 	padding:0;}
#loopedSlider .jcarousel-skin-tango li.jcarousel-item {width: 151px; float:left;	background: none !important; height: 143px; padding:0;	margin-right:10px;	}
#loopedSlider .jcarousel-skin-tango li.jcarousel-item img {}

.model-name {padding:0 0 0 8px; line-height:2.5em;}
.model-name span {color:#c3c3c2;}

/***  Vertical Buttons ***/
#loopedSlider .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;	top:48px; left:-56px; width:53px; height:54px; text-align:center; background:url(../images/button-1.png) no-repeat 0 0px; cursor:pointer;}
#loopedSlider .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;	top:48px; right:-62px;	width:53px; height:54px; text-align:center;	background:url(../images/button-2.png) no-repeat 0 0px;	cursor:pointer;	}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background:url(../images/button-1-act.png) no-repeat center 12px #8e8c7f;}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {background:url(../images/button-2-act.png) no-repeat center 12px #8e8c7f;}
		
		
		/********/