/*
HTML 5 Template Name: Competitive V.2
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

/*@import url(navi.css); */
@import url(forms.css);
@import url(tables.css);
@import url(homepage.css);
@import url(gallery.css);
@import url(portfolio.css);

html{overflow-y:scroll;}

body{
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #999999;
	*background-color: rgba(102,0,51,0.18);
	background-image: url(../images/p1.jpg);
	*background-repeat: no-repeat;
	 *background: rgb(58,207,252); /* Old browsers */
     *background: rgb(169,3,41); /* Old browsers */
*background: -moz-linear-gradient(top,  rgba(49,127,165,1) 0%, rgba(46,170,170,0.98) 44%, rgba(49,183,183,0.97) 67%, rgba(44,211,206,0.95) 100%); /* FF3.6+ */

*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(49,127,165,1)), color-stop(44%,rgba(46,170,170,0.98)), color-stop(67%,rgba(49,183,183,0.97)), color-stop(100%,rgba(44,211,206,0.95))); /* Chrome,Safari4+ */

*background: -webkit-linear-gradient(top,  rgba(49,127,165,1) 0%,rgba(46,170,170,0.98) 44%,rgba(49,183,183,0.97) 67%,rgba(44,211,206,0.95) 100%); /* Chrome10+,Safari5.1+ */

*background: -o-linear-gradient(top,  rgba(49,127,165,1) 0%,rgba(46,170,170,0.98) 44%,rgba(49,183,183,0.97) 67%,rgba(44,211,206,0.95) 100%); /* Opera 11.10+ */

*background: -ms-linear-gradient(top,  rgba(49,127,165,1) 0%,rgba(46,170,170,0.98) 44%,rgba(49,183,183,0.97) 67%,rgba(44,211,206,0.95) 100%); /* IE10+ */

*background: linear-gradient(to bottom,  rgba(49,127,165,1) 0%,rgba(46,170,170,0.98) 44%,rgba(49,183,183,0.97) 67%,rgba(44,211,206,0.95) 100%); /* W3C */

*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#317fa5', endColorstr='#f22cd3ce',GradientType=0 ); /* IE6-9 */












}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;-webkit-box-shadow: 0px 8px 8px #fff;}
.clear1{display:block; clear:both;}

html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none;}

code{font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}

.fl_left{float:left;}
.fl_right{float:right;}

img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, aside, figcaption, figure, footer, header, hgroup, nav, section{display:block; margin:0; padding:0;}
article{
	display:block;
	margin:0 auto;
	*border: 2px solid #D6D6D6;
	text-align: center;
	left: 50%;
	padding:0;
	left: -112.5
}
q{display:block; padding:0 10px 8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
q:before{content:'“ '; font-size:26px;}
q:after{content:' „'; font-size:26px; line-height:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display: block;
	*width:975px; 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3A3A3A;
	*height: 100%;
	margin: auto;
}

.row1, .row2, .row3{color:#FFFFFF; }
.row1 a, .row2 a, .row3 a{color:#BA2E1F; background-color:#FFFFFF;}

.row1{border-top:5px solid Black; }
.row2{width:975px;}
.row3{}
.row4{
color:#989898; background-color:#131313;
*margin:auto;
*width:960px;
*display:block;}
.row4 a{color:#970000; background-color:#131313;margin:auto;display:block;}
<!--.row5{color:#666666; background-color:#000000;margin:auto;width:975px;height:20px}-->
<!--.row5 a{color:#666666; background-color:#000000;margin:auto;width:100%}-->




div.wrapper.sliderwrap
{
height:100%;
}

/*----------------------------------------------Generalise-------------------------------------*/

#header {
	display:block;
	width:1013px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}

#container {
	display:block;
	width:995px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}
#footer, #copyright{
	display:block;
	*width:995px;
	margin:auto;
	*padding:5px;
	

}

#container1 {
	display:block;
	width:995px;
	margin:0 auto;
	padding: 20px 48px 20px 30px;
	background-color:#FFFFFF;
	min-height: 400px;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	color: #666666;
	background-color: #FFFFFF;
}



address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'“ '; font-size:26px;}
blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}

