/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background:white;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    outline:0;
    display:block;
    width:100%;
    
}
a 
{
     color: #9bddfd;
    text-decoration: none;
    outline: none;
    border:0;
}
a:link 
{
    color: white;
    text-decoration: none;
}
a:visited
{
    color: white;
    text-decoration: none;
    
}
a:hover
{
    color: #9bddfd;
    text-decoration: none;
    
}

a:active
{
    color: white;
    text-decoration: none;
}
a img
{outline:none;
}
img {border : 0;}

.logo a:focus, .logo a:active {
	outline: 0 none;
	-moz-outline: 0 none;
	border:0;
	}
p
{
    margin-bottom: 1em;
    line-height: 1.6em;
    text-align:justify;
}
.margintop2em
{
    margin-top:2em;
}
.margintoppt75
{
    margin-top:.75em;
}
.margintoppt5
{
    margin-top:.5em;
}
.marginleft1em
{
    margin-left:1em;
}
.marginleftpt25
{
    margin-left:.25em;
}
.lefty
{
    float:left;
}
.righty
{
    float:right;
}
.vMore
{
    font-size:.95em;
    color: #7ab5f9;
    
}
.vMore:hover
{
  color:#788084;  
}
.vm-more a
{
   margin-left:.85em;
    font-size:.75em;
    color:#9bddfd;
}
.vm-more a:hover
{
    color:white;
}
article
{
    padding-bottom:1em;
}
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
   
    background-color: #fff;
    margin:0px auto;
    
}
.header-top{clear:both; background-color:black; height:1.5em; margin-top:0;}
.header
{
    clear: both; 
    background-color: #9bcfff;
    border-top-color: white;
    border-bottom-color: white;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    height:9.5em;
   
}
.headerRow
{
    width: 960px;
    height:9.5em;
    
    margin-left: auto;
    margin-right: auto;
    clear: both; 
    background-image: url('images/header-background-gradient.png');
    background-repeat: repeats;
  
}
.pageFeature{clear:both;  background-color: black;}
.pageFeature-row{ width:960px; height:354px; padding-top:.15em; margin-left:auto; margin-right:auto; color:White; text-align:center;} 
#pageBodyContent
{
    clear:both;
}
#pageBodyContentRow{width:960px; min-height:578px; padding-top:.15em; margin-left:auto; margin-right:auto;}
.pageBody{clear:both; box-shadow: 0 12px 12px -6px rgba(0, 0, 0, 0.6) inset;}
.pageBodyRow{ width:960px; height:290px; padding-top:.15em; margin-left:auto; margin-right:auto;  text-align:justify;}  
   
.footer{clear:both; background-color:#9bcfff; min-height:148px; }
.footerRow{width:960px; margin-left:auto; margin-right:auto;}
.headerDiv
{
   margin: 0px;
    padding: 0px;
    width: 100%;
}

.headerDiv h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px;
    margin: 0px;
    min-height: 264px;
    
    
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    font-size:.85em;
}
#ftLeft
{
    float:left;
    width:21%;
    margin-top:.5em;
    color: #4e5766;
}
#ftLeft:hover
{
     color: #4e5766;
}
#ftRight
{
    float:right;
    width:77%;
}
.ftRight-before 
{
    margin: .5em 9em;
}
#ftRight a
{
   color: #4e5766; 
}
#ftRight a:hover 
{
    color:White;
}
.ftRight-last
{
   margin: .5em 1.25em .5em 8em;
}
.ErrorMessage
{
    color:Red;
}
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    
    margin-top:.5em;
    margin-right:.5em;
    
  
}
.address
{
   
    color: Black;
  
    font-size:1.25em;
    padding-right:.5em;
    
}

/* Top Navigation--
----------------------------------------------------------*/
.globalNav
{
    font-size: .85em;
    display:inline;
    text-align: right;
    padding: 10px 10px 0 10px;
    float:right;
    
    
}
.globalNav ul
{
    margin:0;
    padding:0;
    display:inline;
   
}
.globalNav li
{
    list-style-type: none;
    color: black;
    cursor:pointer;
    display:inline;
    padding:1em 0 1em 2em;
}
.globalNav li:hover
{
    
    color: #999999;
   
}

