/*
              Title:          css/default.css 
      
              Author:         Global Web Limited
              Version:        421 
              Filename:       css/default.css 
              Date:           10:52 19 July 2010
              File Type:      Style Sheet
      
              Copyright:      Copyright (c) 1994-2009 Global Web Limited.
                              All rights reserved.
      
              Address:        Global Web Limited
                              Twin Spires Business Park
                              Mugiemoss Road
                              Bucksburn
                              Aberdeen
                              AB21 9BG
                              United Kingdom
      
              Telephone:      +44 1224 454000
              Fax:            +44 1224 454001
              E-mail:         support@globalweb.co.uk
      	      Web:            http://www.globalweb.co.uk/
      
      */
      

body {
background:#CCC;
color:#666666;font-family:Verdana,Trebuchet,Arial,Sans-Serif;font-size:9pt;
margin-left:0;margin-right:0;margin-top:0;
}
h1, h2, h3 {color: #00655C; font-weight: 400;}
h1 {
font-size: 120%;}
h2 {
font-size: 110%;}
h3 {
font-size: 100%;}
a {color: #00655C;}
img {
border: 0;
}
.asterix {
color: red;
}
hr {
border: 0;
width: 100%;
color: #CCC;
background-color: #CCC;
height: 1px;
margin: 0 0;
}
blockquote {
color: #00655C;
font-size: 110%;
}
.wrapper {
width: 999px;
margin: 0 auto;
background: #FFF url(../images/top-curve.gif) no-repeat top left;
overflow: hidden;
}
/*Banner*/
.banner {
width: 999px;
}
.bannerLogo {
float: left;
width: 154px;
}
.bannerNav {
float: right;
margin: 18px 33px 0 0;
width: 800px;
}
.bannerNavTop {
height: 28px;
width: 425px;
float: right;
}
.bannerNavTop ul {
margin: 0; 
padding: 7px 0;
list-style-image: none;
float: left;
}
.bannerNavTop li {
display: inline;
margin-left: 11px;
}
.bannerNavTop a:link, .bannerNavTop a:visited {
text-decoration: none;
color: #666;
}
.bannerNavTop a:hover {
text-decoration: none;
color: #00655C;
}
/*End Banner*/
/******Navigation******/
.menu {width:795px; height:14px; position:relative;top: 17px; left: 60px; float: right;z-index:100;font-size:8.5pt;}
* html .menu {width:755px; height:14px; font-size:8.5pt; position:relative;z-index:100;  left: 35px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
.menu li.home {float: left; position: relative; width: 50px;}
.menu li.news {float: left; position: relative; width: 114px;}
.menu li.aboutUs {float: left; position: relative; width: 74px;}
.menu li.products {float: left; position: relative; width: 78px;}
.menu li.quality {float: left; position: relative; width: 65px;} 
.menu li.recruitment {float: left; position: relative; width: 98px;}
.menu li.environment {float: left; position: relative; width: 98px;}
.menu li.healthSafety {float: left; position: relative; width: 114px;}
.menu li.login {float: left; position: relative; width: 51px;}
/* style the links for the top level */
.menu ul a, .menu ul a:visited {display:block;text-decoration:none; color:#00655C;height:14px; background:#fff; text-align:left;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:14px;left:0; width:149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: #F5F5F5; color:#00655C; height:auto; line-height:1em; padding:7px 5px; width:139px; border-bottom: #ccc 1px solid; font-size: 9.5px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#FFF; background:#00655C;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFF; background:#00655C;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/*End Navigation*/
/******Product Navigation******/
.productNav {
width: 728px;
float: left;
clear: both;
margin-left: 232px;
border-top: 1px solid #CCC;
font-size: 7.8pt;
}
* html .productNav {
height: 20px;
margin: 23px 0 0 117px;
}
.productNav ul {
margin: 7px 0 0 0;
padding: 0;
}
.productNav li {
display: inline;
list-style-item: none;
}
.productNav li a {
text-decoration: none;
margin-left: 11px;
}
/******Search******/
.search {
float: right;
	width: 188px;
	background: #fff url(../images/search-background.jpg) no-repeat;
	padding: 0;
	height: 25px;
	margin-top: 2px;
}
.search table { width:100%; }
.searchField { margin-left:10px; margin-top: 5px; height:14px; width:127px; border:0; color: #666;}

/******Content******/
.container {
width: 999px;
overflow: hidden;
clear: both;
float: left;
position: relative;
}
/******Project pages******/
.glassContainer, .windoorsContainer, .curtainwallContainer, .tempawallContainer, .rainscreenContainer, .partitionContainer {
width: 965px;
overflow: hidden;
clear: both;
padding: 59px 17px 0 17px;
}
* html .glassContainer, * html .windoorsContainer, * html .curtainwallContainer, * html * .tempawallContainer, * html .rainscreenContainer, * html .partitionContainer {
width: 965px;
overflow: hidden;
clear: both;
padding: 40px 17px 0 17px;
}
.glassContainer {
background: transparent url(../images/glass-background.gif) no-repeat top right;
}
.windoorsContainer {
background: transparent url(../images/windowsdoors-background.gif) no-repeat top right;
}
.curtainwallContainer {
background: transparent url(../images/curtainwall-background.gif) no-repeat top right;
}
.tempawallContainer {
background: transparent url(../images/tempawall-background.gif) no-repeat top right;
}
.rainscreenContainer {
background: transparent url(../images/rainscreen-background.gif) no-repeat top right;
}
.partitionContainer {
background: transparent url(../images/partition-background.gif) no-repeat top right;
}
.projectColumn {
float: left;
left: 16px;
width: 253px;
}
.projectColumn ul {
margin: 0;
padding: 0;
}
.projectColumn ul li {
border-bottom: 1px solid #CCC;
padding: 7px 13px;
background: #EFEFEF;
list-style-type: none;
}
.projectColumn ul a:link, .projectColumn ul a:visited {
text-decoration: none;
color: #00655C;
}
.projectColumn ul a:hover {
text-decoration: none;
color: #666;
}
.projectColumnImg, .mainImage {
line-height: 0;
}
.projectColumn h2 {
color: #666;
width: 223px;
background: #CCC;
padding: 10px 15px;
margin: 0;
}
.columns {
width: 660px;
float: left;
margin-left: 20px;
}
.columnLeft {
width: 315px;
margin-right: 20px;
float: left;
}
.columnRight {
width: 315px;
float: left;
}
.contactContainer {
width: 901px;
float: left;
}
.contactAddress {
width: 210px;
margin-right: 15px;
float: left;
}
.contactsLeft {
width: 500px;
margin-right: 20px;
float: left;
}
.mapRight {
width: 380px;
float: left;
}

/******Home page******/
* html .homeContent {
margin: 76px 0 0 27px;
float: left;
width: 280px;
}
.homeContent {
margin: 66px 0 0 49px;
float: left;
position: relative;
width: 317px;
}
*html dl {
position: absolute;
left: 300px;
width: 631px;
}
.hotnews {
padding-top: 3px;
clear: both;
margin-bottom: 20px;
}
* html .content {
margin: 86px 27px 27px 27px;
float: left;
}
.content {
margin: 86px 49px 49px 49px;
float: left;
position: relative;
}
.hotnews a {
text-decoration: none;
}
.greenPanel {
background: #00655C;
margin-top: 20px;
}
.blackPanel {
background: #000;
margin-top: 10px;

}
.greenPanel, .blackPanel {
color: #fff;
padding: 10px 20px;
position: relative;
}
.greenPanel h2 {
color: #fff;
margin-top: 0;
}
.greenPanelleft, .blackPanelleft {
position: relative;
width: 200px;
}
.greenPanelright {
position: absolute;
top: 25px;
left: 239px;
z-index: 100;
}
.blackPanelright {
position: absolute;
top: 15px;
left: 230px;
z-index: 100;
}

/******Default with 1 image******/
.leftText {
float: left;
width: 527px;
padding: 86px 20px 30px 49px;
}
.peopleBackground {
background: transparent url(../images/people-background.gif) no-repeat top left;
}
.qualityBackground {
background: transparent url(../images/quality-background.gif) no-repeat top left;
}
.enviroBackground {
background: transparent url(../images/enviro-background.gif) no-repeat top left;
height: 473px;
}
.handsBackground {
background: transparent url(../images/hands-background.gif) no-repeat top left;
height: 350px;
}
.rightImg{
width: 396px;
line-height: 0;
float: right;
min-height: 670px;
}
* html .rightImg {
height: 670px;
}
.rightImg img{
position:absolute;
bottom: 150px;
left: 603px;
float: right;
}
.accreditations {
width: 393px;
margin: 0 auto;
}
/*End Home Content*/
/*Rollover Image*/
* html #acyulemap {display:block; width:631px; height:589px; background:url(../images/home-image.jpg); position:absolute; right: 31px; bottom: 0;  margin:0;}
#acyulemap {display:block; width:631px; height:589px;background:url(../images/home-image.jpg); position: absolute; *z-index: -1;
    bottom: 0; left: 368px; margin:0; }


#title , .notitle {display: none;}

a#glass {display:block; width:287px; height:0; padding-top:216px; overflow:hidden; position:absolute; left:101px; top:81px;}
* html a#glass {height:216px; he\ight:0;}
a#glass:hover {background:transparent url(../images/glass-over.jpg) no-repeat 0 0; overflow:visible;}

a#windows {display:block; width:138px; height:0; padding-top:129px; overflow:hidden; position:absolute; left:411px; top:54px;}
* html a#windows {height:129px; he\ight:0;}
a#windows:hover {background:transparent url(../images/windows-over.jpg) no-repeat  0 0; overflow:visible;}

a#curtain {display:block; width:175px; height:0; padding-top:173px; overflow:hidden; position:absolute; left:323px; top:149px;}
* html a#curtain {height:173px; he\ight:0;}
a#curtain:hover {background:transparent url(../images/curtain-over.jpg) no-repeat 0 0; overflow:visible;}

a#tempawall {display:block; width:230px; height:0; padding-top:248px; overflow:hidden; position:absolute; left:69px; top:342px;}
* html a#tempawall {height:248px; he\ight:0;}
a#tempawall:hover {background:transparent url(../images/tempawall-over.jpg) no-repeat 0 0; overflow:visible;}

a#rainscreen {display:block; width:247px; height:0; padding-top:290px; overflow:hidden; position:absolute; left:174px; top:300px;}
* html a#rainscreen {height:290px; he\ight:0;}
a#rainscreen:hover {background:transparent url(../images/rainscreen-over.jpg) no-repeat 0 0; overflow:visible;}

a#partition {display:block; width:283px; height:0; padding-top:275px; overflow:hidden; position:absolute; left:348px; top:315px;}
* html a#partition {height:275px; he\ight:0;}
a#partition:hover {background:transparent url(../images/partition-over.jpg) no-repeat 0 0; overflow:visible;}
/*End Rollover*/
/*Footer*/
.footer, .footerGlass, .footerWindoors, .footerCurtainwall, .footerTempawall, .footerRainscreen, .footerPartition {
height: 150px;
color: #fff;
font-size: 75%;
clear: both;
}
.footer {background: #00655C;}
.footerGlass {background: #009370;}
.footerWindoors {background: #006991;}
.footerCurtainwall {background: #60B8B1;}
.footerTempawall {background: #91B92D;}
.footerRainscreen {background: #D6A600;}
.footerPartition {background: #452332;}
.footer a, .footerGlass a, .footerWindoors a, .footerCurtainwall a, .footerTempawall a, .footerRainscreen a, .footerPartition a {
color: #fff;
}
.copyright, .copyrightGlass, .copyrightWindoors, .copyrightCurtainwall, .copyrightTempawall, .copyrightRainscreen, .copyrightPartition {
width: 391px;
height: 38px;
padding: 5px 0 0 49px;
}
.copyright {
background: #000 url(../images/footer-curve.gif) no-repeat top right;
}
.copyrightGlass {
background: #000 url(../images/footer-glass-curve.gif) no-repeat top right;
}
.copyrightWindoors {
background: #000 url(../images/footer-windowsdoors-curve.gif) no-repeat top right;
}
.copyrightCurtainwall {
background: #000 url(../images/footer-curtainwall-curve.gif) no-repeat top right;
}
.copyrightTempawall {
background: #000 url(../images/footer-tempawall-curve.gif) no-repeat top right;
}
.copyrightRainscreen {
background: #000 url(../images/footer-rainscreen-curve.gif) no-repeat top right;
}
.copyrightPartition {
background: #000 url(../images/footer-partition-curve.gif) no-repeat top right;
}
/**********Tables***********/
.formTable {
width: 90%;
border-collapse: separate;
border-spacing: 10px;
}
.formTable td.left {
width: 20%;
}
.projectTable {
width: 440px;
border-collapse: separate;
border-spacing: 10px;
}
.projectTable td {
width: 33%;
line-height: 100%;
}
/***********Forms***********/
fieldset { border:1px solid #ccc; }

legend {color:#00655C;}
/***********Products*************/
.prodTable {
width: 819px;
margin: 0 0 0 30px;
border-collapse: separate;
border-spacing: 15px;
line-height: 0;
}
.prodTitle { line-height: 18px; }
.prodGlass, .prodWindows, .prodCurtain, .prodTempa, .prodRain, .prodPartition {
width: 232px;
padding: 10px;
color: #FFF;
overflow: hidden;
font-size: 8pt;
line-height: 9pt;
height: 80px;
}
* html .prodGlass, * html .prodWindows, * html .prodCurtain, * html .prodTempa, * html .prodRain, * html .prodPartition {
height: 95px;
}
.prodGlass { background: #009470; }
.prodWindows { background: #006A92; }
.prodCurtain { background: #61B8B0; }
.prodTempa { background: #90B92D; }
.prodRain { background: #D5A600; }
.prodPartition { background: #452333; }
.prodButton {
float: right;
margin-top: 25px;
margin-left: 10px;
}
/***********Misc*************/
.domesticImages {
width: 648px;
margin: 20px auto;
}
.domesticImages img {
padding-left: 10px;
}
h2.contact {
font-weight: bold;
}
.about {float: right;}
.newsContainer {
width: 90%;
margin: 0 auto;
border-spacing: 15px;
}
.newsContainer td {
width: 30%;
}
.newsTable, .newsletterTable, .pressTable {
border-spacing: 0 10px;
}
.newsTable h2, .newsletterTable h2, .pressTable h2 {
color: #FFF;
padding-left: 10px;
}
.newsbg { background: #009470; }
.newsletterbg { background: #006A92; }
.pressbg { background: #61B8B0; } 
.singleAward { text-align: center; margin-top: 20px;}