/* Common Styles */

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

BODY{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-color:#000000;
}

#container{
	width:850px;
	background-image:url(../images/common/page-swirl-background.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	margin:0 auto;
}

#header{
	position:relative;
	width:850px;
	height:215px;
}

img.reelFilmsDirectLogo{
	top:118px;
	left:51px;
	position:absolute;
}

#navContainer{
	width:850px;
	height:19px;
	position:relative;	
}

#navContainer ul{
	list-style:none;
	position:absolute;
	left:188px;
}

#navContainer ul li{
	display:block;
	float:left;
	text-indent:-9999px;
}

#navContainer ul li a{
	display:block;
	height:19px;
	outline:none;
}

#navContainer ul li.navAbout a{ width:64px; background-image:url(../images/common/navigation-about.gif); margin-right:49px; }
#navContainer ul li.navShowreel a{ width:88px; background-image:url(../images/common/navigation-showreel.gif); margin-right:36px;}
#navContainer ul li.navPortfolio a{ width:93px; background-image:url(../images/common/navigation-portfolio.gif); margin-right:45px;}
#navContainer ul li.navClients a{ width:72px; background-image:url(../images/common/navigation-clients.gif); margin-right:40px;}
#navContainer ul li.navContactUs a{ width:98px; background-image:url(../images/common/navigation-contactus.gif); }

#navContainer ul li a:hover{ background-position:0 -19px; }

#pageAbout #navContainer ul li.navAbout a{ background-position:0 -19px; }
#pageShowreel #navContainer ul li.navShowreel a{ background-position:0 -19px; }
#pagePortfolio #navContainer ul li.navPortfolio a{ background-position:0 -19px; }
#pageClients #navContainer ul li.navClients a{ background-position:0 -19px; }
#pageContactUs #navContainer ul li.navContactUs a{ background-position:0 -19px; }

h1{
	width:151px;
	height:41px;
	text-indent:-9999px;
	outline:none;
	background-repeat:no-repeat;
}

h1.about{ background-image:url(../images/common/page-title-about.gif); }
h1.showreel{ background-image:url(../images/common/page-title-showreel.gif); }
h1.portfolio{ background-image:url(../images/common/page-title-portfolio.gif); }
h1.clients{ background-image:url(../images/common/page-title-clients.gif); }
h1.contactUs{ background-image:url(../images/common/page-title-contactus.gif); }

#pageTitleContainer{
	height:41px;
	padding: 29px 0 0 87px;
	width:763px;
	position:relative;
}

#contentContainer{
	width:850px;
	float:left;
}

#leftContentColumn{
	width:188px;
	float:left;
	height:303px;
}


#rightContentColumn{
	width:662px;
	float:left;
	padding: 3px 0 0 0;
}

#contentContainer p{
	color:#FFFFFF;
	font-size:1.1em;
	line-height:16px;
	padding:0 0 10px 0;
}

#footer{
	width:850px;
	clear:both;
}

a{
	color:#FFFFFF;
}
a:hover{
	color:#9edaec;
}

.videoImg{
	padding: 0 0 8px 0;
}

.videoArea{

}

/* End of Common Styles */

/* Portfolio Page Styles */

#pagePortfolio #videoArea{
	margin-bottom:10px;
}

#pagePortfolio h2{
	position:absolute;
	left:302px;
	top:29px;
	width:549px;
	height:41px;
	text-indent:-9999px;
}

#pagePortfolio h2.tajMahal{	background-image:url(../images/portfolio/Portfolio-TajMahal.gif); }
#pagePortfolio h2.leonardsleeGardens{	background-image:url(../images/portfolio/Portfolio-LeonardsleeGardens.gif); }
#pagePortfolio h2.horshamCouncil{	background-image:url(../images/portfolio/Portfolio-HorshamCouncil.gif); }
#pagePortfolio h2.angliaFreight{	background-image:url(../images/portfolio/Portfolio-AngliaFreight.gif); }
#pagePortfolio h2.businessBuildersClub{	background-image:url(../images/portfolio/Portfolio-BusinessBuildersClub.gif); }

#pagePortfolio #leftContentColumn{ width:301px; }
#pagePortfolio #rightContentColumn{ width:549px;  }
#pagePortfolio #rightContentColumn p{ width:500px; }

#portfolioList{
	list-style:none;
	padding:5px 0 0 87px;
}

#portfolioList li{
	display:block;
	width:151px;
	height:16px;
	margin: 0 0 15px 0;
}

#portfolioList li a{
	display:block;
	height:16px;
	width:151px;
	outline:none;
	text-indent:-9999px;
}

.portLeonardsleeGardens #portfolioList li.leonardsleeGardens a{ background-image:url(../images/portfolio/LeonardsleeGardens-on.gif); }
.horshamCouncil #portfolioList li.horshamCouncil a{ background-image:url(../images/portfolio/HorshamCouncil-on.gif); }
.angliaFrieght #portfolioList li.angliaFrieght a{ background-image:url(../images/portfolio/AngliaFreight-on.gif); }
.tajMahal #portfolioList li.tajMahal a{ background-image:url(../images/portfolio/TajMahal-on.gif); }
.businessBuildersClub #portfolioList li.businessBuildersClub a{ background-image:url(../images/portfolio/BusinessBuildersClub-on.gif); }


#portfolioList li.leonardsleeGardens a{ background-image:url(../images/portfolio/LeonardsleeGardens-off.gif); }
#portfolioList li.leonardsleeGardens a:hover{ background-image:url(../images/portfolio/LeonardsleeGardens-on.gif); }

#portfolioList li.horshamCouncil a{ background-image:url(../images/portfolio/HorshamCouncil-off.gif); }
#portfolioList li.horshamCouncil a:hover{ background-image:url(../images/portfolio/HorshamCouncil-on.gif); }

#portfolioList li.angliaFrieght a{ background-image:url(../images/portfolio/AngliaFreight-off.gif); }
#portfolioList li.angliaFrieght a:hover{ background-image:url(../images/portfolio/AngliaFreight-on.gif); }

#portfolioList li.tajMahal a{ background-image:url(../images/portfolio/TajMahal-off.gif); }
#portfolioList li.tajMahal a:hover{ background-image:url(../images/portfolio/TajMahal-on.gif); }

#portfolioList li.businessBuildersClub a{ background-image:url(../images/portfolio/BusinessBuildersClub-off.gif); }
#portfolioList li.businessBuildersClub a:hover{ background-image:url(../images/portfolio/BusinessBuildersClub-on.gif); }

.imageArea{
	width:500px;
	padding: 15px 0 0 0;
}

.imageArea .leftImage{
	float:left;
	padding-right:69px;
}

.imageArea .rightImage{
	float:left;
	padding-bottom:25px;
}

/* End of Portfolio Page Styles */


/* Contact Us */

#pageContactUs #rightContentColumn ul{
	list-style:none;
	padding: 0 0 0 20px;
}

#pageContactUs #rightContentColumn ul li{
	color:#FFFFFF;
}

#pageContactUs #rightContentColumn ul li{
	font-size:1.1em;
}

/* End of Contact Us */