/* General */

* {
border:0;
margin:0;
padding:0;
}
html, body {
background:url(images/main_background.jpg);
background-color:#DCD7C8;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
text-decoration:none;
}
a {
border-bottom:1px solid #BEB9AA;
color:#C7C050;
outline:none;
text-decoration:none;
}
a:hover {
color:#968246;
text-decoration:none;
}
a:active {
color:#5A503C;
text-decoration:none;
}
p {
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:1em;
font-style:normal;
font-weight:normal;
line-height:1.8em;
padding:10px 0px 0px 0px;
}
h1,h2,h3 {
font-size:1em;
font-weight:bold;
line-height:1.8em;
}
h4 {
display:block;
clear:both;
font-size:1em;
font-weight:normal;
line-height:1.8em;
}
h4 span {
display:block;
float:left;
margin:0px 20px 10px 0px;
width:40px;
height:50px;
}
h4 span img {
display:block;
margin:auto;
}
h5 {
	color:#FFFFFF;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
input,textarea {
background:transparent url(images/input.gif) repeat-x;
background-color:#F0E6D2;
border:solid 1px #AA9669;
color:#C7C050;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:1em;
margin:2px 0px 2px 0px;
padding:2px;
}
.indent {
padding:0px 0px 0px 25px;
}
.cap {
color:#C7C050;
float:left;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:3em;
line-height:.9em;
padding:5px 5px 0px 0px;
}
.quote {
font:italic 1em Verdana,Arial,Helvetica,Sans-Serif;
line-height:1.8em;
padding:10px 20px 0px 20px;
}
.quote span {
display:block;
color:#C7C050;
font:normal 1em Verdana,Arial,Helvetica,Sans-Serif;
padding:5px 0px 0px 0px;
text-align:right;
}
.line {
background:url(images/line.gif) center no-repeat;
clear:both;
width:270px;
height:30px;
}

/* Main */

.main {
background:url(images/main_background.jpg) no-repeat;
display:block;
width:100%;
height:auto;
}
.container {
display:block;
margin:auto;
width:800px;
}
.header {
	height:200px;
	margin:0px 0px 0px 0px;
	display:block;
	width: 800px;
	background-image: url(images/omog_header.gif);
	background-repeat: no-repeat;
}
.omologo {
background:url(images/omogbejalogo2.jpg) no-repeat;
border:0;
margin:40px 0px 0px 0px;
width:299px;
height:29px;
}
.omobackground1 {
	display:block;
	width:800px;
	z-index:0;
	background-image: url(images/omo_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	margin-top: 30px;
}
.book1 {
display:block;
background:url(images/back1.gif) no-repeat;
float:right;
margin:72px 0px 0px 0px;
text-indent:-100em;
width:400px;
height:576px;
}
.book1 a {
border:0;
cursor:pointer;
display:block;
text-indent:-100em;
width:400px;
height:576px;
z-index:100;
}
.book1 a:hover {
background:url(images/back2.gif) top right no-repeat;
}
.book {
background:url(images/omo_background.jpg) left bottom no-repeat;
width:800px;
z-index:10;
}
.book a:hover {
border-bottom:1px solid #AAA08C;
color:#968246;
text-decoration:none;
}
.book a:active {
color:#5A503C;
text-decoration:none;
}
.book2 {
display:block;
border:0;
position:absolute;
text-indent:-100em;
width:280px;
height:100px;
}
a:hover.book2 {
border:0;
background:url(images/up-arrow.gif) 160px 0px no-repeat;
}
a.back {
background:url(images/back1.gif) top right no-repeat;
border:0;
cursor:pointer;
float:left;
margin:0px 0px 0px 50px;
text-indent:-100em;
width:60px;
height:100px;
}
a:hover.back {
border:0;
background:url(images/back2.gif) no-repeat;
}
a.next {
display:block;
border:0;
margin:0px 0px 5px 233px;
text-indent:-100em;
width:50px;
height:50px;
}
a:hover.next {
border:0;
background:url(images/next.gif) bottom right no-repeat;
}
.intro {
background:url(images/intro.gif) no-repeat;
text-indent:-100em;
margin:0px 0px 10px 0px;
width:270px;
height:25px;
}
.footer {
display:block;
clear:both;
margin:auto;
margin-top:10px;
position:relative;
text-align:center;
}
#left {
	display:block;
	float:left;
	width:270px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 65px;
}
#right {
display:block;
float:left;
margin:0px 0px 0px 50px;
width:280px;
}
#right p {
padding:10px 10px 0px 0px;
}
.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;
}

