/*Standard Ease starter Kit*/

/* The file below is read by ALL browsers
	but the hacks contained within it further target 
	IE6 and 7 for Windows. See file for details. */
@import url('ie6win.css');
@import url('ie7win.css');
@import url('igoshi.css');

/* -- Generic Initiation items not covered in "undothml.css" -- */
body
{
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;
	background-color: #000744;
}
h1, h2, h3, h4, h5, h6, p
{
	position: relative;
}

.reveal h1, h2, h3, h4, h5, h6, p
{
	position: static;
}

u
{
	text-decoration: none;
}
legend
{
	display: none;
}

.invisible
{
	display: none;
}
.hide
{
	position: absolute;
	top: -9999px;
}
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.clearBoth
{
	clear: both;
}
/*	Clearfix method for floated elements	*/
.clearFix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*	IE7 hack */
.clearFix
{
	display: inline-block;
}
.clearFix
{
	display: block;
}
/*	Clear floats on a background */
.theBreaker
{
	height: 0.005em;
	clear: both;
	overflow: hidden;
}
/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{
	position: relative;
	margin: 0px;
	padding: 0px; /* hide overflow:hidden from IE5/Mac */ /* \*/
	overflow: hidden; /* */
}
.replace span
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1; /*for Opera 5 and 6*/
}
/*Example HTML - all elements that require replacement use the .replace class then
set the rule for the specific image and dimensions and associate with the elements ID.

<h1 id="myh1" class="replace" >Headline<span></span></h1> 

the add the CSS:
#myh1, #myh1 span
{ 
	width:300px;
	height:100px; 
	background-image: url(head.png); 
} 
*/
/* begin normal CCS for Firefox */

a:hover, a:focus
{
	outline: 0;
}

#branding p a
{
	color: #fff;
	text-decoration: none;
}
#content a, #breadcrumb a
{
	color: #640000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #E5CFCF;
}
#content a:hover, #content a:focus, #breadcrumb a:hover, #breadcrumb a:focus
{
	background-color: #640000;
	color: #ffffff;
}

#content .promoBox a
{
    color: #fff;
}

/*Basic typography*/
#pageFlash #container #transcript p, #content p, #content li, .genericForm, h4
{
	font-size: 1.4em;
}

#pageFlash #container #transcript p, #content p, #content ul, #content ol
{
	margin: 1.5em 0 1.5em 0;
}

