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

.lvl0 {z-index: 0;}
.lvl1 {z-index: 100;}
.lvl2 {z-index: 200;}
.lvl3 {z-index: 300;}
.lvl4 {z-index: 400;}
.lvl5 {z-index: 500;}
.lvl6 {z-index: 600;}

body
{
	background-color: #000000;
	font-family: 'HelveticaNeue', 'Helvetica Neue', Arial, sans-serif;
}

#OuterDiv
{
	display: block;
	width: 998px;
	position: relative;
	margin: auto;
}

/* ******************** navigation ******************** */
.NavLink
{
	display: block;
	width: 103px;
	height: 22px;
	position: absolute;
	top: 71px;
	text-align: center;
	padding-top: 4px;
	background-color: #9F1328;
}

.NavLink a
{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
}

#HomeLink {left: 27px;}
#Home #HomeLink {height: 26px; background-image: url(../images/navigation/homelink.jpg); font-weight: bold;}
#AboutUsLink {left: 139px;}
#AboutUs #AboutUsLink, .Service #AboutUsLink {height: 26px; background-image: url(../images/navigation/aboutuslink.jpg); font-weight: bold;}
#PortfolioLink {left: 251px;}
#Portfolio #PortfolioLink, .Client  #PortfolioLink {height: 26px; background-image: url(../images/navigation/portfoliolink.jpg); font-weight: bold;}
#NewsLinksLink {left: 363px;}
#NewsLinks #NewsLinksLink, .NewsFeed #NewsLinksLink {height: 26px; background-image: url(../images/navigation/newslinkslink.jpg); font-weight: bold;}
#ContactLink {left: 475px;}
#Contact #ContactLink {height: 26px; background-image: url(../images/navigation/contactlink.jpg); font-weight: bold;}


/* ******************** logo ******************** */
#LogoDiv
{
	display: block;
	width: 280px;
	height: 134px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#LogoDiv a img {border: none;}

/* ******************** content ******************** */
#Background
{
	display: block;
	width: 998px;
	height: 597px;
	position: absolute;
	left: 0px;
	top: 100px;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
}

#PageContentBg
{
	display: block;
	width: 950px;
	height: 557px;
	position: absolute;
	left: 24px;
	top: 120px;
	background-color: #FFFFFF;
	
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#PageContent
{
	display: block;
	width: 950px;
	height: 557px;
	position: absolute;
	left: 24px;
	top: 120px;
}

/* ******************** footer ******************** */
#Footer
{
	display: block;
	width: 998px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 698px;
}

.FooterLink
{
	position: absolute;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.FooterLink:hover {color: #9F1328;}

#SitemapLink {left: 20px;}
#PrivacyLink {left: 80px;}
#TermsLink {left: 165px;}
#MailtoLink {right: 20px;}

/* ******************** side links ******************** */
#SideLinks
{
	position: absolute;
	left: 7px;
	top: 2px;
}

#SideLinks ul
{
	margin: 0px;
	padding: 0px;
}

#SideLinks li
{
	display: block;
	width: 180px;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	background-color: #BDBFBE;
	text-align: center;
}
#GraphicDesign #SideLinks li#GraphicDesignLink,
#GraphicDesignExamples #SideLinks li#GraphicDesignLink,
#Photography #SideLinks li#PhotographyLink,
#PhotographyExamples #SideLinks li#PhotographyLink,
#WordingPrint #SideLinks li#WordingPrintLink,
#WordingPrintExamples #SideLinks li#WordingPrintLink,
#Retouching #SideLinks li#RetouchingLink,
#RetouchingExamples #SideLinks li#RetouchingLink,
#BrandManagement #SideLinks li#BrandManagementLink,
#BrandManagementExamples #SideLinks li#BrandManagementLink,
#DonaldRussell #SideLinks li#DonaldRussellLink,
#Fanshirt #SideLinks li#FanshirtLink,
#HandelIT #SideLinks li#HandelITLink,
#HenriLorenzi #SideLinks li#HenriLorenziLink,
#OwnTheSports #SideLinks li#OwnTheSportsLink,
#PebbleIT #SideLinks li#PebbleITLink,
#Safor #SideLinks li#SaforLink,
#Saretta #SideLinks li#SarettaLink,
#WheelFreedom #SideLinks li#WheelFreedomLink,
#YorkshireGame #SideLinks li#YorkshireGameLink
{background-color: #9F1328;}

#SideLinks a
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#SideLinks a:hover {color: #9F1328;}

#GraphicDesign #SideLinks li#GraphicDesignLink a:hover,
#GraphicDesignExamples #SideLinks li#GraphicDesignLink a:hover,
#Photography #SideLinks li#PhotographyLink a:hover,
#PhotographyExamples #SideLinks li#PhotographyLink a:hover,
#WordingPrint #SideLinks li#WordingPrintLink a:hover,
#WordingPrintExamples #SideLinks li#WordingPrintLink a:hover,
#Retouching #SideLinks li#RetouchingLink a:hover,
#RetouchingExamples #SideLinks li#RetouchingLink a:hover,
#BrandManagement #SideLinks li#BrandManagementLink a:hover,
#BrandManagementExamples #SideLinks li#BrandManagementLink a:hover,
#DonaldRussell #SideLinks li#DonaldRussellLink a:hover, 
#Fanshirt #SideLinks li#FanshirtLink a:hover,
#HandelIT #SideLinks li#HandelITLink a:hover,
#HenriLorenzi #SideLinks li#HenriLorenziLink a:hover,
#OwnTheSports #SideLinks li#OwnTheSportsLink a:hover,
#PebbleIT #SideLinks li#PebbleITLink a:hover,
#Safor #SideLinks li#SaforLink a:hover,
#Saretta #SideLinks li#SarettaLink a:hover,
#WheelFreedom #SideLinks li#WheelFreedomLink a:hover,
#YorkshireGame #SideLinks li#YorkshireGameLink a:hover
{color: #FFFFFF;}


/* ******************** centeral content ******************** */
#CentralContentBg
{
	display: block;
	width: 520px;
	height: 520px;
	position: absolute;
	left: 230px;
	top: 20px;
	
	background-color: #FFFFFF;
	
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#CentralContent
{
	display: block;
	width: 500px;
	height: 500px;
	position: absolute;
	left: 240px;
	top: 30px;
}

.Service #CentralContent {height: 475px;}
.Gallery #CentralContent {height: 500px;}