/* ----------------------------------------------------------------------------

   Blue Bay Design
   www.bluebaydesign.com.au
   
   Website by www.toledoh.com.au - November 2009
   
   Key Features:
   
   - Page sliding
   - Utilises Easy Slider 1.7 & Shadowbox.js
   - Design by Blue Bay Design   
   
   ---------------------------------------------------------------------------- */
* {
 margin: 0;
 padding: 0;
 }

html{ font-family:Arial, Helvetica, sans-serif; color: #999999;}

.hidden{display:none;}

body{
overflow:hidden;
background-image: url(../images/backgrounds/Tile2.png);
}
a:active {
 outline: none;
 }

#top{
	position: absolute;
	top:0; left:0;
	width:8000px;
	background:url(../images/backgrounds/border_top.jpg) repeat-x;
	height:9px;
	z-index:10;
	}
#left{
	position: absolute;
	top:0; left:0;
	width:8px;
	background: url(../images/backgrounds/border_side.jpg) repeat-y;
	height:5000px;
	z-index:10;
	}

#footer{
font-size:9px;
color:#333333;
position:fixed;
bottom:55px;
left:85px;
z-index:10;
}
/*-- FONTS  */
h1{}
h2{ color: #990000; font-size:60px; padding-top:45px;}
h3{ color: #FFFFFF; font-size:20px; padding-top:5px; font-weight:lighter;}
h4 { color:#FFFFFF; font-size: 18px; font-weight:normal; padding-left:40px; margin-top:-35px; }
p{ color: #999999; font-size:14px; line-height:20px; font-weight: normal; padding-bottom:5px;}

a{ color:#990000; text-decoration:none;}
a:hover{ color: #333333; text-decoration:none;}
/*-- HEADER NAVIGATION  */
#nav{
	position: fixed;
	top:55px;
	left:85px;
	z-index:10;
	}

ul#headernav {
	margin: 0; padding: 10px 0;
	float:left;
	width: auto;
	list-style: none;
	font-size: 1.1em;
	border-bottom:thin #FFFFFF solid;
}
ul#headernav li {
	margin: 0;
	display:inline-block;
}

ul#headernav li a {
	color:#FFFFFF;
	text-decoration:none;
	outline: none;
}
ul#headernav li a:hover {
	color: #990000;
	outline: none;
}
ul#headernav li a:active {
	color: #990000;
	outline: none;
	}
 
ul#headernav a.about {
margin-right:60px;
}
ul#headernav a.brand {
margin-right:60px;
}
ul#headernav a.strategy {
margin-right:60px;
}
ul#headernav a.copywriting {
margin-right:60px;
}
ul#headernav a.contact {
margin-right:0px;
}

#contentBox{
	height:170px;
	border-top: #FFFFFF thin solid;
	border-bottom: #FFFFFF thin solid;
	margin:10px 0;
	padding:15px 0;
	}

#xyz{
	height:170px;
	border-top: #FFFFFF thin solid;
	border-bottom: #FFFFFF thin solid;
	margin:10px 0;
	padding:15px 0;
	}
	
img.left{ float:left; padding-right:10px;}

#about{
top:0; left:0;
width:589px; height:719px;
padding:90px 346px 0 85px;
background: url(../images/backgrounds/Home.png) no-repeat;
position: absolute;
}

#brand{
top:2000px; left:4000px;
width:589px; height:719px;
padding:90px 346px 0 85px;
background: url(../images/backgrounds/Brand.png) no-repeat;
position: absolute;
overflow:hidden;
}


#strategy{
top:3000px; left:1000px;
width:589px; height:719px;
padding:90px 346px 0 85px;
background:url(../images/backgrounds/Strategy.png) no-repeat;
position: absolute;
}

#copywriting{
top:0; left:3000px;
width:589px; height:719px;
padding:90px 346px 0 85px;
background:url(../images/backgrounds/Copywriting.png) no-repeat;
position: absolute;
}

#contact{
top:4000px; left:2500px;
width:589px; height:719px;
padding:90px 346px 0 85px;
background:url(../images/backgrounds/Contact.png) no-repeat;
position: absolute;
}
#testimonials{
top:1000px; left:1000px;
width:589px; height:719px;
padding:190px 316px 0 115px;
background: url(../images/backgrounds/Testimonials.png) no-repeat;
position: absolute;
}
/*-- Brand  */
ul#brandThumbs{ padding-left:113px; text-align:right;}

.brandThumbImage{ padding:0 6px 9px 0; border:none; z-index:15; cursor:crosshair;}
/*-- Sea Creatures  */

#fish{
	top:100px; left:1100px; position: absolute; width:140px; height:140px;
	background: url(../images/creatures/3fish.png) no-repeat;
	}
#BigFish1{
	top:250px; left:4500px; position: absolute; width:140px; height:140px;
	background: url(../images/creatures/BigFish1.png) no-repeat;
	}
#Boat{
	top:200px; left:2500px; position: absolute; width:140px; height:140px;
	background: url(../images/creatures/Boat.png) no-repeat;
	}
#Boat2{
	top:4000px; left:4200px; position: absolute; width:140px; height:140px;
	background: url(../images/creatures/Boat2.png) no-repeat;
	}
#Boat3{
	top:500px; left:4700px; position: absolute; width:140px; height:140px;
	background: url(../images/creatures/Boat3.png) no-repeat;
	}
#Marlin{
	top:4000px; left:1200px; position: absolute; width:140px; height:140px;
	background: url(../images/creatures/Marlin.png) no-repeat;
	}
#Octopus{
	top:3000px; left:2500px; position: absolute; width:140px; height:140px;
	background: url(../images/creatures/Octopus.png) no-repeat;
	}
#WavesLrge{
	top:3000px; left:2000px; position: absolute; width:140px; height:140px;
	background: url(../images/creatures/Waves-Med.png) no-repeat;
	}
#WavesSml{
	top:3200px; left:2200px; position: absolute; width:140px; height:140px;
	background: url(../images/creatures/WavesSml.png) no-repeat;
	}
#Whale1{
	top:3200px; left:2200px; position: absolute; width:140px; height:140px;
	background: url(../images/creatures/Whale1.png) no-repeat;
	}
#whale2{
	top:3200px; left:3200px; position: absolute; width:140px; height:140px;
	background: url(../images/creatures/Whale2.png) no-repeat;
	}
#wind{
	top:2200px; left:1300px; position: absolute; width:140px; height:140px;
	background: url(../images/creatures/Wind.png) no-repeat;
	}


.formStyle {
width:300px;
height:30px;
border: #CCCCCC thin #FFFFFF;
margin:3px;
}

.formStyle2 {
width:300px;
height:60px;
border: #CCCCCC thin #FFFFFF;
margin: 3px;
}