@charset "utf-8";
/*  CSS Styles for Studio 9. © 2008 Gareth Tyas at westyorks.net  */

/*  Global page styling  */
* {margin:0; padding:0; border:0}
html, body, h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif}
html, body {height:100%}
body {background:#0f2b40; font-size:0.95em; text-align:center; min-width:960px; color:white}
#container {position:relative; min-height:100%; height:auto !important; height:100%; width:960px; margin:0 auto -75px; text-align:left; center top no-repeat; border:0px solid white}
#header {position:absolute; width:100%; height:243px; left:0; top:0; z-index:30}
#header, #footercontainer {background:#77767a url(images/bg-flowers.jpg) center top repeat-x}
#mainContent {padding-bottom:30px; margin-top:253px}
#footercontainer {color:white; font-size:0.75em; width:100%; height:75px; font-size:11px; text-align:center}
#headline h1 span {display:block; width:0; height:0; overflow:hidden}
#getfirefox {display:none}
.push {clear:both; height:65px}


/*  header styles  */
#headerContent {position:relative; width:624px; margin:0 auto; text-align:center}
#headerContent h1 {display:block; width:624px; height:152px}
#headerContent h1 span, #headerContent h2, #contactdetails {display:block; width:564px; color:#88e9ea; font-weight:normal; background-image:url(images/bg-seethru.png)}
#headerContent h1 span {margin:15px 30px; height:112px; line-height:122px}
#headerContent h2 {height:31px; line-height:31px; font-size:18px; letter-spacing:0.05em; text-transform:lowercase; margin:0 auto 15px}
#menu {float:left; list-style:none; width:100%; margin-left:30px}
#menu li {float:left; font-size:1.1em; letter-spacing:0.1em; text-transform:lowercase}
#menu li a {display:block; float:left; margin:0 1px; width:139px; height:30px; line-height:30px; background-image: url(images/bg-buttons.png); background-position:center 0px ; background-repeat:no-repeat; color:#e9abe3; text-decoration:none; font-weight:normal}
#menu li a:hover {background-position:center -30px; color:#fff}               
#menu li a:active {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7}          
input, option, label {padding:4px 6px}

/*  header advert  */
#spoffer1, #spoffer2 {position:relative; width:200px; height:213px; margin:0 auto}
#spoffer1 {left:-400px; top:-213px}
#spoffer2 {right:-400px; top:-396px}

/* Slideshow on framing page styles  */
#slideshow {position:relative; width:400px; height:300px; float:right; margin:0 0 30px 30px; background:#0FC}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0}
#slideshow IMG.active {z-index:10; opacity:1.0}
#slideshow IMG.last-active {z-index:9}


/*  Footer Styles  */
#contactdetails {position:relative; width:400px; margin:auto; font-size:1.1em; line-height:1.7em; top:5px; z-index:50}
#contactdetails span {padding-left:10px; font-size:1.15em; letter-spacing:0.03em; color:white}
#footer {position:relative; width:900px; height:65px; margin:auto}
#footer a {font-weight:bold; color:#88e9ea; text-decoration:none}
#footer a:hover {filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6}
#footer a:active {color:blue}
#footer img {border:0}
#footvalid, #footLcopy, #footRcopy, #foot2graphic {position:absolute; top:52px; height:17px}
#footvalid {width:90px; left:0px}
#footLcopy {width:160px; left:90px; text-align:left}
#footRcopy {width:160px; right:80px; text-align:right}
#foot2graphic {width:70px; top:50px; right:0px}
#foot2graphic a {display:block; width:114px; height:17px; background:url(images/2graphic-logo.png) no-repeat center center}
#foot2graphic a span {display:block; width:0; height:0; overflow:hidden}


/*   Other Styles   */
.square {width:223px; height:223px; margin:6px; background:#cbcbcb url(images/loading-photo.gif) center center no-repeat}