/*CSS*/

body {
	background: url('../images/bg.png') center top;
	margin: 0;
}

h1 {
	margin-bottom: 0;
	margin-top: 10px;
}

h2 {
	margin-bottom: 0;
	margin-top: 10px;
	font-size: 18px;
}

h3 {
	margin-bottom: 0;
	margin-top: 10px;
	font-size: 16px;
}

h4 {
	margin-bottom: 0;
	margin-top: 10px;
	font-size: 14px;
}
.top{
	background:url("../images/down.png") repeat-x center top ;
}

.down{
	background: url("../images/down.png") repeat-x scroll center bottom transparent;
}	
	
.schaduwwrapper{
	max-width:911px;
	width : 100% ;
	background-image:url("../images/schaduwwr.png");
	background-repeat:repeat-y;
	margin:0 auto;
}	
	
div.wrapper {
	max-width:900px;
	width : 100% ;
	margin:0 auto;
	padding:0;
	background-color:#fcfcfc;
	}
	
/* HEADER
****************/
div.wrapper div.header {
	background-image:url(../images/headerbg.png);
	position: relative;
	height: 108px;
	overflow: hidden;
	margin-bottom: 0;
	color: BLACK;
}

div.wrapper div.header div.header_in {
	position : absolute ;
 	overflow: hidden ;
	margin: 0 0 10px 0;
	height : 110px ;
	max-width : 895px ;
	width : 100%
}

div.wrapper div.header table
{
	width : 100% !important ;
}

div.wrapper div.header tr {
	 
	margin: 0;
	 
	 
	height : 110px ;
	font-weight : bold ;
}

div.wrapper div.header td {
	max-width : 895px ;
	width : 100% ;
	height : 110px ;
}

/* SLIDER
****************/


.slidercontent{
	/* height:440px; */
}
.slider{
	/*margin-left:17.5px;*/
	max-width:900px;
	width : 100% ;
	/* height:400px; */
	/*background-color:#eaeaea;*/
	display:none;
}

.slider .slidesjs-pagination {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.slider .slidesjs-pagination .slidesjs-pagination-item {
	float: left;
	display: block;
	width: 13px;
	height: 13px;
	margin: 5px 0 5px 5px;
	overflow: hidden;
}

.slider .slidesjs-pagination .slidesjs-pagination-item a {
	display: block;
	padding-top: 13px;
	width: 13px;
	height: 13px;
	background-image: url('../images/nav.png');
	background-position: -17px 0;
	background-repeat: no-repeat;
}

.slider .slidesjs-pagination .slidesjs-pagination-item a.active {
	background-position: 0 0;
}
/*
.sliders{
		background-image:url("../images/sliders.png");
		background-repeat:no-repeat;
		margin-left:17.5px;
		width: 945px;
		height:20px;
}
*/
.slidernav{
	margin:0 auto;
	padding:0px;
	position:relative;
	height:20px;
	width:65px;
	background-image:url("../images/nav.png");
	background-repeat:no-repeat;
}



.line{
	height:5px;
	background-color:#ffea70;
}

.slider{
	/*background-image:url(../images/slider.png);*/
 
	background-color:#3f3f3f;
}



/* MENU
****************/
div.menu {
	background-color:#eaeaea;
	background-image:url(../images/menu.png);
	background-position: 26px 0px;
	background-repeat:no-repeat;
	
}

div.menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:center;
}
	
div.menu ul li {
	float:left;
	color:#444444;
	border-right: 1px solid #8d8b8b;
	
}
	
div.menu ul li span {
   	display: inline-block ;
	height: 30px;
	padding: 13px 20px 0 20px;
	font-size:17px;
}

div.menu ul li span:hover {
	background-color:#14adb2;
}
	
div.menu ul li:first-child span{
	background-repeat:no-repeat;
	padding-left:50px;
}

div.menu ul li.menuselectedd:first-child span {
	background-image:url(../images/tand.png) ;
}	

div.menu ul li:first-child span{
	background-image:url(../images/tand2.png) ;
}




div.menu ul li ul {
  	position : absolute ;
  	width : 138px ;
  	padding-right : 0px ;
	margin-top : 0px ;
  	display : none ;
	z-index: 9999;
}
  	
div.menu ul li ul li {
	color:black;
  	width : 161px ;
  	margin-right : 0px ;
	border-bottom: 1px solid #14adb2;
	background-color:#f2f2f2;

}

div.menu ul li ul li:first-child {
	margin: 0 0 0 0;
}

div.menu ul li ul li a {
	line-height:27px;
	background-repeat:no-repeat;
	color:#505050;
	text-decoration:none;
	display:block;
	width:auto;
	height:30px;
}
	
div.menu ul li ul li a:hover {
   	color : white ;
	background-color:#14adb2;
}
   	
span.menuselectedd {
   	color : #fff ;
	background-color:#14adb2;
}

li.menuselectedd {
	height : 43px ;
}
.schaduw{
	height:10px;
	background-image:url(../images/schaduw.png);
}


/* CONTENT
****************/
#container {
	margin:0 auto;
	position: relative;
	min-height: 354px;
	max-width: 840px;
	width : 100% ;
	
}

#content-bg {
	position: relative;
	min-height: 610px;
	background-position: 200px 10px;
	margin-top: 10px;
	padding: 0;
	background: url('../images/content_bg.png');
	background-repeat:no-repeat;
}

#content {
	position: relative;
	min-height: 268px;
	max-width: 860px;
	width : 100% ;
	margin: 0 auto;
}

#content h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 22px;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
	color: #02a6ab;
}

#content p {
	color:#464646;
	line-height:23px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
	font-size: 16px;
}

