body {padding:20px 0px 0px 0px; margin:0px; background-color:#ffc425;}


/*reset whitespace*/
*{margin:0px; padding:0px; border:0px;}


#Wrapper {width:1002px; margin:auto; position:relative;}
#Wrapper:after {content:"."; display:block; height:0; clear:both; visibility:hidden; position:relative;} 
#Wrapper {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html #Wrapper {height: 1%;} 
#Wrapper {display: block;} 
/* End hide from IE-mac */


#Shell {width:1002px; margin:auto; position:relative; background-color:#ffffff; border-top:11px solid #000000; border-bottom:11px solid #000000;}
#Shell:after {content:"."; display:block; height:0; clear:both; visibility:hidden; position:relative;} 
#Shell {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html #Shell {height: 1%;} 
#Shell {display: block;} 
/* End hide from IE-mac */



#HomeShell {width:1002px; margin:auto; position:relative; background-color:#ffffff; border-top:11px solid #000000; border-bottom:11px solid #000000; background-image:url('../images/homeShellBG.jpg'); background-repeat:repeat-y;}
#HomeShell:after {content:"."; display:block; height:0; clear:both; visibility:hidden; position:relative;} 
#HomeShell {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html #HomeShell {height: 1%;} 
#HomeShell {display: block;} 
/* End hide from IE-mac */



.ProjectThumb {background-color:#000000; padding:15px; color:#ffffff; font-size:0.85em; font-weight:bold; font-family:tahoma, arial, serif; float:left; margin: 0px 10px 10px 0px; width:168px; height:220px; text-align:center; }

.TitleBox2 {background-color:#bebdbd; padding:10px; border-bottom:5px solid #ffffff; clear:both; margin-top:10px;}

#SectionRight img { margin-bottom:30px; }

.newsimage {border-left:10px solid #ffffff; border-bottom:10px solid #ffffff;}


.GalleryThumb {float:left; border:2px solid #ffc425; margin-right:5px; margin-bottom:5px;}


#NavigationTop {width:1002px; height:25px; position:relative; border-bottom:6px solid #000000;}

#LogoStrip {width:1002px; height:100px; position:relative; background-color:#ffffff; }

#Logo {width:250px; height:100px; float:left; overflow:hidden;}

#NavigationHead {width:740px; height:80px; float:right; overflow:hidden; padding-top:20px; padding-right:8px; position:relative;}

#NavigationHead ul {margin:0px; padding:0px 10px 0px 0px;}
#NavigationHead li {display:inline; height:50px; overflow:hidden; margin:0; padding:0px 0px 0px 20px; list-style:none; font-size:0.95em; font-weight:bold; text-align:right; float:right;}
#NavigationHead a:link {font-family: tahoma, arial, serif; color:#000000; text-decoration:none;}
#NavigationHead a:visited {font-family: tahoma, arial, serif; color:#000000; text-decoration:none;}
#NavigationHead a:hover {font-family: tahoma, arial, serif; color:#ffc425; text-decoration:underline;}


#RegisterButton {width:208px; height:33px; position:absolute; top:50px; right:20px;}


.CalendarSquare ul {font-family:tahoma, arial, serif; color:#2a2a2a; font-weight:normal; line-height:125%; margin:0px;}
.CalendarSquare li {font-size:0.65em; font-family:tahoma, arial, serif; color:#2a2a2a; font-weight:normal; line-height:125%; margin: 0px 0px 5px 10px;}


#FooterNav {padding:10px 0px 0px 20px;}


.current {background-color:#ffe8aa;}


#BoxStrip {width:1002px; height:167px; position:relative; border-bottom:5px solid #ffffff; background-color:#000000;}

.ImagesHidden {position:absolute; top:0px; left:0px; width:0px; height:0px; overflow:hidden;}


#HomeLeft {width:219px; float:left; position:relative;}
#HomeCenter {width:377px; float:left; position:relative; padding:30px; }
#HomeRight {width:326px; float:left; position:relative; padding:10px;}



#SectionLeft {width:586px; float:left; position:relative; padding:30px;}
#SectionRight {width:356px; float:left; position:relative; padding-top:30px; }




#Contact {width:636px; float:left; position:relative; padding:10px; }



#MainContent {width:942px; float:left; position:relative; padding:30px; }

#CaseStudiesHolder {width:942px; float:left; position:relative; background-color:#000000; padding:20px 30px 20px 30px; background-image:url('../images/case-studies-bg.jpg'); background-repeat:no-repeat;}


#Timeline {width:760px; float:left; position:relative; padding-left:12px; padding-right:11px;}

#Title {width:740px; border-bottom:1px solid #000000; padding:10px;}

#TitleLong {width:922px; border-bottom:1px solid #000000; padding:10px;}

#TitleContact {width:616px; border-bottom:1px solid #000000; padding:10px;}



#DescriptionContact {width:616px; border-bottom:1px solid #000000; padding:10px;}
#DescriptionContact:after {content:"."; display:block; height:0; clear:both; visibility:hidden; position:relative;} 
#DescriptionContact {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html #DescriptionContact {height: 1%;} 
#DescriptionContact {display: block;} 
/* End hide from IE-mac */



#Description {width:740px; border-bottom:1px solid #000000; padding:10px;}
#Description:after {content:"."; display:block; height:0; clear:both; visibility:hidden; position:relative;} 
#Description {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html #Description {height: 1%;} 
#Description {display: block;} 
/* End hide from IE-mac */


#DescriptionLong {width:922px; border-bottom:1px solid #000000; padding:10px;}
#DescriptionLong:after {content:"."; display:block; height:0; clear:both; visibility:hidden; position:relative;} 
#DescriptionLong {display:inline-block;} 
/* Hides from IE-mac \*/ 
* html #DescriptionLong {height: 1%;} 
#DescriptionLong {display: block;} 
/* End hide from IE-mac */






.CalendarSquare {width:169px; height:240px; float:left; border-bottom:1px solid #000000; border-right:1px solid #000000; padding:10px; position:relative; }


.PhotoIcon {width:42px; height:27px; position:absolute; bottom:3px; right:3px; }


#Footer {width:1002px; height:170px; position:relative; background-color:#ffffff; }


.homeLeftThumb {padding-bottom:5px;}

.TitleBox {background-color:#000000; padding:10px; border-bottom:5px solid #ffffff;}




/* TYPOGRAPHY */
h1 { padding:0px 0px 10px 0px; font-size:1.40em; font-family:tahoma, arial, serif; color:#ffc425; font-weight:bold; }
h2 { padding:0px 0px 10px 0px; font-size:1.10em; font-family:tahoma, arial, serif; color:#ffc425; font-weight:bold; }
h3 { padding:0px 0px 10px 0px; font-size:0.90em; font-family:tahoma, arial, serif; color:#ffc425; font-weight:bold; }
h4 { padding:0px 0px 10px 0px; font-size:0.80em; font-family:tahoma, arial, serif; color:#ffc425; font-weight:bold; }

h2.TitleBoxText {padding:0px; font-size:1.40em; font-family:tahoma, arial, serif; color:#ffffff; font-weight:bold; }
h2.Database { padding:0px 0px 10px 0px; font-size:1em; font-family:tahoma, arial, serif; color:#000000; font-weight:bold; }

.dateWhite {padding:0px; font-size:0.90em; font-family:tahoma, arial, serif; color:#FFFFFF; font-weight:bold; }

.DividerYellow {width:100%; height:10px; border-bottom:1px solid #ffc425; margin-bottom:10px;}


#Key {width:400px; position:absolute; top:30px; right:0px;}





.projectitle {
	background: #4c4c4c;
	color: #ffffff;
	padding-left: 10px;
	padding-top: 10px;
	font-weight: bold;
	width: 500px;
	border-bottom: 2px solid #ffffff;
	margin-top: 10px;
}

.phases {
	width: 500px;
	padding-left: 10px;
	padding-top: 10px;
	background:  #f2f2f2;
}

.phase1 {
	width: 548px;
	padding-left: 10px;
	padding-top: 10px;
	background: url('../images/phaseone.jpg') right no-repeat #f2f2f2;
}

.phase2 {
	width: 548px;
	padding-left: 10px;
	padding-top: 10px;
	background: url('../images/phasetwo.jpg') right no-repeat #f2f2f2;
}





ul {font-family:tahoma, arial, serif; color:#2a2a2a; font-weight:normal; line-height:125%; margin: 0px 0px 20px 20px;}
ol {font-family:tahoma, arial, serif; color:#2a2a2a; font-weight:normal; line-height:125%; margin: 0px 0px 20px 20px;}
li {font-size:0.80em; font-family:tahoma, arial, serif; color:#2a2a2a; font-weight:normal; line-height:125%; margin: 0px 0px 5px 10px;}


p {font-size:0.80em; font-family:tahoma, arial, serif; color:#2a2a2a; margin: 0px 0px 10px 0px; text-align:left; line-height:18px;}
a:link {font-family:tahoma, arial, serif; color:#2a2a2a; text-decoration:underline;}
a:visited {font-family:tahoma, arial, serif; color:#2a2a2a; text-decoration:underline;}
a:hover {font-family:tahoma, arial, serif; color:#555555; text-decoration:underline;}


p.Small {font-size:0.75em; font-family:tahoma, arial, serif; color:#2a2a2a; margin: 0px 0px 15px 0px; text-align:left;}
.Small a:link {font-family:tahoma, arial, serif; color:#2a2a2a; text-decoration:none;}
.Small a:visited {font-family:tahoma, arial, serif; color:#2a2a2a; text-decoration:none;}
.Small a:hover {font-family:tahoma, arial, serif; color:#555555; text-decoration:underline;}


p.FooterText {font-size:0.60em; font-family:tahoma, arial, serif; color:#9c9b9b; margin: 0px 0px 0px 0px; text-align:left;}
.FooterText a:link {font-family:tahoma, arial, serif; color:#9c9b9b; text-decoration:none;}
.FooterText a:visited {font-family:tahoma, arial, serif; color:#9c9b9b; text-decoration:none;}
.FooterText a:hover {font-family:tahoma, arial, serif; color:#2a2a2a; text-decoration:underline;}


p.WhiteText {font-size:0.75em; font-family:tahoma, arial, serif; color:#ffffff; margin: 0px 0px 15px 0px; text-align:left;}
.WhiteText a:link {font-family:tahoma, arial, serif; color:#ffc425; text-decoration:none;}
.WhiteText a:visited {font-family:tahoma, arial, serif; color:#ffc425; text-decoration:none;}
.WhiteText a:hover {font-family:tahoma, arial, serif; color:#ffffff; text-decoration:underline;}

#HomeRight a h3:hover { text-decoration:underline; color:#ffc425 !important; }
#HomeRight a h2:hover { text-decoration:underline; color:#ffc425 !important; }

/* MAIN CSS NAVIGATION */

#NavigationTopHolder {height:25px; width:818px; position:absolute; bottom:0px; right:0px;}

#NavMain ul {margin:0px; padding:0px;}
#NavMain li {display:inline; height:25px; overflow:hidden; margin:0; padding:0; list-style:none;}

#NavMain a {float:left;	padding: 25px 0 0 0;	margin:0px; overflow: hidden;	height: 0px !important; 	
height /**/:25px; /* for IE5/Win only */
}
	
#NavMain a:hover {background-position: 0 -25px;}

#NavMain a:active, #NavMain a.selected {background-position: 0 -25px;}

#NavMain1 a {width:158px; background: url(../images/tab1.jpg) top left no-repeat;}
#NavMain2 a {width:160px; background: url(../images/tab2.jpg) top left no-repeat;}
#NavMain3 a {width:162px; background: url(../images/tab3.jpg) top left no-repeat;}
#NavMain4 a {width:158px; background: url(../images/tab4.jpg) top left no-repeat;}
#NavMain5 a {width:160px; background: url(../images/tab5.jpg) top left no-repeat;}






#footerlogos {width:982px; height:89px; background-image:url('../images/footerBG.jpg'); background-repeat:no-repeat; position:absolute; top:30px; left:30px; padding-top:30px;}



a.esteem {
	display: block;
	width: 132px;
	height: 37px;
	background: url(../images/esteemlogo.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-top: 10px;
}

a.sewell {
	background: url(../images/sewelllogo.jpg) no-repeat 0 0;
    display: block;
    float: left;
    font-size: 0;
    height: 37px;
    line-height: 0;
    margin-left: 63px;
    margin-top: 10px;
    overflow: hidden;
    text-indent: -10000px;
    width: 132px;
}

a.morgansindall {
	background: url(../images/morganlogo.jpg) no-repeat 0 0;
    display: block;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    margin-left: 34px;
    margin-right: 9px;
    margin-top: 16px;
    overflow: hidden;
    text-indent: -10000px;
    width: 144px;
}

a.robertson {
	background: url(../images/robertsonlogo.jpg) no-repeat 0 0;
	display: block;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    margin-left: 15px;
    margin-top: 1px;
    overflow: hidden;
    text-indent: -10000px;
    width: 132px;
}

a.hullcc {
	background: url(../images/hullcclogo.jpg) no-repeat 0 0;
    display: block;
    float: left;
    font-size: 0;
    height: 34px;
    line-height: 0;
    margin-left: 35px;
    margin-top: 15px;
    overflow: hidden;
    text-indent: -10000px;
    width: 84px;
}

a.bof {
	display: block;
	width: 112px;
	height: 37px;
	background: url(../images/boflogo.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-left: 50px;
	margin-top: 13px;
}

a:hover.esteem, a:hover.sewell, a:hover.robertson{
	background-position: -132px 0;
}

a:hover.bof {
	background-position: -112px 0;
}

a:hover.morgansindall {
	background-position: -144px 0;
}

a:hover.hullcc {
	background-position: -84px 0;
}





/* FORM SYTLE */
div.contact-form {font-size:0.75em; font-family:tahoma, serif;}
div.contact-form dl {  }
div.contact-form dt { float:left; width:130px; line-height:26px; }
div.contact-form dd { padding:0px 0px 20px 0px; }
	
div.admin-form {font-size:0.75em; font-family:tahoma, serif;}
div.admin-form dl {  }
div.admin-form dt { float:left; width:130px; line-height:26px; }
div.admin-form dd { padding:0px 0px 20px 0px; }
	
input.text, textarea {padding:4px; width:300px; font-size:1em; font-family:Arial;}	
select.select {padding:4px; font-size:1em; font-family:tahoma;}
input.radio {margin-top:5px; font-size:1em; font-family:tahoma;}






input.text, textarea {padding:4px; width:380px; background-color:#efefef; font-size:1em; font-family:tahoma, serif;}	
select.select {padding:4px; font-size:0.95em; font-family:tahoma, serif;}
input.radio {margin-top:5px; font-size:0.95em; font-family:tahoma, serif;}
		
fieldset        {border:0px solid #ccc;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
input           {width:300px; background-color:#efefef;}
input,
select,
textarea   {border:1px solid #efefef; padding:5px;margin:0px 0px 0 0;}
input:focus,
textarea:focus  {background:#ffffff; border:1px solid #efefef; }
textarea        {font-size:0.75em; font-family:tahoma, serif; width:250px; }
label           {display:block; margin:12px 0 0; font-size:0.95em; font-family:tahoma, serif; float:left; clear:left; width:150px;}
button          {float:left; clear:both; margin-left:130px; margin-top:10px; padding:2px;}

.nostyle {width:30px; }


.RowEven {width:942px; height:60px; float:left;}
.RowOdd {width:942px; height:60px; padding-left:57px; float:left;}

.Brick {width:115px; height:58px; background-color:#ffffff; float:left; border:1px solid #000000;}
.Gap {width:115px; height:60px; float:left; }




/* CONTACT */
#contact p, label, legend { font: .8em Arial, Helvetica, sans-serif; color: #000000; }
#contact h1 { padding: 10px 0 20px 20px; font-size: 2.2em; color: #ffc425; font-weight:normal; }
#contact { float: left; width: 560px; margin-top:20px; border: 2px solid #f2f2f2;}
#contactright { width: 362px; height: 407px; float: right; padding-top:35px;}

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: .8em; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #efefef; border: 1px solid #efefef; margin: 5px 0; font:.8em Arial, Helvetica, sans-serif; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px;}
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: .8em; color: #ff0000; } /* Select the colour of the * if the field is required. */



#AlertPanel {width:100%; padding:6px 0px 6px 0px; background-color:#83b9d0; margin-bottom:20px;}
p.AlertPanelText { font-size:0.85em; font-family:arial; color:#ffffff; padding:0px 10px 0px 10px;  font-weight:bold;}


.tableHead {border-bottom:1px solid #141414; border-right:0px solid #141414; border-top:0px solid #141414; border-left:0px solid #141414; padding:3px; background:#022694;}
p.tableHeadText {padding: 0px 0px 0px 0px; font-size:0.75em; font-family:Tahoma,Geneva,Verdana,sans-serif; color:#ffffff;}
p.tableHeadText a:link {color:#ffffff; text-decoration:none; font-family:Tahoma,Geneva,Verdana,sans-serif;}
p.tableHeadText a:visited {color:#ffffff; text-decoration:none; font-family:Tahoma,Geneva,Verdana,sans-serif;}
p.tableHeadText a:hover {color:#555555; text-decoration:underline; font-family:Tahoma,Geneva,Verdana,sans-serif;}


.tableSubCell {border-bottom:1px solid #141414; border-right:0px solid #141414; border-top:0px solid #141414; border-left:0px solid #141414; padding:3px; background:#a7a6a6;}
p.tableSubCellText {padding: 0px 0px 0px 0px; font-size:0.65em; font-family:Tahoma,Geneva,Verdana,sans-serif; color:#000000;}
p.tableSubCellText a:link {color:#141414; text-decoration:none; font-family:Tahoma,Geneva,Verdana,sans-serif;}
p.tableSubCellText a:visited {color:#141414; text-decoration:none; font-family:Tahoma,Geneva,Verdana,sans-serif;}
p.tableSubCellText a:hover {color:#000000; text-decoration:underline; font-family:Tahoma,Geneva,Verdana,sans-serif;}


.tableCell {border-bottom:1px solid #141414; border-right:0px solid #141414; border-top:0px solid #141414; border-left:0px solid #141414; padding:5px; background:#eceff8;}
p.tableCellText {padding: 0px 0px 0px 0px; font-size:0.65em; font-family:Tahoma,Geneva,Verdana,sans-serif; color:#000000;}
p.tableCellText a:link {color:#141414; text-decoration:none; font-family:Tahoma,Geneva,Verdana,sans-serif;}
p.tableCellText a:visited {color:#141414; text-decoration:none; font-family:Tahoma,Geneva,Verdana,sans-serif;}
p.tableCellText a:hover {color:#000000; text-decoration:underline; font-family:Tahoma,Geneva,Verdana,sans-serif;}





.SectorButton {padding:15px; background-color:#fff0c8; margin-bottom:4px; border-bottom:1px solid #000000; position:relative; width:270px; float:left; margin-right:4px;}
.SectorButton2 {padding:15px; background-color:#fff0c8; margin-bottom:4px; border-bottom:1px solid #000000; position:relative;}
p.SectorButtonText {padding:0px; margin:0px; font-size:0.85em; font-family:Tahoma,Geneva,Verdana,sans-serif; color:#000000; font-weight:bold;}
p.SectorButtonText a:link {color:#000000; text-decoration:none; font-family:Tahoma,Geneva,Verdana,sans-serif;}
p.SectorButtonText a:visited {color:#000000; text-decoration:none; font-family:Tahoma,Geneva,Verdana,sans-serif;}
p.SectorButtonText a:hover {color:#555555; text-decoration:underline; font-family:Tahoma,Geneva,Verdana,sans-serif;}

.usertable {border-bottom:1px solid #000000; padding:5px 20px 5px 20px;}

#twitter_block h3 a:link, #twitter_block a:visited {
	color:#FFC425 !important;
	text-decoration:none;
}
#twitter_block h3 a:hover {
	color:#FFC425 !important;
	text-decoration:underline !important;
}
#school_questionnaire li, #business_questionnaire li, #school_questionnaire textarea, #business_questionnaire textarea {
    color: #2A2A2A !important;
    font-family: tahoma,arial,serif;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 125%;
    list-style: none outside none;
    margin: 0 0 5px 0;
}
#school_questionnaire input, #school_questionnaire select, #school_questionnaire textarea, #business_questionnaire input, #business_questionnaire select, #business_questionnaire textarea {
    border: 1px solid #EFEFEF;
    margin: 0 0 0 0;
    padding: 5px;
	width:562px;
}
#school_questionnaire h3, #business_questionnaire h3 {
	margin-top: 30px;
}
input:required {
    box-shadow:none;
}
#submit input {
	width:574px !important;
}
#school_questionnaire textarea, #business_questionnaire textarea {
	color: #2A2A2A !important;
    font-family: tahoma,arial,serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 125%;
    list-style: none outside none;
    margin: 0 0 5px 0;
}
.gallery-download {
	width:141px;
	height:168px;
	margin-right:15px;
	margin-bottom:15px;
	float:left;
}
.gallery-download .image {
	/*margin-bottom:7px;*/
	width:141px;
	height:141px;
}
.gallery-download.last {
	margin-right:0;
}
.gallery-download .image img {
	vertical-align:middle;
}
.gallery-download .download {
	width:141px;
	background:#000;
	height:20px;
	text-align: center;
}	
.gallery-download a:link, .gallery-download a:visited {
	color:#FFFFFF;
	text-decoration:none !important;
}
.gallery-download a:hover {
	color:#FFC425;
	text-decoration:underline !important;
}