* {margin:0;padding:0}
a:link {color: #888;text-decoration: none;}
a:visited {color: #888;text-decoration: none;}
a:hover {color: #f36f21;text-decoration: none;}
a:active {color: #f36f21;text-decoration: none;}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('../fonts/helveticaneue-light-webfont.eot');
    src: url('../fonts/helveticaneue-light-webfont.eot?iefix') format('eot'),
         url('../fonts/helveticaneue-light-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-light-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-light-webfont.svg#webfontCHGSFhA0') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaBold';
    src: url('../fonts/helvetica-bold-webfont.eot');
    src: url('../fonts/helvetica-bold-webfont.eot?iefix') format('eot'),
         url('../fonts/helvetica-bold-webfont.woff') format('woff'),
         url('../fonts/helvetica-bold-webfont.ttf') format('truetype'),
         url('../fonts/helvetica-bold-webfont.svg#webfontp4kwzkYK') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
background-color:#000;
background-image:url(../images/layout/background.png);
background-repeat:repeat-y;
background-position:center;
font-size:100%;
font-family:'HelveticaNeueRegular', Helvetica, Arial, sans-serif;
}

#inner{
width:960px;
height:auto;
margin:auto;
font-size:0.9em;
}
#header{
width:100%;
height:auto;
background-image:url(../images/layout/header.png);
background-repeat:repeat-x;
background-position:bottom;
border-bottom:6px solid #f47920;
background-color:#FFF;
float:left;
}
#top{ width:960px; height:auto; margin:auto; padding-top:50px;}
#copy{ width:40%; height:auto; float:left; padding:0 0 20px 30px; line-height:1.2em; overflow:auto;}

/* NAVIGATION */
#nav{ width: 960px; height:40px; color:#ffffff;}

#nav #home { margin:0; padding:0;}
#nav #home li {display:inline;}
#nav #home li a { float:left; width:40px; height:40px; background-image:url(../images/layout/home.png); background-repeat:no-repeat; margin-right:10px;}
#nav #home li a:hover { background-image:url(../images/layout/home_over.png); background-repeat:no-repeat;}

#nav #home li#active  a{ background-image:url(../images/layout/home_over.png); background-repeat:no-repeat;}

#nav #buttons { margin:0; padding:0;}
#nav #buttons li {display:inline;}
#nav #buttons li a { font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; float:left; padding:10px 30px 0 30px; width:auto; height:30px; background-image:url(../images/layout/nav.png); background-repeat:repeat-x; color:#000; margin-right:10px;}
#nav #buttons li a:hover{ background-image:url(../images/layout/nav_over.png); background-repeat:repeat-x; color:#fff;}

#nav #buttons li#active a{ background-image:url(../images/layout/nav_over.png); background-repeat:repeat-x; color:#fff;}

#sub{ width: 295px; height:auto; color:#ffffff;}
#sub #buttons { margin:0; padding:0;}
#sub #buttons li {display:inline;}
#sub #buttons li a { font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.3em; float:left; padding:18px 30px 15px 60px; width:205px; height:47px; background-image:url(../images/layout/red.png); background-repeat:no-repeat; color:#FFF; text-align:center;}
#sub #buttons li a:hover{ background-image:url(../images/layout/over.png); background-repeat:repeat-x; color:#000;}

#sub #buttons li#active a{ background-image:url(../images/layout/over.png); background-repeat:repeat-x; color:#000;}
#sub #buttons li#active2 a{ height:55px; padding:10px 30px 15px 60px; background-image:url(../images/layout/over.png); background-repeat:repeat-x; color:#000;}

#sub #buttons li#culture a { font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.3em; float:left; padding:10px 30px 15px 60px; width:205px; height:55px; background-image:url(../images/layout/purple.png); background-repeat:no-repeat; color:#FFF; text-align:center;}
#sub #buttons li#culture a:hover{ background-image:url(../images/layout/over.png); background-repeat:repeat-x; color:#000;}

#sub #buttons li#coach a { font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.3em; float:left; padding:18px 30px 15px 60px; width:205px; height:47px; background-image:url(../images/layout/green.png); background-repeat:no-repeat; color:#FFF; text-align:center;}
#sub #buttons li#coach a:hover{ background-image:url(../images/layout/over.png); background-repeat:repeat-x; color:#000;}

#sub #buttons li#people a { font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.3em; float:left; padding:10px 30px 15px 60px; width:205px; height:55px; background-image:url(../images/layout/blue.png); background-repeat:no-repeat; color:#FFF; text-align:center;}
#sub #buttons li#people a:hover{ background-image:url(../images/layout/over.png); background-repeat:repeat-x; color:#000;}

#sub #buttons li#service a { font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.3em; float:left; padding:10px 30px 15px 60px; width:205px; height:55px; background-image:url(../images/layout/yellow.png); background-repeat:no-repeat; color:#FFF; text-align:center;}
#sub #buttons li#service a:hover{ background-image:url(../images/layout/over.png); background-repeat:repeat-x; color:#000;}

#sub #buttons li#event a { font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.3em; float:left; padding:18px 30px 15px 60px; width:205px; height:47px; background-image:url(../images/layout/orange.png); background-repeat:no-repeat; color:#FFF; text-align:center;}
#sub #buttons li#event a:hover{ background-image:url(../images/layout/over.png); background-repeat:repeat-x; color:#000;}

#sub #buttons li#liamtv a { font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.2em; float:left; padding:167px 30px 15px 70px; width:195px; height:28px; background-image:url(../images/layout/liamtv.png); background-repeat:no-repeat; color:#FFF; text-align:left;}
#sub #buttons li#liamtv a:hover{ background-image:url(../images/layout/liamtv_over.png); background-repeat:repeat-x; color:#000;}

#sub #buttons li#twitter a { font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.1em; float:left; padding:38px 20px 15px 100px; width:175px; height:47px; background-image:url(../images/layout/twitter.png); background-repeat:no-repeat; color:#FFF; text-align:left;}
#sub #buttons li#twitter a:hover{ background-image:url(../images/layout/twitter_over.png); background-repeat:repeat-x; color:#fff;}

#sub #buttons li#author a { font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.3em; float:left; padding:280px 30px 15px 60px; width:205px; height:28px; background-image:url(../images/layout/international.png); background-repeat:no-repeat; color:#FFF; text-align:center;}
#sub #buttons li#author a:hover{ color:#000;}

#sub #buttons li#liam a { font-family: 'HelveticaNeueRegular', Arial, Helvetica, sans-serif; font-size:1.0em; float:left; padding:0 0 0 150px; width:145px; height:113px; background-image:url(../images/pics/liam.png); background-repeat:no-repeat; color:#000; text-align:left;}

#sub #buttons li#sparky a { font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.0em; float:left; padding:35px 0 0 0; width:110px; height:83px; background-image:url(../images/layout/sparky.png); background-repeat:no-repeat; color:#000; text-align:left;}
#sub #buttons li#sparky a:hover{ color:#000;}


h1{  font-size:3.5em; font-weight:normal; letter-spacing:-0.03em;}
h2{  font-size:1.0em; font-weight:normal; color:#f47920;}
h3{ font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:normal; color:#f47920;}
h4{ font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal;}
h5{ font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:normal;}
h6{ font-family: 'HelveticaNeueRegular', Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:normal; color:#f47920;}

#content{ width:900px; height:auto; float:left; padding:15px 30px 30px 30px;}
.left{ width:575px; height:auto; float:left; padding-right:30px;}
.left img{ padding-right:10px;}
.left a{ color:#666;}
.left a:hover{ color:#666;}
.copy{ width:267px; padding-right:30px; float:left;}
.copy a{ color:#000;}
.copy a:hover{color: #f36f21;}
.copy ul{ list-style-type: none; padding: 0px; margin: 0px; text-align: left;}
.copy ul li{ background-image:url(../images/layout/square.png); background-repeat: no-repeat; background-position: 0% .3em; padding-left: 20px;}
.quote{ width:267px; float:right; padding-right:10px;}
.right{ width:295px; height:auto; float:left;}
.right_copy{ width:265px; height:auto; float:left; padding-left:30px;}
.right a{color:#fff;}
.right a:hover{color:#000;}

em{ font-size:1.1em;}
strong{ font-family: 'HelveticaBold', Arial, Helvetica, sans-serif; font-weight:normal;}

.shadow{
width:960px;
height:15px;
background-image:url(../images/layout/shadow.png);
background-repeat:repeat-x;
float:left;
}

.contact{ font-size:1.3em; padding-bottom:10px;}

/* FOOTER */
#footer{
width:575px;
height:auto;
margin-top:20px;
float:left;
}

#footer1{
width:640px;
height:192px;
margin-top:20px;
color:#FFFFFF;
float:left;
}

.left_link{
width:136px;
height:auto;
margin-right:10px;
margin-bottom:10px;
float:left;
}

.left_link_active{
width:136px;
height:auto;
margin-right:8px;
margin-bottom:8px;
float:left;
}

.centre_link{
width:136px;
height:auto;
margin-right:10px;
margin-bottom:10px;
float:left;
}

.centre_link_active{
width:136px;
height:auto;
margin-right:8px;
margin-bottom:8px;
float:left;
}

.right_link{
width:136px;
height:auto;
margin-bottom:10px;
float:left;
}

.right_link_active{
width:136px;
height:auto;
margin-bottom:10px;
margin-bottom:8px;
float:left;
}

#footer ul { margin:0; padding:0;}
#footer ul li {display:inline; font-family: 'HelveticaBold', Arial, Helvetica, sans-serif;}
#footer ul li a { float:left; width:auto; height:auto; background-color:#000; padding:5px 10px; color:#FFF;}
#footer ul li a:hover { background-image:url(../images/layout/nav_over.png); background-repeat:repeat-x; color:#000; background-position:0;}

.duck_leaflet{
width:277px;
height:360px;
float:left;
margin-right:10px;
}

.presentation_leaflet{
width:139px;
height:196px;
float:left;
margin-top:103px;
margin-right:10px;
}

.presentation_leaflet_right{
width:139px;
height:196px;
margin-top:103px;
float:left;
}


