@charset "utf-8";

/*-------CSS RESET-----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, str5ong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------------------*/

/* Fonts */

h1 {
	font-size:50px;
	color:#124392;
	color:#13293D;
	color:#247BA0;
	xtext-shadow: 1px 1px 0px rgba(219, 219, 219, 1); 
	xtext-transform:uppercase;
	xfont-family:'Open Sans', sans-serif;
	xfont-weight:700;
	xtext-align:center;
	

	
}

h2 {
	xfont-family: 'Montserrat Alternates', sans-serif;
	font-family:'Open Sans', sans-serif;
	font-size:50px;
	font-weight:700;
	color:#13293D; 
	text-transform:uppercase;
	xtext-shadow: 1px 1px 0px rgba(219, 219, 219, 1);
}

h3 {	
	font-family:'Open Sans', sans-serif;
	xfont-size:30px;
	xcolor:#fff;
	text-transform:uppercase;
	xfont-size:45px;
	font-weight:700;
}

h4 {
	font-family:'Open Sans', sans-serif;
	font-weight:700;
	font-size:20px;
	color:white;
	text-transform:uppercase;

}
h5 {


}

h6 {

}

html{
	padding:0px;
	margin:0px;
}

body{
} 

.fb_iframe_widget span { width: 240px !important; }
.fb-like-box iframe { width: 240px !important; }

/* ELEMENT/TAG SELECTORS */


ul {
	list-style-type: none;
	xmargin-bottom:15px;
	width:auto;
}

li.bullets {
	line-height: 23px;
	list-style:circle;
	margin-left:-7px;
    color:#727682;
    font-family:Arial, Geneva, SunSans-Regular, sans-serif;
    font-size:14px;
    line-height:1.6;
    text-align:left;
    vertical-align:top;
	margin-left:25px;

}

li {
	xposition:relative;
	xmargin-top: 0;
    xcolor:#727682;
    xfont-family:Arial, Geneva, SunSans-Regular, sans-serif;
    xfont-size:14px;
    xline-height:1.6;
    xtext-align:left;
    xvertical-align:top;


}

p {
  color:#555;
  font-family:Arial, Geneva, SunSans-Regular, sans-serif;
  font-size:14px;
  line-height:1.6;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a:link {text-decoration: none; }
a:visited { text-decoration: none; }
a {color:#6398a8;}

a.underline:link {color: #446e7a; text-decoration: none; }
a.underline:visited {color:#4d4d4f; text-decoration: none; }
a.underline:hover {
	color: #4d4d4f;
	text-decoration: none;
	font-size: 100%;
}


#navBar{
	z-index:999;
	position:fixed;
	width:100%;
	background:#fff;
	height: 50px;
	border-bottom:2px solid #0b4db4;
	
	-webkit-box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 24px 6px rgba(0,0,0,0.75);
}

#navBar ul.navElements {
	margin-right:auto;
	margin-left:auto;
	xmargin-right:100px;
	position:relative;
	xmargin-top:18px;
	width:900px;
	text-align: center;
	display:block;
}
#navBar ul.navElements li{
	display:inline;
	font-family:'Open Sans', sans-serif;
	text-transform:uppercase;
	position:relative; 
	xtop:3px;
	vertical-align:middle;
}

#navBar ul li a{
	color:#555;
	font-size: 13px;
	font-weight: 700;
	margin-right: 30px;
	margin-left: 20px;
}

#navBar ul li a:hover{
	cursor:pointer;
	color: #b3972f;
	
}

#socialMediaNav li{
	position:relative;
	display:inline;
}

#navBar ul{
	display:inline;
}

#homeNav img{
	width: 75px; 
	top: -16px;
	left: -30px;
}
#homeNav a{
	margin-left: 100px;
}

#logo-tab{
	position:absolute;
	left:50%;
	margin-left:-50px;
	xmargin-top:7px;
	top: 7px;
	width:106px;
	height:86px;
	background:url('../images/logo-tab-sprite.png');
	background-position:0px 0px;
}

#logo-tab:hover{
	background-position:0px -96px;
}

#flagBanner{
	padding: 40px 5px;
	background:#8f2f2c;
	position:absolute;
	top:0px;
	left:80px;
}

#sbrealtyLogo{
	width:150px;
	margin-top: 60px;
}

#banner{
	width:100%;
	xheight:700px;
	overflow:hidden;
	xbackground-image:url("../images/banner/Theatre_Le_Quai_a_Angers-2.jpg");
	background-position: center -217px;
	background-size: 100%;
	background-repeat: no-repeat;
	
}

