
*{margin:0px;padding:0px}
.galleria-errors

  {

      visibility:hidden;

      display:none;

  }


h1
{
	font-family: Tahoma, sans-serif;
	font-size:1.9em; 
	font-weight: normal;
	color:#000;
	padding-left:5px;
	line-height:1.6em
}
	
p
{
	font-family:sans-serif;
	font-size:0.9em; 
	font-weight: normal;
	color:#000;
}

/* ---------- NAVIGATION ---------- */

#nav ul

{
	list-style:none;
	margin-left: 32px;
	padding-top: 87px;
	border: none;
	padding-left: 0px;
	font-weight: bold;
	position: fixed;
	z-index: 1001;
}

#nav h1

{
	list-style:none;
	margin-left: 32px;
	margin-top: 120px;
	border: none;
	padding-left: 20px;
	font-weight: bold;
	position:  relative;
	height: 30px:
	width: 149px;
	float: left;
	z-index: 25;
}


#nav li

{
	text-align:left;
	float:left;
	margin-left:0px;
	padding-left:0px;
	padding-bottom:0px;
	border: none;
	font-weight: bold;
	background:  #0bad58;
	height: 30px:
	width: 149px;
}

#nav ul li a

{
	display:block;
	color: white;
	line-height:2.5em;
	padding:0 20px 0 20px;
	font-weight:normal;
	font-size: 0.65em;
	text-decoration: none;
	border: none;
	font-weight: bold;
	background:  #0bad58;
	box-shadow: inner 0 0 5px black;
	height: 30px:
	width: 149px;
	-webkit-transition: color 1s ease-in-out;
	-moz-transition: color 1s ease-in-out;
	-o-transition: color 1s ease-in-out;
	-ms-transition: color 1s ease-in-out;	
	transition: color 1s ease-in-out;
	background-image: url(img/button.jpg);
}

#nav li a:hover
{
	color: #ffd204;
	font-weight: bold;
	background: #29994e;
	border: none;	
	transition: color .5s ease-in-out;
	height: 30px:
	width: 149px;
	background-image: url(img/buttonhover.jpg);
}

#nav ul li .selected
{
	color: white;
	font-weight: bold;
	background:  #0bad58 ;
	border: none;
	background-image: url(img/buttondown.jpg);
}

a
{
	color: #0bad58;
	font-size:0.9em; 
	text-decoration:none;
	border: 0px;
}

a:link .pics
{
	color: #0bad58;
	font-size:0.9em; 
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	border: 0px;
}


a:link
{
	color: #258e39;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	border: 0px;
	-webkit-transition: color 1s ease-in-out;
	-moz-transition: color 1s ease-in-out;
	-o-transition: color 1s ease-in-out;
	-ms-transition: color 1s ease-in-out;
	transition: color 1s ease-in-out;
}

a:visited
{
	color: #258e39;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	border: 0px;
}

a:hover
{
	color: #113e19; 	
	font-style:normal;
	text-decoration:none;
	background:transparent;
	border: none;
}

/* Layout */
body

{
	background: url(img/yesbg8.jpg) #0bad58 fixed;
	font-family: sans-serif;
	text-align: left;
	color: black;
}

#wrapper 
{
	background:transparent;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	width: 880px;
}


#header .logo

{
	float:left;
	border: none;
	position: fixed;
	z-index: 999;
	background-image: url("img/protekheader.png" class="logo" alt="ProtekPark" title="ProtekPark")
}


#content

{
	float:left;
	width:880px;
	background-color: white;
	border:0px;
	box-shadow: 0 0 10px 2px #333;
}


#col1

{
	float:left;
	width: 840px;
	margin-top:72px;
	margin-right:10px;
	margin-bottom: 15px;
	text-align:left;
	font-size:0.9em;
}

#col1 h1

{
	display:block;
	font-size:1.6em;
	font-family: sans-serif;
	text-align:left;
	font-weight:normal;
	color:#99cc99;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	float: left;
}

#col1 p

{ 
	font-family: sans-serif;
	font-size:0.9em;
	color: black;
	text-align:left;
	float: left;
}

#col2

{
	float:left;
	margin-left:12px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:30px;
	width:245px;
	text-align:left;
	font-size:0.9em;
	background-color: transparent; 
}

#col2 h1
{
	display:block;
	font-size:1.8em;
	font-family: sans-serif;
	text-align:left;
	color:black; 
}

