@font-face {
	font-family: 'CharterBTRoman';
	src: url('http://assets.rmcloud.com/fonts/chartrn-webfont.eot');
	src: local('☺'), url('http://assets.rmcloud.com/fonts/chartrn-webfont.woff') format('woff'), url('http://assets.rmcloud.com/fonts/chartrn-webfont.ttf') format('truetype'), url('http://assets.rmcloud.com/fonts/chartrn-webfont.svg#webfontYdMe6P0R') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CenturyGothicBold';
	src: url('http://assets.rmcloud.com/fonts/gothicb-webfont.eot');
	src: local('☺'), url('http://assets.rmcloud.com/fonts/gothicb-webfont.woff') format('woff'), url('http://assets.rmcloud.com/fonts/gothicb-webfont.ttf') format('truetype'), url('http://assets.rmcloud.com/fonts/gothicb-webfont.svg#webfontBrmMgjBX') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CenturyGothicRegular';
	src: url('http://assets.rmcloud.com/fonts/gothic-webfont.eot');
	src: local('☺'), url('http://assets.rmcloud.com/fonts/gothic-webfont.woff') format('woff'), url('http://assets.rmcloud.com/fonts/gothic-webfont.ttf') format('truetype'), url('http://assets.rmcloud.com/fonts/gothic-webfont.svg#webfontCW29EQer') format('svg');
	font-weight: normal;
	font-style: normal;
}

.CharterBTRoman {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'CharterBTRoman', sans-serif;
	font-size-adjust: 0.48;
}

.CenturyGothicBold {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'CenturyGothicBold', sans-serif;
	font-size-adjust: 0.53;
}
.CenturyGothic {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size-adjust: 0.53;
}


body{
}

#siteHolder {
	  background-color:#e6eaf1 !important;
  font-size:12px; font-family:verdana, arial, sans-serif;
}

.container{width:940px; margin:0 auto;}
.wrapper{width:100%; display:inline-block;}

/* header styles */
#header{
  background:url('images/bg-header.jpg') no-repeat top left;
  position:relative;
  height:303px;
  width:1200px;
  margin-right:auto;
  margin-left:auto;
  left: 12px;
  padding-top:1px;
}
#header h1{
  font-family:times,serif;
  color:#FFFFFF;
  font-size:31px;
  text-shadow: 1px 1px 1px rgba(0,0,0, 1);
  text-align:center;
  margin-top: 220px;
  margin-right: 17px;
  font-weight: normal;
}
#header #miniBar{width:220px; position:absolute;top: 267px;right: 465px;}
#header #miniBar a.twitter{display:none;}
#header #miniBar a.facebook{float: left;display:block;width:33px;height:32px;background-image:url(images/icn-facebook.png); background-repeat: no-repeat; background-position: top left;}
#header #miniBar a.linkedin{display:none;}
#header #miniBar a.blog{float: left;display:block;width:31px;height:33px;background-image:url(images/icn-blog.png); background-repeat: no-repeat; background-position: top left;margin-left: 91px;}
#header #miniBar a:hover{background-position: top right;}

/* nav style */
#mainMenu{background:url('images/bg-nav-blue.jpg') top left repeat-x;width: 1122px;}

