/*
	Name: Grindley Construction 2010 HTML5
	Date: June 2010
	Description: website refresh
	Version: 4.0
	Author: SkyRocket Design + Sodium Creative
	Author URI: http://www.skyrocket.co.uk
*/

/* GLOBAL */

* { 
margin: 0; /*remove all default margins*/
padding: 0; /*remove all default padding*/
}

/* Anchors */
a {outline: 0;
-webkit-transition: color 0.5s ease-in;  
-moz-transition: color 0.5s ease-in;  
-o-transition: color 0.5s ease-in;  
transition: color 0.5s ease-in;
}

a img {border: 0px; text-decoration: none;}
a {color: #c6050b; line-height: 150%; text-decoration: none;}
a:hover {color: #868276;}

p {font-family: arial, helvetica, verdana, sans-serif;
font-size: 0.9em;
line-height: 22px;
color: #868276;
margin: 0;
}

#content p {padding: 10px 0;}

ul {font-family: arial, helvetica, verdana, sans-serif; font-size: 0.9em; color: #777;}

/* HTML5 tags */
header, section, footer, aside, nav, article, figure {display: block;}


body {background: #636055 url('images/bg1.jpg') repeat-x; font-size: 0.9em; color: #777;}

html {font-family: arial, helvetica, verdana, sans-serif; }

#container {width: 920px; margin: 10px auto;}

#masthead {height: 134px; background: url('images/bg-masthead.png') no-repeat;}
#masthead img {height: 109px; width: 860px; margin: 25px 0 0 30px;}

#header {}

#leftnav {float: left; width: 215px; margin: 0 0 0 30px; /*display: inline;*/}


#content {background: url('images/bg-content.png'); }


.fullwidth {margin: 0 30px 0 260px; padding: 17px 0 0 0; }
#main-content {margin: 0 280px 0 260px; padding: 17px 0;}

#rightnav {float: right; width: 225px; margin: 17px 41px 0 0;}
* html #rightnav {display: inline;}



/* HOME PAGE */
#home-content {margin: 0 280px 0 260px; padding: 17px 0;}
#xfade {height: 278px; margin: 0 0 0 30px;}

#news-title {height: 38px;}

#rightnews {width: 225px;}
#rightnews img {margin: 0;}
#rightnews p strong {color: #c6050b;}
#rightnews p {font: 11px arial, helvetica, verdana, sans-serif; color: #868276; background-color: #ecebe1; font-weight: bold;
padding: 6px 10px;}
#rightnews a {font: 100% arial, helvetica, verdana, sans-serif; color: #c6050b; text-decoration: none;}
#rightnews a:hover {font: 100% arial, helvetica, verdana, sans-serif; color: #868276; text-decoration: underline;}

#sponsors {height: 70px; background: url(images/BG-Sponsors.gif) no-repeat;}
#sponsors p {width: 110px; font: 11px arial, helvetica, verdana, sans-serif; color: #868276; line-height: 14px;
background-color: transparent; font-weight: bold; padding: 10px;}
#sponsors a {font: 100% arial, helvetica, verdana, sans-serif; color: #c6050b; text-decoration: none;}
#sponsors a:hover {font: 100% arial, helvetica, verdana, sans-serif; color: #868276; text-decoration: underline;}

#rightnav p.quote { 
width: 180px;
font: 24px arial, helvetica, verdana, sans-serif;
color: #87857e;
font-style : italic;
font-weight: normal;
line-height : 40px;
margin: 0 0 0 21px;
padding: 20px;
}

#MBA-Award {margin: 0; height: 135px;}
#MBA-Award a {margin: 0; padding: 0; border: none;}
#MBA-Award a img {margin: 0; padding: 0; border: none;}

/* PROJECT PAGES */
#projects {float: right; width: 225px; margin: 18px 40px 0 0; display: inline;}

#ProjectDetails {width: 374px; padding: 0 0 10px 0; background-color: #ecebe1;}

#content #ProjectDetails h2 {
/* width: 364px; */
font: bold 16px arial, helvetica, verdana, sans-serif;
color: #c6050b;
margin: 0;
padding: 10px 0 10px 10px;
}