h1
{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 3.0em;
	color: #fff;
	word-spacing: -0.05em;
}
h2, h3
{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	background-image: url(../../images/icons/iconFleur.gif);
	background-repeat: no-repeat;
	background-position: left;
	color:  #000744;
	padding-left: 45px;
}
h2
{
	font-size: 2.8em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
h3
{
	font-size: 2.0em;
	padding-top: 0.6em;
	padding-bottom: 0.5em;
}



h4
{
	padding-top: 1.0em;
	color:  #000744;
	font-size: 1.95em;
	clear: both;
}

h5
{
	padding-top: 1.0em;
	font-size: 1.6em;
	margin-bottom: -1.0em;
	clear: both;
	font-weight: bold;
}

blockquote
{
	padding: 2em 0 2em 2em;
	font-size: 1.8em;
	margin: 2em 0 2em 5em;
	text-align: right;
	color: #8D8E8F;
}

.transcript blockquote
{
	padding: 0;
	padding-left: 1em;
	margin: inherit;
	font-size: inherit;
	text-align: inherit;
	color: inherit;
	border-left: 1px solid #cccccc;
}


#primaryContent .leadItem p
{
	font-size: 2.2em;
	margin: 1.0em 0 0.5em 0;
	line-height: 1.2;
}

#primaryContent p, #extra p
{
	line-height: 1.5;
}

#primaryContent p.leadParagraph
{
	font-size: 1.75em;
	font-family: Arial, Verdana, sans-serif;
}

ol.genericList
{list-style-type:decimal;
list-style-position: inside;
margin-left: 2em;
}

ol.iconList
{
	list-style-type: decimal;
	list-style-position: outside;
}

ol.iconList li
{
	background-image: none;
	padding-left: 0;
}

.iconList li,
#pageBlog #extra li li
{
	margin-bottom: 0.4em;
	background-image: url(../../images/icons/iconFinger.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 20px;
}

.reveal .iconList
{
	padding-top: 1.5em;
}

a.iconLink
{
	background-image: url(../../images/icons/iconFinger.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.4em;
}

a.iconLink:hover
{
	background-image: url(../../images/icons/iconFingerOn.gif);
}

#extra .iconList
{
}
/*primary navigation*/
#primaryNavigation
{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	display: block;
	clear: both;
	position: absolute;
	bottom: 0.65em;
	left: 23.5714em;
	/*height: 2.2em;*/
	width: auto;

}
#primaryNavigation li
{
	float: left;
	font-size: 1.5em;
	margin-right: 0.3em;
}

#primaryNavigation li ul.child
{
	font-size: 0.5em;
	position: absolute;
	bottom: -1.4em;
}

#primaryNavigation li ul.child li
{
	margin: 0;
	padding: 0;
}

#primaryNavigation a
{
	padding: 0.4em 1.0em 0.5em 1.0em;
	font-size: 0.9em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;

	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em; /*non-standard*/
	-moz-border-radius-topleft: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	background-color:#05245B;
}

#primaryNavigation ul.child a
{
	padding: 0;
	margin: 0;
	-moz-border-radius: 0;
}

.sectionHome #navHome a, .sectionShowreel #navShowreel a, #pageShowreel #navShowreel a, .sectionBlog #navBlog a, .sectionServices #navServices a, .sectionAboutUs #navAboutUs a, #primaryNavigation a:hover, #primaryNavigation a:focus, #primaryNavigation a:active
{
	background-color: #ffffff;
	color:  #000744;
	outline: 0;
}
/*image replacement*/
#aRss, #aRss span
{
	width: 28px;
	height: 28px;
	background-image: url(../../images/icons/iconRss.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
#aRss
{
	position: absolute;
	bottom: -4.2em;
	right: 3em;
}
#breadcrumb
{
	display: block;
	position: absolute;
	bottom: -4em;
	left: 23.5714em;
}
#breadcrumb li
{
	display: inline;
	background-image: url(../../images/icons/iconBreadcrumbDivider.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 0.7em;
}
#breadcrumb li.last, #breadcrumb li.first
{
	background-image: none;
}
#breadcrumb li a
{
	font-weight: bold;
	text-decoration: none;
	margin-right: 1.2em;
}
#breadcrumb li.first
{
	padding-right: 0;
}
#skipLink
{
	margin-bottom: 1.5em;
}

#skipLink a:hover, #skipLink a:focus, #skipLink a:active
{
	background-color: #ffffff;
	color:  #000744;
	outline: 0;
}
.genericForm label
{
	display: block;
	margin-bottom: 0.3em;
}
.genericForm input, .genericForm textarea
{
	width: 100%;
	margin-bottom: 1em;
	padding: 0.2em;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	border: 1px solid #aaa;
}

.genericForm .genericErrorHeading, #content .genericForm .genericErrors li
{
	font-size: 1.0em;
	margin-bottom: 0.4em;
}

#content .genericForm p.thanks
{
	font-size: 1.0em;
	font-weight: bold;
}

.genericForm input:focus, .genericForm textarea:focus, .genericForm input:hover, .genericForm textarea:hover
{
	border: 1px solid  #000744;
}

.genericForm textarea
{
	height: 10em;
}


.genericForm fieldset
{
	width: 95%;
	border: 0 none;
}
.genericForm .genericButton
{
	width: auto;
	background-color:  #000744;
	color: #ffffff;
	padding: 0.2em 0.6em 0.2em 0.6em;
	border: 1px solid  #000744;
	cursor: pointer;
	
}

.genericForm .genericButton:hover, .genericForm .genericButton:focus, .genericForm .genericButton:active
{
	color:  #000744;
	background-color: #ffffff;
	border: 1px solid  #000744;
}
.genericErrors, .genericErrorHeading
{
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 1.5em;
	color: #640000;
}

.genericErrorHeading
{
	color:  #000744;
}
/*basic layout*/
#content .genericItem
{
	float: left;
	margin-bottom: 1.5em; /*width: 28em;*/
	width: 45%; /*margin-right: 2em;*/
	margin-right: 8%;
}
#content .last.genericItem, #content #extra .genericItem
{
	margin-right: 0;
}
#content .leadItem, #content .post, #content .large
{
	width: 100%;
	margin-right: 0;
}
#content .genericItem img
{
	float: left;
	margin: 0 1em 1em 0;
	padding: 10px;
	border: 1px solid #DDDDDD;
}
#brandingItem
{
	float: left;
	margin-left: 23.5714em;
	display: inline;
	clear: both;
	margin-top: 80px;
}
#container
{
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto; /*width: 96em;*/
	text-align: left;
	max-width: 100%;
}
#branding
{
	background-color:  #000744; 
	padding: 2em 2em 2em 0;
	height: 18em;
	position: relative;
	font-size: 1.4em;
	
}

#branding #logo
{
	position: absolute;
	left: 0;
	top: 0;
}
#branding #logo img
{
	width: 23.285em;
	height: 31.071em;
}
#content
{
	padding: 3em;
	margin-top: 9em;
	color: #111;
}
#content *
{
	float: left;
}
#content * *
{
	float: none;
}
#flexible
{
	width: 30em;
	margin-right: 1em;
}
#primaryContent
{
	/*width: 59em;*/
	width: 62.5%; /*margin-right: 2em;*/
	margin-right: 5%;
}
#extra
{
	/*width: 26.9em;*/
	width: 30%; /*padding:0 0 0 2em;*/
	padding: 0 0 0 2%;
	border-left: 1px solid #cccccc;
	margin-bottom:3em;
}

#extra .genericItem
{
	/*width: 26.9em;*/
	width: 100%;
}

#siteInformation
{
	background-color:  #000744;
	clear: both;
	padding: 2em;
	color: #ffffff;
	font-size: 1.4em;
	text-align: left;
	position: relative;
	
}

#siteInformation ul, #siteInformation p
{
	margin-bottom: 1.5em;
}

#siteInformation ul li
{
	display: inline;
	padding-right: 1em;
	padding-left: 0.9em;
	border-right: 0.1em solid #fff;
}
#siteInformation ul li.first
{
	padding-left: 0;
}

#siteInformation ul li.last
{
	border-right: 0 none;
}

#siteInformation ul li a
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#siteInformation ul li a:focus, #siteInformation ul li a:hover
{
	color:  #000744;
	background-color: #fff;
}

#siteInformation #companyRegistration
{
	margin-bottom: 0;
}

#siteInformation .tel
{
	font-weight: bold;
}

#content .iconFleuron
{
	background-image: url(../../images/icons/iconsFleuron.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 40px;
	color: #ffffff;
	background-color: #ffffff;
	clear: both;
	width: 100%;
	border: 0 none;
	margin: 1.5em 0 1.5em 0;
}

#pageHome #primaryContent .iconFleuron
{
	margin-bottom: 2em;
}

/*blog specific*/
#pageBlog #extra li h2
{
	/* 	 	min-height:40px; 	line-height: 40px; 	*/
	padding-left: 0;
	background-image: none;
	font-size: 1.4em;
}

#pageBlog .blogImage
{
	float: left;
	margin:0 1em 1em 0;
	padding: 10px;
	border: 1px solid #DDDDDD;
}


#pageBlog #primaryContent h3
{
	background-image: none;
	padding-left: 0;
	padding-bottom: 0;
}



#pageBlog #extra li li, #pageBlog #extra li p
{
	font-size: 1.0em;
}

#pageBlog .commentlist p
{
	font-size: 1.0em;
}


#pageBlog #extra .genericForm
{
	font-size: 1.0em;
}

#pageBlog #extra #searchform input
{
	display: inline;
}

#pageBlog .genericForm, #pageBlog #extra .iconFleuron
{
	width: 62.5%;
}

#pageBlog .date
{
	color:  #000744;
	font-weight: bold;
	margin-top: 0;
}

#pageBlog p.author
{
	margin-bottom: 0;
	margin-top: 0;
	font-size: 1.8em;
}

#pageBlog .post
{
	margin-bottom: 5em;
}

#pageBlog .post, #pageBlog .commentlist, #pageBlog #commentform
{
	
}

#pageBlog .post h2
{
	
}

#pageBlog .postmetadata
{
	background-color: #F5F5F5;
	padding: 1em;
	font-size: 1.2em;
	clear:both;
}


#pageBlog .postNavigation
{
	clear: both;
}

#pageBlog .postNavigation li.previous
{
	float: left;
	background-image: url(../../images/icons/iconLeft.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	width: auto;
}

#pageBlog .postNavigation li.next
{
	float: right;
	background-image: url(../../images/icons/iconRight.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
	width: auto;
}

#pageBlog blockquote
{
	padding: 0;
}


/*funky lightbox showreel*/

#funkyShowreel
{
	background-color: pink;
}

#funkyShowreel li
{
	float: left;
	margin-right: 1%;
	display: inline;
	width: 18%;
	height: 75px;
}

#funkyShowreel li a
{
	display: block;
	cursor: pointer;
	border: 2px solid #eee;
}

#funkyShowreel li a:hover, #funkyShowreel li a:focus
{
	border: 2px solid #000744;
}

#funky00, #funky00 span
{
	width: 100%;
	height: 100%;
	background-image: url(../../images/pageSpecific/index/flexibleDesign.jpg);
}
#funky01, #funky01 span
{
	width: 100%;
	height: 100%;
	background-image: url(../../images/pageSpecific/index/codingStandards.jpg);
}
#funky02, #funky02 span
{
	width: 100%;
	height: 100%;
	background-image: url(../../images/pageSpecific/index/lynx.jpg);
}
#funky03, #funky03 span
{
	width: 100%;
	height: 100%;
	background-image: url(../../images/pageSpecific/index/screenReader.jpg);
}
#funky04, #funky04 span
{
	width: 100%;
	height: 100%;
	background-image: url(../../images/dummy/dummy05.jpg);
}




/*flash showreel page*/

.presentationContainer
{
	text-align: center;
	padding: 0;
}

/*services pages*/

.sectionServices #content #extra .genericItem, .sectionSiteInformation #content #extra .genericItem, .sectionShowreel #content #extra .genericItem
{
	/*width: 26.9em;*/
	width: 100%;
}
.sectionServices #content #primaryContent .leadItem, .sectionSiteInformation #content #primaryContent .leadItem, .sectionShowrell #content #primaryContent .leadItem
{
	width: 100%;
}

.sectionServices #content .genericItem, .sectionSiteInformation #content .genericItem, .sectionShowreel #content .genericItem
{
	width: 30%;
}

.sectionServices #content .large, .sectionShowreel #content .large
{
	width: 100%;
}

.sectionServices #content .last, .sectionSiteInformation #content .last, .sectionShowreel #content .last
{
	width: 60%;
}

.reveal
{
	width: 100%;
}

.bold
{
	font-weight: bold;
}

.vcard
{
	margin-bottom: 1.5em;
}

.org
{
	font-weight: bold;
}

/*creative commons*/
#creativeCommons
{
	position: absolute;
	bottom: 2em;
	right: 2em;
}

#creativeCommons a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#creativeCommons a:focus, #creativeCommons a:hover
{
	color:  #000744;
	background-color: #fff;
}

/*project questionnaire form*/

#questionnaireForm label span
{
	font-weight: bold;
}
#questionnaireForm legend
{
	display: block;
	font-size: 1.4em;
	color:  #000744;
}

/*
#projectQuestionnaire fieldset:hover,
#projectQuestionnaire fieldset:focus
{
	border: 1px solid  #000744;
}
*/

#questionnaireForm legend span
{
	display: block;
	width: 14em;
	background-color:  #000744;
	padding: 0.3em 0.5em;
	color: #fff;
	margin-bottom: 0.3em;
}

#questionnaireForm fieldset
{
	border: 1px solid #F1F2F2;
	padding: 1.3em 1.3em 0em 1.3em;
	margin-bottom: 1.5em;
}

#questionnaireForm input.radio, #questionnaireForm input.checkbox
{
	width: auto;
	float: left;
	margin-right: 0.3em;
	border: 0 none;
}

#questionnaireForm fieldset p
{
	font-size: 1.0em;
	margin-top: 0;
}

#questionnaireForm input, #questionnaireForm textarea
{
	width: 98%;
}

#questionnaireForm input.genericButton
{
	width: auto;
}

/*generic data table*/
table.genericTable
{
	font-size: 1.4em;
	width: 100%;
}

table.genericTable caption
{
	width: 100%; /*firefox has a slight display bug with captions in em*/
	font-size: 14px;
	font-weight: bold;
	background-color:  #000744;
	color: #fff;
	padding: 0.5em;
}

table.genericTable .odd
{
	background-color: #F1F2F2;
}

table.genericTable .even
{
	background-color: #fff;
}
table.genericTable th, table.genericTable td
{
	padding: 0.3em 0.5em 0.3em 0.5em;
}

/*site map*/

#pageSitemap .nestedList
{
	margin-bottom: 1.6em;
}

#pageSitemap .nestedList li a
{
	font-size:medium;
	line-height:normal;
}

#pageSitemap .nestedList ul
{
	margin: 0 0 0 2em;
	list-style-image: url(../../Images/Icons/iconFinger.gif);
	color:#000744;
	
}

/*additional classes*/
strong.telephone
{
	display:block;
	font-size:1.5em;
}

/*google search
#cse-search-box
{
    width: 10em;
    position:absolute;
    top: 0;
    right: 0;
    background-color: Red;
    font-size: 1em;
}
*/

/*promo box*/
.promoBox
{
    color: #fff;
    padding: 0;
    margin-bottom:2em;
    position: relative;
    background-color: #000744;
    padding: 4%;
    display:block;
    text-align: center;
    

	border-radius: 0.5em; /*non-standard*/
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;

}

#content .promoBox h3
{
    background-image: none;
    padding: 2% 4% 2% 4%;
    margin: 0;
    color: #fff;
    margin-bottom: 0.6em;
}

#content .promoBox p
{
     margin: 0;
     z-index: 100;
     position: relative;
     padding: 4%;
    
}

#content .promoBox p span.opacity
{
    background-color: #05245B;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 0.5em; /*non-standard*/
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

/*
#content .promoBox img
{
    border: 0 none;
    width:112px;
    height: 150px;
    position: absolute;
    top: -10px;
    left: -10px;
}
*/

.promoBox #bookingContainer
{
    
}

.promoBox span #bookingDate
{
    font-size: 1.6em;
    display:block;
}

/*added 28/1008*/
#container .note
{
    font-size: 1.2em;
}

#extra .igoshiPromo
{
    text-align:center;
}

#extra .igoshiPromo h3
{
    text-align:left;
}

#extra .igoshiPromo a
{
    line-height: 0;
    border: 0 none;
}

#extra .igoshiPromo a:hover
{
    background-color: Transparent;
}

#extra .igoshiPromo img
{
    border: 0 none;
    width: 90%;
    float:none;
}