@import "reset.css";
body{ margin:0; padding:0;  background: #cbcccf url(../images/bg_site.gif) left top repeat-x; font-family:Arial; font-size:12px; color:#f1f1f1; line-height:20px;
margin-top:0px}

.right{ float:right;}
.left{ float:left;}
.clear{ clear:both}

.right_20{ margin-right:20px}
.left_20{ margin-left:20px}
.right_5{ margin-right:8px}

.grid_1{ width:250px}
.grid_2{ width:450px}
.grid_3{ width:48%}


@font-face {
    font-family: 'AgencyFBRegular';
    src: url('agencyr-webfont.eot');
    src: url('agencyr-webfont.eot?#iefix') format('embedded-opentype'),
         url('agencyr-webfont.woff') format('woff'),
         url('agencyr-webfont.ttf') format('truetype'),
         url('agencyr-webfont.svg#AgencyFBRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



a{ color:#88c0e6; text-decoration: underline;}
a:hover{ text-decoration:none}

div.bg{ width:100%; min-width:1000px; min-height:885px; background:url(../images/bg_body.jpg) center top no-repeat; position:absolute; z-index:0; left:0; top:0}
div.centr{ width:850px; margin:0 auto;  position:relative; z-index:1}

a.logo{ display:block; width:31px; height:68px; margin-left:250px; padding-top:30px}

div.content{ height:415px; margin-top:60px}
div.menu{  height:150px; margin-bottom:50px}
div.footer{  height:50px; padding-top:20px}
div.footer div.copy{ width:300px; float:left; text-align:center; color:#838383; font-size:11px; font-family:Arial;}
div.footer div.social{ padding-left:38px; float:left}
div.footer div.social a img{ margin-right:10px; opacity:.8;  }
div.footer div.social a img:hover{ margin-right:10px; opacity:1}

div.links{ float:left; width:280px; color:#9eacba; padding-top:5px; padding-left:40px}
div.links a{ margin-right:8px; margin-left:8px; color:#355b7f; text-decoration:underline}
div.links a:hover{ text-decoration:underline; color:#3d7cba;}

div.title{ text-align:center; font-size:36px; line-height:36px; color:#fff;}
div.title span{ display:block; color:#ff8800; font-size:24px; font-family:Arial}

div.text{ width:750px; height:370px;  margin-left:45px; padding-top:25px; overflow:hidden}

h1{ font-size:36px; line-height:36px; color:#fff; padding-bottom:5px; margin-bottom:15px; letter-spacing:-0.02em}
h2{ color:#7c90a4; font-size:14px; line-height:14px; padding:0; margin:0; text-transform:uppercase; font-weight:normal; margin-bottom:15px}

img.photo{ margin-bottom:10px;}
div.text b{ display:block; margin-bottom:4px; color:#fff}


div.dat{ border-bottom:1px #45688b dotted; padding-bottom:10px; margin-bottom:10px}

a.more{ color:#70d5ee; font-size:20px; text-transform:uppercase; float:right; text-decoration:none; cursor:pointer; display:block; font-family: 'AgencyFBRegular';}
a.more:hover{ color:#fff}



/* ============================= Dialog ==========box-shadow:5px 2px 10px #555; -moz-box-shadow:5px 2px 10px #555;============ */

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size:12px; font-family:Arial }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/*================= Contacts =========================*/

.notification_error{ height: auto;width: 96%;padding: 2px;background: #142537; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #7e8892;
 margin-bottom:10px}
 .notification_ok{  border: 1px solid #7e8892; height: auto; width: 96%; padding: 8px; background: #142537; text-align: center;  } 

.pin { display:block; width:100px; height:26px; margin-left:100px; margin-top:0px; font-weight:bold; border:1px #7e8892 solid; background:#142537; color:#70d5ee; text-transform:uppercase}
.pin:hover{ text-decoration:none; color:#fff; cursor:pointer}

/* Label */
label  { width: 100px;  margin: 0px; float: left; text-align: left; color:#fff; font-family:Arial;}

/* Input, Textarea */
 input{ margin: 0px; padding: 0px;   border: 1px solid #7e8892;  color: #231b1b; background:#142537; font: 12px Arial, Helvetica, Arial, sans-serif; height:20px; margin-bottom:10px; width:300px; }

 textarea{margin: 0px; padding: 0px;  float: left; background:#142537; border: 1px solid #7e8892;  color: #231b1b;   font: 12px Arial, Helvetica, Arial, sans-serif; height:75px; margin-bottom:10px; width:300px; }


/*===================== Scroll =====================*/
.scroll-pane {	overflow:hidden; }
.jScrollPaneContainer {	position: relative;	overflow:hidden	;	z-index: 1;}

.scroll-pane img{ height:87px; padding-bottom:10px}


.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	background: #334b64; width:15px!important; }
.jScrollPaneDrag {	position: absolute;	background:#e8e8e8 url(../images/centr_scroll.gif) 50% 50% no-repeat;	cursor: pointer;	overflow: hidden;	right:0px;	width:13px!important; margin-top:1px; opacity:.8; border:1px #676767 solid;}
 
.jScrollPaneDrag:hover{ opacity:1}
.jScrollPaneDragTop { position: absolute;	top: 0;	left: 0; overflow: hidden; height:0px;}
.jScrollPaneDragBottom { overflow: hidden; height:0px; }

a.jScrollArrowUp {	display: block;	position: absolute;	z-index: 1;	top: 0;	right: 0px;	text-indent: -2000px; overflow: hidden;	height: 15px; background:url(../images/top.gif) left top no-repeat; width:15px!important;opacity:.8}

a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0;	right: 0px;	text-indent: -2000px; overflow: hidden; height: 15px; background:url(../images/foot.gif) left top no-repeat; width:15px!important; opacity:.8}

a.jScrollArrowUp:hover, a.jScrollArrowDown:hover{ opacity:1}

/*===== menu =====*/


 .icoblock { height:70px; margin-left:45px; padding-top:15px}    
 
 .item { margin-left:62px; float:left; width:50px; height:87px; padding:0px; text-align:left; }  
 
 .item img { position:absolute; width:67px; height:67px; float:left;  }  	 
 .item a { text-decoration:none!important; color:#989898; font-size:20px; text-transform:uppercase; font-family: 'AgencyFBRegular';}
 .item a span{ display:block; width:80px; height:30px;  padding-top:75px; text-align:center; margin-left:-5px; padding-bottom:2px}
 .item a:hover span{ color:#fff; border-bottom:4px #000 solid;}
 
 /********************
 * FEATURE CAROUSEL *
 ********************/
#featureCarousel {
    height: 330px;
    width:100%;
    position: relative;
	top:30px;
	right:0;
	
}
#featureCarousel img {
    
}

#featureCarousel .feature {
    position:absolute;
    top:-1000px;
    left:-1000px;
    border:1px solid white;
    cursor:pointer;
}



#featureCarousel .blipsContainer {
    position:absolute;
    color:white;
    right:25px;
	bottom:0;
    padding:0;
    margin:0;
	display:none
}
#featureCarousel .blipsContainer .blip { display:none}
#featureCarousel .blipsContainer .blipSelected {}