/* =The Great Equalizer
----------------------------------------------- */

html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

li, dd, blockquote {
	margin-left: 1em;
}

form label {
	font-size: 1.2em;
	cursor: pointer;
}

fieldset {
	border: none;
}

input, select, textarea {
	font-size: 100%;
}

/* =Main
----------------------------------------------- */

html {
	background-color: #EAF4FA;
}

body {
	font-size: .7em;
	font-family: 	"Lucida Grande", LucidaGrande, Lucida, Helvetica, Verdana, Arial, sans-serif;
}

ul {
	list-style: none;
}

img {
	border: 0;
	display: block;
}

/* =Headers
----------------------------------------------- */

#header {
	width: 100%;
	background: url(/images/header_bg.gif) repeat-x;
	height: 132px;
}

h1 {
	position: relative;
	top: 0;
	left: 0;
	font-size: 1em;
	width: 300px;
	height: 198px;
	background: #EAF4FA url(/images/akjak_logo.gif);
	margin: 0;
	padding: 0;
	z-index: 5;
}

h1 a {
	display: block;
	text-indent: -1000em; /*\*/overflow: hidden; /**/
}

h2 {
	color: #333;
	font-size: 1em;
	border: 0;
	margin: 7px 0 0 0;
}

h3 {
	color: #333;
	font-size: 1em;
	border: 0;
	margin: 0;
	text-align: right;
}

/* =Links
----------------------------------------------- */

a, a:link, a:hover, a:visited {
	color: #712220;
	text-decoration: none;
}

a {
	outline: none;
}

a:hover {
	text-decoration: underline;
}

ul li a:hover {
	text-decoration: none;
}

/* =Text
----------------------------------------------- */

.pull_quote {
	text-align: right;
	background-color: #f8f8fb;
	color: #000;
	padding: 12px 10px 12px 10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

span {
	font-size: 1.1em;
}

.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	font-size: 1px;
	line-height: 1px;
}

select {
	float: right;
}

/* =Navigation
----------------------------------------------- */

#nav {
	position: absolute;
	top: 65px;
	margin: 0;
	z-index: 100;
	margin-left: 197px;
	overflow: hidden;
	height: 67px;
	width: 704px;
} 

#nav li { 
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
} 

#nav li a { 
	float:left;
  padding:67px 0 0 0;
  overflow:hidden;
  height:0px !important;
  height /**/:67px; /* for IE5/Win */
}

#nav li a:hover, #content #content_nav a, #press #press_nav a, #about #about_nav a, #news #news_nav a, #partners #partners_nav a, #contact #contact_nav a  {
 	background-position:0 -67px;
}

#content_nav, #content_nav a {
	background: url(/images/nav_content.gif) top left no-repeat;
	width: 123px;
	text-indent: -1000em;
}

#press_nav, #press_nav a {
	background: url(/images/nav_press.gif) top left no-repeat;
	width: 97px;
	text-indent: -1000em;
}

#about_nav, #about_nav a {
	background: url(/images/nav_about.gif) top left no-repeat;
	width: 96px;
	text-indent: -1000em;
}

#news_nav, #news_nav a {
	background: url(/images/nav_news.gif) top left no-repeat;
	width: 106px;
	text-indent: -1000em;
}

#partners_nav, #partners_nav a {
	background: url(/images/nav_partners.gif) top left no-repeat;
	width: 141px;
	text-indent: -1000em;
}

#contact_nav, #contact_nav a {
	background: url(/images/nav_contact.gif) top left no-repeat;
	width: 141px;
	text-indent: -1000em;
}

/* =Video Gallery
----------------------------------------------- */

#gallery {
        width: 200px;
        border: 1px solid #000;
	position: absolute;
	top: 189px;
	left: 45px;
	margin: 0;
	padding: 0;
	z-index: 100;
} 

#gallery li { 
	margin: 0;
	padding: 0;
} 

#gallery li a {
        color: #000;
}

/* =Layout
----------------------------------------------- */

#video_title {
	position: relative;
	bottom: 0;
	right: 0;
	color: #fff;
	font-weight: bold;
	float: right;
	z-index: 0;
	padding-right: 7px;
	padding-left: 42px;
	text-align: right;
	line-height: 27px;
	margin-bottom: -1px;
	padding-bottom: 0;
	background: #000 url(/images/video_corner.gif) 0 0 no-repeat;
}

#video {
	background-color: #000;
	padding: 5px 5px 2px;
	z-index: 100;
}

#quicktime {
	margin: 7px 2px;
	color: #333;
	line-height: 1.4em;
}

#quicktime img {
	float: right;
}

#video_info {
	margin: 28px 14px 21px 14px;
}

#video_info h2 {
	margin-top: 7px;
}

#video_info img {
	margin-left: -1px;
}

#video_info ul {
	text-indent: -10px;
}

#video_info ul li {
	margin-bottom: 3px;
}

#text_box {
	position: absolute;
	width: 560px;
	left: 323px;
	top: 199px;
}

#press #text_box {
	position: absolute;
	width: 560px;
	left: 308px;
	top: 172px;
	text-align: center;
}

#text_title {
	position: relative;
	bottom: 0;
	right: 0;
	color: #333;
	font-weight: bold;
	float: right;
	z-index: 0;
	padding-right: 7px;
	padding-left: 42px;
	text-align: right;
	line-height: 27px;
	margin-bottom: -1px;
	padding-bottom: 0;
	background: #ccc url(/images/text_corner.gif) 0 0 no-repeat;
}

#text {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 14px;
	line-height: 1.6em;
}

#text_box img {
	margin-top: 7px;
	margin-bottom: 14px;
	margin-left: auto;
	margin-right: auto;
}

#about #text_box img {
	margin: 7px;
}

#text p {
	font-size: 1.1em;
}

#message {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 7px 14px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #EFEFEF;
	z-index: 10;
}

#partners #text img, #news #text img {
	float: left;
	margin: 14px 14px 5px 0;
}

#partners #text_box h2, #news #text_box h2 {
	margin-top: 35px;
}

#partners #text, #news #text {
	padding-top: 0px;
}

/* =Layout
----------------------------------------------- */

#vertical_container {
position: absolute;
background: #FFF;
width: 220px;
top: 198px;
left: 56px;
}

.menu {
width: 220px;
margin: 0;
padding: 0;
border-bottom: 1px solid #F5FAFD;
}

.handler {
background: #000;
color: #EAF4FA;
padding: 10px;
margin: 0;
}

.handler:hover {
cursor: pointer;
}

.menu ul, .menu li {
padding: 0;
margin: 0;
}

.menu li a {
width: 190px;
padding: 0 10px;
line-height: 2.4em;
background: #F5FAFD;
border-left: 10px solid #D9E3E8;
}

.menu li a:link:hover {
cursor: pointer;
background: #D6E0E5;
border-left: 10px solid #B5BEC2;
}

.menu li span {
display: none;
font-weight: bold;
}

.menu li:hover span, .menu li a:link:hover span {
display: block;
padding: 0 0 7px 3px;
margin-top: -5px;
line-height: 1.4em;
font-size: .9em;
}

.menu li a {
display: block;
}

.menu li a, .menu li a:link {
color: #000;
}