/***
Author:			Andrei Vais
Filename:		page.css
Date:			19/11/2008
Description:	Styling for general content page
***/

div#page div#main
{
	/*border-bottom: 1px solid green;*/
	background-color: #FFFFFF;
	border-right: 8px solid #EAEAEA;
	float: left;
	width: 75%;
}

/* Masthead image */
div#page div#pagemasthead
{
	background-color: #FFCC00;
	border-bottom: 8px solid #EAEAEA;
	display: inline;
	float: left;
	min-height: 80px;
	padding: 1% 2%;
	width: 96%;
}

div#page h2
{
	float: left;
	font-size: 180%;
	font-weight: normal;
	line-height: 140%;
	text-transform: uppercase;
	width: auto;
}

div#page div#main ul, div#page div#main ol, div#page div#main li ol
{
	display: inline;
	float: left;
	list-style: square;
	list-style-image: url('../images/darkgreyarrow.gif');
	margin: 0 5% 15px 3%;
	width: 92%;
}

div#page div#main ol, div#page div#main li ol
{
	display: inline;
	list-style: decimal;
	margin-left: 5%;
}

div#pagecontent a img, div#pagecontent img
{
	float: left;
	margin: 3% 0 3% 4%;
	padding: 1%;
	border: 1px solid #EAEAEA;
}

div#pagecontent a:hover img
{
	border-color: #999999;
}