#col2 p

{
	font-family: sans-serif;
	font-size:0.9em;
	margin-top:10px;
	color: black;
	text-align:left;
	margin-left:7px;
}

#col3

{
	float:left;
	margin-left:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:30px;
	width:245px;
	text-align:left;
	font-size:0.9em;
	background-color: transparent;
}

#col3 h1
{
	display:block;
	font-size:1.8em;
	font-family: sans-serif;
	text-align:left;
	color: black;
}

#col3 p

 { 
	font-family: sans-serif;
	font-size:0.9em;
	margin-top:10px;
	color: black;
	text-align:left;
	margin-left:7px;
	float: left;
	background-color: transparent;
}

#col4

{
	float:left;
	margin-left:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:30px;
	width:245px;
	text-align:left;
	font-size:0.9em;
	background-color: transparent;
}

#col4 h1
{
	font-size:1.8em;
	font-family: sans-serif;
	text-align:left;
	color:black;
}

#col4 p

 { 
	font-family: sans-serif;
	font-size:0.9em;
	margin-top:10px;
	color: black;
	text-align:left;
	margin-left:7px;
	float: left;
}
#col5 
{
padding-top: 1px;
}


#col5 p
{
	font-family: sans-serif;
	text-align: left;
	font-weight: normal;
	color :black;
	margin-bottom: 5px;
	margin-left: 27px;
	margin-right: 27px;
}

#col5 h2
{
	font-family: sans-serif;
	text-align: left;
	color: black;
	font-weight: normal;
	margin-bottom: 5px;
	margin-left: 27px;
	margin-right: 27px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#col5 h3
{
	font-size: medium;
	font-family: sans-serif;
	text-align: right;
	color: #00a950;
	font-weight: bolder;
	margin-bottom: 5px;
	margin-left: 27px;
	margin-right: 27px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#col5 h4

{
	font-size: medium;
	font-family: sans-serif;
	text-align: left;
	color: #00a950;
	font-weight: bolder;
	margin-bottom: 5px;
	margin-left: 27px;
	margin-right: 27px;
}

#col5 h5
{
	font-size: x-large;
	text-align: left;
	color: #258e39;
	font-weight: bolder;
	margin-bottom: 5px;
	margin-left: 27px;
	margin-right: 27px;
}
	
#col9 
{
	font-family: sans-serif;
	text-align: left;
	font-weight: normal;
	color :black;
	margin-bottom: 5px;
	margin-left: 27px;
	margin-right: 27px;
}

#col6

{
	float:left;
	padding-left:27px;
	padding-right:10px;
	padding-bottom:3px;
	margin-top:26px;
	background: transparent;
	width:250px;
	text-align:left;
	font-size:0.9em;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #999999;
}

#col6 h1

{
	padding-left:27px;
	padding-right:10px;
	padding-bottom:3px;
	margin-top:26px;
	width:250px;
	text-align:left;
	font-size:1em;
	color: green;	
}

#col7

{
	float:left;
	margin-left:0px;
	padding-left:30px;
	padding-right:10px;
	padding-bottom:30px;
	margin-top:23px;
	width:500px;
	text-align:left;
	font-size:0.9em;
}

#col7 h2
{
	color: #195e08;
	font-size: 1.7em;
}

#col8

{
	float:left;
	padding-left:30px;
	padding-right:10px;
	padding-bottom:30px;	
	margin-top:23px;
	background: transparent;
	width:250px;
	text-align:left;
	font-size:0.9em;
}

#footer 
{
	float:left;
	width:880px;
	background-color: black;
	border:0px;
	-moz-box-shadow: 0 0 10px 2px #333;
	-webkit-box-shadow: 0 0 10px 2px #333;
	box-shadow: 0 0 10px 2px #333;
}

#footer p 
{
	font-size:0.9em;
	font-family: sans-serif;
	font-weight:normal;
	line-height: 1em;
	color: white;
	padding-bottom:10px;
	text-align:left;
	margin:auto;
}

#footer a:hover

{
	text-decoration:none;
	font-weight:normal;
	color:white;
	text-align:center;
}

img

{
	border: 0px;
}

a img 

{
	padding: 0px;
	margin-bottom: 10px;
	border: 0px;
}

div.box 
{
	background:transparent;
	position:relative;
	top:50px;
	border:none;
}

body: before 
{
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
		-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	z-index: 1004;
}