#nav { position: relative; text-align:center; list-style: none; margin: 0px; padding: 0px; overflow-y: visible; z-index:16; height:28px;}
#nav li {display: inline-block;*zoom:1;*display:inline; position: relative;text-align:left;}
#nav li a {
  background:transparent url('images/nav-break-blue.jpg') top right no-repeat;
  font-weight: normal;
	font-style: normal;
	line-height:28px;
	font-family: 'CenturyGothicRegular', sans-serif;
	font-size-adjust: 0.53;
	margin:0;
	padding:0 17px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:15px;
	text-transform:uppercase;
	display:block;
}
#nav li.over a {
  background: #344D80;
	text-decoration:none;
	position:relative;
	z-index:15;
}
#nav li ul {
  display:none; 
  position: absolute; 
  z-index: 12; 
  margin: 0px; 
  padding: 0px 0px 0px 0px; 
  width: 190px; 
  top: 28px; 
  left: 0px;
}
#nav li ul li { 
  display:block; 
  float:none; 
  *float:left; 
  *width:190px; 
  top: 0px; 
  padding: 0px; 
  margin: 0px; 
  background-color: #344D80; 
  border:1px solid #fff; 
  border-top:none;
}
#nav li ul li a {
  color:#FFF; 
  font-size:12px; 
  line-height:20px; 
  *height:20px; 
  display: block; 
  padding:4px 0px 3px 8px; 
  margin:0; 
  border-top:none; 
  text-decoration: none !important; 
  text-shadow:none; 
  text-transform:none;
}
#nav li ul li a:hover { 
  color: #FFF; 
  /*background-color: #EF181E; */
  text-decoration: underline; 
  padding:4px 0px 3px 8px; 
  margin:0; 
  border-top:none; 
  text-shadow:none;
}
#nav li.over ul {
  display: block;
}
#nav li.over ul li a { 
  background:none; 
  border-top:none; 
  text-decoration: underline;
}
#nav li.over ul li a:hover {
  /*background-color: #8f0f18; */
  background-color: #82A1C9;
  text-decoration: underline;
}

/* main content */
#contentWrap{background:url('images/bg-content.jpg') 50% -8px no-repeat;}
#contentWrapInterior{background:url('images/bg-content-interior.jpg') 50% 1px no-repeat;}

#contentWrapInterior #contentInterior{ padding:5px 20px 60px;}
#contentWrapInterior #contentInterior h2 #PageHeader .pagetitle {margin: 0px; margin-bottom: 20px; font-size: 22px; color: #05306D;}
#contentWrapInterior #contentInterior #content_above{padding-top:5px;}

#featuredListings{float:left;width:568px;}
#featuredListings h1{margin-top:32px; margin-bottom:0;color:#283D78;font-size:24px;text-transform:uppercase;text-shadow: 1px 1px 0px #fff;}
#featuredListings #featured-listings-widget{width:568px;height:292px;background:url('images/bg-featuredlisting-blue.png') left top no-repeat;}
#featuredListings #featured-listings-widget #flowtabs{width:555px !important;}
#featuredListings #featured-listings-widget #flowpanes{margin:0 25px;}
#featured-listings-widget #flowpanes div.tooltip{width:100%;}
#featuredListings #featured-listings-widget #flowpanes div.tooltip .title{width:250px; margin-left:10px;}
#featured-listings-widget #flowpanes div.tooltip ul{width:290px; *width:230px;}
#featuredListings #featured-listings-widget #flowpanes div.tooltip ul li{width:70px;}
#featuredListings #featured-listings-widget #flowpanes div.tooltip ul li.first{margin-right:10px;}
#featured-listings-widget button.prev {background-color:none;background:none !important;border:0 none !important;bottom:25px !important;font-size:0 !important;height:30px !important;left:6px !important;width:19px !important;z-index:99;}
#featured-listings-widget button.prev:hover {background:none;}
#featured-listings-widget button.next {background-color:none;background:none !important;border:0 none !important;bottom:25px !important;font-size:0 !important;height:30px !important;right:8px !important;width:19px !important;z-index:99;}
#featured-listings-widget button.next:hover {background:none;}
#featured-listings-widget div.view-listing-button{background-image: url('http://assets.rmcloud.com/templates/saskatoonrealestate_com_002/images/view_this_property.png') !important;}
#featured-listings-widget div.view-listing-button:hover{background-image: url('http://assets.rmcloud.com/templates/saskatoonrealestate_com_002/images/view_this_property_over.png') !important;}
#featured-listings-widget #flowpanes div.tooltip .title h1 { font-size:14px !important;}

