@charset "utf-8";
/* CSS Document written by Cow XL webdevelopment */

*
{
	padding:0;
	margin:0;
	border:none;
}

html, body 
{
	height:100%;
	font:13px 'Trebuchet MS',Verdana, Arial, sans-serif;
	color:#333;
	background:#f2f4f6 url(images/body_bg.jpg) repeat-x;
	text-align:center;
}

#container 
{
	position:absolute;
	width:794px;
	/*margin: 0 auto;*/
	left:50%;
	margin-left:-397px;
	margin-top:25px;
	text-align:left;
	background:#fff url(/images/container_bg.jpg) repeat-y;
	color:#293241;
}

#header
{
	width:794px;
	height:177px;
	background:#fff url(/images/header_bg.jpg) no-repeat;
}

#header #logo_link
{
	position:absolute;
	display:block;
	left:100px;
	top:20px;
	width:170px;
	height:150px;
}

#header #logo_link_2 a
{
	position:absolute;
	display:block;
	left:315px;
	top:53px;
	width:385px;
	height:20px;
	text-indent:-9999px;
	line-height:0px;
}

#header #linkedin
{
	position:absolute;
	left:695px;
	top:148px;	
	width:95px;
	height:28px;	
}

#navigation
{
	width:794px;
	height:30px;
	background:#293241 url(images/bg_dark.jpg) repeat;
}

#navigation ul
{
	width:794px;
	height:30px;
	list-style-type:none;
}

#navigation ul li
{
	float:left;
	height:30px;
	line-height:30px;
}

#navigation ul li a
{
	display:block;
	font:15px 'Trebuchet MS',Verdana, Arial, sans-serif;
	color:#fff;
	text-decoration:none;
	line-height:30px;
	padding:0px 8px;
	text-transform:uppercase;
}

#navigation ul li a:hover
{
	color:#fffc00;
	text-decoration:none;
	background:#7f848d url(images/bg_light.jpg) repeat;
}

#navigation ul li.active a
{
	color:#fffc00;
	text-decoration:none;
	background:#7f848d url(images/bg_light.jpg) repeat;
}

#content_left
{
	width:793px;
	height:323px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	color:#fff;
	background:#293241 url(images/test.jpg) no-repeat left top; /* #293241 */
	overflow:hidden;
}

#content_right
{
	width:794px;
	height:323px;
	color:#fff;
	background: transparent url(images/content_bg.jpg) no-repeat right top;
	overflow:hidden;
}

#content_right h1
{
	color:#293241;
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	font-weight:bold;
	margin:27px 0px 0px 360px;
	height:52px;
}

#content_right #content
{
	width:515px;
	height:235px;
	margin:5px 10px 0px 269px;
	overflow:auto;
	/*background-color:#F69;*/
}

#content p
{
	line-height:20px;
	margin:0px 0px 15px 0px;
}

#player_form
{
	/*background:#293241 url(images/bg_dark.jpg) repeat;*/
	background:#7f848d url(images/bg_light.jpg) repeat;
	color:#ccc;
	overflow:hidden
}

#player_form h2
{
	float:left;
	width:315px;
	/*height:26px;*/
	height:60px;
	line-height:60px;
	margin:0px;
	padding:0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
	background:#293241 url(images/bg_dark.jpg) repeat;
}

#player_form #player_top
{
	float:right;
	width:467px;
	/*height:26px;*/
	height:60px;
	background:#293241 url(images/player_top.jpg) repeat-x left bottom;
	color:#ccc;
	border-left:1px #293241 solid;
	border-right:1px #293241 solid;
}

#contact_form
{
	clear:both;
	float:left;	
	width:325px;
	/*padding:15px 0px 15px;*/
	padding:10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
}

#contact_form .label
{
	width:100px;
	text-align:right;
	padding:0px 5px 10px 0px;
	vertical-align:top;
}

#contact_form .input
{
	padding:0px 5px 10px 0px;
	vertical-align:top;
}

#contact_form .submit
{
	text-align:right;
	padding:0px 5px 10px 0px;
}

#player
{
	float:right;
	width:467px;
	background:#eee url(images/player_bottom.jpg) repeat-x left bottom;
	border-left:1px #293241 solid;
	border-right:1px #293241 solid;
	padding-bottom:24px;
	min-height:200px;
	text-align:center;
}

#player #mediaspace
{
	width:450px;
	margin:auto;
}

#bottom_image
{
	width:467px;
	height:200px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
}

#footer
{
	clear:both;
	width:794px;
	height:30px;
	background:#293241 url(images/bg_dark.jpg) repeat;
	color:#5372a7;
}

#footer ul
{
	list-style-type:none;
	text-align:right;
	margin-right:10px;
}

#footer ul li
{
	display:inline;
	line-height:30px;
}

#footer a
{
	text-decoration:none;
	color:#5372a7;
}

#footer a:hover
{
	text-decoration:none;
	color:#fff;
}


a img
{
	border:none;
}

a
{
	color:#fffc00;
	text-decoration:underline;
}

a:hover
{
	color:#fffc00;
	text-decoration:none;
}

h2
{
	clear:both;
	font-size:13px;
	margin:0px 0px 15px 0px;
}

h3
{
	clear:both;
	color:#333;
	font-size:11px;
	margin:0px 0px 15px 0px;
}

address
{
	font-style:normal;
}

.form_txt
{
	width:160px;
	vertical-align:top;
	padding-bottom:10px;
	font-weight:bold;
}

.form_inbetween
{

}

.form_input
{
	padding-bottom:10px;
}


.button
{
	border:#293241 1px solid;
	background-color:#fff;
	padding:3px 6px;
	color:#293241;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.field
{
	border:#293241 1px solid;
	background-color:#fff;
	padding:3px 2px;
	color:#293241;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:165px;
}

.tarea
{
	border:#293241 1px solid;
	background-color:#fff;
	padding:3px 2px;
	color:#293241;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:165px;
	height:90px;
}


#contact_form_check
{
	display:none;
}

.error
{
	padding:10px;
	margin:10px;
	color:#FF0000;
	background-color:#FFF;
}

.succes
{
	padding:10px;
	margin:10px;
	color:#009900;
	background-color:#FFF;
}

.clear
{
	clear:both;
}

.small
{
	font-size:9px;
}

hr
{
	border:none;
	height:1px;
	color:#000;
	background-color:#fff;
	clear:both;
	margin:10px 0px;
}