#main-content #ProjectDetails ul {
padding: 0 0 0 10px;
margin: 10px 0;
font: 0.9em arial, helvetica, verdana, sans-serif;
background-color : #ecebe1;
list-style-type: none;
}

#ProjectDetails ul li {float: left; line-height: 20px; background-color : #ecebe1; list-style-type: none;}

#ProjectDetails ul li.red {width: 50px; color: #c6050b;}

#ProjectDetails ul li.grey {width: 220px; color: #868276;}

#ProjectDetails ul li.award {
float: left;
width: 240px;
color: #c6050b;
background-color : #ecebe1;
font-weight: bold;
line-height: 20px;
list-style-type: none;
}

.quotebox {}

#ProjectDetails p.building {float: left; color: #868276; line-height: 150%; padding: 0 10px;}

#ProjectDetails p.contd { 
font: 1em arial, helvetica, verdana, sans-serif;
font-weight: normal;
color: #b9060a;
line-height: 100%;
padding: 0 10px 0 0;
background-color : #cbc9ba;
text-align: right;
}

#ProjectDetails p.contd a {color: #b9060a; text-decoration: none;}
#ProjectDetails p.contd a:hover {color:#646464; text-decoration: underline;}

/* LEFTNAV */

#leftnav a {
display: block; 
width: 215px; 
height: 42px; 
font-size: 0.8em; 
font-weight: bold; 
color: #fff; 
text-align: right;
text-decoration: none;
}

#leftnav a:hover {color: #b9060a;}

#leftnav a span {display: block; padding: 13px 20px 0 0px; }

#leftnav a.link1 {background: url("images/nav1.jpg") no-repeat;}
#leftnav a.link2 {background: url("images/nav2.jpg") no-repeat;}
#leftnav a.link3 {background: url("images/nav3.jpg") no-repeat;}
#leftnav a.link4 {background: url("images/nav4.jpg") no-repeat;}
#leftnav a.link5 {background: url("images/nav5.jpg") no-repeat;}
#leftnav a.link6 {background: url("images/nav6.jpg") no-repeat;}
#leftnav a.link7 {background: url("images/nav7.jpg") no-repeat;}
#leftnav a.link8 {background: url("images/nav8.jpg") no-repeat;}
#leftnav a.link9 {background: url("images/nav9.jpg") no-repeat;}
#leftnav a.link10 {background: url("images/nav10.jpg") no-repeat;}
#leftnav a.link11 {background: url("images/nav11.jpg") no-repeat;}
#navend {height: 56px;}
#content #navend img {margin: 0; border: none;}



/* SUB-MENU */
#leftnav ul {background-color: #d9d8d0; padding: 10px 0;  /*border: 1px solid red;*/}
#leftnav ul li {background-color: #d9d8d0; list-style-type : none;}

#leftnav li a {
display: block;
height: 20px;
width: 195px;
font-size: 100%;
font-weight: normal; 
padding: 0 20px 0 0;
color: #868276;
background-color: #d9d8d0 /*#e1e1e1*/;
text-decoration : none;
}

#leftnav li a:hover {
color: #b9060a;
background-color: #e9e8dd;
text-decoration: none;
/*border-right: 20px solid #ce4;*/
}

#leftnav a.active {display: block; font-weight: bold; color: #b9060a;}
#leftnav a.active:hover {color: #695e4a;}


/* RIGHTNAV PROJECT SCROLL */

#projectScroll {width: 225px; height: 450px; overflow : auto;}

#projectScroll img {float: left; border-right: 1px solid #fff;}

#projectScroll ul {display: block; width: 125px; margin: 0 0 5px 81px; background-color: #fff;}
#projectScroll li {background-color: #ecebe1; list-style-type : none; height: 80px;}

