/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Styles */


a:link {color: #EC008C;}
a:visited {color: #EC008C;}
a:active {color: #fff200;}
a:hover {background-color: #fff200;}
a {text-decoration: none;}

.styleH {color: #EC008C;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	text-align: justify;
	padding: 0px 20px 0px 67px;
	
	
}
#styleH2 {color: #EC008C;
	text-decoration: none;
	font-family: Arial;
	font-size: 10px;
	text-align: centre;
	padding: 0px 0px 0px 0px;
	
	
}

#styleH2 a {color: #EC008C;
	text-decoration: none;
	font-family: Arial;
	font-size: 10px;
	text-align: centre;
	padding: 0px 0px 0px 0px;
	
	
}

#styleH2 a:hover {color: #FFF200;
	text-decoration: none;
	font-family: Arial;
	font-size: 10px;
	text-align: centre;
	padding: 0px 0px 0px 0px;
	
	
}

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#wrapper {width: 760px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
}
#wrapperb {width: 352px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
}

/* Header */

#header-wrapper {width: 760px;
	height: 218px;
	margin: 0 auto;
}


#headerleft {
	width: 218px;
	height: 240px;
	margin: 0 auto;
	float: left;
	background: url(images/WebLreel.gif) no-repeat left bottom;
}
#headerleftp {
	width: 218px;
	height: 240px;
	margin: 0 auto;
	float: left;
	background: url(images/Plogo.gif) no-repeat left bottom;
}



#headerleftreel {
	width: 218px;
	height: 240px;
	margin: 0 auto;
	float: left;
	background: url(images/WebLreel.gif) no-repeat left bottom;
}

#headerrightup { width: 542px;
		height: 139px;
	margin: 0 auto;
float: left;

	background-color: #FFFFFF;
}

#headerrightdown { width: 542px;
		height: 101px;
	margin: 0 auto;
float: left;

	background-color: #FFFFFF;
}

/* Menu */

#menu { list-style: none;
	height: 30px;
	margin: 0;
	padding: 0px;
	position: relative;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 25px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display:block;
	position:absolute;
	outline: none;
}
#menu a:hover, #menu .current_page_item a {
}

#menu .current_page_item a {
	padding-left: 0;
}

#menu a:hover {
	background-position: left bottom;
}

#menu a:hover span { display: block;
}





#menu .profile {width:176px;
		height: 11px;
		background: url(images/profileup.jpg) no-repeat;
		left:65px;
		top: 128px;

}

#menu .profile span {width:176px;
		height: 11px;
		background: url(images/profiledown.jpg) no-repeat;
		left:0px;
		top: 0px;

}


#menu .profilehome {width:176px;
		height: 11px;
		background: url(images/profiledown.jpg) no-repeat;
		left:65px;
		top: 128px;
}



#menu .reel {width:176px;
		height: 11px;
		background: url(images/reelup.jpg) no-repeat;
		left:200px;
		top: 128px;

}

#menu .reel span {width:176px;
		height: 11px;
		background: url(images/reeldown.jpg) no-repeat;
		left:0px;
		top: 0px;

}

#menu .reelhome {width:176px;
		height: 11px;
		background: url(images/reeldown.jpg) no-repeat;
		left:200px;
		top: 128px;

}

#menu .clients {width:176px;
		height: 11px;
		background: url(images/clientsup.jpg) no-repeat;
		left:315px;
		top: 128px;

}

#menu .clients span {width:176px;
		height: 11px;
		background: url(images/clientsdown.jpg) no-repeat;
		left:0px;
		top: 0px;

}

#menu .clientshome {width:176px;
		height: 11px;
		background: url(images/clientsdown.jpg) no-repeat;
		left:315px;
		top: 128px;

}


/* Page */
#pagewrapper {width: 760px;
	height: 419px;
	margin: 0 auto;
	}
#pageleft {
	width: 218px;
	height: 419px;
	margin: 0 auto;
	float: left;
	padding: 0px;
	background-color: #FFF200;
}

#pageleftprofile {
	width: 218px;
	height: 419px;
	margin: 0 auto;
	float: left;
	padding: 0px;
	background: url(images/profile.gif) no-repeat left bottom;
}
#pageleftreel {
	width: 218px;
	height: 419px;
	margin: 0 auto;
	float: left;
	padding: 0px;
	background: url(images/WebLreel2.gif) no-repeat left bottom;
}
#pageleftclient {
	width: 218px;
	height: 419px;
	margin: 0 auto;
	float: left;
	padding: 0px;
	background: url(images/WebLclient.gif) no-repeat left bottom;
}


#pageright {padding: 0px;
		width: 542px;
		height: 419px;
	margin: 0 auto;
	float: left;
	background-color: #FFFFFF;
}

#prcolumnleft {padding: 0px;
		width: 65px;
		height: 419px;
	margin: 0 auto;
	float: left;
	background: url(reel-plug.gif) no-repeat left bottom;
		}

#prcolumnleftup {padding: 0px;
		width: 65px;
		height: 419px;
	margin: 0 auto;

	background-color: #CCC000;
		position: relative;
}


/* Footer */

#footer-wrapper {width: 760px;
	height: 40px;
	margin: 0 auto;
background-color: #FFFFFF;

	}


#footer {
	width: 760px;
	height: 10px;
	margin: 0 auto;
	float: left;
	padding: 0px 0px 0px 0px;
	background-color: #EC008C;
	font-family: Arial, Helvetica, sans-serif;
}

#playposition {width:328px;
		height: 200px;
		float: left;
		padding: 0px 0px 0px 0px;
}

#video {width:322px;
		height: 241px;
		float: left;
		padding: 0px 0px 0px 0px;
}

#image_wrapper
{

position:absolute;
width: 352px;
height:100%;
left:25%;
right:25%;
top:25%;

margin: 0 auto;
}
#splash { list-style: none;
	
	padding: 0px;
	position:absolute;
	
}
#splash span {
	display: none;
	position: absolute;
}
#splash a {
	display:block;
	position:absolute;
	outline: none;
}
#splash a:hover, #splash .current_page_item a {
}


#splash a:hover {
	background-position: left bottom;

}

#splash a:hover span { display: block;
}

#splash .enter {width:352px;
		height: 346px;
		background: url(images/splash1.gif) no-repeat;
		
}

#splash .enter span {width:352px;
		height: 346px;
		background: url(images/splash2.gif) no-repeat;
		

}