#bannerPhoto {
	position:absolute;
	xposition:relative;
	z-index:995;
	width:100%;
	display:block;
	xtop:50%;
	top:35%;
	top:30%;
	top:40vh;
}

#bannerPhotoWrapper {
	position:relative;
	margin-right:auto;
	margin-left:auto;
	background:url('../images/backgrounds/white-underlay-25.png'); 
	border:1px solid #fff;
	xwidth:800px;
	xtext-shadow: 2px 2px 10px #ccc;
	width: 430px;
	padding: 25px 0;
}
#bannerPhoto img{
	display: block;

	
	z-index: 995;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right:-50%;
	
	display: block;
	z-index: 995;
	top: 40%;
	left: 45%;
	xmargin-right: -50%;
	height: auto;
	width: 11%;
	

}
#bannerPhoto h1{
	color:#247BA0;
	text-align:center;
	font-size:47px;

	font-family: 'Playfair Display SC', serif;
	text-shadow: 1px 1px 1px #fff;
}
#bannerPhoto h2{
	xfont-family:'Open Sans', sans-serif;
	font-family: 'Roboto Slab', serif;
	font-size:30px;
	font-weight:700;
	color:#fff; 
	color:#13293D; 
	text-transform:uppercase;
}

.subHeading{
	xfont-size: 28px;
	font-size: 40px;
	top: -34px;
	position:relative; 
}

h2#skilledProfessionals{
	margin-bottom:0px; border-bottom:2px solid white; text-align:center; width:370px; margin-left:auto; margin-right:auto; position:relative; font-size:23px; padding-bottom:8px;
}

h2#commercialRealEstate{
	margin-top:8px; border-top:2px solid white; text-align:center; width:370px; margin-left:auto; margin-right:auto; position:relative; font-size:23px; padding-top:8px;
}

#callNowBelow{
	color: #fff; display:none; font-size: 14px; margin:8px 0px;
}

#socialMedia{
	float:right;
	margin-top:30px;
	
}

#mainSlider ul li img{

}

/*-----------SERVICES---------------*/

#expandable_menu ul { 
	margin-bottom:15px;
}
#expandable_menu ul a{ 
	font-weight:700; 
	font-family: 'Roboto Slab', serif;
	color:#555;
}
#expandable_menu ul a.expanded{ 
	padding-left:20px;
	background:url('../images/arrow-down.png');
	background-size: 12px auto;
    background-repeat: no-repeat;
}
#expandable_menu ul a.collapsed{ 
	padding-left:20px;
	background:url('../images/arrow-right.png');
	background-size: 12px auto;
    background-repeat: no-repeat;
	background-position-y: 5px;
}
#expandable_menu ul a:hover{ 
	cursor:pointer;
	color:#888;
}

#expandable_menu ul p{ 
	margin-left:20px;
	margin-top:15px;
	
}

#services{
	background:url('../images/backgrounds/subtle_grunge.png');
	border-bottom: 2px dashed #ccc;
	-webkit-box-shadow: inset 0px -9px 56px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px -9px 56px -9px rgba(0,0,0,0.75);
	box-shadow: inset 0px -9px 56px -9px rgba(0,0,0,0.75);
	
	padding-bottom:50px;
}

/*-----------LISTINGS---------------*/
.flexslider{
	max-height: 972px;
	overflow: hidden;
}

#overview{
	padding-top:100px;
	padding-bottom:50px;
}

#overview h2{
	font-size:60px;
	text-align:center;
	font-family: 'Roboto Slab', serif; 
}


#listings{
	padding-top: 50px;
	border-bottom:2px dashed #ccc;
	padding-bottom:50px;
	xbackground:url('../images/backgrounds/light_grey.png');
	position:relative;
}

#listings ul li h3{
	font-size: 18px;
	color:#247BA0;
	text-transform:uppercase;
	text-align:center;
	border-bottom:2px solid #247BA0;
	padding-top:20px;
	padding-bottom:3px;
	margin:0 20px;
	height:55px;
	vertical-align:bottom;
}
#listings ul li img{
	display:block;
	margin-right:auto;
	margin-left:auto; 
	width:186px;
	height:auto;
}

#listings ul li p{
	color:#777;
	margin:0 20px;
	padding-top:10px;
}

#listingsGal{
	padding-right:50px; 
	padding-left:50px;
}

.listingDesc{
	xheight:115px;
	xoverflow:hidden;
	xposition:relative;
}