#autoBlogs{float:right;background:url('images/bg-autoblog.png') left top no-repeat;width:334px; height:292px;padding:0 10px;margin-top:60px;font-weight: normal;font-style: normal;line-height:normal;font-family: 'CenturyGothicBold', sans-serif;font-size-adjust: 0.53;position:relative; z-index:1;}
#autoBlogs #homeMap{position:absolute;height: 216px;right: 10px;top: 40px;}
#autoBlogs h1{margin-top:22px; margin-bottom:0;color:#063272;font-size:20px;font-weight: normal;text-transform:uppercase;text-shadow: 1px 1px 0px #fff;
}
#autoBlogs strong{display:block;margin-top:8px;font-weight: normal;font-size:30px;color:#283D78;}
#autoBlogs strong small{font-size:18px;}
#autoBlogs p.action{color:#283D78; font-size:18px;font-weight: normal;font-style: normal;line-height:22px;font-family: 'CenturyGothicRegular', sans-serif;font-size-adjust: 0.53; margin:0; margin-top:5px;}
#autoBlogs .details{font-size:17px;margin-top: 141px;color:#283D78;text-align:center;font-weight: normal;font-style: normal;line-height:normal;font-family: 'CenturyGothicRegular', sans-serif;font-size-adjust: 0.53;letter-spacing:-1px;}
#autoBlogs .details a{text-decoration:none;}
#autoBlogs .details a:hover{color: #000;}
#autoBlogs .details b{}
#autoBlogs a.view{display:block;margin-top:17px;font-size:16px;text-align:center;color:#fff;text-decoration:none;}

#leftColumn{float:left;width:568px;margin-bottom:20px;}
#rightColumn{float:right;width:354px;}

/* lowerContent */
#buying, #selling{width:277px; height:264px; float:left;padding:0; position:relative;}
#buying a, #selling a{text-decoration:none; width:100%; height:100%; display:block;}
#buying h1, #selling h1{font-size:36px;text-align:center;margin:14px 0;}
#buying h1 small, #selling h1 small{
  font-size:24px;
}
#buying p, #selling p{color:#fff;font-size:15px;padding:17px 29px;}
#buying p.tag, #selling p.tag{position:absolute; bottom:0px;width:100%;padding:0;text-align:center;color:#393939;}
#selling p.tag{letter-spacing:-1px;}
#buying{background:url('images/bg-contentbox-buying-blue.png') right top no-repeat;margin-right:13px;}
#buying h1{color:#283D78;}

#selling{background:url('images/bg-contentbox-selling-blue.png') left top no-repeat;}
#selling h1{color:#82A1C9;}

