@charset "utf-8";

/* 
------------------------
Version 1.0, 06-11-2008
*/
.popup h1{text-transform: uppercase; color: #DD0022; font-size:22px; line-height: 16px;

padding /*\**/: 10px 0 0 0\9;
padding: 0 0 0 0;
    }
.popup a{color: #DD0022!important;}
.popup{    background: none repeat scroll 0 0 #FFFFFF;
    left: 20px;
    position: absolute;
    top: 350px;
    width: 400px;
    padding: 10px 10px 20px 10px;
    z-index: 300;
    float:left;
    display: block;

    font-size: 11px;
    color: #000;
  -webkit-border-radius: 12px; 
     -moz-border-radius: 12px; 
          border-radius: 12px; 

  
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;


  -webkit-box-shadow: 0px 0px 4px #2C3F5A; 
     -moz-box-shadow: 0px 0px 4px #2C3F5A; 
          box-shadow: 0px 0px 4px #2C3F5A; 


  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#CAD8EC)); 
  background-image: -webkit-linear-gradient(top, #ffffff, #CAD8EC); 
  background-image:    -moz-linear-gradient(top, #ffffff, #CAD8EC); 
  background-image:     -ms-linear-gradient(top, #ffffff, #CAD8EC); 
  background-image:      -o-linear-gradient(top, #ffffff, #CAD8EC); 
  background-image:         linear-gradient(to bottom, #ffffff, #CAD8EC);



}

/*>>>> GENERAL <<<<<*/

html,body {font-family:  Trebuchet MS,Arial, Helvetica, sans-serif; font-size:16px; line-height:1.2em; color: #fff;}

html,body{
	margin: 0; 
	padding: 0;
	background:url(../imasges/bg.png) repeat-x 0px 0px #617ea9;
}

a img{border:none;}
a,a:link,a:active,a:visited,a:hover{ color:#C6DDFB; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }


/*>>>> WRAPPER <<<<<*/

.wrapper
{
	float:left;
	left:0;
	top:0;
	position:absolute;	
	width:100%;
	z-index:100;
}

.wrapper-inner
{
	width:960px; 
	margin: 0 auto;
	position:relative;
}


/*>>>> HEADER <<<<<*/

#header-bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:0;
}
	#header-left {
		background:transparent url(../images/bg.png) repeat-x scroll right top;
		float:left;
		height:810px;
		width:50%;
	}
	#header-right {
		background:transparent  url(../images/bg.png) repeat-x scroll 0 0;
		float:left;
		height:810px;
		position:relative;
		width:49.99%;
	}

	.v2 #header-left {
		background:transparent url(../images/bg_v2.png) repeat-x scroll right top;
		float:left;
		height:464px;
		width:50%;
	}
	.v2 #header-right {
		background:transparent  url(../images/bg_v2.png) repeat-x scroll 0 0;
		float:left;
		height:464px;
		position:relative;
		width:49.99%;
	}

	
.header{
	width:960px; 
	background: url(../images/header_bg.jpg) top left no-repeat;
	float:left;
}

.v2 .header{
	width:960px; 
	background: top right no-repeat;
	float:left;
}

.header-top{
	width:100%;
	height:511px;
	float:left;
}

.v2 .header-top{
	width:100%;
	height:166px;
	float:left;
}
/* Home Link Over Logo */

	.header h1.start {
		height:130px;
		width:120px;
		margin:20px 0 0 40px;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		color:#9d9d9d;
		background: url(../images/kampedia_logo.png) no-repeat 50% 20%;
		position:absolute;
		top:9px;
		left:0;
	}

	.v2 .header h1.start {
		background: url(../images/kampedia_logo_v2.png) no-repeat 50% 20%;
		position:absolute;
		top:9px;
		left:0;
	}

		.header h1.start span{
			display:none;
		}

		.header h1.start a{
			display:block;
			height:20px;
			width:120px;
			padding-top:110px;
			text-indent:-9999px;
			text-align:center;
		}

	.header h1.start a:hover{
			text-indent:0px;
			color:#DD0022;
			text-decoration:none;
			font-size:10px;
		}

/* main navigation */

.navigation {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2em 0 0 2em;
	padding:0;
}

	.navigation li {
		float:left;
		padding:0;
	}
	
		.navigation li a {
			float:left;
			font-size:16px;
			text-decoration:none;
		}
		
			.navigation li a span {
				color:#9D9D9D;
				display:block;
				margin-left:14px;
				padding:4px 14px 5px 0;
			}
		
		.navigation li a:hover, .navigation li a.act  {
			background:transparent url(../images/navi_btn_left.png) no-repeat scroll left top;
		}
			
			.navigation li a:hover span, .navigation li a.act span {
				background:transparent url(../images/navi_btn.png) no-repeat scroll right top;
				color:#fff;
			}			
	
/* main navigation */

.v2 .navigation {
	float:right;
	margin:7em 0 0 2em;
	padding:0;
}

	.v2 .navigation li {
		float:left;
		padding:0;
	}
	
		.v2 .navigation li a {
			float:left;
			font-size:16px;
			text-decoration:none;
		}
		
			.v2 .navigation li a span {
				color:#283951;
				display:block;
				margin-left:14px;
				padding:4px 14px 5px 0;
			}
		
		.v2 .navigation li a:hover, .v2 .navigation li a.act {
			background:transparent url(../images/navi_btn_left_v2.png) no-repeat scroll left top;
		}
			
			.v2 .navigation li a:hover span, .v2 .navigation li a.act span {
				background:transparent url(../images/navi_btn_v2.png) no-repeat scroll right top;
				color:#fff;
			}			
	

/*Navi left*/


.left-navi-wrapper{
	line-height:2.4em;
	clear:both;
	float:left;
}

.content .left-navi-wrapper a.navi_top{
				background: url(../images/left_nav_head_bg.png) no-repeat left top;
				width:210px;
				color:#2b3d58;
				padding:5px 0 20px 12px;
				border:none;
				text-decoration:none;
				display:block;
				font-size:16px;

}

.content .left-navi-wrapper a.navi_top:hover{
color:#556d8f;}


.content .left-navi-wrapper a.navi_top:active a.navi_top:link{
color:#f2002d;}


.left-navi-wrapper ul
{
	margin:0;
	padding:0;
	list-style:none;
}

.left-navi-wrapper ul li 
{
		background: url(../images/left_nav_bg.png) top left repeat-y;
}


.left-navi-wrapper ul li a
{
	width:209px;
	display:block;
	padding:0 0 0 10px;
	text-decoration:none;
	color:#fff;
	font-style:italic;
	border-bottom:1px solid #95adce;
	border-top:1px solid #3a5273;
	margin:0 0 0 2px;

}



.left-navi-wrapper ul li.submenu a,
.left-navi-wrapper ul li.active a
{
	font-weight:bold;
	color:#f2002d;
	background:#2b3c54;
 }

.left-navi-wrapper ul li.active a:hover
{
	font-weight:bold;
	color:#fff;
}

.left-navi-wrapper ul li a:hover
{
	background-color:#2b3d58;
}



/* First */

.left-navi-wrapper ul li.first
{
	background: transparent url(../images/left_nav_bg_top.png) no-repeat;
}

	.left-navi-wrapper ul li.first a
	{
			border-top:none;
	}

	/* First active */
	
		.left-navi-wrapper ul li.first.active a.first,.left-navi-wrapper ul li.first.active a.first:hover
		{
			background: transparent url(../images/left_nav_bg_top_act.png);
			border-top:none;
		}

		/* hover */
	
		.left-navi-wrapper ul li a.first:hover,.left-navi-wrapper ul li.active a.first:hover
		{
					background: url(../images/left_nav_bg_top_act.png) left top;
		}



/* Last */

.left-navi-wrapper ul li.last
{
	background:url(../images/left_nav_bg_bottom.png) no-repeat left bottom;
}

	.left-navi-wrapper ul li.last a
	{
		border-bottom:none;
		padding-bottom:4px;
	}

	.left-navi-wrapper ul li.last a:hover
	{
			background: url(../images/left_nav_bg_bottom_act.png) left bottom;
	}

	/* Last Active */
	
		.left-navi-wrapper ul li.last.active a.last,.left-navi-wrapper ul li.last.active a.last:hover
		{
			background: transparent url(../images/left_nav_bg_bottom_act.png) left bottom;
			border-bottom:none;
		}

	/* hover */

		/*.left-navi-wrapper ul li a.last, .left-navi-wrapper ul li.active a.last, .left-navi-wrapper ul li.active ul li.active ul li.active a.last
		{
			background-image:url(left_nav_bg_bottom.png);
			background-position:bottom;
		}
		*/
		
		.left-navi-wrapper ul li a.last:hover,.left-navi-wrapper ul li.active a.last:hover,.left-navi-wrapper ul li.active ul li.active a.last:hover
		{
					background: url(../images/left_nav_bg_bottom_act.png) left bottom;
			background-position:bottom left;
		}



/* level 2 */

.left-navi-wrapper ul ul.level_2 li a
{
	width:199px;
	padding:0 0 0 20px;
	text-decoration:none;
	color:#2b3d58;
	border-bottom:1px solid #fff;
	font-weight:normal;	
	background:#A3BEE1;
	border-top:none;
}

.left-navi-wrapper ul ul.level_2 li a:hover
{
	background:#C1D5EB;
 }

/* active */

.left-navi-wrapper ul ul.level_2 li.active a
{
	font-weight:bold;
	background:#C1D5EB;
}

.left-navi-wrapper ul ul.level_2 li.active a:hover
{
	font-weight:bold;
	background:#C1D5EB;
}

	.left-navi-wrapper ul li.active ul.level_2 li a:hover
	{
			background:#C1D5EB;
			color:#414141;
			font-weight:normal;
	}
	
	.left-navi-wrapper ul li.active ul.level_2 li.active a:hover
	{
			background:#C1D5EB;
			color:inherit;
			font-weight:bold;
	}
	
	
	.left-navi-wrapper ul ul.level_2 li.last a
	{
		width:202px;
		border:none;
		padding-bottom:5px;
		background:url(../images/left_nav_bg_bottom_l3.png) left bottom;
	}

.left-navi-wrapper ul ul.level_2 li.last a:hover
	{
		color:#fff;
		background: url(../images/left_nav_bg_bottom_l3_h.png) left bottom;
	}
	
.left-navi-wrapper ul ul.level_2 li.last active
	{
		background:url(../images/left_nav_bg_bottom_l3.png) left bottom;
	}

/*level 3*/

.left-navi-wrapper ul ul.level_2 ul.level_3 li a
{
	width:179px;
	padding:0 0 0 40px;
	text-decoration:none;
	font-weight:normal;
	border-bottom:none;
	background:#fff url(../images/list_level_3.gif) no-repeat scroll 20px 7px;
	border-bottom:1px solid #E2EEF5;
}

	.left-navi-wrapper ul ul.level_3 ul.level_3 li.active a
	{
		font-weight:bold;
		color:#374D8D;
	}


	.left-navi-wrapper ul li.active ul.level_2 ul.level_3 li a:hover
	{
		font-weight:normal;
		background:#C4D7EB url(../images/list_level_3.gif) no-repeat scroll 20px 7px;
	}
	
	.left-navi-wrapper ul li.active ul.level_2 ul.level_3 li.active a:hover
	{
		font-weight:bold;
		background:#C1D5EB url(../images/list_level_3.gif) no-repeat scroll 20px 7px;
	}
	
.left-navi-wrapper ul ul.level_2 ul.level_3 li.last a
	{
		width:183px;
		border:none;
		padding-bottom:5px;
		background: transparent url(../images/left_nav_bg_bottom_l3_h.png) left bottom;
	}

.left-navi-wrapper ul ul.level_2 ul.level_3 li.last a:hover
	{
		width:183px;
		border:none;
		padding-bottom:5px;
		background: url(../images/left_nav_bg_bottom_l3_h.png) left bottom!important;
	}

	
/*Flash Wave*/

.wave{
	width:960px;
	height:61px;
	float:left;
	position:relative;
	background:url(../images/main_wave.png) top left no-repeat;

}


/*>>>> CONTENT <<<<<*/

/*Main Content Div*/

.content{
	width:950px;
	min-height:400px;
	padding:25px 0 20px 10px;
	float:left;
	font-size:12px;
	background:#395275 url(../images/main_bg.jpg) top left repeat-x;
}

.content H1 {
	margin:0 0 30px 0;
	padding:10px 0;
	color:#fff;
	font-size:24px;
	font-weight:normal;
}

.content H2 {
	margin:0 0 10px 0;
	padding:10px 0 5px 0;
	color:#C6DDFB;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px dotted #C6DDFB;
}


.content .team H2 {
	margin:0 0 10px 0;
	padding:10px 0 5px 0;
	color:#C6DDFB;
	font-size:16px;
	font-weight:normal;
	border-bottom:1px dotted #C6DDFB;
	width:465px;
	float:left;
}


.content H3 {
	margin:0 0 20px 0;
	padding:10px 0;
	color:#C6DDFB;
	border-bottom:1px dotted #C6DDFB;
	font-size:14px;
}

.content H4 {
	margin:0 0 10px 0;
	padding:10px 0 5px 0;
	color:#C6DDFB;
	font-size:16px;
	font-weight:normal;
	
}


/* left/right/main divs */

.left, .right{
		width:260px; 
		margin:0 10px 0 20px;
		display:inline;
		float:left;
}
		
.main{
		width:600px;
		margin:0 20px 0 10px;
		display:inline;
		float:left;
}

.home .right{
		margin:0 0 0 10px;
		width:400px;

}		
.home .main{
		margin:0 10px 0 40px;
		width:440px;

}


.main .team{
		width:600px;
		margin:0 20px 0 10px;
		display:inline;
		float:left;
}



#parallax {
	height:360px;
	margin:80px 0 0 -200px;
	overflow:hidden;
	position:relative;
	width:925px;
	float:left;
}

/*IE6 Fallback*/

.parallax_ie6{
	background:url(../images/ie6.png) top left;
}

.teaser-txt{
	width:280px;
	height:300px;
	float:right;
	position:absolute;
	top:140px;
	right:10px;
}

	.teaser-txt h1{
		color:#E1BD83;
		font-size:25px;
		margin:0 0 6px 0;
	}
	
	.teaser-txt .headl-sub{
		color:#E1BD83;
		font-size:18px;
		margin-bottom:30px;
	}
	.teaser-txt p{
		color:#596c85;
		font-size:12px;
	}
	.teaser-txt p strong{
		color:#da4634;
	}



 strong{
		color:#aebdd2;
		}


.content .box1{
	background: url(../images/main_box_1.png) 0px 16px  no-repeat;
	width:273px;
	height:270px;
	float:left;
	padding:10px 25px 0px 10px;
	margin:0px 9px 0px 0;
	position:relative;
}

.content .box1.last{ margin-right:0px;}

	.content .box1 h2{
		font-size:20px;
		letter-spacing:.03em;
		color:#aebdd2;
		border:none;
		margin-top:15px;
	}
	
	.content .box1 p{
		color:#b0c2dc;
	}

	.content .box1 a{
		position:absolute;
		right:15px;
		bottom:50px;
		display:block;
		padding:1px 25px 0px 0;
		background:url(../images/link_bg_1.png) 100% 0% no-repeat;
		color:#fff;
		text-decoration:none;

	}

	.content .box1 strong, .content .box2 strong{
		color:#fff;
}

	
/*HP Darkblue Box */

.content .box2{
	background:url(../images/main_box_2.png)  no-repeat;
	width:940px;
	height:194px;
	float:left;
	padding:10px 0 0 10px;
}

	.content .box2 h2{
		font-size:20px;
		letter-spacing:.03em;
		border:none;
	}
	
	.content .box2 p{
		color:#b0c2dc;
	}
	

	.content .box2 .box2_left{
		float:left;
		width:48%;
	}

	.content .box2 .box2_right{
		float:left;
		width:45%;
		background: url(../images/line_vert_1.png) left top repeat-y;
		padding-left:20px;
	}

		.content .box2 .box2_right ul{
			margin:0;
			padding:0;
			float:left;
		}

		.content .box2 .box2_right ul.rgt{
			margin-left:60px;
		}

		.content .box2 .box2_right ul li{
			background: url(../images/icon_plus.png) 3px 10px no-repeat;
			width:180px;
			display:block;
		}

			.content .box2 .box2_right ul li span{
				background: url(../images/line_hori_1.png) left bottom repeat-x;
				padding:10px 0 10px 35px;
				font-style:italic;
				display:block;
			}
	
				.content .box2 .box2_right ul li span.nobrdr{
					background:none;
				}

/* paging */

.paging-wrapper{
	width:100%;
	float:left;
	margin-bottom:20px;
}

	
	.paging-wrapper span{
		display:block;
		float:left;
		font-size:10px;
		margin:0 15px 0 0;
	}
	
	.paging-wrapper input{
		font-size:10px;
		width:20px;
		border:1px solid #ccc;
	}
	
	.paging-wrapper select{
		font-size:10px;
		border:1px solid #ccc;
	}


	ul.paging { overflow: hidden; list-style: none; margin:4px 15px 0 0; padding: 0; color: #333; float:left; }
	ul.paging li { display: inline; float: left; margin: 0 1px; font-size: 10px; line-height: 1em; }
	ul.paging li a { float: left; background: #f3f3f3; color: #333; text-decoration: none; }
	ul.paging li a:hover { background: #ccc; }
	ul.paging li a.active { background: #4a9bc6 !important; color: #fff; }
	ul.paging li span { float: left; padding: 3px 5px; cursor: pointer; margin:0;}
	ul.paging li.arrows {  margin:0;}
	ul.paging li.arrows a { background: none !important; }
	ul.paging li.arrows span { overflow: hidden; width: 2px; height: 10px; background: url(../images/pager.gif) 3px 4px no-repeat; text-indent: -10001em; }
	ul.paging li.prev span { background-position: 3px -32px; }
	ul.paging li.prev a:hover span { background-position: 3px -50px; }
	ul.paging li.first span { background-position: 4px 4px; }
	ul.paging li.first a:hover span { background-position: 4px -14px; }
	ul.paging li.next span { background-position: -14px 4px; }
	ul.paging li.next a:hover span { background-position:  -14px -14px; }
	ul.paging li.last span { background-position:  -13px -32px; }
	ul.paging li.last a:hover span { background-position:  -13px -50px; }


			.paging-wrapper a.help{
				margin:3px 4px 0 0;
				padding:0;
				display:block;
				height:18px;
				width:18px;
				background:url(../images/help.gif) no-repeat;
				text-indent:-9999px;
				float:left;
			}


/*breadcrumb navi left*/

.breadcrumb-wrapper{
float:left;

}

.breadcrumb-wrapper ul{
	list-style:none;
	margin:0;
	padding:0;
}

body .breadcrumb-wrapper ul li{
	display:block;
	width:100%;
}

.breadcrumb-wrapper a{
	padding-right:10px;
	background:url(../images/link_bg_3.gif)  100%  50% no-repeat;
}



/* Contact Form */

.contact_form fieldset{ border:none;}
.contact_form legend { display:none;}
.contact_form label{ display:block; float:left; width:110px; font-size:12px; height:20px; line-height:24px;}
.contact_form input{ width:320px; height:14px; padding:6px; border:1px solid #2A3D57; background:#C5D8EC;}
.contact_form input.zip{ width:100px;}
.contact_form button{ 
	width:228px; 
	height:38px; 
	border:none; 
	background: url(../images/btn_bg.png) no-repeat; 
	margin:50px 0 20px 0; 
	font-size:14px;
	color:#2A3D57;
	cursor:pointer;
	float:left;
}
.contact_form textarea {width:410px; height:160px; padding:5px; border:1px solid #2A3D57; background:#C5D8EC; font-family: Trebuchet MS,Arial, Helvetica, sans-serif;}
.contact-form-separator{padding:6px 0;}
.contact_form input.error{border:1px dashed red;}
.contact_form textarea.error {border:1px dashed red;}
.contact_form label.error {
	color:red;
	float:none;
	height:30px;
	margin-left:110px;
	width:300px;
}

.contact_form h3{ margin:20px 0 20px 0;}


.success{margin:40px 0; border:1px solid #D4D6D4; background:#f1f1f1; color:#1D589D; font-size:16px; font-weight:bold; padding:10px; text-align:center;}



.get_contact{
	background:#395275 url(../images/kampedia_logo_footer.png) 15px 0px no-repeat;
	width:860px;
	height:36px;
	padding:12px 0 0 100px;
	float:left;

	font-size:14px;
	font-style:italic;
	letter-spacing:.05em;
	color:#fff;
}
	.get_contact a{
		color:#fff;
	}



/*>>>> FOOTER <<<<<*/
.footer{
	clear:both;
		width:960px; 
		margin:0 auto;
height:40px;
		background: #2a3d57;
}

	.footer-inner{
		padding:10px 5px 5px 10px;
		line-height:1.9em;
		font-size:12px;
		color:#6885ac;	
	}
	
			.footer-inner a, .footer-inner a:active, .footer-inner a:visited{
				padding:1px;
				color:#b2c7e3;
			}

			.footer-inner a:hover{
				color:#fff;
				background:#6885ac;
				text-decoration:none;
			}
		
			.footer-inner a.twitter{
				padding:10px 0 10px 40px;
				background: url(../images/twitter_icon.png) 0px 8px no-repeat;
				text-decoration:none;
				font-weight:bold;
				margin-right:100px;
			}
		
			.fi_left{float:left;}
			.fi_right{float:right; margin-right:10px;}
			
			


.img_right {
	float: right;
	margin-left:20px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:60px;}

.img_right_float {
	float: none;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:20px;}

.img_left {
	float: left;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:30px;}
	
.img_left_float {
	float: left;
	margin-left:0px;
	margin-right:12px;
	margin-top:14px;
	margin-bottom:30px;
	border:1px solid #C6DDFB;

	}