#freeBanner {
	padding-top:30px;
	padding-bottom:30px;
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #247BA0), color-stop(1, #006494));
	background:-moz-linear-gradient(top, #247BA0 5%, #006494 100%);
	background:-webkit-linear-gradient(top, #247BA0 5%, #006494 100%);
	background:-o-linear-gradient(top, #247BA0 5%, #006494 100%);
	background:-ms-linear-gradient(top, #247BA0 5%, #006494 100%);
	background:linear-gradient(to bottom, #247BA0 5%, #006494 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#247BA0', endColorstr='#006494',GradientType=0);
	background-color:#247BA0;
}

/*-----------CONTACT---------------*/

#freeBanner h3{
	text-align:center;
	color:#fff;
	font-family: 'Roboto Slab', serif;
	font-size:25px;
}

#contact{
	xbackground:url('../images/backgrounds/street-view.jpg');
	background:url('../images/backgrounds/open-space.jpg');
	background-size:cover;
	xbackground-size:100% auto;
	padding-top:100px; 
	xheight:600px;
	xheight:650px;
}

#contact h2{ 
	text-align:center;
	font-family: 'Roboto Slab', serif;
	margin-top:20px;
	margin-bottom:10px;
}

#contactBox{
	xbackground:#838175;
	xheight: 500px;
	xheight: 600px;
	xwidth:60%;
	xposition:absolute;
	xleft:0px;

} 

#contactBoxContent{
	position:relative;
	margin-left:20px;
	margin-right:50px;
	margin-top:30px;
}

#contactBoxBorder{
	xbackground:#838175;
	
	xborder-top:1px solid #ccc;
	xborder-bottom:1px solid #ccc;
	xborder-right:1px solid #ccc;
	xwidth:650px;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	
	x-webkit-box-shadow: 3px 3px 15px 0px rgba(50, 50, 50, 0.75);
	x-moz-box-shadow:    3px 3px 15px 0px rgba(50, 50, 50, 0.75);
	xbox-shadow:         3px 3px 15px 0px rgba(50, 50, 50, 0.75);
}

#contactBoxContent p{
	color:white;
}

#contactBoxContent {
	xwidth:450px;
	
}
#contactBoxContent li{
	width: 200px;
	vertical-align: top;
	display:inline-block;
}

 #virtualCard{
	margin-right:auto;
	margin-left:auto; 
	position:relative;
	display:block;
}

#virtualCard li{
	display:block;
	width:80px;
	margin-bottom:30px;
	margin-right:auto;
	margin-left:auto; 
	position:relative;
}
 
#contactBoxContent li h3{
	font-family: 'Roboto Slab', serif;
	color:#fff;
	font-size:25px;
	text-align:center;
}

#contactBoxContent li{
	font-family: 'Roboto Slab', serif;
	color:#fff;
	font-size:18px;
	margin-bottom:20px;
	text-align:center;
}

#virtualCardAgents{
	margin-right:auto;
	margin-left:auto; 
	position:relative;
	display:block;
}

#virtualCardAgents li{
	display:block;
	width:80px;
	margin-bottom:30px;
	margin-right:auto;
	margin-left:auto; 
	position:relative;
}
#agents {
	margin-right: 50px;
}

#agents, #partners  {
	width:130px;
}
#agents p, #partners  p{
	text-align:center;
}
#agents img, #partners img{
	margin-left:auto;
	margin-right:auto;
	display:block;
}
#agents h3, #partners h3{
	font-family: 'Roboto Slab', serif;
	color:#fff;
	font-size:25px;
	text-align:center;
}

#agents h4, #partners h4{
	font-family: 'Roboto Slab', serif;
	color:#fff;
	font-size:18px;
	margin-bottom:20px;
	text-align:center;
}

/*-----------TEAM---------------*/

#team {
	padding-top:50px;
	xbackground:url('../images/backgrounds/wet_snow.png');
	background:url('../images/backgrounds/subtle_grunge.png');	
	-webkit-box-shadow: inset 0px 9px 56px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 9px 56px -9px rgba(0,0,0,0.75);
	box-shadow: inset 0px 9px 56px -9px rgba(0,0,0,0.75);
}

#team  h2{
	font-family: 'Roboto Slab', serif;
}
/*
#team  h2{
	margin-bottom:50px;
	margin-top:50px;
}
 
#team  ul li h2{
	margin-bottom:5px;
	margin-top:10px;
	font-size:20px;
	text-align:center;
	color:#0b4db4;
}

#team  ul li h3{
	margin-bottom:20px;
	font-size:14px;
	xtext-decoration:italic;
	text-align:center;
	color: #777;
	font-style: italic;
	font-weight:500;
	height: 34px;
}

#team ul {
	xposition:relative;
	xmargin-right:auto;
	xmargin-left:auto;
	xwidth:880px;
}

#team ul li img{
	xwidth:auto;
	xmargin-right: auto;
	xmargin-left: auto;
	xdisplay: block; 
}

#team ul li{

	xwidth:auto;
	xheight:300px;
	
	xmargin-bottom:50px;
	xpadding-right:20px;
	xpadding-left:20px;
}
*/

