#google, #twitter, #facebook, #myspace, #digg, #delicious, #svejo, #linkedin {
	background-image: url('http://orange-imoti.bg/images/share.png');
	width: 46px; height: 14px;
	text-align: center;
	margin: 0 10px 0 0;
	font-size: 8px;
	padding-top: 33px;
	display: block;
	float: left;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;z-index:997;}
#lightbox img{ width: auto; height: auto;z-index:997;}
#lightbox a img{ border: none; z-index:997;}

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; z-index:997;}
#imageContainer{ padding: 10px; z-index:997;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; z-index:997;}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; z-index:997;}
#imageContainer>#hoverNav{ left: 0;z-index:997;}
#hoverNav a{ outline: none;z-index:997;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;z-index:997; }
#prevLink { left: 0; float: left;z-index:997;}
#nextLink { right: 0; float: right;z-index:997;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat;z-index:997; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat;z-index:997; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; z-index:997;}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left;z-index:997; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;z-index:997;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;z-index:997;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;z-index:997; }

div.content {
	border: 1px solid #dddddd;
	background: #fff url( 'images/content_bg.gif' ) repeat-x;
	padding: 10px; margin: 2px;
	height: 94px;
	position: relative;
	width: 635px;
	z-index:997;
}
div.content a.img { display: block; float: left; width: 125px; height: 94px; z-index:997;}
div.content a.img img { width: 125px; height: 94px; border: none; z-index:997;}
div.content .floatleft { float: left; margin: 10px 15px; width: 480px;z-index:997; }
.floatleft a.lnk { position: absolute; display: block; width: 91px; height: 20px; padding: 8px 0px 0px 45px; background: transparent url( 'images/button.gif' ) no-repeat; bottom: 10px; left: 450px; color: #848484;z-index:997; }
.floatleft a.lnk_search_for_clients { position: absolute; display: block; width: 91px; height: 20px; padding: 8px 0px 0px 45px; background: transparent url( 'images/button.gif' ) no-repeat; bottom: 10px; left: 530px; color: #848484; z-index:997;}
.floatleft a.lnk:hover { text-decoration: underline;z-index:997; }

#facebook.nohov:hover { background-position: 0 0; }
#myspace.nohov:hover { background-position: -138px 0; }

#facebook.nohov { margin-left: 10px; }
#myspace.nohov { margin-left: 10px; }

#linkedin { background-position: -322px 0; }
#svejo { background-position: -276px 0; }
#google { background-position: -92px 0; }
#facebook { background-position: 0 0; }
#myspace { background-position: -138px 0; }
#twitter { background-position: -46px 0; }
#digg { background-position: -184px 0; }
#delicious { background-position: -230px 0; }

#linkedin:hover { background-position: -322px 47px; }
#svejo:hover { background-position: -276px 47px; }
#google:hover { background-position: -92px 47px; }
#facebook:hover { background-position: 0 47px; }
#myspace:hover { background-position: -138px 47px; }
#twitter:hover { background-position: -46px 47px; }
#digg:hover { background-position: -184px 47px; }
#delicious:hover { background-position: -230px 47px; }

ul.icons {
	list-style-type: none; margin: 0; padding: 0;
	position: relative;
	z-index: 999;
}
ul.icons li {
	margin: 0 10px 15px 0; padding: 0;
	text-align: center;
	width: 70px;
	float: left;
}
ul.icons li img { border: 0; margin-bottom: 1px; }

#rss-menu {
	border: 1px solid #cacaca;
	background: #ffffff;
	position: absolute;
	top: 50%; left: -50%;
	text-align: left;
	width: 150px;
	padding: 11px;
	z-index: 999;
	display: none;
}

#bla1 { display: block; }
#bla2 { display: none; text-align: left; }


body, html {
	width: 100%; height: 100%;
	margin: 0px; padding: 0px;
	background: #ffffff;
	color: #2d2d2d;
	font-family: 'Verdana';
	font-size: 11px;
}

.orange { color: #63809a; /*63809a*/ }
.gray { color: #a5a5a5; }
.point { margin: 0px 10px 0px 10px; }
.bold { font-weight: bold; }
a { text-decoration: none; color: #63809a; }
a img { border: none; }
.bent { clear: both }
.uppercase { text-transform: uppercase; }

div.left {
	background: black url( 'images/left_bg.gif' ) repeat-y;
	width: 268px; height: 100%;
}

div.search {
	background: transparent url( 'images/search.gif' ) no-repeat;
	width: 268px; height: 368px;
	position: relative;
	padding-top: 416px;
}

div.search div.buttons {
	width: 262px; height: 373px;
	background: #fff;
	text-align: center;
}

div.menu {
	width: 268px; height: auto;
}

div.cloud {
	width: 268px; height: auto;
}

div.title {
	width: 100%; height: 20px;
	background: #fff url( 'images/title_bg.gif' ) repeat-x left bottom;
	text-transform: uppercase;
	color: #808080; font-weight: bold;
	padding-top: 10px;
	margin: 15px 0px 5px 0px;
}
div.menu div.title { border: 1px solid white; border-left: 0px; width: 262px; margin-top: 5px; }

div.left div.menu a { width: 237px; background: transparent; display: block; color: #808080; border-bottom: 1px solid white; padding: 3px 10px 5px 15px; }
div.left div.menu a:hover { background: #6c95bf !important; color: white; text-decoration: none; }
div.left div.menu a.dark { background: url( 'images/left_dark_bg.gif' ); text-indent: 10px; }
div.left a:hover { text-decoration: underline }
div.left div.menu a.head { width: auto; display: inline; height: auto; border: none; padding: 0px; }
div.left div.menu a.head { background: transparent !important; color: #808080; text-decoration: underline; }
div.left div.cloud a { width: 0px; display: inline; padding: none; border-bottom: 0px solid white; text-decoration: none; color: #63809A; }
div.left div.cloud a:hover { background: none !important; text-decoration: underline; color: #63809A;}

div.right {
	width: 733px; height: 100%;
}

div.header {
	width: 733px; height: 313px;
	background: transparent url( 'images/header_bg.gif' ) no-repeat;
}

div.header div.menu {
	width: 560px; height: 90px;
	background: transparent url( 'images/menu_bg.gif' ) repeat-x;
	float: right; padding-right: 20px;
	border-bottom: 1px solid #f4c797;
	border-right: 1px solid #f4c797;
	position: relative;
}

div.header div.menu div.dropdown {
	position: absolute;
	background: #fff;
	left: 273px; top: 93px;
	z-index: 1000 !important;
	opacity: 0.0;
	filter: alpha(opacity: 0);
	font-weight: bold;
	padding: 10px;
	line-height: 16px;
	display: none;
}

div.header div.menu div.dropdown a { color: #555; }
div.header div.menu div.dropdown a:hover { text-decoration: underline; }

div.header div.menu a.btn {
	display: block;
	width: 93px; height: 25px;
	float: right; margin: 45px 1px 0px 1px; padding: 20px 0px 0px 0px;
	background: transparent url( 'images/separator.gif' ) no-repeat;
	color: #ff9019; font-weight: bold;
	text-align: center;
}
div.header div.menu a.btn:hover { text-decoration: underline; background: transparent url( 'images/separator_hover.gif' ) no-repeat; }

#header { width: 560px; height: 205px; margin: 0px; float: right; margin-top: 2px; z-index:-1; }

div.bigadd {
	width: 337px; height: 257px;
	background: #fff url( 'images/big_add_bg.gif' ) no-repeat;
	float: left; position: relative;
}
div.bigadd div.top { position: absolute; color: #63809a; font-size: 13px; font-weight: bold; top: 10px; left: 15px; z-index: 1; }
div.bigadd div.bottom { position: absolute; color: #404040; top: 215px; left: 15px; font-size: 12px; z-index: 1; }
div.bigadd img.thumbnail { width: 299px; height: 162px; position: absolute; top: 37px; left: 19px; z-index: 1; }
div.bigadd .label { width: 83px; height: 83px; position: absolute; top: 10px; right: 3px; z-index: 10; }

h2 { color: #63809a; font-weight: normal; font-size: 14px; margin: 5px 0px; }

div.add {
	width: 168px; height: 227px;
	background: #fff url( 'images/add_bg.gif' ) no-repeat;
	float: left; position: relative;
}
div.add div.top { position: absolute; color: #63809a; font-weight: bold; text-transform: uppercase; top: 125px; left: 21px; width: 130px; text-align: center; }
div.add div.bottom { position: absolute; color: #404040; top: 155px; left: 21px; width: 130px; text-align: justify; }
div.add a.img { display: block; width: 125px; height: 94px; position: absolute; top: 12px; left: 21px; }
div.add img { width: 125px; height: 94px; border: 3px solid #d1d1d1; }
div.add a.link { position: absolute; display: block; width: 91px; height: 20px; padding: 8px 0px 0px 45px; background: transparent url( 'images/button.gif' ) no-repeat; top: 208px; left: 18px; color: #848484; }
div.add a.link:hover { text-decoration: underline; }

div.content {
	border: 1px solid #dddddd;
	background: #fff url( 'images/content_bg.gif' ) repeat-x;
	padding: 10px; margin: 2px;
	height: 94px;
	position: relative;
}
div.content a.img { display: block; float: left; width: 125px; height: 94px; }
div.content a.img img { width: 125px; height: 94px; border: none; }
div.content .floatleft { float: left; margin: 10px 15px; width: 480px; }
.floatleft a.lnk { position: absolute; display: block; width: 91px; height: 20px; padding: 8px 0px 0px 45px; background: transparent url( 'images/button.gif' ) no-repeat; bottom: 10px; left: 450px; color: #848484; }
.floatleft a.lnk_search_for_clients { position: absolute; display: block; width: 91px; height: 20px; padding: 8px 0px 0px 45px; background: transparent url( 'images/button.gif' ) no-repeat; bottom: 10px; left: 530px; color: #848484; }
.floatleft a.lnk:hover { text-decoration: underline; }

div.footer {
	margin: 0px auto 5px auto; height: 23px; padding: 10px 0px 0px 20px; position: relative;
}
div.footer a.logo {
	background: #fff url( 'images/orange_estates.gif' ) no-repeat;
	width: 90px; height: 33px;
	position: absolute; display: block;
	bottom: 0px; right: 20px;
}

form { margin: 0px; padding: 0px; }
/* SELECTS */
.select
{
	width: 202px; height: 14px;
	padding: 3px 4px; margin: 5px 0px;
	position: relative;
	color: #777777;
	background: #e1e1e1 url( "images/select_arrow.gif" ) no-repeat 188px 1px; /* this is very custom */
	border: 1px solid #c3c3c3;
	font-size: 11px;
	font-family: Verdana;
	cursor: default;
	text-align: left;
	z-index: 0;
}
.select ul
{
	margin: 0px; padding: 1px;
	position: absolute; left: -1px; top: 20px; /* the select height */
	display: none;
	color: #777777;
	background: #e1e1e1;
	border: 1px solid #c3c3c3;
	text-align: left;
	z-index: 1;
	list-style: none;
	width: auto !important /* just as the select width + padding + 4 */;
}
.select ul li { padding: 2px; margin: 1px; width: 202px; /* IE FIX: the ul width - padding - 2 */ }
.select .mouseover { background: #fafafa; }
/* SELECTS */
/* INPUTS */
input, textarea
{
	width: 202px; height: 14px;
	padding: 3px 4px; margin: 5px 0px;
	color: #777777;
	background: #e1e1e1;
	border: 1px solid #c3c3c3;
	font-size: 11px;
	font-family: Verdana;
	cursor: default;
	text-align: left;
}
input.checkbox { width: auto; height: auto; background: transparent; border: none; margin: 0px 5px; padding: 0px; }
textarea { height: 150px; width: 350px; }
input.small { width: 70px; }
input.btn
{
	width: 95px; height: 22px;
	text-align: center;
	margin: 5px 0px;
}

table#search td { width: 25%; }
table#search td.full { width: 100%; }
span.selector a { font-size: 20px; line-height: 30px; }
span.selector a:hover { text-decoration: none; color: #232323; background: #f7f7f7; }
/* INPUTS */

/* Scroll */
span.arrdown,span.arrup
{
	position: absolute; right: 0px; display: block;
	font-size: 0px; cursor: pointer;
	width: 7px; height: 50px;
	z-index: 2 !important;
}
span.arrdown { bottom: 0px; background: transparent url('images/scroll_down.gif') no-repeat center top; }
span.arrup { top: 0px; background: transparent url('images/scroll_up.gif') no-repeat center bottom; }
/* Scroll End */

.tip {
	visibility: hidden;
	border: 1px solid #ffab52;
	background: #eee;
	position: absolute;
	left: 100px; top: 375px;
	z-index: 1000 !important;
	width: 200px;
}
.tip p { margin: 5px; padding: 0px; }