@import url('reset.css');

#container{
	margin:0em auto;
	width:960px;
}

#header{
	background: transparent url(../images/header.jpg) no-repeat top left;
	width:960px;
	height:148px;
	position:relative;
}
	#header h1{
		text-indent:-99999px;
	
	}

#goHome{
	display:block;
	height:105px;
	width:200px;
	position:absolute;
	bottom:5px;
	left:55px;
	text-indent:-999999px;
	}


#menu{
	width:850px;
	height:102px;
	padding-left: 10px;
	margin:0em auto;
	background: transparent url(../images/menubg.jpg) no-repeat top left;
	position:relative;
}

#menu li{
	float:left;
	margin: 0px 14px;
	color:#FFf;

}


#menu li a{
	text-decoration: none;

}

.goActive{
width: 109px;
height: 51px;
background: url('../images/menu-button.jpg') no-repeat;
display: block;
text-align: center;
font-size: 12px;
padding-top: 15px;
font-weight: bold;
}


.hovering .goActive {
color:red;	
}



ul#menu ul.goal {
display: none;
background: transparent url(../images/subMenubg.png) no-repeat top left;

}

	ul#menu li.hovering ul {
	display: block;
	position:absolute;
	top:52px;
	left:30px;
	width:785px; height:30px;

	}
	
	
	ul.goal li a{
		color:#000;
	}
	
	.goal li{
	margin: 5px 10px !important;
	font-size: 12px;
	font-weight: bold;
	}
	
	ul.goal li a:hover{
		color:red;
	}
	

/*Content*/


	
#cnt{
	width:850px;
	margin:0em auto;
	margin-top:60px;
	min-height:500px;
/*	position: relative;*/
}
	#lSideNsight{
		width:590px;
		float:left;
		font: .90em  Verdana, sans-serif;
	}
	#lSide{
		width:280px;
		float:left;
		font: .90em  Verdana, sans-serif;
		
	}
	#lSide li{padding-left:10px;}
	#lSide a{color:#FF0000;
			 text-decoration:none;}
	#redBlock{
	background-color:#EE3124;
	color:#FFFFFF;
	font-size:10pt;
	font-weight:normal;
	line-height:16pt;
	padding:25px 15px;
	width:485px;}
	#redBlock p{color:#FFFFFF;}
	
	#redBlock1{
	background-color:#EE3124;
	color:#FFFFFF;
	font-size:10pt;
	font-weight:normal;
	line-height:16pt;
	padding:25px 15px;
	width:200px;
	position:relative;
	top:300px;
	left:10px;
	height:150px;

	}
	#redBlock1 p{position:absolute; top:25px; left:15px; color:#FFFFFF;	}
	#redBlock1 ul{position:absolute; top:45px; left:20px;}
	#redBlock1 li{padding-left:10px;}
	
	#redBlock2{
		background-color:#EE3124;
		color:#FFFFFF;
		font-size:10pt;
		font-weight:normal;
		line-height:16pt;
		padding:0px 15px;
		width:210px;
		height:auto;
		position:absolute;
		bottom:0px;
		left:0px;
		
	}
	
		#redBlock2 p{color:#fff; padding:5px 0px;}
		#redBlock2 ul{
			padding:15px 10px;
			font: .90em "Arial", Verdana, sans-serif;
		}
		#redBlock2 li{
			list-style: circle inside;
		}
		
		
		
	
	#cSide{
		width:200px;
		float:left;
		color:#FFF;
		margin:0em 50px;
		font-size:10pt;
	
	}
		#cSide p{
			background:red;
			padding-top:25px;
			padding-left:15px;
			padding-right:15px;
			padding-bottom:0px;
						
			color:#FFF;			
		}
		#cSide ul{background:red;
			padding-top:5px;
			padding-left:20px;
			padding-right:15px;
			padding-bottom:15px;			
			color:#FFF;}
			#cSide li {padding-bottom:5px;
			list-style:circle inside;}
		
	#cSidehome{
		width:200px;
		height:350px;
		float:left;
		color:#FFF;
		margin:0px 50px;
		font-size:10pt;
		background: red;
		position:relative;
		z-index:10;
	}
		#cSidehome p{
	color:#FFF;
	padding-top: 25px;
	padding-right: 15px;
	padding-left: 15px;			
		}
	
	
	#rSide{
		float:left;
		width:260px;
	
			}
	#rSide p{	font-size:10pt;}			
	
	.redBullet ul{
		margin-left:10px;
	}
	
	.redBullet li{
		font: 1.0em Verdana, sans-serif;
		height:25px;
		margin:1em 0em;
	}
	.redBullet li a{
		background: transparent url("../images/bullet-redsphere.gif") no-repeat top left;
		padding-left:25px;
		color:#000;
		text-decoration: none;
		}
		
		span.red{
			color:red;
			font-weight: bold;
		}
		
		
	.imgCenter{
		margin:0em auto;
		width:186px;
		margin-top:100px;
	}	
		
		
	#cntIn{
		width:830px;
		margin:0em auto;
		min-height:500px;
		margin-top:60px;
		   line-height: 1.3em;
	}
	

	
	#inLSide{
		font: .85em Verdana, sans-serif;
		
		float:left;
		width:520px;
	}	
	#inLSide a{
		color:#FF0000;}
		
		
	#inRSide{
		float:left;
		width:300px;
		border-left: 1px dotted #999;
		margin-left:5px;
	}
		
		
		#alink a{
	color:#FFFFFF;}
	#text a, p{color:#000000;
	text-decoration:none;}
	#text li{padding-left:10px;}
	#text1 li{padding-left:10px;}
		


	/*Overlay*/

	#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
		color:#efefef;
		height:450px;
		position:relative;
		z-index:999999;
	}

	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}



			div.overlay {
				background-image:url(http://flowplayer.org/tools/img/overlay/white.png);
				width:600px;
				height:470px;		
				display:none;
				padding:55px;
			}

			div.overlay div.close {
				background-image:url(http://flowplayer.org/tools/img/overlay/close.png);
				position:absolute;
				right:5px;
				top:5px;
				cursor:pointer;
				height:35px;
				width:35px;
			}


			/* black */
			div.overlay.black {
				background:url(http://flowplayer.org/tools/img/overlay/transparent.png) no-repeat !important;
				color:#fff;
			}

			/* petrol */
			div.overlay.petrol {
				background:url(http://flowplayer.org/tools/img/overlay/petrol.png) no-repeat !important;
				color:#fff;
			}

			div.black h2, div.petrol h2 {
				color:#fff;		
			}





		
		
		
		
		
		
		
		
		
		
		
		
		
		
#footer{
	background:red;
	width:100%;
	height:60px;
	font: .75em Verdana, sans-serif;
	
}

#footerCnt{
	width:680px;
	margin:0em auto;
	color:#fff;
}

#footerCnt li{
	float:left;
	margin:5px 2px;
	border-left: 1px solid #fff;
	padding-left:5px;
}

#footerCnt li a:hover{
	text-decoration: none;
}


