@charset "utf-8";
/* CSS Document */

* {margin:0px; padding:0px;}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000;
	background: #1e2021;
}
img{border:0}
.clear {clear:both; height:0; font-size: 1px; line-height:0px; padding:0px; float:none; margin:0px; overflow: hidden;}
a:link, a:visited, a:active {color:#000; text-decoration:none;}
a:hover {color:#f09;}

#page {
	margin: 0px auto;
	padding: 0px;
	width:100%;
	color: #000;
}
	.general {background:#fff url(../images/bg_general.jpg) repeat-x 0px 0px; }
	.inner {background:#fff url(../images/bg_inner.jpg) repeat-x 0px 0px;}
	
	#header {
		width:980px; 
		height:374px; 
		margin:0px; 
		padding:0px;
		background:transparent url(../images/pageimg_main.jpg) no-repeat 0px 0px;
	}

	#header_inner {
		width:980px; 
		height:97px; 
		margin:0px; 
		padding:0px;
	}


	.headerleft {float:left; width:400px; margin:0px; padding:0px;}
	.headerright {float:left; width:580px; margin:0px; padding:0px; font-size:11px;}

	.headerleft_inner {float:left; width:200px; margin:0px; padding:0px;}
	.headerright_inner {float:left; width:780px; margin:0px; padding:0px; font-size:11px;}
	

	.logo {float:left; width:200px;}
	.getintouch {float:right; width:180px; text-align:right; color:#fff; padding-top:45px; margin:0px; z-index:1;}
	* .headerflash {float:left; margin:0px; margin-top:-59px; padding:0px; z-index:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only – fix margins */
.headerflash {margin-top: -57px;}
}

	
	#header .introtext {float:left; width:400px; padding:60px 0px 10px 0px; margin:0px; text-align:left;} 
	#header .introtext h1 {font-size:17px; text-transform:uppercase; font-weight:lighter; letter-spacing:0px;}
	#header .introtext ul {margin:15px 0px 20px 0px; font-size:12px; text-transform:uppercase; list-style:none;}
	#header .introtext ul li {margin-bottom:7px; background:url(../images/bul_arrow_grey.gif) no-repeat 0px 1px; font-weight:bold; text-indent:20px;}

	div#header .topnav {float:right; font-size:10px; color:#fff; font-weight:bold;}
 .topnav ul {float:right; margin:0px; padding:15px 0px 0px 0px; list-style-type: none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only – fix margins */
.topnav ul {margin-top:4px;}
}



 .topnav li, .topnav li ul, .topnav li ul li {float:left; margin:0px; padding:0px;}
	.topnav li {padding:5px 15px; background-color:#1e2021; text-transform:uppercase; font-size:10px;}
	.topnav li.onpage { background-color:#fff; color:#1e2021}
	li.endlist {margin-right:0px; padding-right:15px;}

	.topnav a, .topnav a:link, .topnav a:visited, .topnav a:active, .topnav span
	{color:#fff; text-decoration:none; text-transform:uppercase; font-size:10px;}	
 .topnav a:hover, .topnav .navon 
	{color:#ccc; text-decoration:none;}

	
	#content {
		width:980px;
		margin: 0px auto;
		padding: 0px;
	}
	
	#content_main {margin:0px; padding:20px 0px; text-align:left; font-size:12px;}
	#content_main .col_left {float:left; width:550px; margin:0px; padding:0px;}
	#content_main .col_right {float:left; width:400px; padding: 0px 0px 0px 30px; margin:0px;}
	
	#content_main .col_screen {float:left; width:650px; margin:0px; padding:0px;}
	#content_main .col_chat {float:left; width:320px; padding: 0px 0px 0px 10px; margin:0px;}
	#zutmedialiveChat {border: 1px solid #ccc;}
	

/* S: Home Columns */
	ul.homecolumn h2, #content_main h2 {font-size:28px; font-weight:lighter;}
	ul.homecolumn h2 span {color:#f09;}
	ul.homecolumn li p {margin:10px 0px;}
	ul.homecolumn li p span {margin:0px 7px 0px 0px; padding:0px;}
	ul.homecolumn {display:block; overflow:hidden; margin:0px; padding:0px; list-style:none; font-size:15px;}
	ul.homecolumn li {display:block; float:left; width:315px; height:300px; margin:0px; margin-right:16px; padding:5px 0px; text-align:left;}
	ul.homecolumn li ul { width:315px; height:90px; margin:10px 0px; padding:0px;}
	ul.homecolumn li ul li {float:left; width:295px; height:auto; margin:0px; padding:0px 10px 5px 0px;}
	
	
#footer_wrap {
	margin: 0px auto;
	padding: 0px;
	width:100%;
	color: #b0b1b2;
	background:transparent url(../images/bg_footerdivider.gif) repeat-x 0px top;
}
	#footer {
		width:980px;
		margin: 0px auto;
		padding: 15px 20px;
		color: #b0b1b2;
		font-size:11px;
	}
		#footer ul {display:block; padding:0px; margin:0px; width:100%; list-style: none; text-align:left;}
		#footer ul li {float:left; display:inline;}
		#footer li span {margin:0px 20px; padding:0px; background: url(../images/bar_separator.gif) no-repeat 0px 2px;}
		#footer a:link, #footer a:visited, #footer a:active {color:#b0b1b2;}
		#footer a:hover {color:#fff;}
	

/**************************************************/	
/* S: Text Styling */
/*******************/
h1, h2, h3, h4, h5 {margin-bottom:10px;}
#content_main h2 span {color:#f09;}
#content_main h3 {font-size:24px; font-weight:lighter;}
	strong#logo a, p.fomlink a span
	{
	margin:0px; 
	padding:0px; 
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
	border:none;
	font-size: 0px; 
	line-height: 0px;
	}	

	strong#logo {float:left; background: transparent url(../images/logo_zutmedialive.jpg) no-repeat 0px 10px;}
	strong#logo, strong#logo a{width:200px; height:77px; margin:0px;}
	strong#logo a {margin:0px;	padding:0px; text-decoration:none;}	
	
	p.fomlink a {font-size:11px; font-weight:bold;}
	p.fomlink a span {float:left; width:13px; height:15px; margin:0px; background:transparent url(../images/bul_arrow.gif) no-repeat 0px 1px;}
	p.leadingtext {font-size:22px; font-weight:lighter; color:#f09;}
	p.leadingtextcontent {font-size:17px; font-weight:lighter; color:#f09;}

	#content_main p {margin:18px 0px;}
	strong.zutmedialive {text-transform:lowercase; color:#f09; font-size:13px;}
	strong.zutmedialive span {color:#000;}

/*******************/
/* E: Text Styling */
/**************************************************/
	

a.button {
	background: transparent url(../images/bg_button_span_end.gif) no-repeat right 0px;
	color: #fff;
	display: block;
	float: left;
	height: 34px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	margin-right: 0px;
	padding-right: 10px; /* sliding doors padding */
	text-decoration: none;
	text-align:center;
}

a.button span {
	background: transparent url(../images/bg_button_span.gif) no-repeat;
	display: block;
	width:290px;
	line-height: 14px;
	padding: 10px 0 9px 10px;
	height: 16px;
	color: #fff;
	text-decoration: none;
} 

a.button:hover {
	background-position: right -34px;
	color: #d9dcdd;
	text-decoration: none;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
	background-position: 0px -34px;
	padding: 10px 0 9px 10px; /* push text down 1px */
} 

/* S: Form Element */
form {padding:5px 0px; margin:0px;}
label {margin-top:7px; float:left; width:120px; font-weight:bold; }
input,textarea,select,option {padding:5px; border:1px solid #e5e5e5; background-color:#fff; margin-bottom:5px;}
.submitbutton {margin-left:120px; font-size:12px; font-weight:bold; border:none; margin-top:5px; background-color:#ec008c; color:#fff;}
textarea {
	border:#ec008c 1px dotted;
	overflow:auto; 
	font-size:14px;  
	font-family:Arial, Verdana, Helvetica, sans-serif;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #ec008c;
	scrollbar-base-color: #ec008c;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-track-color: #fff;
}

/* E: Form Element */