#projectScroll ul li a {
display: block;
width: 125px;
height: 80px;
font: 11px arial, helvetica, verdana, sans-serif;
font-weight: normal;
color: #868276;
text-decoration: none;
}

#projectScroll ul li a:hover {color: #fff!important; background-color: #b9060a;}

#projectScroll a.active {
display: block;
width: 125px;
height: 80px;
font: 011px arial, helvetica, verdana, sans-serif;
font-weight: normal;
color: #fff;
background-color : #b9060a;
text-decoration: none;
}

#projectScroll ul li a span {display: block; padding: 5px;}



#content h1 {font-family: helvetica, arial, verdana, sans-serif; font-size: 26px; font-weight: normal; color: #c6050b;
margin: 0 0 20px 0;}

#content h2 {font: normal 16px arial, helvetica, verdana, sans-serif; color: #c6050b; margin: 20px 0px 5px 0;}
#content h2.state {font: bold 13px arial, helvetica, verdana, sans-serif; color: #c6050b; margin: 15px 0 0 0;}
#content h3 {font: bold 0.9em arial, helvetica, verdana, sans-serif; color: #c6050b;}
#content h4 {font: bold 13px arial, helvetica, verdana, sans-serif; color: #c6050b; padding: 20px 0 0 0;}
#content h5 {font: 16px arial, helvetica, verdana, sans-serif; color: #c6050b; margin: 15px 0 -7px 0;}



#content p.date {
margin: 0;
padding: 0px 30px 20px 0;
color: #777;
font-weight: bold;
}

#content p.HomeLarge { 
font: 1.2em arial, helvetica, verdana, sans-serif;
color: #868276;
line-height: 150%;
padding: 0px 30px 0px 0;
}

#content p.red { 
font: 0.8em arial, helvetica, verdana, sans-serif;
color: #c6050b;
line-height: 150%;
padding: 0px 30px 0px 0;
}

#content p span {font: 100% arial, helvetica, verdana, sans-serif; color: #c6050b; line-height: 150%;}
#content p.indent {margin-left:1em;}


/* changed to main-content to stop all ul li conflicts */
#main-content ul {margin: 0 0 0 30px;}
#main-content li {list-style-type : disc; line-height: 17px; margin: 0 0 5px 0; padding: 0 30px 0 0; color: #868276;}

#main-content ul li a {color: #c6050b; text-decoration: underline;}

/* FOR SITE MAP PAGE ONLY?? */
#content ul ul {font-size: 100%;}

#content li li {color: #868276; line-height: 18px; list-style-type : disc;}
#content ul li li a {color: #868276; text-decoration: none;}
#content li li a:hover {color: #c6050b; text-decoration: underline;}

/*#content li span {font: 100% arial, helvetica, verdana, sans-serif; color: #c6050b;} conflict with projectScroll li span */



/* TABLE */
#content table {width: 370px; margin: 20px 0 0 0;}

#content table td.grey {
font: 0.8em arial, helvetica, verdana, sans-serif;
color: #868276;
padding: 2px 0 2px 10px;
}

#content table td.red {
font: 0.8em arial, helvetica, verdana, sans-serif;
color: #c6050b;
padding: 2px 0;
}

#Address {font: 0.8em arial, helvetica, verdana, sans-serif; margin: 10px 0 0 0 !important;}

/* WHY IS THIS HERE?? #content img {
margin: 5px 0 0 0;
padding: 0;
display: block;
/*border-bottom: 1px solid #fff;
}*/

* html #content img.IEsnafu {
margin: 0 0 0 -3px;
padding: 0;
}

#rightnav h1 { 
width: 221px;
margin: 0;
padding: 2px 0 2px 4px;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 10px;
color: #d4d2cc;
background-color: #868276;

}

#rightnav h2 { 
width: 225px;
font: bold 12px arial, helvetica, verdana, sans-serif;
color: #fff;
background-color: #b9060a;
text-indent: 10px;
margin-bottom: 5px;
}

