/**
  Theme Name: Areal
  Theme URI: http://arealconsulting.ru
  Version: 1
  Author: Alexey Sidorenko
  Author URI: http://altzgamer.ru
  Licence: GPL 
  Description: Areal theme
*/


html, body { background:#FFF;color:#767676; font-family:Arial, Helvetica, sans-serif;font-size:12px;height: 100%; margin: 0; padding: 0;  }
/*For vertical alignment*/
* {margin:0px auto;padding:0;}
div#shim {visibility: hidden;width: 100%;height: 45%; margin-top: -250px;float: left; }
div#wrapper {width: 861px;height: 616px;clear: both;position: relative;
top: -308px; 
                /* IE4ever Hack: Hide from IE4 **/
                    position: static;
                /** end hack */
}

/* Hide from IE5mac \*//*/
                div#shim {
                    display: none;
                }
                html, body {
                    height: auto;
                }
            /* end hack */
			
/* ]]> */
/*Links*/
a {color:#5a5a5a;text-decoration:none; }
a:hover  {color:#6e6e6e; text-decoration:none; outline: none;}
a:visited {color:#464646;text-decoration:none; outline: none;}
a:active{
  outline: none!important;
}

/*Site structure*/
#canvas {width: 860px;margin: 0 auto;height:462px; }
#header {margin:0px;  width:860px;padding:0px; background:url('img/header.jpg') no-repeat; clear:both;height:201px; }
#search {height:20px; margin:0px; padding:0px; width:200px; float:right; text-align:right}
	#search form {margin:0px; padding:0px;}
	#search label {color:#e3e3e3;}
	#search input { border:1px solid #bababa; margin:0px;}
	#search input:focus {border:1px solid #dddddd;}
#logo {padding:0px; margin:0px; clear:both; width:860px; height:202px;}
	#logo h1 {padding:0px; margin:0px;}
	#logo h1 a {padding:0px; margin:0px 0px 0px 0px;text-indent:-9999px; height:202px; display:block;  width:860px; float:right;}

/*Menu*/
#headercontainer {width:860px; height:22px;margin:0px 0px 0px 0px;padding:0px; background:#c8c8c8; clear:both; border-bottom:1px solid #FFF;  }
.nunav {width: 860px;top:0px; position:relative; padding:0px 0px 0px 0px; margin:0px;
font-size:16px; color:FFF!important; }
.nunav li { list-style-type:none;}
.nunav li a {height:20px; display:block; float:left; padding:2px 0px 0px 0px; text-align:center; text-transform:uppercase;}

/*Menu items*/
a.main, a.maincurrent { width:112px; }
a.main:hover, a.maincurrent {background:#d5eac3}

a.services, a.servicescurrent {width:104px;}
a.services:hover, a.servicescurrent { background:#c4ead3;}

a.rent, a.rentcurrent {width:108px;}
a.rent:hover, a.rentcurrent {background:#cdbc90;}

a.sell, a.sellcurrent {width:127px;}
a.sell:hover, a.sellcurrent {background:#c3cce9;} 

a.about, a.aboutcurrent {width:160px;}
a.about:hover, a.aboutcurrent {background:#d5c3eb;} 

a.contacts, a.contactscurrent {width:135px;}
a.contacts:hover, a.contactscurrent {background:#ebc3cc;} 

a.application, a.applicationcurrent{width:114px;}
a.application:hover, a.applicationcurrent {background:#c3dfea;} 


/* main content */
#page {width:860px;  height:346px; margin:0px 0px 0px 0px; padding:0px; clear:both; }
#sidebar {width:289px; float:left;border-right:1px solid #FFF; overflow:hidden}
#sidebar ul {margin:0px; padding:0px;}
	.tagcloud {margin:0px 0px 0px 0px; padding:2px 0px 0px 0px;}
	li.widget {list-style-type:none;margin:0px; padding:0px; }

/*Post*/
.post {padding:0px 10px 10px 10px;}
.post ul {list-style:none;}
.post ul li {margin:7px 10px 7px 0px;}
.post small {color:#1e1e1e!important;}
.post small a {color:#454545;}
.post h1 {margin:10px 0px 0px 0px;}
.post p {padding:6px 0px 6px 0px; text-align:justify }
p.padding-right {width:233px; float:left;}


/*Right column*/
div#image {border: 1px solid #bababa;  width:568px; float:right; margin:0px; padding:0px;}
#image h1 {padding:15px; font-weight:normal; margin:0px;}
#image p {padding:10px 20px 10px 10px; text-align:justify;}
#image ul {padding:30px;}
#image ul li {margin:3px 10px 3px 10px;}

/*Contacts page*/
h3.contacts, h3.contacts a { text-transform:uppercase; font-size:36px; color:#989898;}

/*Footer*/
#footer {clear: both;font-size: 11px; color:#CCCCCC; padding-left:290px; }
#footer a {color:#CCCCCC;}


/*SCROLL PANE*/
.scroll-pane {overflow: auto; float:right;padding:9px;}
#pane1 {height:346px; width: 563px;  margin:0px; }
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 1;height: 100%;background: #FFF;margin:0px; padding:0px; }
.jScrollPaneDrag {position: absolute;background: #a3c3a2;cursor: pointer;overflow: hidden; border:1px solid #bababa!important; width:12px!important;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0; right:auto;overflow: hidden; height:1px;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: auto; left:0;text-indent: -2000px;overflow: hidden;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}	

/*JGalScroll*/
.jqGSContainer{position:relative;width:496px; float:right}
.jqGSContainer .jqGSImgContainer{}
.jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative;list-style:none;}
.jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative;margin-top:0;margin-bottom:0px;float:left;}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%;height:100%;position:absolute;}
.jqGSContainer .jqGSImgContainer ul li img{}
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{position:absolute;right:0px;top:0px; padding:0px;background:#Cff;width:300px}
.jqGSContainer .jqGSPagination{position:relative;width:100%;height:20px;top:20px;padding:0px;}
.jqGSContainer .jqGSPagination ul{padding:0;margin:0;list-style:none;position:relative;float:left; }
.jqGSContainer .jqGSPagination ul li{padding:0;margin-right:5px;float:left;padding-right:1px;text-align:center;padding-bottom:1px;}
.jqGSContainer .jqGSPagination ul li a{padding:2px 0px; color: #5a5a5a;text-decoration:none;display:inline-block;width:20px;font:10px Arial, Helvetica, sans-serif;outline: none;}
.jqGSContainer .jqGSPagination ul li a.selected{color:#6e6e6e; outline: none; font-weight:bolder; font-size:10px;}
.jqGSContainer .jqGSPagination ul li a:hover{color:#6e6e6e;outline: none;}
.jqGSImgContainer{}

/*RENT JSCROLL STYLES*/
#pane2, #pane3, #pane4 {height:280px; width: 290px;  margin:0px; }
.left .jScrollPaneTrack {left: 0;right: auto;}
.left a.jScrollArrowUp {left: 0;right: auto;}
.left a.jScrollArrowDown {left: 0;right: auto;}
.left .jScrollPaneDrag {background: #c3ad6f!important;}
.sell_drag .jScrollPaneDrag {background: #a5bdd9!important;}


/*Accordion style*/

/*RENT*/
/* A few IE bug fixes */
* html ul ul li a { height: 100%; }
* html ul li a { height: 100%; }
* html ul ul li { margin-bottom: -1px; }	
/* Some list and link styling */
ul#accordionmenu ul li { padding: 0px; width: 276px; margin-bottom: 0; }
ul#accordionmenu ul li a, ul#accordionmenusell ul li a { display:block; color: #767676; padding: 3px 4px 3px 15px; font-size: 12px; }
ul#accordionmenu ul li.current_page_item a {color: #555555; background-color: #f4f4f4; }
ul#accordionmenu ul li a:hover { display:block; color: #555555; background-color: #f4f4f4; padding: 3px 4px 3px 15px; }
ul#accordionmenu li, ul#accordionmenusell li  { list-style-type: none; }
/* Header links styling */
h3.ui-accordion-header {color: #333;font-size:16px;font-weight:normal;display:block; text-transform:uppercase;border-bottom:1px solid #FFF;background: #c3ad6f; padding: 2px 10px 1px 18px; cursor:pointer}
h3.ui-accordion-header:hover {color: #f5f5f5;background: #ac9656; }
h3.selected { background: #cdbc90!important; color: #fff!important;font-weight:normal;font-size:16px;padding: 2px 10px 1px 18px;}
h3.selected:hover { color: #f5f5f5!important;background: #ac9656!important; }
/*ul#accordionmenu {border-bottom:1px solid #bababa;}*/

/*SELL*/
ul#accordionmenusell ul li { padding: 0px; width: 272px; margin-bottom: 0; }
ul#accordionmenusell ul li.current_page_item a {color: #555555; background-color: #f4f4f4; }
ul#accordionmenusell ul li a:hover { display:block; color: #555555; background-color: #f4f4f4; padding: 3px 4px 3px 15px; }
ul#accordionmenusell h3.ui-accordion-header {background: #a5bdd9!important;color: #333;font-size:16px;font-weight:normal;display:block; text-transform:uppercase;border-bottom:1px solid #FFF;padding: 2px 10px 1px 18px; cursor:pointer}
ul#accordionmenusell h3.ui-accordion-header:hover {color: #f5f5f5;background: #bcd0e7!important; }
ul#accordionmenusell h3.selected { background: #bcd0e7!important; color: #fff!important;font-weight:normal;font-size:16px;padding: 2px 10px 1px 18px;}
ul#accordionmenusell h3.selected:hover { color: #f5f5f5!important;background: #a5bdd9!important; }

/*Tabs*/
/*RENT*/
#tabs {margin: 0px; padding:0px;}
ul#tabmenu, ul#tabmenusell {float: right;width: 568px;padding: 0px; margin:0px; border-top:1px solid #bababa;}
ul#tabmenu li, ul#tabmenusell li {margin: 0px; padding:0px; list-style: none;}
* html ul#tabmenu li, * html ul#tabmenusell {display: inline; /* ie6 double float margin bug */}
ul#tabmenu li, ul#tabmenu li a, ul#tabmenusell li, ul#tabmenusell li a {float: left;}
ul#tabmenu li a, ul#tabmenusell li a {text-transform:uppercase;text-decoration: none;display:block;float:left;padding: 3px 10px 0px 10px;margin:0px;height:20px;}
ul#tabmenu li a:hover {background:#c8c8c8;color:#2b2b2b;}
ul#tabmenu li.active {background: #c8c8c8 ;outline: none!important;}
ul#tabmenu li.active a {color: #333333;outline: none!important;}
#tabs div.tabbeddiv {clear: both;padding: 0px;min-height: 340px;position:relative; overflow:hidden;}
#tabs div h3 {text-transform: uppercase;margin: 10px 10px 5px 10px; padding:0px;letter-spacing: 1px;}
span.tabdescription {position:absolute; height:31px; bottom:0px; width:548px; background:#c3ad6f;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; z-index:100; color:#000000; padding:10px;}
/*SELL*/
ul#tabmenusell li a:hover {background:#c8c8c8; color:#2b2b2b;}
ul#tabmenusell li.active {background: #c8c8c8 ;outline: none!important;}
ul#tabmenusell li.active a {color: #333333;outline: none!important;}
span.tabdescriptionsell {position:absolute; height:31px; bottom:0px; width:548px; background:#a5bdd9;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; z-index:100; color:#000000; padding:10px;}
/*#location img {float:right; padding:10px;}*/

/* theme requirements as per  http://codex.wordpress.org/CSS */
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}.alignright {float: right;}

/*First page slideshow*/
#indexslideshow {border: 1px solid #bababa;  width:568px; float:right; margin:0px; padding:0px;}
#s3slider {
   width: 568px; /* important to be same as image width */
   height: 340px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 568px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}
.s3sliderImage p, #s3slider p, .s3sliderContent p {margin:0px!important; padding:0px!important;}
.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
.s3sliderImage img {border:0px;margin:0px!important; padding:0px!important;}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   padding: 10px;
   height:31px;
   width: 568px;
   background-color: #c3ad6f;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #000000;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
/*Contact form*/
div.wpcf7 {margin: 0;padding: 0;}
div.wpcf7-response-output {margin: 2em 0.5em 1em;padding: 0.2em 1em;}
div.wpcf7-mail-sent-ok {border: 2px solid #398f14;}
div.wpcf7-mail-sent-ng {border: 2px solid #ff0000;}
div.wpcf7-spam-blocked {border: 2px solid #ffa500;}
div.wpcf7-validation-errors {border: 2px solid #f7e700;}
span.wpcf7-form-control-wrap {position: relative;}
span.wpcf7-not-valid-tip {position: absolute;top: 20%;left: 20%;z-index: 100;background: #fff;border: 1px solid #ff0000;font-size: 10pt;width: 280px;padding: 2px;}
span.wpcf7-not-valid-tip-no-ajax {color: #f00;font-size: 10pt;display: block;}
span.wpcf7-list-item {margin-left: 0.5em;}
.wpcf7-display-none {display: none;}
img.ajax-loader {border: none;vertical-align: middle;}

/*NGG galler*/
/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.43

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 0px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 0px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers, a.next, a.prev, 
				span.page-numbers, span.next, span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, 
				span.page-numbers:hover, span.next:hover, span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-left {
	float: left;
	padding-right:10px;
}

.ngg-right {
	float: right;
	padding-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
}

/* Shutter */
#shDisplay div#shTitle {
	font: normal 12px/17px 'Lucida Grande', Verdana, sans-serif; /* caption font */
	color: #ffffff; /* caption colour */
	text-align: center;
	margin: 0 auto;
}

#shDisplay div#shCount {
	color: #999999;
	font: normal 10px/12px 'Lucida Grande', Verdana, sans-serif;
}

#shDisplay div#shTitle a {
	text-decoration: none;
	font: bold 16pt 'Courier New', Courier, fixed;
	letter-spacing: -2px;
	margin: 0 10px;
	width: 26px;
	color: #999999;
}

#shDisplay div#shTitle a:hover {
	color: #ffffff;
	border: none;
}

#shDisplay div#shNext{
	float:right;
}

#shDisplay div#shPrev {
	float:left;
}

body {
	height: 100%;
}

#shShutter *, #shDisplay * {
	padding: 0;
	margin: 0;
}

div#shShutter, div#shDisplay {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}

div#shShutter {
	height: 100%;
	z-index: 1000;
	background-color: #000000;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

div#shDisplay {
	display: block;
	background-color: transparent;
	z-index: 1002;
}

div#shDisplay img#shTopImg {
	margin: 0 auto;
	border: 1px solid #555;
	background: transparent;
	display: block;
	max-width: none;
	max-height: none;
	float: none;
	padding:2px;
	cursor: pointer;
}

div#shDisplay div#shWrap {
	visibility: hidden;
}

div#shWaitBar {
	font: bold 32px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	height: 36px;
	width: 100%;
	left: 0;
	cursor: default;
	opacity: 0.999;
	filter: alpha(opacity=100);
	z-index: 1001;
	margin-top: 160px;
	color: #ae0a0a;
}

#description table {width:550px; margin-left:10px;}