/***************************************************************************************************
	
	CSS STYLES FOR OCEANBLUE 2001-2010
		
	nick@oceanbluecreative.com.au
	Phone: 0402 074 970
	Melbourne, Australia
	
	
	******** CONTENTS ********

		1. Typography
		2. Content Positioning
		3. Navigation Bar
		4. Footer
		5. Links + Minor Tweaks

***************************************************************************************************/

body {
	margin:0;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#0099CC;
	font-family:"Franklin Gothic Book", Helvetica,  Arial, sans-serif;
	font-size:small;
	color:#333333;
}

/************************************************* 1. Typography *************************************************/

@font-face {
	font-family: 'Franklin Gothic Medium';
	src: url('fonts/Franklin_Gothic_Medium.eot');
	src: local('Franklin Gothic Medium'), local('FranklinGothic-Medium'), url('fonts/Franklin_Gothic_Medium.woff') format('woff'), url('fonts/Franklin_Gothic_Medium.ttf') format('truetype'), url('fonts/Franklin_Gothic_Medium.svg#FranklinGothic-Medium') format('svg');
}

@font-face {
	font-family: 'Franklin Gothic Book';
	src: url('fonts/Franklin_Gothic_Book.eot');
	src: local('Franklin Gothic Book'), local('FranklinGothic-Book'), url('fonts/Franklin_Gothic_Book.woff') format('woff'), url('fonts/Franklin_Gothic_Book.ttf') format('truetype'), url('fonts/Franklin_Gothic_Book.svg#FranklinGothic-Book') format('svg');
}

h1 {
	color:#084A84;
	font-size:160%;
	font-family:"Franklin Gothic Medium", Helvetica, Arial, sans-serif;
	font-weight:normal;
	padding-top:30px;
	margin-bottom:0;
}

h1 a {
	color:#084A84;
	text-decoration:none;
}

h1 a:hover {
	color:#084A84;
	text-decoration:none;
	cursor:default;
}

h2 {
	color:#0066CC;
	font-size:145%;
	font-family:"Franklin Gothic Book", Helvetica,  Arial, sans-serif;
	font-weight:lighter;
	margin-top:0;
}

h2 a {
	color:#0066CC;
	border-bottom:1px dotted #0066CC;
}


h2 a:hover {
	color:#0066CC;
	border-bottom:none;
	cursor:pointer;
}

h3 {
	font-size:145%;
	font-family:"Franklin Gothic Book", Helvetica,  Arial, sans-serif;
	font-weight:lighter;
}

.big {
	font-size:120%;
	font-weight:bold;
}

.portTxt {
	font-size:85%;
}

.portKind {
	font-size:90%;
}

.small {
	padding-top:10px;
	color:#666666;
	font-size:90%;
	font-style:italic;
}

.smallSeo {
	font-size:76%;
}

.bigBold a {
	font-size:118%;
	font-family:"Franklin Gothic Medium", Helvetica,  Arial, sans-serif;
}

.viewMore {
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

/************************************************* 2. Content Positioning *************************************************/

#wrapper {
	margin:auto;
	width:1000px;
	height:auto;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

#header {
	margin:auto;
	width:100%;
	height:110px;
	background-color:#FFFFFF;
}

#logo {
	position:absolute;
	margin-top:18px;
	margin-left:30px;
	width:250px;
	height:70px;
}

#mainPhoto {
	margin:auto;
	width:100%;
	text-align:center;
	height:160px;
	background-color:#FFFFFF;
	background-image:url(../images/main.jpg);
	border-top:1px solid #B3DEF0;
}

#mainTitle {
	margin:auto;
	margin-top:-17px;
	width:100%;
	text-align:center;
	height:110px;
	background-color:#FFFFFF;
}

#social {
	float:left;
	margin-left:15px;
	margin-top:20px;
}

/************* Sliders *************/

#sliders {
	margin:auto;
	width:100%;
	height:auto;
	background-color:#B3DEF0;
}

#slideBio a {
	width:100%;
	height:20px;
	background-color:#009193;
	display:block;
	color:#FFFFFF;
	text-indent:50px;
	text-decoration:none;
	font-weight:lighter;
	padding-top:3px;
	border-bottom:1px solid #B3DEF0;
	cursor:pointer;
}

#slideExp a {
	width:100%;
	height:20px;
	background-color:#B33D3D;
	display:block;
	color:#FFFFFF;
	text-indent:50px;
	text-decoration:none;
	font-weight:lighter;
	padding-top:3px;
	border-bottom:1px solid #B3DEF0;
	cursor:pointer;
}