/*#rightnav img.margin { 
height: 233px;
}*/

#projects h3 { 
width: 225px;
margin: 0 0 5px 0;
padding: 0;
font: bold 12px arial, helvetica, verdana, sans-serif;
color: #fff;
background-color: #c6050b;
text-indent: 10px;
}

/* full width content eg: used on We Support page */
#full-width {margin: 0 50px 0 260px; padding: 17px 0;}

#full-width p {
/*color: #ce4;*/
}


/* FOOTER */

#footer-end {clear: both; background: url('images/bg-footer.png') no-repeat; height: 35px;}

#footer-nav {font-size: 0.7em;}
#footer-nav p {color: #aaa59b; padding: 0 12px;}
#footer-nav a {padding: 0 10px; color: #b3ae9a; text-decoration: none;}
#footer-nav a:hover {color: #c6050b; text-decoration: underline;}
#footer-nav p span {padding: 0 10px;}

/* don't need this
#authorcredit {width: 550px; margin: 15px 30px 15px 265px; padding: 10px; background-color: #fff;}
#authorcredit p {font: 75% arial, helvetica, verdana, sans-serif; color: #646464; text-align: center;}
#authorcredit a {color: #646464; text-decoration: underline;}
#authorcredit a:hover {color:  #c6050b; text-decoration: underline;}
#authorcredit img {vertical-align : middle; margin-top: 5px; margin-right: 20px; display: inline;}
*/

/* UsefulLinks CSS used on News pages */
#UsefulLinks {margin: 0 140px 0 260px; padding: 17px 0;}

#UsefulLinks p {
padding: 10px 30px 10px 0;
}

#UsefulLinks p.caption { 
margin: -23px 0 0 0;
padding: 0 0 0 4px;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 10px;
color: #d4d2cc;
}

#UsefulLinks a { 
font: 100% arial, helvetica, verdana, sans-serif;
color: #c6050b;
line-height: 150%;
text-decoration: none;
}

#UsefulLinks a:hover { 
color: #868276;
text-decoration: underline;
}

#UsefulLinks h1 {
font: bold 13px arial, helvetica, verdana, sans-serif;
color: #c6050b;
margin: 0;
padding: 20px 0 10px 0;
}

#UsefulLinks h2 {
font: bold 13px arial, helvetica, verdana, sans-serif;
color: #c6050b;
margin: 15px 0 0 0;
padding: 0;
}

#UsefulLinks h3 {
font: bold 15px arial, helvetica, verdana, sans-serif;
color: #868276;
margin: 3px 0 -8px 0;
padding: 0;
line-height: 22px;
}

#UsefulLinks img {border: none;}
#UsefulLinks ul {margin: 0 0 20px 30px; font-size: 0.9em;}

#UsefulLinks li  {
font-family: arial, helvetica, verdana, sans-serif;
list-style-type : disc;
line-height: 17px;
margin: 0 0 5px 0;
padding: 0 30px 0 0;
color: #868276;
}

#Stand16 {width: 225px;}
#Stand16 img {height: 90px;}


/* --------------------------------------
KEY PEOPLE PAGES 
-------------------------------------- */

.key-people {margin: 0 0 20px 0;}
.key-people p {margin: 0 0 0 180px; color: #868276; font-style: italic; line-height: 135%;}

.key-people h2 {margin: 0 0 0 180px!important; font-weight: bold!important;}

#Alan-Carstens {background: url(images/kp-Alan-Carstens.jpg) bottom left no-repeat; height: 260px; padding: 10px;}
#Rod-Burger {background: url(images/kp-Rod-Burger.jpg) bottom left no-repeat; height: 260px; padding: 10px;}
#John-Fitzpatrick {background: url(images/kp-John-Fitzpatrick.jpg) bottom left no-repeat; height: 240px; padding: 10px;}
#Martin-Patience {background: url(images/kp-Martin-Patience.jpg) bottom left no-repeat; height: 240px; padding: 10px;}
#Matthew-Macauley {background: url(images/kp-Matthew-Macauley.jpg) bottom left no-repeat; height: 210px; padding: 10px;}
#John-Little {background: url(images/kp-John-Little.jpg) bottom left no-repeat; height: 230px; padding: 10px;}
#Andrew-Sanderson {background: url(images/kp-Andrew-Sanderson.jpg) bottom left no-repeat; height: 240px; padding: 10px;}
#Bill-Stavrinos {background: url(images/kp-Bill-Stavrinos.jpg) bottom left no-repeat; height: 335px; padding: 10px;}
/* for blank outlines no photo {background: url(images/KeyPeople-outline.gif) no-repeat;} */




/*
.key-people {float: left; width: 585px; background-color: #ebebe0; border-bottom: 1px solid white;}
.key-people-text {float:left; width: 424px; background-color: #ebebe0; padding: 0 10px; border-right: 1px solid white;}
.key-people-photo {float:right; width: 140px; background-color: #ebebe0; }
.key-people-photo img {border-bottom: 1px solid white;}
/*


table.KeyPeople {/*border: 1px solid red;*/}

/*#KP-Alan,#KP-Bob,#KP-Rod,#KP-Martin,#KP-John,#KP-JF,#KP-Andrew,#KP-Rod2 {
width: 585px;
height: 220px;
margin: 0;
padding: 10px;
}

#KP-Bob {background: url(images/KeyPeople-Bob.jpg) no-repeat;}
#KP-Alan {background: url(images/KeyPeople-Alan.jpg) no-repeat;}
#KP-Rod {background: url(images/KeyPeople-Rod.jpg) no-repeat;}
#KP-Rod2 {background: url(images/KeyPeople-Rod2.jpg) no-repeat;}
#KP-Martin {background: url(images/KeyPeople-Martin.jpg) no-repeat;}
#KP-John {background: url(images/KeyPeople-John.jpg) no-repeat;}
#KP-JF {background: url(images/KeyPeople-JohnFitzpatrick.jpg) no-repeat;}
#KP-Andrew {background: url(images/KeyPeople-Andrew.jpg) no-repeat;}



/*#KP-Alan p,#KP-Bob p,#KP-Rod p,#KP-Martin p,#KP-John p,#KP-JF p,#KP-Andrew p,#KP-Rod2 p {
width: 420px;
padding: 0 0 10px 0;
color: #868276;
font-style: italic;
line-height: 135%;
}

#KP-Alan h1,#KP-Bob h1,#KP-Rod h1,#KP-Martin h1,#KP-John h1,#KP-JF h1,#KP-Andrew h1,#KP-Rod2 h1 {
font: 16px arial, helvetica, verdana, sans-serif;
color: #c6050b;
font-weight: bold;
}
*/

.descpanelfg {text-align: right;}

#interiors-living {height: 64px;}
#interiors-living ul {}
#interiors-living ul li {float: left; display: inline; list-style-type: none; margin: 0 15px 0 0;} 
a.interiorslogo {display: block; height: 64px!important; width: 140px!important; background: url(images/logo-interiors.gif) no-repeat 0 0;}
a.interiorslogo:hover {height: 64px; background: url(images/logo-interiors.gif) no-repeat 0 100%;}

a.livinglogo {display: block; height: 64px!important; width: 140px!important; background: url(images/logo-living.gif) no-repeat 0 0;}
a.livinglogo:hover {height: 64px; background: url(images/logo-living.gif) no-repeat 0 100%;}

/* WE SUPPORT page */
.support {/*border: 1px solid aqua;*/}

.support-pic {float: left; width: 190px;}
.support-pic img {display: block; margin: 35px auto 0 auto;}


.support-text {margin: 0 0 0 210px; border-bottom: 1px solid #d1d0c6;}
.support-text h2 {}
.support-text p {line-height: 20px;}

/* CLASSES */

.FloatRight {float: right; padding: 0 0 0 10px!important;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

sup {vertical-align: super; font-size: 80%; }