/* Nav */

.nav {
display:block;
list-style-type:none;
padding:0px 0px 0px 50px;
height:20px;
}
.nav li {
float:left;
z-index:0;
}
.nav a {
border:0;
display:block;
text-indent:-100em;
width:100px;
height:50px;
z-index:0;
}
.nav a:hover {
background-position:0 11px;
}
.menu1 {
background:url(images/menu1.gif) 0 9px no-repeat;
}
.menu1a {
	background-image: url(images/menu1.gif);
	background-repeat: no-repeat;
	background-position: 0 9px;
}
.menu2 {
background:url(images/menu2.gif) 0 4px no-repeat;
margin-left:5px;
}
.menu2a {
background:url(images/menu2a.gif) 0 4px no-repeat;
margin-left:5px;
}
.menu3 {
background:url(images/menu3.gif) 0 9px no-repeat;
}
.menu3a {
background:url(images/menu3a.gif) 0 9px no-repeat;
}
.menu4 {
background:url(images/menu4.gif) 0 5px no-repeat;
margin-left:10px;
}
.menu4a {
background:url(images/menu4a.gif) 0 5px no-repeat;
margin-left:10px;
}
.menu5 {
background:url(images/menu5.gif) 0 7px no-repeat;
margin-left:5px;
}
.menu5a {
background:url(images/menu5a.gif) 0 7px no-repeat;
margin-left:5px;
}

/* List */

.list {
list-style-type:none;
margin:30px;
position:relative;
}
.list li {
	line-height:1.8em;
	background-image: url(images/list1.gif);
	background-repeat: no-repeat;
	background-position: -5px -1px;
}
.list li a {
border:0!important;
padding:0px 0px 5px 25px;
line-height:1.8em;
}
.list li a:hover {
background:url(images/list2.gif) 0px 0px no-repeat;
}
.profiles {
list-style-type:none;
position:relative;
margin:0px;
}
.profiles li {
background:url(images/pic1.gif) -25px 10px no-repeat;
font-size:1em;
line-height:1.8em;
padding:10px 0px 10px 20px;
}
.profiles li span {
display:block;
font:bold .9em Verdana,Arial,Helvetica,Sans-Serif;
letter-spacing:2px;
text-transform:uppercase;
}
.portlist {
list-style-type:none;
margin:auto;
position:relative;
width:400px;
padding:150px 0px 20px 0px;
}
.portlist li {
display:inline;
background:url(images/list1.gif) 0px 0px no-repeat;
line-height:1.8em;
}
.portlist li a {
border:0!important;
padding:0px 10px 5px 25px;
line-height:1.8em;
}
.portlist li a:hover {
background:url(images/list2.gif) 0px 0px no-repeat;
}
.proj {
list-style-type:none;
margin:5px 0px 5px 0px;
}
.proj li {
clear:both;
line-height:60px;
padding:5px 0px 5px 0px;
}
.proj li a img {
border:2px solid #645028;
float:left;
margin:0px 10px 0px 0px;
padding:2px;
width:60px;
height:60px;
}
.proj li a:hover img {
border:2px solid #aa9669;
}
.title {
display:block;
height:10px;
}
.title img {
	display:block;
	margin: 0px;
	padding: 0px;
}

/* Images */

img {
border:0;
}
.image {
border:0!important;
display:block;
width:149px;
height:119px;
}
a:hover.image {
background:url(images/image.gif) no-repeat;
border:0!important;
display:block;
width:149px;
height:119px;
}
.foto {
display:block;
width:270px;
height:105px;
}
.foto img {
display:block;
margin:auto;
}
.logo {
display:block;
padding:20px 0px 0px 0px;
width:300px;
height:70px;
}
.pics img {
display:block;
margin:auto;
}
.pics {
	border:0 !important;
	float:right;
	height:122px;
	width:100px;
	background-image: url(myslideshow.swf);
	background-repeat: no-repeat;
}