.renting{background:url('images/bg-rent.png') left top no-repeat; position: relative; height: 265px; width: 363px; }
.renting a {text-decoration:none; width:100%; height:100%; display:block;}
.renting h1{font-size:36px;text-align:center;margin:14px 0;}
.renting h1 small {font-size:24px;}
.renting p {color:#fff;font-size:15px;padding:17px 29px;}
.renting p.tag {position:absolute; bottom:0px;width:100%;padding:0;text-align:center;color:#393939;}
.renting p.tag{letter-spacing:-1px;}

a.button-large {display:inline-block;*zoom:1;*display:inline;margin:0px 11px 19px 0px;width:570px;height:52px;background:transparent url(images/buttonbg_large.png) no-repeat top left;font-size:23px;color:#7794b8 !important;font-weight:bold;text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);font-family:'CenturyGothicBold';line-height: 49px;text-align: center;text-decoration:none;}
a.button-large:hover { background-position:top right;color:#344d80 !important; }
a.button-medium {display:inline-block;*zoom:1;*display:inline;margin: 0px 0px 0px 0px;width:355px;height:52px;background:transparent url(images/buttonbg_medium.png) no-repeat top left;font-size:25px;color:#7794b8 !important;font-weight:bold;text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);font-family:'CenturyGothicBold';line-height: 48px;text-align: center;text-decoration:none;}
a.button-medium:hover { background-position:top right;color:#344d80 !important; }

#join-up{background:url('images/bg-team.png')no-repeat left top;width:942px;height:101px;clear: both; margin-bottom: 30px; padding: 0}
#join-up h1 {font-size:31px;color:#344d80;font-family:'CenturyGothicBold'; position: absolute; left: 130px; top: 40px; margin: 0; font-weight: normal}
#join-up a {text-decoration:none; display: block; width: 942px; height: 101px; position: relative}
#join-up ul {font-size:13px;color:#344d80;text-align:left;font-family:'CenturyGothicRegular'; position: absolute; left: 410px; top: 15px; margin: 0}
#join-up ul li {line-height: 17px}
#join-up .join-button {display:block;width:284px;height:52px;font-size:25px;color:#7794b8;font-weight:bold;text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);font-family:'CenturyGothicBold';line-height: 48px;text-align: center; position: absolute; right: 20px; top: 28px; font-weight: normal; background: none; margin: 0}
#join-up:hover { background-position: left bottom;color:#344d80; }
#blogWidget{background:url('images/bg-blog.gif') left top no-repeat;position:relative;margin-top:15px;}

#blogWidget .bottom{height:13px; width:100%; background:url('images/bg-btm-blog.gif') bottom left no-repeat; clear:both;}
#blogWidget img {margin:15px 25px 0;padding:0px;}

#blogWidget h1 a {
  font-size:20px;
  color:#283D78;
  margin: 0;
  padding:15px 0 15px 25px;
  text-decoration:none;
  display:block;
}
#blogWidget h1 a:hover {
	color:#7A97BD;

}

#blog-posts-widget {
  padding:0 24px 10px;
}

#blog-posts-widget h2 {
  display:none;
}

#blog-posts-widget .articles{
  margin:0; 
  padding:0; 
  list-style:none;
}

#blog-posts-widget .article p {
  color:#353535 !important;
}

#blog-posts-widget .article h3 {
  margin: 0;
}

#blog-posts-widget .article h3 a {
  font-family:'CenturyGothicBold',sans-serif;
  font-size:18px;
  text-decoration:none;
  color:#344D80;
  text-align: left;
}

#blog-posts-widget .date{ font-size:12px; font-weight:normal;}

#newsLetter{background:url('images/bg-newsletter-blue.png') left top no-repeat; height:112px;}
#newsLetter a{width:100%; height:100%; text-decoration:none;}
#newsLetter h1{margin:0; margin-left:135px; padding:21px 0; line-height:0.8;}
#newsLetter h1 .line1{font-size:18px; color:#fff; line-height:1.2;}
#newsLetter h1 .line2{font-size:30px; color:#353535;}
#newsLetter h1 .line3{font-size:18px; color:#F9B500;}

#testimonial{background:url('images/bg-testimonial.gif') left top no-repeat; height:146px; margin-top:15px; font-family:verdana, sans-serif; color:#353535 !important;}
#testimonial h1{font-size:20px; margin:0; margin-left:20px; padding:15px 0px 5px 0px;}
#testimonial h1 a {text-decoration:none;color: #353535;}
#testimonial h1 a:hover {color:#283D78;}
#testimonial #testimonials-widget{margin:0 20px;}
#testimonial #testimonials-widget p{font-style: italic; color:#353535 !important;}
#testimonial #testimonials-widget ul{margin:0; padding:0; list-style:none;}
#testimonial #testimonials-widget h2{margin:0;padding:5px 0; display:none;}
#testimonial #testimonials-widget .testimonial-name{display: none;}
#testimonial #testimonials-widget .testimonial-date{display: none;}
#testimonial #testimonials-widget .testimonial-link {position: relative; bottom: 33px; left: 240px;}

#engineText{background:url('images/bg-text-top.gif') left top no-repeat; position:relative; margin-bottom:10px; -height:100px; clear:both;}
#engineText #content_above{font-size:12px; font-family:verdana, sans-serif; padding:20px 20px 0px 20px;}
#engineText #content_above p{color:#353535 !important; font-size: 12px !important;}
#engineText h1{font-size:20px;}
#engineText .bottom{height:13px; width:100%; background:url('images/bg-text-btm.gif') bottom left no-repeat;}

