body { background: #374a58; font-family: sans-serif; color: #fff; line-height: 1.75em;}
a { color: #16b4db;}
a:hover { text-decoration: none;}
#main { margin: 48px auto; width: 968px; overflow: hidden; } 

h1 { background: transparent url('../images/wavana-logo.png') no-repeat left top; height: 48px; width: 151px; margin-top: 82px;}
h2 { text-align: center; background: transparent url('../images/genuinely-useful.png') no-repeat top center; height: 93px; margin-top: 160px;}
h3 { margin: 0 0 20px; }
.recent-work h3 { background: transparent url('../images/recent-work-title.png') no-repeat top left; height: 18px; }
.contact h3 { background: transparent url('../images/contact-title.png') no-repeat top left; height: 18px; width: 200px;}

h1 span, h2 span, h3 span, h4 span { visibility: hidden; }
.cols { position: relative; padding: 0 8px; width: 960px; clear: both; overflow: hidden; }
.col-1-3, .col-2-3, .col-3-3 { float: left; display: inline;}
.col-1-3 { margin: 0 24px; width: 272px; }
.col-2-3 { margin: 0 24px; width: 592px; } 
.col-3-3 { margin: 0 24px; width: 912px; }
.col-left-border { margin: 0; width: auto; padding: 0 24px; border-left: 1px solid #ddd;}
.cols .col-right { float: right; }
#header { background: #fff url('../images/top-back.png') no-repeat left top; height: 415px;}
#bottom { background: #f1f1f1 url('../images/bottom-back.png') no-repeat left bottom; padding: 24px 0 32px; color: #374a58;}
#footer { font-size: 0.7em; color: #6689a3; text-align: center; margin: 48px;}
#footer a { color: #6689a3; }

.contact dl { font-size: 0.8em;}
.contact dt { display: block; float: left; width: 25px; height: 25px; margin: 0 10px 0 0; background: transparent url('../images/contact-icons.png') no-repeat; }
.contact dt span { display: none; }
.contact dt.email { background-position: left top; }
.contact dt.telephone { background-position: -50px top; }
.contact dt.twitter { background-position: -25px top; }
.contact dt.vcard { background-position: right top; }
.contact dd { height: 35px;}

/* Fixes */
.bottom {
	overflow: hidden;
	_overflow: visible;
	_overflow-x:hidden;
}

.bottom {
	overflow: hidden;
	_overflow: visible;
	_overflow-x:hidden;
	_height: 0;
}

.bottom {
	overflow: hidden;
	_overflow: visible;
	_overflow-x:hidden;
	_height: 0;
}
/*\*//*/ 
.bottom {display: inline-block;}
/**/

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/
/* Most common stuff you'll need to change */

	.coda-slider-wrapper { position: relative; overflow: hidden; width: 584px; height: 258px;}
	.coda-slider { background: #ddd; overflow: hidden;  }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 258px; overflow: auto !important; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 584px } 

	.coda-nav { position: absolute; width: 90px; height: 25px; top: 25px; right: 20px; z-index: 10000;}
	/* Tab nav */
	.coda-nav ul li a.current { background-position: left bottom }
	.coda-nav ul li a:hover { background-position: left -25px }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { overflow:hidden; }
	
	.coda-slider p.loading { padding: 20px; text-align: center }	

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { display: block; overflow: hidden; }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { display: block; float: left; margin-right: 5px; width: 25px; height: 25px; background: transparent url('../images/work-links.png') no-repeat left top;
	 }
	.coda-nav ul li a span { display: none;}
	.coda-nav ul li.tab2 a { background-position: -25px top;}
	.coda-nav ul li.tab2 a.current { background-position: -25px bottom;}
	 .coda-nav ul li.tab2 a:hover { background-position: -25px -25px;}
	.coda-nav ul li.tab3 a { background-position: -50px top;}
	.coda-nav ul li.tab3 a.current { background-position: -50px bottom;}	
	.coda-nav ul li.tab3 a:hover { background-position: -50px -25px;}
	
	/* Miscellaneous */
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left; height: 258px; overflow: hidden; }
	.coda-slider .panel-container { position: relative; overflow: hidden; }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }