@font-face {
    font-family: OpiumNew;
    src: url(/des_imaton_psy/OPMN____.otf) format("opentype");
    font-weight: normal;
    font-style: normal;
}

html, body
{
	height:100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	background: url(bg.png) top center repeat-y #bcbcbc;
	color: #000000;
}

table.markup
{
	width: 100%;
	border: none;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

img
{
	border: none;
}

.crazy_link
{
	text-decoration: none;
}

.crazy_link:hover
{
	text-decoration: underline;
}

.inline-block
{
	display:-moz-inline-stack; /* for FF2*/
	display:inline-block; /* normal browsers */
	zoom:1; /* for IE (hasLayout true) */
	*display:inline; /* for IE */
}

div#top
{
	width: 800px;
	height: 140px;
	margin:0 auto;
}

div#main
{
	width: 800px;
	margin:0 auto;
}

img#logo
{
	float: left;
	padding-top: 60px;
}

img#imaton
{
	float: right;
	padding-top: 67px;
}

div#top_bord
{
	background: url(top_bord.png) no-repeat;
	height: 10px;
}

div#bottom_bord
{
	background: url(bottom_bord.png) no-repeat;
	height: 10px;
}

div#spacer_100
{
	height: 100px;
}

div#nav
{
	font-size: 12px;
	height: 30px;
	background-color: #ffffff;
	color: #6d1a00;
	text-align:left;
	padding: 10px 0 0 20px;
}

div#nav a
{
	color: #6d1a00;
	text-decoration: none;
	text-transform: uppercase;
}

div#nav span
{
	color: #000000;
	text-transform: uppercase;
}

div#slideshow
{
	background-color: #ffffff;
	height: 230px;
	position: relative;
}

div#slideshow img
{
	position: absolute;
}
div#slideshow img.show
{
	z-index: 50;
}

div#content
{
	background-color: #ffffff;
	padding: 30px 40px 10px 60px;
	position: relative;
}
div#content.long
{
	height: auto;
}

a
{
	color: #6d1a00;
}

div#buttons
{
	background-color: #ffffff;
	height: 150px;
	padding: 0 70px;
}

div#buttons a
{
	display: block;
	width: 200px;
	height: 128px;
	padding: 0 10px;
	float: left;
	position: relative;
}

div#buttons a img
{
	position: absolute;
}

div#buttons a img.hover
{
	display: none;
	position: absolute;
}

.content, .content p
{
	text-align: justify;
}

#content .customScrollBox{position:relative; height:100%; overflow:hidden;}
#content .customScrollBox .container{position:relative; width:650px; top:0; float:left;}
#content .customScrollBox .content{clear:both; padding: 0 10px 0 30px;}
#content .dragger_container{position:relative; width:0px; height:320px; float:left; margin:14px 0 0 20px; border:none; cursor:pointer;}
#content .dragger{position:absolute; width:1px; height:95px; margin-left: 5px; background:#5b5959; border-right: solid 1px #888787; text-align:center; overflow:hidden; cursor:pointer;}
#content .dragger_pressed{position:absolute; width:1px; height:95px; background:#888787; border-right: solid 1px #5b5959; overflow:hidden; cursor:s-resize;}
#content .scrollUpBtn {position: absolute; right: 57px; top: 30px;}
#content .scrollDownBtn {position: absolute; right: 57px;; bottom: 15px;}

#prj_banners
{
	font-family: OpiumNew;
	width: 800px;
	height: 61px;
	background-color: #f5f3ed;
}
#prj_banners a
{
	display: inline-block;
	font-size: 15px;
	width: 399px;
	height: 41px;
	text-align: center;
	padding: 15px 0;
	text-decoration: none;
	vertical-align: top;
}
#prj_banners span
{
	display: inline-block;
	width: 1px;
	height: 59px;
	background-color: #dac8be;
	vertical-align: top;
}
