 /* CSS Document */

body,div,td,img
{
	margin:0px;
	padding:0px;
}

body
{
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

#bottom_bg
{
	background:url("/images/bg_bottom.jpg") left bottom repeat-x;
}

#top_bg
{
	background:url("/images/bg_top.jpg") left top repeat-x;
}

#stone_left
{
	background:url("/images/stone_left.png") left top no-repeat;
}

#stone_right
{
	background:url("/images/stone_right.png") right top no-repeat;
	padding-bottom:20px;
	padding-top:45px;
	min-width:980px;
		overflow:hidden;
}

#content
{
	background-color:#eeeeee;
	width:890px;
	position:relative;
	margin:auto;
	padding:20px 45px 20px;
	min-height:900px;
}

#logo
{
	position:absolute;
	display:block;
	width:32px;
	height:202px;
	background:url('http://desarium.com/logo/desarium_light.png') no-repeat top left;
	bottom:15px;
	right:-22px;
	overflow:hidden;
}

#main_menu
{
	text-align:center;
	height:20px;
}

#main_menu a
{
	font-size:14px;
	color:#660000;
	text-decoration:none;
	display:inline-block;
	margin:0px 15px;
	border-bottom:1px #660000 dashed;
}

#main_menu a:hover
{
	color:#ff6600;
	border-bottom:1px #ff6600 dashed;
}

#header
{
	padding-top:20px;
	height:60px;
}

#header .phone
{
	display:inline-block;
	margin-top:5px;
	font-size:36px;
	color:#e76916;
	float:right;
}

#header .phone small
{
	font-size:14px;
}

#banner
{
	display:inline-block;
	vertical-align:middle;
	width:470px;
	height:100px;
	background:url("/images/banner.jpg") top left no-repeat;
	text-decoration:underline;
	clear:none;
}

#menuline
{
	width:1180px;
	height:147px;
	position:absolute;
	background:url("/images/menuline.png") top left no-repeat;
	left:-90px;
	top:60px;
	overflow:hidden;
	text-align:center;
}

#menuline span
{
	margin:47px 0px 0px 20px;
	display:inline-block;
	padding:14px 0px 10px 20px;
	background:url("/images/menu_delim.png") 0px 5px no-repeat;
}


#menuline a
{

	color:#000000;
	font-size:13px;
	text-decoration:none;
}

#menuline span:first-child
{
	background:none;
}

#menuline a:hover
{
	color:#666666;
	border-bottom:#666666 1px dashed;

}

#main
{
	margin-top:85px;
	font-size:12px;
	color:#999999;
	line-height:1.5;
	min-height:600px;
}

#main .page_block
{

	padding-bottom:50px;
}

#main .page_block a
{

	line-height:25px;
}

#main .lb
{
	position:relative;
	width:400px;
	padding-left:55px;

}

#main .forms
{
	width:290px !important;
	padding:0px 20px 0px 0px !important;
	text-align:right;
	font-size:12px;
	line-height:36px;
	color:#999999;
	margin-top:50px;
}

#main .forms .page_block
{
	padding-right:20px !important;
}

#main .forms b
{
	color:#666666;
}

#main .forms .rb
{
	text-align:left;
	left:160px;
	width:530px;
}

#main .gallery
{
	padding-left:0px !important;
	width:300px !important;
}

#main .lb .column .page_block
{
	min-height:400px;
	padding-right:75px;
	background:url("/images/flare.png") top right no-repeat;
}

#main .gallery .column .page_block
{
	padding-right:30px !important;
}



#main .rb
{
	position:absolute;
	top:0px;
	left:405px;
	width:290px;
	padding-left:150px;
	padding-right:50px;
}

#main h1, #main h2, #main h3
{
	margin-top:5px;
	color:#999933;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	line-height:normal;
}

#main h1
{
	font-size:24px;
	margin-bottom:5px;
}

#main h2
{
	font-size:20px;
}

#main h3
{
	font-size:12px;
}

.photoframe
{
	margin:25px 0px;
	position:relative;
}

.photoframe img
{
	position:relative;
	left:-30px;
	padding:9px;
	border:1px #d3d3c8 solid;
	background-color:#FFFFFF;
}

.photoframe ins, .photoframe del
{
	display:block;
	position:absolute;
	width:44px;
	height:45px;
	background:url("/images/img_edge.png");
}

.photoframe ins
{
	background-position:top left;
	left:-49px;
	top:-17px;
}

.photoframe del
{
	background-position:bottom left;
	bottom:-14px;
	right:-23px;
}

.lb .column .photoframe del
{
	right:12px;
}

a.readmore
{
	display:inline-block;
	float:right;
	background:url("/images/marker.png") right center no-repeat;
	font-size:12px;
	color:#a0a06a;
	text-decoration:underline;
	padding:19px 55px 15px 0px;
}

a.readmore:hover
{
	color:#333333;
}

#main a
{
	color:#999999;
	font-size:12px;
	text-decoration:underline;
}

#main a:hover
{
	color:#000000;
}

#footer
{
	margin-top:20px;
	font-size:12px;
	color:#999999;
	text-align:right;
	padding-bottom:30px;
}
#footer .phone
{
	display:inline-block;
	margin-bottom:10px;
	font-size:36px;
	color:#333333;
	vertical-align:middle;
}

#footer .phone small
{
	font-size:14px;
}

#main .gallery .marked
{
	min-height:50px;
	padding-right:10px;
}

#main .gallery .images
{
	position:relative;
}

#main .gallery .images .cell
{
	position:absolute;
	text-align:left;

}

#main .gallery .images .cell a
{
	padding:10px;
	padding-bottom:5px;
	text-decoration:none;
	display:inline-block;
	background:url("/images/layer.png") top left no-repeat;
}

#main .gallery .images .cell a:hover
{
	background-position:bottom left;
	-moz-box-shadow:#666666 -2px 2px 4px;
}

#main .gallery .images .cell img
{
	clear:both;
	border:0px;
	margin:0px;
}

#main .gallery .images .cell span
{
	white-space:nowrap;
	color:#a1a164;
	font-size:11px;
	display:inline-block;
	padding-left:45px;
}


#frm input, #frm textarea
{
	border:1px solid #cccccc;
	font-size:12px;
	color:#666666;
	width:300px;
	margin:8px 0px;
}

#frm .wrong
{
	color:#FF0000;
}

#frm input.long, #frm textarea.long
{
	width:530px;
}

.forms #submit
{
	cursor:pointer;
	clear:both;
	margin-bottom:30px;
}

.forms .hint
{
	text-align:right;
	float:right;
	font-style:italic;
	color:#999999;
	line-height:1.2;
}


.forms .hint span
{
	font-style:normal;
	color:#FF0000;
}




/**Lightbox*/
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
}
#lightbox img {
	width: auto;
	height: auto;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #939393;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 5px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 50%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#ffffff;
	position:absolute;
	text-decoration:none;
	background-repeat:no-repeat;
}
#prevLink {
	left: -31px;
}
#nextLink {
	right: -30px;

}
#prevLink {
	background-image: url(/images/prev_inactive.png);
	background-position:left 85%;
}
#nextLink {
	background-image: url(/images/next_inactive.png);
	background-position:right 85%;
}
#prevLink:hover {
	background-image:url("/images/prevlabel.png");
}
#nextLink:hover {
	background-image:url("/images/nextlabel.png");
}
#prevLink:hover, #nextLink:hover {
	text-indent:0px;
}
#imageDataContainer {
	font: 12px Georgia;
	background-color: #939393;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}
#imageData {
	padding:0 5px;
	color: #FFFFFF;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
	padding-bottom:5px;
}
#imageData #caption {
	font-weight: normal;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 500px;
	background-color: #000;
}
#comment_{
	font-size: 10px;
	line-height:1 !important;
}
.p_block{
	line-height:2;
}
/*****/