#bottomWrap{background:url('images/bg-footerwrap-blue.jpg') top center repeat-x; height:250px; margin-top:1em;}
#bottom{background:url('images/bg-footer-blue.jpg') left top no-repeat; height:250px; font-family:verdana, sans-serif; color:#fff;}
#bottom h2{margin:0;padding-top:25px; font-size:22px; font-weight:bold;}
#bottom h2 span{font-size:18px;}
#bottom p{color:#fff; position: relative;}
#bottom a{color:#fff;}
#bottomLeft{float:left;width:568px; position: relative;}
#bottomRight{float:right;width:354px;}
#bottomLeft a.forsale{display: block; width: 235px; height: 19px; position: absolute; top: 154px; left: 16px;} 
#bottomLeft a.expressadd{display: block; width: 238px; height: 41px; position: absolute; top: 151px;}
#bottomRight .twtr-widget{margin-top:60px;margin-left:20px;}
#bottomRight .twtr-widget .twtr-ft{display:none;}
#bottomRight .twtr-widget .twtr-hd{}


#header h5 {
	cursor: pointer;
	font-size: 12px;
	left: 420px;
	position: absolute;
	margin: 0;
	background: #F1F1F1;
	padding: 0 5px;
	font-weight: normal;
	color: #283D78;
	line-height: 22px;
	border-bottom: 1px solid white;
}

#header h5:hover {
	color:#000;
	line-height:24px;
	background: #F9B500;
}

#chinese-translate {
	background: url(images/chinese-charecters-blue.png) no-repeat right center;
	cursor: pointer;
	position: absolute;
	top: 1px;
	left: 550px;
	padding: 20px 40px 0 0;
}

#chinese-translate:hover {
  background: url(images/chinese-charecters-over-blue.png) no-repeat right center;
}

/****** Translate Overlay */

.simple_overlay {
  display:none;
  width:373px;
  height: 249px;
  padding:1px;
  background: #696969;
  z-index: 10000;
  -moz-box-shadow: 0 0 20px #000;
  -webkit-box-shadow: 0 0 20px #000;
  position: relative
}

#overlay-content {
  background: url(images/overlay-content.gif) repeat-x;
  border: 5px solid #e6eaf1;
  padding: 25px;
  text-align: center;
  height: 189px;
}

#overlay-content h1 {
  color: #281c17;
  font-size: 20px;
  padding: 0 0 10px;
  margin:0;
  border-bottom: 1px solid #b9af8d;
}

#google-translate {
  border-top: 1px solid #fff;
  padding: 15px 0 0;
}

#google-translate select.goog-te-combo {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #281C17;
  font-family: 'avenir-heavy';
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: 5px 3px;
  width: 250px;
}

.simple_overlay .close {
	background: url(images/close.png);
	position:absolute; 
  right:4px; 
  top:-18px;
	cursor:pointer;
	height:33px;
	width:32px;
}

.simple_overlay .close:hover { background-position: left bottom; }

#exposeMask {
background-color:#C0C0C0!important;
}



/* **************************************** CMS STYLES ***/

.editable h1, .editable h2,
.editable h3, .editable h4,
.editable h5, .editable h6 {
  margin: 0px;
  padding: 10px 0px 5px 0px;
  font-weight: normal;
}

.editable h1, .editable h3 {
  color: #283D78;
}

.editable h2, .editable h4 {
  color: #82A1C9;
}

.editable h1, .editable h2 {
  font-family: 'CenturyGothicBold';
  text-shadow: 1px 1px 1px #FFF;
}

.editable h1 {
  font-size: 26px
}

.editable h2 {
  font-size: 24px;
}

.editable h3, .editable h4 {
  font-size: 20px;
  font-family: 'CenturyGothicRegular';
}