div#page p
{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

div#page div#secondaryNav
{
	border-right: 8px solid #EAEAEA;
	clear: left;
	float: left;
	margin-right: -8px;
	padding: 24px 0 4px 0;
	width: 33%;
}

div#page div#secondaryNav ul
{
	display: inline;
	float: right;
	margin: 0 5% 15px 0;
	width: 85%;
}

div#page div#secondaryNav ul li
{
	float: left;
	margin-bottom: 4%;
	width: 100%;
}

div#page div#secondaryNav ul li .currentPage
{
	font-weight: bold;
	text-decoration: none;
}

div#page div#secondaryNav ul#projectLinks
{
	border: 1px solid #EAEAEA;
	list-style: none;
	margin-top: 20px;
	padding: 3px;
}

div#page div#secondaryNav ul#projectLinks li
{
	margin-bottom: 2px;
}

div#page div#secondaryNav ul#projectLinks li a
{
	background: #EAEAEA url(../images/arrow1.gif) no-repeat scroll 97% 55%;
	display: inline;
	float: left;
	margin: 3px 0 0 1%;
	padding: 5px 7% 5px 2%;
	width: 89%;
}

div#page div#secondaryNav ul#projectLinks li a:hover
{
	background: #666666 url(../images/arrow1_hover.gif) no-repeat scroll 97% 55%;
	color: #FFFFFF;
}

div#page div#secondaryNav ul#projectLinks li a img
{
	border: 0;
	float: left;
	margin: 0 5px 0 0;
}

div#pagecontent
{
	display: inline;
	float: left;
	padding: 2% 3% 2% 5%;
	min-height: 340px;
	width: 91%;
}

div#pagecontent.adjustPageContentWidth
{
	border-left: 8px solid #EAEAEA;
	width: 56%;
}

div#pagecontent dt, div#pagecontent h3
{
	float: left;
	font-family: "Helvetica-Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
	margin: 15px 0 5px 0;
	width: 100%;
}

div#pagecontent dd
{
	float: left;
	margin-bottom: 8px;
	width: 100%;
}


/** News section **/
#main #pagecontent ul.newsheadlines
{	
	float: left;
	margin: 0;
	margin-bottom: 25px;
	min-height: 180px;
	width: 48%;
}

#main #pagecontent ul.newsheadlines li
{	
	float: left;
	list-style: none;
	margin-bottom: 5px;
	width: 73%;
}

#main #pagecontent ul.newsheadlines li a
{	
	float: left;
	font-weight: bold;
	line-height: 140%;
	margin-bottom: 10px;
	width: 100%;
}

#main #pagecontent ul.newsheadlines li.image
{	
	width: 26%;
}

#main #pagecontent ul.newsheadlines li.image a
{	
	font-weight: normal;
	margin-bottom: 0;
}

#main #pagecontent ul.leftColumnMargin
{
	display: inline;
	margin-right: 4%;
}


/*	News Page	*/
/*	use q tag for quotation rather than blockquote as IE doesn't want to wrap text round a blockquote	*/
#pagecontent q
{
	background: url('../images/topquotes.gif') no-repeat 5% 10%;
	border: 1px solid #EAEAEA;
	float: right;
	margin: 0 0 5px 3%;
	max-width: 200px;
	padding: 10px 2% 10px 6%;
	width: 48%;
}

#pagecontent q strong
{
	background:  url('../images/bottomquotes.gif') no-repeat 100% 100%;
	clear: none;
	display: inline;
	float: left;
	font-size: 85%;
	font-weight: bold;
	line-height: 140%;
	padding-right: 5%;
	padding-bottom: 2px;
	width: auto;
}

div#pagecontent #CaseStudy
{
	border: 1px solid #EAEAEA;
	display: inline;
	float: right;
	margin: 0 0 5px 3%;
	max-width: 235px;
	padding: 3px;
	width: 58%;
}

div#pagecontent #CaseStudy img
{
	border: 0;
	display: inline;
	float: left;
	margin: 0;
	max-width: 225px;
	width: 100%;
}

div#pagecontent #CaseStudy .span
{
	display: inline;
	float: left;
	margin: 0 0 5px 1%;
	width: 100%;
}

div#pagecontent #CaseStudy span a
{
	background: #EAEAEA url('../images/arrow1.gif') no-repeat 97% 55%;
	display: inline;
	float: left;
	margin: 3px 0 0 1%;
	padding: 5px 5% 5px 2%;
	width: 91%;
}

div#pagecontent #CaseStudy span a:hover
{
	background: #666666 url('../images/arrow1_hover.gif') no-repeat 97% 55%;
	color: #FFFFFF;
}

div#pagecontent #CaseStudy span img
{
	margin-right: 5px;
	width: auto;
}


/** Accessibility page additional styles **/
dl#ukstandardaccesskeys,  dl#additionalaccesskeys,  dl#activateaccesskeys
{
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

dl#ukstandardaccesskeys dt,  dl#additionalaccesskeys dt,  dl#activateaccesskeys dt
{
	font-weight: bold;
	margin: 0;
	padding: 3px 12px 3px 0;
	text-align: right;
	width: 29%;
}

dl#ukstandardaccesskeys dd,  dl#additionalaccesskeys dd,  dl#activateaccesskeys dd
{
	margin-bottom: 0;
	padding: 2px 0;
	width: 62%;
}


/** Background Images **/
#majestic #page
{
	background-repeat: no-repeat;
	background-position: top right;
}

#majestic .company
{
	background-image: url('../images/glassbuilding2.jpg');
}

#majestic .environment
{
	background-image: url('../images/recyclingbin.jpg');
}

#majestic .ethics
{
	background-image: url('../images/businessman.jpg');
}

#majestic .services
{
	background-image: url('../images/keyboardhelpbutton2.jpg');
}

#majestic .accessibility
{
	background-image: url('../images/whitewheelchairsysmbolbluetarmac.jpg');
}

#majestic .application
{
	background-image: url('../images/scriptprintout2.jpg');
}

#majestic .consultancy
{
	background-image: url('../images/hedgemaize2.jpg');
}

#majestic .design
{
	background-image: url('../images/pencils2.jpg');
}

#majestic .marketing
{
	background-image: url('../images/bigsale3.jpg');
}

#majestic .hosting
{
	background-image: url('../images/servertower2.jpg');
}

#majestic .testing
{
	background-image: url('../images/bugonpage2.jpg');
}

#majestic .partners
{
	background-image: url('../images/partnership4.jpg');
	background-position: top left;
}

#majestic .clients
{
	background-image: url('../images/partnership4.jpg');
	background-position: top left;
}

#majestic .careers
{
	background-image: url('../images/cv_strengths2.jpg');
}

#majestic .news
{
	background-image: url('../images/newsStack.jpg');
}

#majestic .smallprint
{
	background-image: url('../images/fineprint2.jpg');
}

#majestic .planningprocess
{
	background-image: url('../images/planningprocess.jpg');
}


/** Background for Case Studies **/
#majestic .project_azmap
{
	background-color: #EAEAEA;
	background-image: url('../images/casestudies/az_banner.jpg');
}

#majestic .project_burmatex
{
	background-color: #EAEAEA;
	background-image: url('../images/casestudies/burmatex_banner.jpg');
}

#majestic .project_nisatodaydeals
{
	background-color: #EAEAEA;
	background-image: url('../images/casestudies/nisatodaydeals_banner.jpg');
}

#majestic .project_nisatodaysmessaging
{
	background-color: #EAEAEA;
	background-image: url('../images/casestudies/nisatodaysmessaging_banner.jpg');
}

#majestic .project_nisatodaysmembers
{
	background-color: #EAEAEA;
	background-image: url('../images/casestudies/nisatodaysmembers_banner.jpg');
}

#majestic .project_ryalux
{
	background-color: #EAEAEA;
	background-image: url('../images/casestudies/ryalux_banner.jpg');
}

#majestic .project_seetickets
{
	background-color: #EAEAEA;
	background-image: url('../images/casestudies/seetickets_banner.jpg');
}

#majestic .project_sirdar
{
	background-color: #EAEAEA;
	background-image: url('../images/casestudies/sirdar_banner.jpg');
}

#majestic .project_teknispex
{
	background-color: #EAEAEA;
	background-image: url('../images/casestudies/teknispex_banner.jpg');
}

#page #Screenshots
{
	background: #EAEAEA;
	border-top: 8px solid #EAEAEA;
	float: left;
	margin-top: 96px;
	width: 23.9%;
}

#page #Screenshots li
{
	/*background: #FFFFFF url('../images/casestudies/loadingscreenshot.gif') no-repeat center center;*/
	float: left;
	margin: 0 0 16px 0;
	padding: 0;
	width: 100%;
}

#page #Screenshots li img
{
	float: left;
	margin: 0;
	max-width: 268px;
	padding: 0;
	width: 100%;
}