#content a {
	color: #02a6ab;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

#content img {
	margin: 8px;
}

.clear{
clear:both; 
}

.contactpic{
	height:53px;
	background-image:url(../images/contactfoot.png);
}

/* FOOTER
****************/
#footer {
	position: relative;
	max-width: 900px;
	width : 100% ;
	height: 117px;
	padding: 15px 0 0 0;
	background: url('../images/footer.png');
	
}

div.social {
	float: right;
	width: 190px;
	height: 70px;
	margin: 0 0 0 80px;
	padding: 0;
	text-align: center;
	color: black;
	#font-family: Georgia, serif;
	font-size: 12px;
}

div.social  a {
	display: inline-block;
	height: 16px;
	width: 16px;
}


div.social a.twitter {
	background: url("../images/social_icons/twitter.png");
}
div.social a.linkedin {
	background: url("../images/social_icons/linkedin.png");
}
div.social a.facebook {
	background: url("../images/social_icons/facebook.png");
}
div.social a.hyves {
	background: url("../images/social_icons/hyves.png");
}
div.social a.youtube {
	background: url("../images/social_icons/youtube.png");
}

#naw {
	line-height:25px;
	float:left;
	position: absolute;
	margin-left:330px;
	#font-family: Georgia, serif;
	font-size: 14px;
	color: black;
}

#naw2{
	position: absolute;
	margin-left:30px;
	#font-family: Georgia, serif;
	font-size: 14px;
	color: #14adb2;
	line-height:25px;
}

#naw a {
	color: #14adb2;
	text-decoration: none;	
}

#naw a:hover {
	color: #14adb2;
	text-decoration: underline;	
}

/* POWERED BY
****************/
div#poweredby {
	max-width: 900px;
	width : 100% ;
	height: 20px;
	padding: 7px 0 0 0;
	margin: 10px auto;
	background: url('../images/shark_logo.png') no-repeat;
	background-position: 63% 0%;
}

div#poweredby p {
	padding: 0;
	margin: 0;
	margin-left: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

div#poweredby a {
	text-decoration: none;
	color: black;
}
div#poweredby a:hover {
	color: black;
	text-decoration: underline;
}

.slidesjs-pagination
{
	display : none !important ;	
}


div.formfield_input input, textarea
{
	 border: 1px solid #41bcc0;
}

@media screen and ( max-width:900px )
{
	div#container
	{
		width : auto ;
		margin-left: 10px ;
		margin-right : 10px ;
	}
	
	div#poweredby
	{
		background : none ;
		text-align : center ;
	}
	
	
	div#poweredby p
	{
		margin : 0px ;
	}
	
	img
	{
		max-width : 100% ;
	}
	

}

@media screen and ( max-width:800px )
{
	
	div.menu
	{
		background-repeat : repeat-y ;
		background-position : center center ;
	}
	
	
	div.menu ul
	{
		display : block ;
	}
	
	div.menu ul li
	{
		display : inline-block ;
		width : 25% ;
		border: 0px ;
		height : 40px !important ;
		line-height : 40px ;
		position : relative ;
	} 
	
	div.menu ul li span ,
	div.menu ul li a
	{
		display : block ;
		text-align : center ;
		width : 100% ;
		padding : 0px !important ;
		margin : 0px !important ;
		height : 40px !important ;
	}
	
	div.menu ul li:first-child span 
	{
		background : none ;
		padding-left : 0px ;
	}
	
	
	div.menu ul li.menuselectedd:first-child span 
	{
		background-image : none ;
		background-color: #14adb2;
	}
	
	span.menuselectedd
	{
		color: #464646;
	}
	
	
	div.menu ul li ul ,
	div.menu ul li ul li
	{
		width : 100% ;
	}
	
	div.menu ul li ul li a
	{
		border-left : 1px solid #14adb2 ;
		border-right : 1px solid #14adb2 ;
		line-height : 40px ;
	}
	
	
	
	div.header img
	{
		max-width : 600px ;
	}
	
	div.wrapper div.header ,
	div.wrapper div.header div.header_in ,
	div.wrapper div.header tr ,
	div.wrapper div.header td
	{
		height : 80px !important;
	}
	
	
	
	
	
}



@media screen and ( max-width:600px )
{
	div.menu ul li
	{
		display : inline-block ;
		width : 33.33% ;
	}
	div.header img
	{
		max-width : 400px ;
	}
	
	
	div.wrapper div.header ,
	div.wrapper div.header div.header_in ,
	div.wrapper div.header tr ,
	div.wrapper div.header td
	{
		height : 60px !important;
	}
	
	label.formlabel 
	{
		float : none ;
	}
	
	span.formcontrol
	{
		padding-left : 0px ;
	}
	
	
	form.generatedform div.formfield_input input#contactformcontroller_name, 
	form.generatedform div.formfield_input input#contactformcontroller_email, 
	form.generatedform div.formfield_input input#contactformcontroller_phone ,
	form.generatedform div.formfield_textarea textarea
	{
		width : 99% ;
		margin-left : 0px ;
	}
	
	#naw , #naw2, div.social
	{
		float : none ;
		position : relative ;
		margin : 0px ;
		text-align : center ;
		line-height: 26px ;
		width : auto ;
		height : auto ;
	}
	
	div#footer
	{
		height : auto;
	}
	
	 
}



@media screen and ( max-width:500px )
{
	div.menu ul li
	{
		display : inline-block ;
		width : 50% ;
	}
	
	div.header img
	{
		max-width :300px ;
	}
	
	div.wrapper div.header ,
	div.wrapper div.header div.header_in ,
	div.wrapper div.header tr ,
	div.wrapper div.header td
	{
		height : 40px !important;
	}
}