.globalNav ul li a, globalNav ul li a:visited
{
    color: #4e5766;
}

.globalNav ul li a:hover
{
    color: white;
}

.globalNav ul li a:active
{
    color: #cfdbe6;
   
}
#topNav
{
   z-index:1005;
   width:100%;
    
}
/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.logo
{
    width: 11%;
    float: left;
    margin-top: .25em;
    outline:none;
    border:0;
}
#headerRight
{
    width:87%;
    float:right;
    
}
.bolder
{
    font-weight:bolder;
    color:#474747;
}

.bold
{
    font-weight: bold;
}
.marginbottom1em
{
    margin-bottom:1em;
}

.marginbottompt5
{
    margin-bottom:.5em;
}
.marginleftpt75
{
    margin-left:.75em;
}
/*Index Page*/

#sliderImgs
{
    width: 950px;
    margin: 5px auto;
    background-color: #353535;
    text-align: center;
    
}
figure { display: block; width: 100%; height: 100%; margin: 0; } /*background-color:#333 */
.indexCaption { padding: 10px 15px; position: absolute; bottom: 20px; right: 30px; z-index: 3; background: black; background: rgba(0,0,0,0.7); color: white;
                -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.phone
{
    color: Black;
    font-size:1.5em;
    margin-top:.5em;
    padding-right:.35em;
}
 .linkWidth
 {   *padding-bottom:0;
     *width:160px;
   
 } 
 .linkWidth2
 {  width:130px;
    
 }
  #call
  {
      font-size:70%;
  } 
  
 .percent90 /*IE 9 and below*/
  {
      *width:94.5%;
      *height:94.5%;
      *margin-top:.75em;
      *margin-left:1em;
  }
               
/*About Us*/
.ImgStyling-right
{
    border-color: #7ab5f9 #7ab5f9 #bcdafc #7ab5f9;
    border-style: solid;
    border-width: 2px;
    float: right;
    padding:0;
    margin: 1.35em 0 0 2em;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}
.ieLeft
{float:left;
 width:67%;      
}
.figureRight
{
    float:right;
    width:305px;
    
}

#about-us
{
    width:100%
    
}
.contentH
{
    min-height:632px !important ;
   
}
.contentH h1, .contentH h2, .contentH h3
{
    padding:0 .25em;
} 
.contentH p
{
    padding:0 .5em;
    
}

.ImgStylingCaption
{
    margin: 0;
    padding: .5em 0 0 0;
    background-color: Black;
    height: 2em;
    clear: both;
    float: right;
    vertical-align: middle;
    text-align: center;
    width: 280px; 
    margin-left:2em;
    -moz-border-bottom-left-radius: 4px  ;
    -webkit-border-bottom-left-radius  : 4px;
    border-bottom-left-radius  : 4px;
    -moz-border-bottom-left-radius  : 4px;
    -webkit-border-bottom-left-radius  : 4px;
    border-bottom-left-radius  : 4px ;
    border-style: solid;
    border-width: 0px 2px 2px 2px;
    border-right-color: #7ab5f9;
    border-bottom-color: #7ab5f9;
    border-left-color: #7ab5f9;
    color:#7ab5f9;
    box-shadow: 0 12px 12px -6px rgba(0, 0, 0, 0.6) ;    
}
/*Services*/
.servicesP
{
   width:620px;
}
.younis-lobby-right, .younis-building-rightS
{
    border-color: #7ab5f9 #7ab5f9 #bcdafc #7ab5f9;
    border-style: solid;
    border-width: 2px;
    width:280px;
    margin: 0;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-left-radius  : 4px !important;
    -webkit-border-top-left-radius  : 4px !important;
    border-top-left-radius  : 4px ;
    
}
.servicesCaption
{
    margin: -.25em 0 0 0 ;
    padding: .5em 0 0 0;
    background-color: Black;
    height: 2em;
   
    vertical-align: middle;
    text-align: center;
    width: 280px; 
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-style: solid;
    border-width: 0px 2px 2px 2px;
    border-right-color: #7ab5f9;
    border-bottom-color: #7ab5f9;
    border-left-color: #7ab5f9;
    color:#7ab5f9;
    box-shadow: 0 12px 12px -6px rgba(0, 0, 0, 0.6) ;    
}
#serviceLists
{
    width: 660px; float:left;
}
#serviceListsLeft
{width: 360px; 
 float: left;
}
#leftImg
{   margin-top:4.25em;
    width:280px;
    float:right;
    background-color:White;
    
    
}
#rightImg
{
    float:right;
    width:280px;
    background-color:White;
}
.contentH ul li
{
    padding:0;
    margin-left:0;
}

#btmList
{
    width:400px !important;
}
/*News*/
#mYounis
{
    width:30%;
    *width:29%;
    background-color:White;
    margin:0 .75em 1em 0;
    *margin:0 1.5em 1em -.75em !important;

}
#mYounisNews
{
 width:65% ;
 margin-right:2.75em;
}
#EVMC
{   width:270px;  
    margin:2em 0 0 .5em;
  *margin:2em 0 0 1.60em;
    padding:.75em .75em .75em 0;
   
    background-color: #9bcfff;
    
   
  
    color:Black;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px
}
#EVMC h1
{
   font-Weight:bold;
   font-size:1.25em !important ; 
   color:Black;
   padding-left:1em;
   margin-top:.5em;
   margin-left:.25em;
   margin-bottom:-.25em;
}
#clinic h1, #mercury h1
{
    font-size:1.25em;
    font-weight:bold;
   
}
#clinic h2
{  
    font-size:1.15em;
}
.articleDate
{
   font-size:.95em !important ;
   margin-left:.25em;
   font-weight:normal !important;
}

#mercury
{width:65%;
 margin-top:2.75em;
padding-right:.5em;
}
#mercuryPlaza
{
    width:30%;
    background-color:White;
    margin:0 1em 1em 0;
    *margin:0 1.75em 1em 0;
}

/*FAQs*/
.faqs
{
    margin-bottom:.25em;
}
.faqs h2
{  
    background-position: 0px 11px;
    padding: 10px 0 10px 40px;
    border: medium solid white;
    width: 710px;
    background-image: url('images/close.png');
    background-repeat: no-repeat;
    margin:.25em 0 0 0;
    font-size:1.3em;
}
.faqs h2:hover
{
    border-color: #9bcfff;
    border-width: medium;
    border-style: solid;
}
.faqs h2.close
{
    color: Red;
    border-color: #9bcfff;
    border-width: medium;
    border-style: solid;
    background-image: url('images/open.png');
    background-repeat: no-repeat;
    color: Black;
}
    
    

.answer p
{
    color:Black ;
    
    padding: .5em .75em .5em 2.75em ;
    font-size:1.2em;
    width: 704px;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,231,255,1) 95%, rgba(155,207,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(95%,rgba(204,231,255,1)), color-stop(100%,rgba(155,207,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,231,255,1) 95%,rgba(155,207,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,231,255,1) 95%,rgba(155,207,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,231,255,1) 95%,rgba(155,207,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(204,231,255,1) 95%,rgba(155,207,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9bcfff',GradientType=0 ); /* IE6-9 */
}
#faqsContact
{
    background-color: #9bcfff;
    width:178px;
    padding:0 .75em 1em .75em;
    margin:2em 0 1em 1em;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px
}
#faqsContact h2
{
    color:#696969;
    font-size:1.2em;
    font-weight:bold;
}
.faqsInfo
{
    margin-left: 1em;
    padding: 0 .25em 0 0 !important;
   
}
.faqsInfo li
{
    list-style-type: disc;
    padding:.5em 0  !important;
}
.subfaqsInfo li
{
    list-style-type: none;
    margin-left: -3em !important ;
    padding:0 !important;   
}
#faqs
{
    width:70%;
}
/*Maintenance Request*/
#maintenance
{
    width:710px;;
    min-height:580px;
    background: rgb(216,237,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(216,237,255,1) 1%, rgba(216,237,255,1) 47%, rgba(155,207,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(216,237,255,1)), color-stop(47%,rgba(216,237,255,1)), color-stop(100%,rgba(155,207,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(216,237,255,1) 1%,rgba(216,237,255,1) 47%,rgba(155,207,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(216,237,255,1) 1%,rgba(216,237,255,1) 47%,rgba(155,207,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(216,237,255,1) 1%,rgba(216,237,255,1) 47%,rgba(155,207,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(216,237,255,1) 1%,rgba(216,237,255,1) 47%,rgba(155,207,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8edff', endColorstr='#9bcfff',GradientType=0 ); /* IE6-9 */

    box-shadow: 0 12px 12px -6px rgba(0, 0, 0, 0.6) ; 
     -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
     padding:1em;
     margin: 1em auto;
     
}
#maintenance h1
{
    margin-top:0px;
    margin-bottom:.5em;
}
#mrContent
{
    width:99.5%;
    
    border-color: #9bcfff;
    border-width: 2px;
    border-style: solid;
     -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.mrform
{   
    width:48%;
   
    
     margin-right:0;
    
     margin-left:.5em;
     padding: .25em 0 0 .5em;
}
.mrform h2
{
    margin-top:-.15em;
    margin-bottom:.25em;
    font-size:1.4em;  
}

.formSubTitles
{
    margin-right:.5em;
    margin-bottom:1em;
    margin-left:.5em;
    
}
.dropList
{
    padding:.30em .25em;
    color:#666666;
}
.mrInput1, .mrInput2, .mrInput3, .mrInput4, .mrInput5, .mrInput6, .mrInput7
{
    width:220px;
}
.mrInput1, .mrInput2
{
    margin-left:2.5em;
}
.mrInput3
{
    margin-left:2.85em;
}
.mrInput4
{
    margin-left:.75em;
}
.mrInput5
{
    margin-left:5em ;
}
.mrInput6
{
    margin-left:5.7em;
}
.mrInput7
{
    margin-left:3.25em;
}
#messageText
{
    margin-left:.5em;
}
.email-phone
{  margin-top:-.25em;
    margin-bottom:.5em;
}
#submit-btn
{
    margin-top:.75em;
    margin-right:1em;
    
}
.thkMain
{
    padding-top:2em;
}
#street
{
    margin-top:0;
}
.messageBox
{
    width:656px;
    height:200px;
}
#bottomMessage
{
    margin-left:1em;
    width:660px;
}
#bottomMessage h2
{
   margin-top:0;
   margin-bottom:.5em; 
   padding-top:0;
   
}
#bottomMessage p
{
   width:656px;
}

.formSubTitles2
{
    margin-right:.5em;
    margin-bottom:1em;
    margin-left:.5em;
    
}
#messageText
{
    margin-left:.25em;
    
}
#serviceDroplist
{
    margin-left:.35em;
}
.contact
{
    margin:0;
    padding:0;
    font-size:1.15em;
}
.listingStyle
{
    width:688px;
   min-height:200px;
    margin-top:.25em;
    margin-bottom:1em;
  
   
}
#formImg
{   
    width:120px;
    height:120px;
    margin-left:2em;
}
.subjectText
{   
    margin-left:.25em;
    width:590px;
}
.listingInterest
{
    float:left;
    margin-left:.25em;
}
#map
{
    height:160px;
    width:300px;
    margin-top:1.5em;
    border-color: #94ccff;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-style: solid;
    border-width: 2px;
}
#map-detail
{
    height:360px;
    width:360px;
    margin-top:1em;
    margin-left: auto;
    margin-right:auto;
    border-color: #94ccff;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-style: solid;
    border-width: 2px;
}
/*available for lease*/
.listingList
{
    background-color: #9bcfff;
    color:Black;
    /*width:45%;*/
    width:99%;
    height:110px;
    margin-top:1em;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.listingList:hover
{
    background-color:#e2e2e2;
}
.imageStyles
{
    margin:.35em .5em .5em .5em;
    padding-right:.5em;
    border-right: 1px; border-right-color: white; border-right-style: solid;
   
   
}
.listingS
{ 
     margin-top:3em;
     padding-right:.25em;
    }

.listingDetails
{
    width:260px;
    width:76%;

}
.description
{
    width:300px;
    margin-top:.25em;
    text-align:justify;
}
.view
{  
    font-size:.890em;
    font-weight:normal;
    color:black !important;
    margin-left:.25em;}
    
    
.view:hover
{
    color:White !important;
}
.view2
{  
    font-size:.890em;
    font-weight:normal;
    color:#444444 !important;
    margin-left:.25em;}
    
    
.view2:hover
{
    color:black !important;
}
.address1
{
    margin-top:2.65em;
    
    width:162px;
    
   
    float:left;
    font-size:1.25em;
    
}
.address2
{    padding-right:.5em;
     
     margin-right:1em;
     margin-left:1em;
     border-right: 1px; border-right-color: white; border-right-style: solid;
     height:98px;
}
.address3
{   height:56px;
    padding-top:2.65em;
    width:406px;
    border-right: 1px; border-right-color: white; border-right-style: solid;
    float:left;
    font-size:1.25em;
}

.address4
{
    margin-top:3.5em;
    margin-left:auto;
    margin-right:auto;
    padding-left:5em;
}

.address5
{
    margin-top:1em;
}
/*Each Property*/
.property
{
    width:100%;
    
}

.property h2
{
    margin:0 0 0 .5em;
    padding:0;
    font-size:1em;
}
.propertyDetails
{ width:51%;
  float:left;
  margin-left:1em;
}
.propertyImages
{
    float:right;
    width:42%;
 
	margin: 20px 0 0 10px;
    
    
}
.tabs {
	margin: 0;
	padding: 0;	
	
}
.tabs li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.tabs a {
	display: block;
	text-decoration: none;
	width:60px;
	padding: 3px 5px;
	background-color:#9bcfff;
	margin-right: 10px;
	border: 1px solid #9bcfff;
	margin-bottom: -1px;
}
.tabs .active {
	border-bottom: 1px solid white;
	background-color: #e2e2e2;
	color: black;
	position: relative;
}

.panelContainer {
	clear: both;
	margin-bottom: 1em;	
	padding-right: auto;
	padding-left:auto;
	border: 1px solid #9bcfff;	
	background-color: white;
	padding: 5px;
}

.panel
{
    min-height:400px;
    text-align:center;
    
}
.panel h2 {
	color: blue;
	text-shadow: none;		
}
.panel p {
	color: black;	
}
.panel img
{   
    margin-left:.25em;
    
}


.tabbedPanels {
	
	padding-bottom: 1em;
	border-bottom: solid 1px rgba(255,255,255,.5);
	
}
#propertyInfo
{
    float:left;
}
.propertyInfoTitle h2
{
    font-weight:bold;
    margin-top:.5em;
    margin-right:5em;
    float:left;
}
#propertyInfoRight
{
    float:left;
}
.propertyInfoDetails1
{
    margin-top:.5em;
}
.propertybtns
{
    margin-right:2em;
}
/*Form*/
/*Privacy*/
.emailS a, .emailS a:link, emailS a:visited,  
{
    color: #9bcfff; 
    font-weight:bold;
   
}
.emailS a:hover
{
  color:Black;
}
.email a ,.phone-call
{
    color: #444444; 
    font-weight:bold;
}
.email a:hover
{
    color:#9bcfff;
}