.one_quarter, .two_quarter, .three_quarter{display:block; float:left; margin:0 0 0 20px;}
.one_quarter{width:220px;}
.two_quarter{width:470px;}
.three_quarter{width:715px;}

.one_third, .two_third{display:block; float:left; margin:0 0 0 30px;}
.one_third{width:300px;}
.two_third{width:630px;}

.first, .one_quarter:first-child, .two_quarter:first-child, .three_quarter:first-child, .one_third:first-child, .two_third:first-child{margin-left:1;}
.four_quarter, .three_third{width:100%; float:none; margin-left:0; clear:both;}

/*----------------------------------------------Header-------------------------------------*/

#header{
	padding:20px 30px 20px 30px;
	
}

#header hgroup{margin:5px 0 0 0; float:left;}
#header hgroup h1, #header hgroup h2{font-weight:normal; font-style:normal; text-transform:none;}
#header hgroup h1{font-size:36px;}
#header hgroup h1 span{font-size:26px; text-transform:uppercase;}
#header hgroup h1 a{color:#666666; background-color:#FFFFFF;}
#header hgroup h2{font-size:13px;}

/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:0px 0; line-height:1.6em;}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin-bottom:20px;}
#container section{display:block; *width:100%; margin:0 0 00px 0; padding:0px 00px 0px 0px;}
#container .last{margin:0;}
#container .more{text-align:right;}

/* ------Content-----*/

#container #content{float:left; width:630px; margin-bottom:0;}

/* ------Comments-----*/

#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li.comment_odd, #comments li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#comments li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments li.comment_odd a{color:#BA2E1F; background-color:#F7F7F7;}
#comments li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments li.comment_even a{color:#BA2E1F; background-color:#E8E8E8;}
#comments article, #comments header{display:block; width:100%;}
#comments figure{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid #DEDACB; text-align:center;}
#comments figure img{float:inherit;}
#comments header address{font-weight:bold;}
#comments header time{font-size:smaller;}
#comments article section{margin:0; padding:0;}
#comments article section p{margin:10px 5px 10px 0; padding:0;}

/* ------Right Column-----*/

#container #right_column{float:right; width:300px;}

aside h2{padding-bottom:8px; font-size:16px; text-transform:uppercase; border-bottom:5px solid #CCCCCC; text-align:right;}

/*----------------------------------------------Footer-------------------------------------*/

#footer{padding:30px 0; line-height:1.6em;}

#footer section h2.title{margin-bottom:30px; font-size:13px; font-weight:normal; text-transform:uppercase; color:#666666; background-color:#131313; padding-left:30px;}

/* ------Quick Links-----*/

#footer section nav ul li{margin:5px 0 0 0; padding:0 0 0 0; border-bottom:1px solid #2C2C2C;}
#footer section nav ul li:first-child, #footer section nav ul li.first{margin-top:0;}
#footer section nav ul li a{}

/* ------Blogposts-----*/

#footer section article header, #footer section article address, #footer section article time, #footer section article p{margin:0; padding:0;}
#footer section article p{margin-top:10px;}
#footer section article header h2{font-size:14px; font-weight:bold; text-transform:none; color:#989898; background-color:#131313;}
#footer section article address, #footer section article time{font-size:10px; font-style:normal;}

/*----------------------------------------------Copyright-------------------------------------*/

#copyright{*padding:20px 0;}
#copyright p{margin:0; padding: 0;}


/* ------------------------------------- Contents ---------------------------------------*/

#NewContents{
display:block;
width:995px;
text-align:left;margin:auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#NewContents1{
display:block; width:100%; text-align:left;
height:100%;
background-color:#FFFFFF;
}


#NewContentsLeft{
  left: 100px;
    float:left;
    width:210px;
    display: inline;
	color:#000000;
	text-align:left;
	padding-left:30px;
}

#NewContentsRight{
  left: 300px;
  float:left;
  width:790px;
    display: inline;
color:#000000;
padding: 10px 70px 0px 200px;
}

/*----------------------------
	CSS3 Animated Navigation
-----------------------------*/
#cssmenu1
{
*border-bottom:1px solid #D4D4D4;
background-color: white;
width: 1013px;
margin: auto;
padding: 20px 30px 0px 30px;
-webkit-box-shadow: 0px 8px 8px #fff;
}