#slidePort a {
	width:100%;
	height:20px;
	background-color:#FF3333;
	display:block;
	color:#FFFFFF;
	text-indent:50px;
	text-decoration:none;
	font-weight:lighter;
	padding-top:3px;
	border-bottom:1px solid #B3DEF0;
	cursor:pointer;
}

#slideCon a {
	width:100%;
	height:20px;
	background-color:#FF6600;
	display:block;
	color:#FFFFFF;
	text-indent:50px;
	text-decoration:none;
	font-weight:lighter;
	padding-top:3px;
	border-bottom:1px solid #B3DEF0;
	cursor:pointer;
}

/************* Sliders Content *************/

#bio {
	height:437px;
	padding-left:48px;
	padding-right:60px;
	padding-top:22px;
	padding-bottom:35px;
	display:none;
}

#exp {
	height:180px;
	padding-left:80px;
	padding-right:60px;
	padding-top:22px;
	padding-bottom:35px;
	display:none;
}

#port {
	padding-left:25px;
	padding-right:48px;
	padding-bottom:16px;
}

#con {
	height:320px;
	padding-left:48px;
	padding-right:60px;
	padding-top:22px;
	padding-bottom:35px;
}

/************* Content Floats *************/

.left {
	float:left;
	padding-top:14px;
	width:30%;
}

.right {
	float:right;
	width:70%;
}

#leftExp {
	float:left;
	width:56%;
}

#rightExp {
	float:right;
	width:22%;
}

#rightExp2 {
	float:right;
	width:22%;
}

#leftCon {
	float:left;
	width:50%;
}

#rightCon {
	float:right;
	width:50%;
}

/************************************************* 3. Navigation Bar *************************************************/

#navPosition {
	position:absolute;
	margin-left:385px;
	margin-top:25px;
	width:600px;
	height:65px;
}

#nav {
	float:left;
	list-style:none;
}

#nav li {
	float:left;
	font-family:"Franklin Gothic Medium", Helvetica, Arial, sans-serif;
	font-size:120%;
}

#nav a {
	color:#0099CC;
	text-decoration:none;
	padding-left:30px;
	padding-right:30px;
	padding-top:55px;
	padding-bottom:10px;
	border-left:1px solid #CCCCCC;
	border-bottom:none;
	cursor:pointer;
}

#nav a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	cursor:pointer;
}

/************* States for Nav Colours *************/

#homeNav a {
	color:#0099CC;
	cursor:pointer;
}

#homeNav a:hover {
	background-color:#0099CC;
}

#bioNav a {
	color:#009193;
	cursor:pointer;
}

#bioNav a:hover {
	background-color:#009193;
}

#expNav a {
	color:#B33D3D;
	cursor:pointer;
}

#expNav a:hover {
	background-color:#B33D3D;
}

#portNav a {
	color:#FF3333;
	cursor:pointer;
}

#portNav a:hover {
	background-color:#FF3333;
}

#conNav a {
	color:#FF6600;
	border-right:1px solid #CCCCCC;
}

#conNav a:hover {
	background-color:#FF6600;
}

/************************************************* 4. Footer *************************************************/

#footerLogos {
	margin:auto;
	width:100%;
	height:60px;
	background-image:url(../images/footer.gif);
}

#footerTxt {
	float:right;
	width:50%;
	height:30px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:lighter;
	font-size:70%;
	color:#B3E1F0;
	text-align:right;
	margin-top:3px;
}

#footerTxt a {
	color:#B3E1F0;
	border-bottom:none;
}

#footerTxt a:hover {
	text-decoration:underline;
}

#centrado {
	float:left;
	width:50%;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:lighter;
	font-size:80%;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:4px;
}

#centrado a {
	color:#FFFFFF;
	border-bottom:none;
	text-decoration:none;
	margin-left:10px;
}

#centrado a:hover {
	text-decoration:underline;
}

/************************************************* 5. Links + Other Minor Tweaks *************************************************/

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

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

img {
	border:none;
}

.niceHref a {
	border-bottom:1px dotted #333333;
}

.niceHref a:hover {
	border-bottom:none;
}

.underl {
	text-decoration:underline;
}

.niceBorder {
	border:1px dotted #FFFFFF;
}

.portBorder {
	border:3px solid #E1E1E1;
	margin-bottom:15px;
	margin-top:20px;
}

.portBorder:hover {
	border:3px solid #0099CC;
	margin-bottom:15px;
	margin-top:20px;
	cursor:pointer;
}

#toTop {
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}