/*[fmt]AA90-1A0A-3*/
/*
*  Copyright 2007/2008, Jamiedia Ltd., http://www.jamiedia.co.uk
*
*  This file may not be used or (re)distributed for any other
*  purposes than a commercial deployment by Jamiedia of a system
*  based on the Jamiedia CMS. No modifications may be made to
*  this file by anyone, except for individuals working for Jamiedia Ltd.
*
*  File description: Main screen stylesheet

Default styles*/
*
{
	padding: 0;
	margin: 0;
}
html
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
}
body
{
	background-color: #818285;
}
input
{
	font-family: sans-serif;
	font-size: 10pt;
}
img
{
	border: none;
}
a
{
	color: #EC511E;
	text-decoration: none;
}
ul#our-work a
{
	color: #FFF;
	display: block;
	height: 150px;
	width: 210px;
}
ul#our-work a:hover
{
	border: 2px solid #FE6500;
	text-decoration: none;
	width: 206px;
	height: 150px;
}
#our-work a span
{
	font-size: 0em;
	display: none;
}
ul#our-work li
{
	position: relative;
	display: block;
	float: left;
	width: 210px;
	height: 154px;
	background-repeat: no-repeat;
	background-color: #FF6600;
}
li.photography
{
	background-image: url(port-6.jpg);
	margin-top: 9px;
}
li.consultancy
{
	background-image: url(port-5.jpg);
	margin-right: 9px;
	margin-top: 9px;
}
li.websites
{
	background-image: url(port-4.jpg);
	margin-right: 9px;
	margin-top: 9px;
}
li.signage
{
	background-image: url(port-3.jpg);
	/*[empty]margin-top:;*/
}
li.print
{
	background-image: url(port-2.jpg);
	margin-right: 9px;
}
li.branding
{
	background-image: url(port-1.jpg);
	margin-right: 9px;
}
a:hover
{
	text-decoration: underline;
}
.clear
{
	clear: both;
}
.bold
{
	font-weight: bold;
}
.block
{
	display: block;
}
iframe
{
	border: none;
}
/*Container*/
#container
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 980px;
	height: 595px;
	margin: -297px 0 0 -490px;
	background-color: #FFFFFF;
	overflow: hidden;
}
#container h2
{
	width: 980px;
	height: 116px;
}
#container h2 a
{
	display: block;
	background: url(hd-logo.png) no-repeat top right;
	width: 384px;
	height: 70px;
	float: right;
}
#container h2 a span
{
	display: none;
}
/*Navigation*/
#navigation
{
	position: relative;
	list-style-type: none;
	background-color: #818285;
	height: 30px;
	padding-left: 15px;
	float: none;
}
#navigation ul li a
{
	#height: 1%;
}
#navigation ul li
{
	width: 200px;
	display: inline;
}
#navigation li
{
	display: block;
	float: left;
	min-height: 1px;
}
#navigation li:hover ul
{
	display: block;
}
#navigation li a
{
	display: block;
	color: #FFFFFF;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 10.5pt;
	background-color: #818285;
	background: url(navigation-buttons-back.png) no-repeat;
}
#navigation li a span
{
	display: none;
}
#navigation li a.aboutus
{
	height: 30px;
	width: 87px;
	background-position: -15px 0px;
}
#navigation li a.aboutus:hover
{
	background-position: -15px -60px;
	height: 30px;
	width: 87px;
}
#navigation li a.aboutus-active
{
	background-position: -15px -30px;
	height: 30px;
	width: 87px;
}
#navigation li a.ourwork
{
	width: 96px;
	height: 30px;
	background-position: -105px 0px;
}
#navigation li a.ourwork:hover
{
	background-position: -105px -60px;
}
#navigation li a.ourwork-active
{
	background-position: -105px -30px;
	width: 96px;
	height: 30px;
}
#navigation li a.testimonials
{
	height: 30px;
	width: 186px;
	background-position: -200px 0px;
}
#navigation li a.testimonials:hover
{
	background-position: -200px -60px;
}
#navigation li a.testimonials-active
{
	background-position: -200px -30px;
	height: 30px;
	width: 186px;
}
#navigation li a.workwithus
{
	height: 30px;
	width: 126px;
	background-position: -385px 0px;
}
#navigation li a.workwithus:hover
{
	background-position: -385px -60px;
}
#navigation li a.workwithus-active
{
	background-position: -385px -30px;
	height: 30px;
	width: 126px;
}
#navigation li a.getintouch
{
	height: 30px;
	width: 138px;
	background-position: -513px 0px;
}
#navigation li a.getintouch:hover
{
	background-position: -513px -60px;
}
#navigation li a.getintouch-active
{
	background-position: -513px -30px;
	height: 30px;
	width: 138px;
}
#navigation ul
{
	position: absolute;
	border: 1px solid #E5E5E5;
	border-top: none;
	display: none;
	width: 184px;
	margin-left: -16px;
	z-index: 10;
}
#navigation ul li
{
	float: none;
}
#navigation ul li a
{
	border-bottom: 1px solid #9F9F9F;
	font-size: 9pt;
	text-transform: none;
	padding: 7px 13px 5px 21px;
	background: none;
	background-color: #818285;
}
#navigation ul li a:hover
{
	text-decoration: none;
	background-color: #8D8D8D;
}
/*Left*/
#left
{
	float: left;
	width: 315px;
	background-color: #FCCEB1;
	height: 479px;
	color: #231F20;
}
#left h1
{
	display: block;
	width: 315px;
	background: no-repeat top left;
}
#left h1 span
{
	display: none;
}
#left h1.home
{
	background-image: url(heading-design-solutions-for-business.png);
	height: 128px;
}
#left h1.about-us
{
	background-image: url(heading-about-us.png);
	height: 89px;
}
#left h1.how-we-work
{
	background-image: url(heading-how-we-work.png);
	height: 93px;
}
#left h1.what-makes-us-different
{
	background-image: url(heading-what-makes-us-different.png);
	height: 128px;
}
#left h1.our-experience
{
	background-image: url(heading-our-experience.png);
	height: 89px;
}
#left h1.our-work
{
	background-image: url(heading-our-work.png);
	height: 89px;
}
#left h1.branding-and-identity
{
	background-image: url(heading-branding-and-identity.png);
	height: 128px;
}
#left h1.design-for-print
{
	background-image: url(heading-design-for-print.png);
	height: 89px;
}
#left h1.web
{
	background-image: url(heading-websites.png);
	height: 89px;
}
#left h1.signage-and-display
{
	background-image: url(heading-signage-and-display.png);
	height: 128px;
}
#left h1.consultancy
{
	background-image: url(heading-consultancy.png);
	height: 89px;
}
#left h1.photography
{
	background-image: url(heading-photography.png);
	height: 91px;
}
#left h1.testimonials
{
	background-image: url(heading-what-our-clients-say.png);
	height: 128px;
}
#left h1.partnering
{
	background-image: url(heading-partnering.png);
	height: 89px;
}
#left h1.work-with-us
{
	background-image: url(heading-work-with-us.png);
	height: 89px;
}
#left h1.get-in-touch
{
	background-image: url(heading-get-in-touch.png);
	height: 89px;
}
#left h1.how-to-find-us
{
	background-image: url(heading-how-to-find-us.png);
	height: 89px;
}
#left h1.brochure
{
	background-image: url(heading-brochure.png);
	height: 89px;
}
#left h1.empty
{
	background-image: url(heading-empty.png);
	height: 89px;
}
#left p
{
	padding: 0px 25px 0px 28px;
	margin: 14px 0px;
	letter-spacing: -1px;
	font-size: 9pt;
	line-height: 132%;
}
#left p a
{
	color: #231F20;
	text-decoration: underline;
}
#left p.lead
{
	font-size: 10.5pt;
}
#left p.address
{
	line-height: 140%;
}
#left p.copyright
{
	margin-top: 116px;
}
#left ul.splitlist
{
	list-style-type: none;
	height: 23px;
	padding-left: 28px;
	margin-top: 40px;
}
#left ul.splitlist li
{
	display: block;
	width: 140px;
	float: left;
	font-size: 9pt;
	letter-spacing: -1px;
	padding: 1px 0px;
}
/*Right*/
#right
{
	float: right;
	width: 648px;
	height: 349px;
	overflow: hidden;
}
#right h1
{
	font-size: 27pt;
	font-weight: normal;
	color: #F06428;
	margin: 10px 0px 20px;
}
#right p
{
	margin: 10px 30px 10px 0px;
}
/*Our work page*/
div.slider
{
	background: #E7E8E9 url(ajax-loader.gif) no-repeat center;
	height: 126px;
}
div.slider a.arrow
{
	display: block;
	width: 30px;
	height: 126px;
	background: url(slider-arrows.png) no-repeat;
}
div.slider a.arrow span
{
	display: none;
}
div.slider a.left
{
	background-position: 9px center;
	float: left;
}
div.slider a.right
{
	background-position: -38px center;
	float: right;
}
div.slider div.images
{
	height: 112px;
	width: 588px;
	float: left;
	background-color: #E7E8E9;
	overflow: hidden;
	display: none;
}
div.slider div.images ul
{
	padding-top: 16px;
	display: block;
	height: 104px;
}
div.slider div.images li
{
	display: block;
	float: left;
	margin-right: 6px;
	border: 3px solid #E7E8E9;
}
div.slider div.images li img
{
	border: 3px solid #E7E8E9;
}
div.slider div.images li.active img
{
	border: 3px solid #F26426;
}
div.big-slider
{
	height: 319px;
	background: #E7E8E9 url(ajax-loader.gif) no-repeat center;
}
div.big-slider div.images
{
	width: 649px;
	height: 319px;
	float: left;
	background-color: #E7E8E9;
	overflow: hidden;
	display: none;
}
div.big-slider div.images ul
{
	padding: 0px;
	display: block;
}
div.big-slider div.images li
{
	width: 649px;
	height: 319px;
	text-align: left;
	padding: 0px;
	border: none;
	display: block;
	float: left;
}
#left p.backlink a
{
	text-decoration: none;
	color: #F26426;
	font-size: 9pt;
}
#left p.backlink a:hover
{
	text-decoration: underline;
}
/*Testimonials*/
#testimonials
{
	width: 649px;
	height: 319px;
	overflow: hidden;
}
#testimonials ul li
{
	display: block;
	width: 594px;
	padding-left: 55px;
	padding-top: 44px;
	height: 275px;
	background: url(quote-open.png) no-repeat 0px 15px;
	float: left;
}
#testimonials li div.testimonial
{
	font-size: 10.5pt;
	padding-right: 75px;
	color: #231F20;
	line-height: 138%;
}
#testimonials li p.name
{
	color: #F06428;
	font-size: 10.5pt;
	font-weight: bold;
	margin-top: 27px;
}
#testimonials li div.testimonial img
{
	vertical-align: middle;
	margin: 0px 0px -24px;
}
/*Right footer*/
#right-footer
{
	position: absolute;
	right: 0;
	bottom: 0;
	border-left: 1px solid #F26426;
	border-top: 1px solid #F26426;
	padding: 13px 0px 0px 16px;
	width: 631px;
	height: 100px;
	letter-spacing: -1px;
	overflow: hidden;
}
#image-description
{
	width: 310px;
	letter-spacing: -1px;
}
#image-description h4
{
	font-size: 10pt;
	font-weight: bold;
	margin: 0px 0px 5px;
}
#item-navigation
{
	position: absolute;
	top: 0px;
	right: 30px;
}
#item-navigation ul
{
	list-style-type: none;
}
#item-navigation ul li
{
	float: left;
}
#item-navigation ul li a
{
	display: block;
	width: 16px;
	height: 15px;
	padding-top: 1px;
	margin-left: 8px;
	background-color: #F06428;
	color: white;
	text-align: center;
	font-size: 8pt;
}
#item-navigation ul li a:hover
{
	text-decoration: none;
}
#item-navigation ul li a.active
{
	background-color: white;
	border-left: 1px solid #F06428;
	border-right: 1px solid #F06428;
	border-bottom: 1px solid #F06428;
	width: 14px;
	height: 14px;
	/*[disabled]#height:13px;*/
	color: #F06428;
}
p.back-to-gallery
{
	position: absolute;
	top: 22px;
	right: 30px;
}
/*News*/
#right-footer ul.news
{
	list-style-type: none;
	height: 80px;
	overflow: hidden;
}
#right-footer ul.news li
{
	float: left;
	width: 195px;
	padding-right: 15px;
}
#right-footer ul.news li a
{
	text-decoration: underline;
	color: #F6915C;
	font-size: 8.5pt;
}
#right-footer ul.news li h4
{
	display: inline;
}
#right-footer h4
{
	color: #6D6E71;
	font-size: 8.5pt;
	letter-spacing: -1px;
}
#right-footer p
{
	display: inline;
	font-size: 8.5pt;
	color: #6D6E71;
	line-height: 16px;
}
#right-footer p.terms-and-conditions
{
	font-size: 7pt;
}
#right-footer p.terms-and-conditions a
{
	color: #F6915C;
	text-decoration: none;
}
/*Overlay*/
#overlay
{
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	background-color: black;
	z-index: 10;
	opacity: 0.25;
	display: none;
	#filter: alpha(opacity=25);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
}
#overlay-container
{
	position: absolute;
	z-index: 200;
	background-color: white;
	top: 50%;
	left: 50%;
	letter-spacing: -1px;
	display: none;
}
div.overlay-normal
{
	width: 660px;
	height: 460px;
	margin-left: -330px;
	margin-top: -240px;
}
div.overlay-large
{
	width: 950px;
	height: 750px;
	margin-left: -475px;
	margin-top: -375px;
}
#overlay-container div.heading
{
	height: 30px;
	background-color: #F6915C;
	padding: 5px 10px 5px 20px;
	border-bottom: 1px solid #F26426;
}
#overlay-container div.heading h3
{
	color: #FFFFFF;
	font-size: 16pt;
	font-weight: normal;
	letter-spacing: -1px;
}
#overlay-container div.heading a.close-link
{
	color: white;
	position: absolute;
	top: 10px;
	right: 15px;
}
div.overlay-normal div.content
{
	height: 379px;
	overflow: auto;
	padding: 20px;
}
div.overlay-large div.content
{
	height: 685px;
	overflow: auto;
	padding: 10px;
}
#overlay-container div.loader
{
	background: url(ajax-loader2.gif) no-repeat center;
}
#overlay-container h2
{
	color: #F26426;
	font-size: 14pt;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 5px;
	padding-top: 10px;
	margin-bottom: 5px;
}
#overlay-container p
{
	margin: 15px 0px;
}
#overlay-container ol
{
	padding: 0px 0px 0px 20px;
}
#overlay-container ol li
{
	padding: 5px 0px;
}
#overlay-container a.close-link
{
}
div.large
{
	width: 800px;
}
/*Footer*/
#footer
{
	color: #FCCEB1;
	font-size: 8.5pt;
	letter-spacing: -1px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 305px 0px 0px -490px;
	width: 980px;
	height: 40px;
	text-align: right;
}
#footer span
{
	color: #F4A87D;
}
#footer address
{
	font-style: normal;
}
#footer a
{
	color: #FCCEB1;
}
#flash
{
	z-index: 50;
}