/* 
Site Standard layout for: The Creative Zoo
Author: Nick Sammut nick@creativezoo.com.au
Version: 26-05-2005
------------------------------------------------------------*/

html, body {
margin:0;
padding:0;
color:#161615;
text-align:left;

font:86%/1.7 Verdana, Helvetica, Arial, sans-serif;
background-color: #161615;
background-image:url(../images/bgzoo.gif);}
/* 86% = Base Font Size/1.7 = Base Line Hight Base font family.
If you are going to use the same font family throughout you dont need
to specify it again it will be inherited by every child. */


#title {
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
}



#container {
width:780px;
text-align:left;
position:relative;
margin:2em auto 4em auto;
}


#content {
width:780px;
position:relative;
}


/* Contains the main logo. */

#header {
width:780px;
height:80px;
background:url(../images/topbar.gif) no-repeat top right;
}
/* Icons on the right. */

#header img {
border:0;
}



/* Index and Contact pages
------------------------------------------------------------*/


#main-logo {
width:100%;
height:180px;
margin-top:10em;
position:relative;
background:url(../images/mainlogo.jpg) no-repeat top center;
}


#enter{
bottom:-10em;
position:relative;
}

.rollover a {
display:block;
width: 350px;
height: 15px;
font: bold 13px sans-serif;;
color:#fff;
padding:10px 7px 7px 2px;

color:#fff;
background: url("../images/enterall.gif") 0 0 no-repeat;
}
.rollover a:hover { 
background-position: 0 -31px;
color: #fff;
}
.rollover a:active {
background-position: 0 -62px;
color:#fff;
}

#logoimage {
margin-top:5em;
margin-left:15em;
width:365px;
height:200px;
position:relative;
background:url(../images/indexlogo.gif) no-repeat top center;
}

#titleimage {
width:370px;
height:150px;
no-repeat top left;
}

#introtext {
bottom:-18em;
width:370px;
font-size:90%;
position:relative;
}


/* Off left image replacement. 
------------------------------------------------------------*/
.title h3, #header a span, #header .skip, #main-logo h1, #enter span {
left:-1000em;
position:absolute;
}

/* Main Content area. 
------------------------------------------------------------*/
#main-content {
float:center;
width:760px;
position:relative;
background-color: #161615;
height:750px;
}


#main-content p {

margin-left:2em;
margin-right: 2em;
}

/* Sub Navigation.
------------------------------------------------------------*/
#sub-nav {
position: static;
text-align:center;
top:170px; 
width:162px;

background-image:url(../images/bg2.gif);
height: 580px; }


#sub-navbox {
color: #ffffff;
font-size: 1.1em;
text-align:center;
width:162px;
position:relative;
background-image:url(../images/nav_bg.gif);
height:25px; }



#sub-nav ul {
width:110px;
padding-left:0;
line-height:2em;
margin-left:2em;
margin-right:.5em;
}

#main-nav {
color: #ffffff;
text-align:right;
right:10px;
top:5%;
width:600px;
position:absolute;
}

#main-nav ul {
margin:0;
padding-left:0;
font-size:105%;
text-align:center;
list-style-type:none;
}

#main-nav li {
width:8em;
float:right;
text-align:center;
}

#main-nav li.first {
width:5em;
text-align:center;
margin-center:3em;
}

#main-nav li.mid {
width:8em;
text-align:center;
margin-right:3em;
}

#main-nav li.last {
width:6em;
text-align:center;
}
/* Last link needs to be bigger due to word size. */

/* Box Model problem fix. I hate IE. */
* html #main-nav li.first {
margin-left:.5em;
}

#sub-nav li {
list-style-type:none;
}

#sub-nav a {
text-decoration:none;
}

#sub-nav a, #sub-nav a {
color:#666666;
}

#sub-nav a:hover {
color:#fff;
}

#sub-nav .current a {
color:#999;
cursor:default;
}

#copyright {
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em; }

/* Set the current link style or not, your choice. */

/* Flash slide show.
------------------------------------------------------------*/
#flash-nav {

width:760px;
height: 170px;
position: relative; }
/* Width Needed for IE5Mac. */

/* Use a clearing div to keep the nav bar below the content and flash.
------------------------------------------------------------*/
.clear {
clear:both;
}


/* Main Navigation bar.
------------------------------------------------------------*/


#linkbar {
right:0;
color:#ffffff;
text-decoration: none; }


a:link {
color:#ffffff;
text-decoration: none; }

a:hover {
color:#666666;
text-decoration: none; }

a:visited {
color:#666666;
text-decoration: none; }

 a:active {
color:#cccccc;
text-decoration: none; }

#address {
right:0;
font-size:85%;
color:#ffffff;
position: static;
text-align:center;
text-decoration: none;
line-height: 1.5em; }

#copyright {
right:0;
color:#999999;
bottom:-10em;
position: relative;
text-align:center;
text-decoration: none; }

#copyright p {
font-size:110%;
margin:.2em 0 0 0;
text-decoration: none; }

#copyright a {
color:#999999;
text-decoration:none;
}

#copyright a:hover {
color:#333333;
text-decoration: none; }

#copyright a:visited {
color:#999999;
text-decoration: none; }

#copyright a:active {
color:#333333;
text-decoration: none; }