@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
body {
	background:#000 url(../images/bg-body.jpg) 50% 150px no-repeat;
	font:13px/19px Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
}

/* Containers */
#site {
	width:930px;
	margin:0 auto;
	position:relative;
	min-height:768px !important;
	min-width:930px !important;
}

#content {
	position:absolute;
	top:225px;
	left:220px;
	width:645px;
	height:330px;
	background:url(../images/bg-content.png) 0 0;
	color:#fff;
	padding:5px 20px 30px;
	border-radius: 10px;
	moz-border-radius: 10px;
}

#content .videotxt {
	width:800px;
	height:200px;
	overflow:hidden;
	position:absolute;
	left:-4000px;
	
}

/* Text */
h1 {
	width:300px;
	height:170px;
	position:absolute;
	right:0;
	top:30px;
	background:url(../images/brand-odyssey-logo.png) 50% 50% no-repeat;
	text-indent:-300em;
}

#content p {
	margin:10px 0;
}

/* Process */
#process #content { 
	background:none;
}

#process iframe { 	
	position:relative;
	left:-15px;
	top:10px;}

#index #content { display:none; }

/* Services */

#services #content div { 
	display:none;
	margin-left:220px;
}

#services #content a {
	color:#3b9ace;
	text-decoration:underline;
}

#services #content a:hover { text-decoration:none; }

#services #content .active { display:block; }
#services #content ul { float:left; }
#services #content li {
	list-style-type:none;
	color:#fff;
}
#services #content li a {
	width:195px;
	border-bottom:1px solid #fff;
	display:block;
	padding:10px 0;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#services #content li a.active,
#services #content li a:hover,
#services #content li a:focus { color:#58b4e6; }
#services #content ul a.last { border-bottom:none; }
#services #content div {
	
}



/* Engage */

#engage #content p.address {
	float:left;
	width:200px;
	line-height:14px;
	margin-top:40px;
}

#engage #content form {
	margin-left:215px;
	width:380px;
}


/* Forms */

#engage form label { 
	width:120px; 
	display:block; 
	float:left;
	line-height:25px;
}
#engage form input, #engage form textarea { 
	width: 215px; 
	margin-right:5px;
	padding:5px;
	border:1px solid #333;
}
#engage form input.alt { position:absolute; left:-300em; }

#engage form input.btn { 
	width:225px; 
	background-color:#c40757; 
	color:#fff; 
	padding:5px 0; 
	margin-left:120px;
	border:none;
	cursor:pointer;
	opacity:0.8;
	font-weight:bold;
}

#engage form input.btn:hover {
	opacity:1;
}

#engage form p { margin:5px 0; }

/* Online Lectures */

#lectures #content {
	padding:15px 15px 30px;
	width:655px;
	height:465px;
}

.player #content { background:none; }
#lectures iframe {
	position:relative;
	left:-15px;
	top:-20px;
}

#lectures #footer {
	top:755px;
	
}

ul#videos li {
	list-style-type:none;
	float:left;
	margin:0px 5px 55px;
	position:relative;
}

ul#videos a {
	width:120px;
	height:70px;
	display:block;
	background-position:0 50%;
	text-indent:-300em;
	outline:none;
}

ul#videos li span {
	position:absolute;
	font-size:10px;
	width:120px;
	left:0;
	top:75;
	line-height:14px;
	text-align:center;
}

/* Articles */

#articles #content ul {
	width:45%;
	margin:15px 25px 0 0;
	float:left;
}

#articles #content li {
	float:left;
	width:100%;
	list-style-type:none;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	margin-bottom:5px;
}

#articles #content li:last {
	border-bottom:none;
}


#articles #content a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	display:block;
}

#articles #content a:hover, #articles #content a:focus { color:#c40757; }

/* O */

#o #content {
	background:url(../images/bg-boxes.png) 10px 0 no-repeat;
	padding:0;
	width:665px;
	height:360px;
}

#o #content ul {
	width:100%;
	height:350px;
	display:block;
	position:relative;
}

#o #content ul li {
	width:170px;
	display:block;
	position:absolute;
	text-align:center;
	font-weight:bold;
}

#o #content li.one { left:12px; top:61px; padding-top:24px; }
#o #content li.two { left:12px; top:165px; padding-top:15px; }
#o #content li.three { left:118px; top:271px; padding-top:15px; }
#o #content li.four { left:227px; top:0; padding-top:24px;  }
#o #content li.five { left:227px; top:150px; padding-top:6px; }
#o #content li.six { left:448px; top:12px; padding-top:6px; }
#o #content li.seven { left:448px; top:150px; padding-top:15px; }

/* Director */

#director #content { width: 715px; height:380px; }
#director #footer { top: 660px; }
#director .pic { width:140px; float:left; margin-top:10px; }
#director .bio { margin-left:160px; }
#director table {	border-collapse:collapse; font-size:12px; }
#director th, #director td { vertical-align:top; border-bottom:1px solid #fff; text-align:left; padding:3px; }
#director th { padding-right:5px; width:60px; }
#director th.last, #director td.last { border-bottom:none; }

/* Menu */
ul#nav {
	position:absolute;
	left:0;
	top:0;
	width:200px;
	display:block;
	min-height:500px;
	background:url(../images/bg-nav.png) 0 0 repeat;
	font-size:18px;
}
ul#nav li {
	list-style-type:none;
}
ul#nav li.first {
	margin-top:180px;
}
ul#nav a {
	width:200px;
	text-align:center;
	text-transform:uppercase;
	line-height:35px;
	font-weight:600;
	color:#fff;
	display:block;
	text-decoration:none;
}
ul#nav a:hover, ul#nav a:focus,
#intro a.intro,
#process a.process,
#services a.services,
#engage a.engage,
#lectures a.lectures,
#articles a.articles,
#affiliates a.affiliates,
#o a.o,
#director a.director
 {
	color:#c40757;	
}

#services a.services { color:#c40757;	}

/* Footer */
#footer {
	width:100%;
	position:absolute;
	top:670px;
}
#footer div {
	width:690px;
	margin:0 auto;
	text-align:center;
	color:#fff;
}
#footer h2 {
	font-size:23px;
	color:#c40757;
	text-transform:uppercase;
	letter-spacing:1.8px;
	border-bottom:1px solid #fff;
	line-height:40px;
}
#footer p {
	font-size:15px;
	font-weight:600;
	margin:10px auto;
}

#footer p.abn {
	font-size:12px;
}