#cssmenu ul {
  margin: 0;
  padding: 7px 6px 0;
  background: #000000 url(images/overlay.png) repeat-x 0 -110px;
  line-height: 100%;
  border-radius: 1em;
  font: normal 0.5333333333333333em Arial, Helvetica, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  width: auto;
}
#cssmenu li {
  margin: 0 5px;
  padding: 0 0 8px;
  float: left;
  position: relative;
  list-style: none;
  display: inline;
}

#cssmenu .stretch {
	content: ”;
    display: inline-block;
    width: 100%;   
}

#cssmenu a,
#cssmenu a:link {
  font-weight: bold;
  font-size: 13px;
  color: #e7e5e5;
  text-decoration: none;
  display: block;
  padding: 8px 20px;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#cssmenu a:hover {
  background: #000;
  color: #fff;
}
#cssmenu .active a,
#cssmenu li:hover > a {
  background: #1a1a1a url(images/overlay.png) repeat-x 0 -40px;
  background: #666666 url(images/overlay.png) repeat-x 0 -40px;
  color: #444;
  border-top: solid 1px  #f8f8f8;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 0 #ffffff;
    z-index: 9999999999;
}
#cssmenu ul ul li:hover a,
#cssmenu li:hover li a {
  background: none;
  border: none;
  color: #666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#cssmenu ul ul a:hover {
  background: #000000 url(images/overlay.png) repeat-x 0 -100px !important;
  color: #fff !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu li:hover > ul {
  display: block;
}
#cssmenu ul ul {
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 40px;
  left: 0;
  background: url(images/overlay1.png) repeat-x 0 0;
  border: solid 1px #b4b4b4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#cssmenu ul ul li {
  float: none;
  margin: 0;
  padding: 3px;
}
#cssmenu ul ul a,
#cssmenu ul ul a:link {
  font-weight: normal;
  font-size: 12px;
}
#cssmenu ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
* html #cssmenu ul {
  height: 1%;
}

#cssmenu {
	height: 50px;
	*border:1px solid #000000;
	*border-bottom:2px solid #000;
	*background-color: #000000;
	*box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
	width: 975px;
	margin: auto;
	z-index: 9999;
	margin-top: 0px;
  	position: relative;
	color: white;
	*background: rgb(14,14,14); /* Old browsers */
	*background: -moz-linear-gradient(top,  rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%); /* FF3.6+ */	
}










#clscolored {	
	color:white;
	border-top:5px solid #933;
	*height: 10px;
	*background-image: url(../images/heading1.gif);
	background-size: 100% 100%;
	background-repeat:no-repeat;
}

#clscolored2 {	
	color:white;
	border-top:5px solid #428F2A;
	*height: 2px;
	*background-image: url(../images/heading2.gif);
	background-size: 100% 100%;
	background-repeat:no-repeat;
}

#clscolored3 {	
	color:white;
	border-top:5px solid #030;
	*height: 2px;
	*background-image: url(../images/heading2.gif);
	background-size: 100% 100%;
	background-repeat:no-repeat;
}

#clscolored4 {	
	color:white;
	border-top:5px solid #C90;
	*height: 2px;
	*background-image: url(../images/heading2.gif);
	background-size: 100% 100%;
	background-repeat:no-repeat;
}

#silderBorder
{
border-bottom:1px solid #D4D4D4;
background-color: white;
width: 1013px;
margin: auto;
padding: 0px 30px 0px 30px; 
-webkit-box-shadow: 0px 8px 8px #fff;
}
#row4Border
{
border-bottom:1px solid #D4D4D4;
background-color: white;
width: 975px;
margin: auto;
*padding: 0px 30px 0px 30px; 
-webkit-box-shadow: 0px 4px 4px #888;

}
#Border1
{
display:block; margin:0; padding:0 0 350px 0; line-height:normal; background:url("../images/spacer.gif") center center no-repeat; font-size:10px; font-style:italic;text-align: center;
margin-bottom: -300px;
}