#teamMember li{
	display:inline-block;
	position:relative;
}


.teamImgBlock{
	width:320px;
	width:auto;
	display:inline-block;
}

.teamImgBlock h2{
	margin-bottom:5px;
	margin-top:10px;
	font-size:20px;
	text-align:center;
	color:#006494;
}
.teamImgBlock h3{
	margin-bottom:20px;
	font-size:14px;
	xtext-decoration:italic;
	text-align:center;
	color: #777;
	font-style: italic;
	font-weight:500;
	height: 34px;
	height: 34px;
}


.teamDescBlock{
	width: 500px;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}

.teamDescBlock p{
	color:#555;
	margin-left:50px;
}

#virtualCard img{
	margin-left:auto;
	margin-right:auto;
	display:block;
}
#virtualCard{
	width:100px;
	text-align:center;
}

#virtualCard li:hover{
	xcursor:crosshair; 
	cursor:pointer; 
}



#aboutUs {
	padding-top:100px;
	padding-bottom:80px;
}

#aboutUs p{
	color: #555;
}

#aboutUs h2{
	margin-bottom:20px;
}


.outer_div{
	width:100%;
	position:relative;
}

.inner_div{
	width:900px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
}

.imgCenter{
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.wrapper{
	xtop:-200px;  /*leave this here otherwise the header will glitch*/
	xpadding-top:85px;
	xpadding-top:200px;
	z-index:2;
	xmargin-bottom:-200px;
	position:relative;
	height:auto;
	width:900px;
	margin-left:auto;
	margin-right:auto;	
}

#wrapper2{
	z-index:2;
	position:relative;
	height:auto;
	width:900px;
	margin-left:auto;
	margin-right:auto;	
}


#topLinks {
	position:relative;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#383838;
	text-shadow: 0px -1px 0px #ffffff;
	line-height:23px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:560px; 
	left:-30px;
	padding-bottom:20px;
	margin-top:10px;
}


.white-radial{
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #efeceb 93%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(93%,#efeceb)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#efeceb 93%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#efeceb 93%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#efeceb 93%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#efeceb 93%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efeceb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



.left{
	width:535px;
	xmargin-left:10px;
	margin-right:auto;
	xmargin-left:auto;
	position:relative;
	padding-left:20px;
	padding-right:20px;
}

.inner{
	width:900px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}


.outer{
	width:100%;
}

.rome{
	background-image: url('../images/backgrounds/city-rome-colosseum-paved-street-hd-wallpaper.jpg');
	border-top:2px solid #f7d72e;
	border-bottom:2px solid #f7d72e;
}


#footer_div{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top: 20px;
	padding-bottom:20px;
	z-index:999;
	
	
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	*/
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #247BA0), color-stop(1, #006494));
	background:-moz-linear-gradient(top, #247BA0 5%, #006494 100%);
	background:-webkit-linear-gradient(top, #247BA0 5%, #006494 100%);
	background:-o-linear-gradient(top, #247BA0 5%, #006494 100%);
	background:-ms-linear-gradient(top, #247BA0 5%, #006494 100%);
	background:linear-gradient(to bottom, #247BA0 5%, #006494 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#247BA0', endColorstr='#006494',GradientType=0);
	background-color:#247BA0;
}

#wrapper_div-bottom{
	border-bottom:1px solid #eab74d;
	width:528px;
	position:relative;
	left: 4px;
	
}


.sectionSetup{
	padding-top:50px;
	padding-bottom:30px;
	margin-bottom:8px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#sidebar{
	position:relative;
	width:280px;
	xbackground:#f4f4f4;
	xbackground:#aaa;
	background:#4b4b4b;
	padding:10px;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height:auto; 
	height:1906px; 
	z-index:900;
	padding-top:30px;
	padding-left:20px;
	xmargin-left:10px;
	float:right;
}	

#sidebar h2, h3, h4, p{
	
}

#map{
	float:right;
	margin-left:50px;
	margin-bottom: 50px;
}

#contactForm{
	float:right;
	margin-left:50px;
	margin-bottom: 50px;
}

.buttonHolder{
  margin:80px auto;
  width:400px;
}


.listingsButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:12px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	font-weight:700;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width: 100px;
	text-align:center;
	margin-top:25px;
}
.listingsButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.listingsButton:active {
	position:relative;
	top:1px;
}