/*=======================================================
 CSS Document for 
=======================================================*/

@import url("global.css");
/* @import url("thickbox.css"); */


.hidden { display: none; }
.show { display: inline-block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/

#container { width: 960px; height: auto; display: block; margin: 0 auto;  clear: both; background: #191917 url('../images/core/bg-content.jpg') no-repeat 0 0; /*padding-bottom:10px; */}
#container:after, #cta:after, #banner:after, ul.product-list:after, #content:after, ul.contact-list:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

/*=============================================================
	Header - nav + logo + banner
=============================================================*/

#header { width: 100%; height: 115px; clear: both; background: #000; }
#header img{ margin:0 auto; display:block;}

/*navigation*/
ul#nav { width: 625px; height: 45px; display:block; clear: both; margin:0 auto;}
ul#nav li { display: block; float: left; padding-right:3px;}
ul#nav a { height: 45px; overflow: hidden; text-indent: -999em; display: block; float: left; }
ul#nav a:hover { background-position: 0 -45px!important; }

a#navhome { background: url('../images/nav/nav-home.gif') no-repeat 0 0; width: 80px; }
a#navplasterboard { background: url('../images/nav/nav-plasterboard.gif') no-repeat 0 0; width: 121px; }
a#navtools { background: url('../images/nav/nav-tools.gif') no-repeat 0 0; width: 186px; }
a#navorder { background: url('../images/nav/nav-order.gif') no-repeat 0 0; width: 112px; }
a#navcontact { background: url('../images/nav/nav-contact.gif') no-repeat 0 0; width: 111px; }

#banner, #content-left, #content-right { height: auto; display:block; }
#banner {  width: 920px; padding:20px; clear: both;}
#banner img { float:right;}
/*banner images space*/
.paddingleft { padding-left:10px;}

/*=============================================================
	Main body - left + right
=============================================================*/

#content { width:920px; display:block; clear:both; padding:0 20px;}
#content-left { width: 605px; float:left; display:block;}
#content-right { width: 295px; float:right; display:block;}
body#popupwindow #content { width:600px; padding:20px;}

/*home page banner list*/
ul.service-list { font-size:1.4em; line-height:24px;}
ul.service-list li { background: url('../images/core/icon-tick.gif') no-repeat 0 6px; padding-left:20px;}

#cta { width: 100%; height:auto; background: #222556; clear:both; }
#cta ul { width:960px; display:block; margin:0 auto; clear: both; }
#cta li { width:280px; padding:15px 20px 0 20px; float:left; display:block; color:#fff;}
#cta img { float:left; margin-right:15px; }
#cta h3 { padding:20px 0 10px 55px; margin:0;}
#cta p { padding-left:55px;}

/*=============================================================
	Footer
=============================================================*/

#footer { width: 960px; height: auto; clear: both; margin:0 auto; padding:15px 0px; display:block; }
#footer p { font-size:10px; color: #595959; text-align:center; margin: 10px 0 0 0;}
#footer a { font-size:11px; color: #8a8a8a; padding:0 10px;}
#footer a:hover { color: #8286d2; }


/*=======================================================
 End of CSS Document for 
=======================================================*/