/* CSS Document */

* { margin:0; padding:0; font-family:'Trebuchet MS', sans-serf; }

body { background:#000 url(../img/20original.gif) 0 0 repeat; color:#ccc; font-size:75%; line-height:150%; }

ul { list-style:none; }

br { clear:both; }

p { padding-bottom:1em; }

p br, form br { clear:none; }

.relative { position:relative; }

.absolute { position:absolute; }

.left { display:block; float:left; }

.right { display:block; float:right; }



/* image replacement code */

h1#goodchildLogo, ul.mainNav li a, h2#subheading, h2#textHome, .letter, #mainNav a, #close-home-pop a, h2#homepop-title { display:block; letter-spacing : -1em; text-indent: -100000em; overflow: hidden; margin:0; padding:0; }

/* headers and text styles */

h1#goodchildLogo { margin:0; padding:0; width:172px; height:75px; background:url(../img/logo.png) no-repeat; color:#fff; }

h2 { font-weight:100; padding-bottom:10px; font-size:16px; }

h2#homepop-title { background:url(../img/latest-from-goodchild-interiors.png) no-repeat; width:492px; height:18px; position:absolute; top:100px; left:136px; }

h3 { font-weight:100; padding-bottom:10px; font-size:14px; }

h2#subheading { position:absolute; top:10px; right:20px; background:url(../img/quality_redefined.png) no-repeat; width:158px; height:26px; }

h2#textHome { position:absolute; width:450px; height:450px; background:url(../img/homeText.png) no-repeat; }

/* div placement */


#horizontal { position: absolute; z-index: 1; left: 50%; top: 50%; height:1px; width:1px; }

#background { position:absolute; z-index:2; width:1000px; height:660px; top:-330px; left:-500px; background-color:#000; filter:alpha(opacity=50); opacity:0.50; }

#container { position:absolute; z-index:3; width:920px; height:644px; top:-322px; left:-460px; }

#home-pop { position:absolute; width:812px; height:591px; top:26px; left:54px; }

#home-pop-bg { position:absolute; width:812px; height:591px; background:url(../img/home-popup.png) 0 0 no-repeat; top:0; left:0; }

#close-home-pop { position:absolute; top:47px; right:50px; height:20px; width:20px; }

#close-home-pop a { height:20px; width:20px; }

#header { position:relative; border-bottom:1px solid #333; margin-bottom:9px; }

#contents { border-top:1px solid #333; border-bottom:1px solid #333; padding-top:10px; padding-bottom:10px; height:450px; overflow:hidden; text-align:justify; width:900px; position:relative; }

#topNavHolder { text-align:center; }

#footer { height:50px; position:relative; width:900px; margin-left:10px; }

#copyright { position:absolute; bottom:10px; left:10px; color:#333; }

#container .padding { padding:10px; }

#opaque { width:455px; height:450px; background-color:#000; position:absolute; filter:alpha(opacity=75); opacity: 0.75; }

body#contact div#opaque { width:516px; left:384px; }

div#form-holder { position:absolute; width:355px; height:350px; padding:50px; }

#contactText { padding:100px 50px 0; width:350px; position:absolute; font-size:14px; color:#fff; line-height:200%; left:375px; font-weight:100; text-align:center; }

.logos { position:absolute; top:359px; left:520px; }

.homeBg, .contactBg { width:900px; height:450px; border-top:none; }

.homeBg { background:url(../img/granby_exterior.jpg) 0 10px no-repeat; }

.contactBg { background:url(../img/contact_exterior.jpg) 0 10px no-repeat; }

.imgHolder { border:1px solid #333; padding:9px; }

.columnHolder { border-bottom:20px solid #000; border-top:20px solid #000; background:url(../img/divider.gif) 401px 0 repeat-y; }

.letter { width:80px; height:80px; padding-right:5px; float:left; }

.a { background:url(../img/a.png) 0 0 no-repeat; }

.f { background:url(../img/f.png) 0 0 no-repeat; }

.g { background:url(../img/g.png) 0 0 no-repeat; }

.h { background:url(../img/h.png) 0 0 no-repeat; }

.o { background:url(../img/o.png) 0 0 no-repeat; }

.p { background:url(../img/p.png) 0 0 no-repeat; }

.t { background:url(../img/t.png) 0 0 no-repeat; }

.u { background:url(../img/u.png) 0 0 no-repeat; }

.w { background:url(../img/w.png) 0 0 no-repeat; }

.columnOne { float:left; width:400px; text-align:justify; }

.columnTwo { float:right; width:250px; }

ul.list { list-style:outside square; padding-left:15px; }

ul.list li { padding-bottom:5px; }

body#library ul.list { list-style:none; padding-left:85px; }

/* paddings margins etc */

.pb10 { padding-bottom:10px; }

.pb20 { padding-bottom:20px; }

.pr10 { padding-right:10px; }

.pr5 { padding-right:5px; }

.pl10 { padding-left:10px; }

.pr50 { padding-right:50px; }

.pl25 { padding-left:25px; }

.pb25 { padding-bottom:25px; }

.pt20 { padding-top:20px; }

.pt40 { padding-top:40px; }

.pt70 { padding-top:70px; }

.mr20 { margin-right:20px; }

.mr81 { margin-right:81px; }

.w500 { width:500px; }

/* main navigation */

ul#topNav { margin:0 auto; padding-bottom:10px; width:800px; }

ul#mainNav { position:absolute; top:10px; right:20px; height:59px; margin:0px auto; z-index:10; }

#topNav li, #mainNav li { float:left; padding-right:20px; text-align:center; }

#topNav li a, #mainNav li a { color:#8a9e99; font-weight:700; text-decoration:none; }

#topNav li.selected a, #topNav li a.selected  { color:#fff; }

a.link { color:#ccc; font-weight:700; text-decoration:none; white-space:nowrap; }

a.link:hover { color:#8a9e99; }

#mainNav a { width:50px; height:49px; filter:alpha(opacity=60); -khtml-opacity: 0.6; opacity: 0.6; }

#mainNav a:hover, body#library li#library a, body#contact li#contact a, body#galleryPage li#portfolio a, body#aboutus li#about a, body#homePage li#home a, body#clientlogin li#client a, body#newsPage li#news a { filter:alpha(opacity=100); -khtml-opacity: 1; opacity: 1; }

#mainNav li#home a { background:url(../img/home_button.png) no-repeat; }

#mainNav li#about a { background:url(../img/aboutus_button.png) no-repeat; }

#mainNav li#portfolio a { background:url(../img/gallery_button.png) no-repeat; }

#mainNav li#library a { background:url(../img/library_button.png) no-repeat; }

#mainNav li#contact a { background:url(../img/contact_button.png) no-repeat; }

#mainNav li#news a { background:url(../img/news_button.png) no-repeat; }

#mainNav li#client a { background:url(../img/keyhole_button.png) no-repeat; }

/* form elements */

label { display:block; float:left; padding-left:20px; width:100px; }

input.fields, textarea.fields { border:1px solid #ccc; padding:2px; width:290px; margin-bottom:10px; font-size:12px; }

.general-btn { width:150px; height:25px; padding-top:1px; color:#fff; font-size:12px; text-align:center; background: url(../cms/img/button.png) no-repeat; border:none; cursor:pointer; -khtml-opacity: 0.6; opacity: 0.6; }

.general-btn:hover { -khtml-opacity: 1; opacity: 1; }

/* home page popup */
ul#homepop-list { list-style:none; position:absolute; left:136px; top:158px; }

ul#homepop-list li { float:left; }

/* vaancies */
#col-1 { width:440px; position:absolute; top:0; left:0; }

#col-2 { width:440px; position:absolute; top:0; left:460px; }

body#vacancies div#contents { height:550px; }

body#vacancies ul.list li { padding-bottom:0; }

body#vacancies ul.list { padding-bottom:10px; }

.f16 { font-size:16px; }

#col-1 h3, #col-2 h3 { color:#06F; }

hr { margin-bottom:10px; border:1px solid #333; border-collapse:collapse;  }