.editable h5, .editable h6 {
  margin: 0px; padding: 0px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

.editable h5 {
  font-weight: bold;
}

.editable h6 {
  font-style: italic;
}

.editable p {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  font-size: 14px;
}

.editable ul {
  margin: 15px 0px 12px 25px;
  padding: 0px;
}

.editable ul li {
  padding: 3px 0px 3px 0px;
  font-size: 14px;
  font-family: Arial, sans-serif;
  line-height: 140%;
}

.editable a {
  color: #283D78;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 1px 1px 1px #FFF;
}

.editable a:hover {
  color: #82A1C9;
  text-decoration: underline;
}


/* ********************************* LOCAL INFO STYLES ***/

.localInfo .sideBar h2 {
  color: #283D78;
  font-family: 'CenturyGothicRegular';
}

.localInfo .sideBar p {
  margin-bottom: 10px;
}

.localInfo .sideBar {
  padding-bottom: 30px !important;
}

.infoLinksContainer h3 {
  color: #283D78;
  font-family: 'CenturyGothicBold';
  font-size: 20px;
}

#localInfoHolder .infoLinksContainer li {
  font-size: 12px !important;
}

/* ********************************* RENTAL PAGE STYLES ***/

#rental-list .property-type-form {
  border-top:1px solid #babdc2;
  border-bottom:1px solid #babdc2;
  padding:10px 0px 10px 0px;
  margin-bottom:20px;
  text-align: center;
}
#rental-list .property-type-form .input-label {
  display:inline;
}
#rental-list .property-type-form .property-type-select {
  display:inline;
  width:200px;
}
#rental-list .rental-property {
  display:inline-block;
  *zoom:1;
  *display:inline;
  width:425px;
  margin:0px 10px 20px 10px;
  border:1px solid #babdc2;
  background:#FFFFFF;
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -moz-border-radius: 10px;
  border-radius: 10px;
  vertical-align:top;
  position:relative;
  text-align: center;
}
#rental-list .rental-property img {
  float:left;
  margin:10px 0px 10px 10px;
}
#rental-list .rental-property .description-label,
#rental-list .rental-property .description,
#rental-list .rental-property .date-avail-label,
#rental-list .rental-property .date-avail,
#rental-list .rental-property .input-label-contact,
#rental-list .rental-property .realtor-name
 {
  display:none;
}
#rental-list .rental-property .address {
  font-size: 18px;
  color: #05306D;
  text-align:center;
  width: 205px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position:absolute;
  left:215px;
  top:20px;
}
#rental-list .rental-property .photo-tour {
  color: #7794B8;
  width:112px;
  height:50px;
  padding-left:58px;
  line-height:50px;
  text-decoration:none;
  font-family: 'CenturyGothicBold';
  background:transparent url(images/btn_photogallery.png) no-repeat top left;
  display:block;
  position:absolute;
  left:233px;
  top:60px;
  text-align: left;
}
#rental-list .rental-property .photo-tour:hover {
  color: #05306D;
  background-position:-170px 0px;
}
#rental-list .rental-property .rental-info {
  border:2px solid #D1DBE5;
  margin:0px auto 0px auto;
  width:405px;
  text-align:center;
}
#rental-list .rental-property .rental-info p {
  margin-bottom:0px;
}
#rental-list .rental-property .rental-info .property-details-labels {
  background-color:#d1dbe5;
}
#rental-list .rental-property .rental-info .property-details-labels p {
  color:#05306D;
  font-family: 'CenturyGothicBold';
}
#rental-list .rental-property .rental-button {
  height:30px;
  padding-left:10px;
  padding-right:10px;
  line-height:30px;
  background: #7794B8;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.6);
  box-shadow: 0px 2px 0px rgba(0,0,0,0.6);
  text-shadow: 1px 1px 1px rgba(0,0,0, 1);
  color:#FFFFFF;
  margin:10px 3px 10px 3px;
  text-decoration:none;
  display:inline-block;
  *zoom:1;
  *display:inline;
  vertical-align:top;
}
#rental-list .rental-property .rental-button:hover {
  margin:11px 3px 9px 3px;
  -moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.6);
  box-shadow: 0px 1px 0px rgba(0,0,0,0.6);
  background-color:#9fb9d8;
}