#Border2
{
display:block; margin:0; padding:0 0 350px 0; line-height:normal;  center center no-repeat; font-size:22px; font-style:normal;text-align: center;
margin-bottom: -300px;
}

/* Scroller Box */
div.jp-title{
 width: 600px;
 height: 60px;
 overflow: hidden;
}
.scrollingtext{
        position:absolute;
        white-space:nowrap;
        font-family:'Trebuchet MS',Arial;
        font-size:18px;
        font-weight:bold;
        color:#000000;
}

input, textarea{
padding: 8px;
border: solid 1px #E5E5E5;
font: normal 12px Verdana, Tahoma, sans-serif;
width: 150px;
}

input {
 width: 150px;
 max-width: 400px;
 
 line-height: 150%;
 }



textarea {
 width: 150px;
 max-width: 400px;
 height: 100px;
 line-height: 150%;
 }

.form label {
 margin-left: 10px;
 color: #999999;
 }

.submit input {
 width: auto;
 padding: 9px 15px;
 background: #617798;
 font-size: 14px;
 color: #FFFFFF;
 cursor:pointer;
} 
 
#form-div {
background-color:#F5F5F5;
padding:15px;
}

#wrapper {
margin:30px auto;
width:500px;
}

#cssmenuLeftLeft,
#cssmenuLeft ul,
#cssmenuLeft ul li,
#cssmenuLeft ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}
#cssmenuLeft ul {
  position: relative;
  z-index: 597;
  float: left;
}
#cssmenuLeft ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
}
#cssmenuLeft ul li.hover,
#cssmenuLeft ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenuLeft ul ul {
  margin-top: 1px;
  visibility: hidden;
  position: absolute;
  top: 1px;
  left: 99%;
  z-index: 598;
  width: 100%;
}
#cssmenuLeft ul ul li {
  float: none;
}
#cssmenuLeft ul ul ul {
  top: 1px;
  left: 99%;
}
#cssmenuLeft ul li:hover > ul {
  visibility: visible;
}
#cssmenuLeft ul li {
  float: none;
}
#cssmenuLeft ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */
#cssmenuLeft {
  font-family: 'Lato', sans-serif;
  *font-size: 18px;
  width: 180px;
  display: inline;
  float:left;
  padding-left:20px;
}
#cssmenuLeft ul a,
#cssmenuLeft ul a:link,
#cssmenuLeft ul a:visited {
  display: block;
  *color: #848889;
  text-decoration: none;
  font-weight: 300;
}
#cssmenuLeft > ul {
  float: none;
}
#cssmenuLeft ul {
  background: #fff;
}
#cssmenuLeft > ul > li {
  border-left: 3px solid #d7d8da;
}
#cssmenuLeft > ul > li > a {
  padding: 10px 20px;
}
#cssmenuLeft > ul > li:hover {
  border-left: 3px solid #3dbd99;
}
#cssmenuLeft ul li:hover > a {
  color: #3dbd99;
}
#cssmenuLeft > ul > li:hover {
  background: #f6f6f6;
}
/* Sub Menu */
#cssmenuLeft ul ul a:link,
#cssmenuLeft ul ul a:visited {
  font-weight: 400;
  font-size: 14px;
}
#cssmenuLeft ul ul {
  width: 180px;
  background: none;
  border-left: 20px solid transparent;
}
#cssmenuLeft ul ul a {
  padding: 8px 0;
  border-bottom: 1px solid #eeeeee;
}
#cssmenuLeft ul ul li {
  padding: 0 20px;
  background: #fff;
}
#cssmenuLeft ul ul li:last-child {
  border-bottom: 3px solid #d7d8da;
  padding-bottom: 10px;
}
#cssmenuLeft ul ul li:first-child {
  padding-top: 10px;
}
#cssmenuLeft ul ul li:last-child > a {
  border-bottom: none;
}
#cssmenuLeft ul ul li:first-child:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: -20px;
  top: 13px;
  border-left: 10px solid transparent;
  border-right: 10px solid #fff;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
}

#divleft
{
width: 380px;
  display: inline;
  float:left;
  padding-left:40px;

}

#divright
{

width: 180px;
  display: inline;
  float:left;
  padding-left:300px;

}