#redBlockWebinar{
background-color:#EE3124;
color:#FFFFFF;
font-size:10pt;
font-weight:normal;
line-height:16pt;
padding:25px 15px;
width:485px;
margin-bottom:20px;
}
#redBlockWebinar span{
	color:#FFFFFF;
	
}



#seoExperts{
	border-left: 0px solid #fff; 
	width:400px; 
	margin:0em auto;
	float:left;
	color:#fff;
	font: .90em Verdana, sans-serif;
	margin-left:10px;
}

#seoExperts a:hover{
	text-decoration: none;
}



		/*forms*/

			/*FORM VALIDATION*/

			/**********************************

			Name: cmxform Styles

			***********************************/
			.labelA{
				width:120px;
				float:left;
			}
			
			#expressContact{
				margin:10px 0px;

			}
			label{
				color:#838383;

			}
			div.error { display: none; }
			input {	font: .80em Verdana, sans-serif; height: 25px; padding-top:4px; border: 1px solid #838383; background:#FFF; color:#000; margin-top:5px; width:192px;}
			textarea {	font: .80em Verdana, sans-serif;  border: 1px solid #838383; background:#FFF; color:#000; margin-top:5px; width:192px; height:140px;}
			select {	font: .80em Verdana, sans-serif; height: 25px; padding-top:4px; border: 1px solid #838383; background:#FFF; color:#000; margin-top:5px; width:192px;}

			
			input.checkbox { border: none }
			input:focus { border: 1px dotted #373737; }
			input.error { border: 1px dotted red; }
			textarea.error {border: 1px dotted red; }
			select.error {border: 1px dotted red; }


			div.error{color:red;
				height:auto;
				width:150px;
				font: .60em  Verdana, sans-serif;
				}

				#submitB {
					background:transparent url(../images/submitB.png) no-repeat scroll center center;
					border:0px solid #999999;
					height:28px;
					width:81px;
					margin: 0px 55px 20px 55px;
					}



		/*		End*/