*, h1, h2, h3, h4, h5, h6, p, td, li {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
}

body {
	background-color: #fff;
	margin: 0;
}

h1, h2, h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", Verdana, "Bitstream Vera Sans", sans-serif;
	font-weight: normal;
	font-size: 130%;
	margin: 0.4em 0 -0.4em 0;
}

h2, h3 {
	font-size: 105%;
	color: #900 !important;
	font-weight: bold;
	margin: 0.8em 0 -0.6em 0;
}

h3 {
	font-size: 90%;
	margin: 1.2em 0 -0.6em 0;
}

p, li {
	font-size: 76%;
}

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

a:hover {
	color: #f60 !important;
	text-decoration: underline;
}


div#logo {
	background: url(/images/ikandi-logo.png) top left no-repeat;
	width: 305px;
	height: 70px;
	margin-bottom: 50px;
	clear: right;
}

div#showreel {
	background: url(/images/view-showreel.png) top left no-repeat;
	width: 107px;
	height: 108px;
	position: absolute;
	top: 150px;
	left: 880px;
	cursor: pointer;
	z-index: 95;
}


div#viewing {
	background: url(/images/viewing-suite.png) top left no-repeat;
	width: 158px;
	height: 215px;
	position: absolute;
	top: 122px;
	left: 0;
}

div#viewing label, div#viewing form a {
	font-size: 70%;
	color: #222;
	text-decoration: none;
}

div#viewing form a:hover {
	text-decoration: underline;
}

div#viewing form {
	margin: 25px 0 0 10px;
}

div#viewing input {
	background: url(/images/vs-text.png) top left no-repeat;
	width: 98px;
	border-width: 0;
	padding: 1px 0 15px 4px;
}

div#viewing input.def {
	background: none;
	width: auto;
	padding: 0 0 5px 0;
}


div#nav {
	font-size: 70%;
}

div#nav a {
	color: #000;
	padding: 2px 3px;
}

div.panel {
	margin-left: 200px;
	width: 760px;
	height: 20px;
}

div#p-top {
	background: url(/images/p-top.png) top left no-repeat;
	padding: 25px 50px 0 50px;
	width: 700px;
}

div#p-side {
	background: url(/images/p-side.png) top left repeat-y;
	width: 700px;
	height: auto;
	padding: 20px 50px 10px 50px;
}

div#p-bottom {
	background: url(/images/p-bottom.png) top left no-repeat;
}


div#production, div#recent {
	text-align: justify;
	background: #eee;
	padding: 2px 15px;
}

div#recent {
	margin-top: 1.2em;
}

div#production h1, div#recent h1 {
	font-size: 80%;
}

div#production h2, div#recent h2 {
	font-size: 70%;
}

div#production p, div#recent p {
	font-size: 60%;
}


div.col {
	background: none;
	z-index: 100;
	width: 290px;
}

div.col#col1 {
	float: left;
	margin-right: 60px;
}

div.col#col2 {
	float: left;
}

div#footer {
	clear: both;
	text-align: center;
	font-size: 80%;
	letter-spacing: 1px;
	padding-top: 1.5em;
	margin-bottom: -1em;
}

div#footer a {
	color: #000;
}