/*
	NVI Solutions CSS Framework 
*/

/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/* GENERAL /////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/

/* html */
html{height:100%;}

/* body */
body{background:#323d4f; color:#414e61; font:70%/140% Verdana, Arial, Helvetica, sans-serif; height:auto !important; height:100%; min-height:100%;}

/* links */
a,a:link,a:visited{color:#be0b0b; font-weight:bold; text-decoration:none;}
a:hover, a:active{color:#414e61; text-decoration:underline;}

/* titles */
h1, h2, h3, h4, h5, h6{color:#414e61; margin:0 0 1em 0; line-height:1em;}
h1{font-size:1.4em; font-weight:bold;}
h1 span{font-weight:normal;}
h2{font-size:1.2em; font-weight:bold;}
h3{font-size:1.1em; font-weight:bold;}
h4{font-size:1.5em;}
h5{font-size:1.2em;}
h6{font-size:1.2em;}

/* lists */
ul ul{padding:.4em 0 0 1.2em;}
 
/* tables */
table{border-collapse:collapse;}
table th{background:#ccc; padding:10px; border:1px solid #999;  vertical-align:top;}
table td{padding:10px; border:1px solid #999; vertical-align:top;}

/* textes & misc */
p{margin:0 0 1em 0;}
hr{margin:1em 0; background:#410a1b; color:#410a1b; height:1px;  border:none; clear:both;}

/* blockquote */
blockquote{font-style:italic;}
blockquote .name{font-style:normal;}
blockquote .bq1{background:url("../img/bgBlockquote1.gif") no-repeat top left; float:left; width:21px; height:18px; padding-right:6px;}
blockquote .bq2{background:url("../img/bgBlockquote2.gif") no-repeat top left; display:inline; float:right; width:21px; height:18px; position:relative; margin-bottom:7px;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* FORMS ONLY //////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

form dl{float:left; margin-right:25px;}
form dl.last{float:left; margin-right:0;}
legend{font-size:1.2em; font-weight:bold;}
input, textarea, select{margin-bottom:1em;}
input, textarea, select, option{font-family:Verdana, Geneva, sans-serif; font-size:1em; vertical-align:top;}
input.error, input[type=text].error, textarea.error, select.error{border:1px solid #c00;}
select{background:url(../img/bgTextbox.gif) top left repeat-x; border:1px solid #999;}
optgroup, option{background:#FFFFFF; border:none; text-decoration:none;}
textarea, input.text{background:#FFFFFF url(../img/bgTextbox.gif) top left repeat-x; border:1px solid #999;}
button.image{background:none; border:none; cursor:pointer; margin:0 0 0 3px; padding:0; overflow:visible; vertical-align:top; width:auto;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ID and their CLASSES ////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CONTAINERS ========================================================================================================*/
#container1, #container2, #container3, #container4, #container5{}
#container1{background:#97a5b5 url(../img/bgDiago.gif);}
#container2{background:url(../img/bg.jpg) repeat-x top;}
#container3{}
#container4{}
#container5{}

/* HEADER ========================================================================================================*/
#header{width:960px; margin:0 auto; height:263px; background:url(../img/bgHeader.jpg) no-repeat; position:relative;}

/* logo */
#logo{position:relative; top:27px; left:40px;}

/* mainMenu */
#mainMenu{position:absolute; top:110px; left:255px; font-size:0; line-height:0;}
#mainMenu li{display:inline; padding:0 2px; margin:0; background:none;}

/* spacesMenu */
#spacesMenu{position:absolute; top:142px; left:21px; width:960px; height:100px;}
#spacesMenu a{margin-right:8px; font-size:0; line-height:0;}
#spacesMenu a.jsOver img{filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;}

/* CONTENT ========================================================================================================*/
#content{background:url(../img/bgContent.gif) repeat-y; margin:0 auto; width:960px; overflow:hidden;}
#content .container{background:url(../img/bgContentTop.jpg) no-repeat top; width:918px; margin:0 auto; overflow:hidden;}


/* contentLeft ----------------------------------------------------------------------------------------------------*/
#contentLeft{width:209px; float:left; color:#fff; /*height:auto !important; height:350px; min-height:350px; enlever overflow avant de remettre */ overflow:hidden;}
#contentLeft a{color:#fff; text-decoration:none;}
#contentLeft a:hover{color:#97a5b5; text-decoration:underline;}
#contentLeft .contentPad{padding:20px;}
#contentLeft .contentSemiPad{padding:10px;}
#contentLeft .contentSidePad{padding:20px 20px 10px 20px;}
#contentLeft .gridNav{margin:0; padding:10px 20px;}
#contentLeft .gridNav a{margin:0 .1em; text-decoration:underline;}
#contentLeft .gridNav a.next, #contentLeft .gridNav a.previous{margin:0; text-decoration:none;}
#contentLeft .gridNav a.selected{color:#97a5b5; text-decoration:none;}

/* pageTitleIntro */
#pageTitleIntro{padding-bottom:1em; width:169px; overflow:hidden;}

/* textualCta */
#textualCta a.cta{background:url(../img/whiteBullet.gif) no-repeat 100% .4em; padding-right:10px;}
#textualCta a.cta:hover{text-decoration:none;}

/* allLeasingOpportunities */
#allLeasingOpportunities h2{margin-bottom:0;}
#allLeasingOpportunities h3{margin-bottom:0;}

/* allProperties */
#allProperties li{padding-left:20px; padding-right:10px; height:49px;}
#allProperties li:hover, #allProperties li.currentProperty{background:#323d4f; color:#97a5b5;}
#allProperties li:hover a, #allProperties li.currentProperty a{color:#97a5b5;}
#allProperties li a:hover{text-decoration:none;}
#allProperties .desc{float:left; line-height:11px; padding:7px 0; width:125px;}
#allProperties .media{float:left; margin:7px 10px 0 0;}
#allProperties .media img{border:1px solid #97a5b5;}

/* contactInfo */
#contactInfo .letter{float:left; padding:0 15px 15px 0;}
#contactInfo .fax, #contactInfo .phone{width:50px; display:block; float:left; clear:both;}

/* contentRight ----------------------------------------------------------------------------------------------------*/
#contentRight{width:709px; float:left; overflow:hidden;}
#contentRight .contentPad{margin:20px 15px 40px 28px;}

/* pageTitle */
#pageTitle{position:relative; top:-.2em; margin-bottom:1.5em;}

/* breadcrumb */
#breadcrumb{line-height:1em; padding-bottom:.5em; margin-bottom:.5em; position:relative; left:28px; top:15px;}
#breadcrumb a{color:#717d8d; font-size:.8em; line-height:1em; text-decoration:none; font-weight:normal;}
#breadcrumb a:hover{color:#323d4f; font-size:.8em; line-height:1em; text-decoration:none; font-weight:normal;}
#breadcrumb a.last, #breadcrumb a.last:hover{font-weight:bold;}
#breadcrumb .sep{color:#999; font-size:.8em;}

/* tabs */
#tabs{position:relative; overflow:hidden; width:100%; height:53px; z-index:1;}
#tabs ul{z-index:2;}
#tabs .bg{background:url(../img/bgTabs.gif) no-repeat; height:30px; left:0; position:absolute; top:21px; width:666px; z-index:1;}
#tabs .tools{position:absolute; right:15px; top:0;}
#tabs .tools a{color:#323d4f; font-size:.9em; float:left; font-weight:normal; margin-left:13px;}

/* spaceInfos */
#spaceSlides{width:100%; height:288px; overflow:hidden; background:#edf3f8;}
#spaceSlides .slide{width:100%; overflow:auto;}
#spaceSlides .slide .photo{float:left;}
#spaceSlides .slide .desc{float:left; padding:15px; width:168px; height:240px; background:url(../img/bgDescSpaceHome.jpg) no-repeat;}
#spaceSlides .slide .measurement{font-weight:bold;}
#spaceSlides .slide .content{margin-top:.5em;}
#spaceSlides .hide{display:none !important;}

/* homeCTAs */
#homeCTAs{width:100%; overflow:hidden;}
#homeCTAs blockquote{width:200px; display:block; float:left; margin-right:22px;}
#homeCTAs .cta{display:inline; float:left;}
#homeCTAs .ctaRequest{margin-right:20px;}

/* notification */
#notification{margin-bottom:15px;}

/* allSuites */
#allSuites li{overflow:hidden;}
#allSuites li a{display:block; float:left; width:70px;}
#allSuites li .squareFt{float:left; text-align:right; width:80px;}

/* property */
#property .desc{float:left; width:190px; margin:0 10px;}
#property .media{float:left;}
#property .details{margin:30px 10px;}
#property .details ul{list-style-type:disc; list-style-position:inside;}
#property .toggleNav a{color:#FFF;}
#property .toggleNav li a:hover{color:#717d8d;}
#property .toggleNav li a.activated{color:#717d8d;}

/* property tabs */
#profile, #specification, #suites, #map{margin-top:-10px; z-index:10; position:relative;}

/* profile */
#profile .desc{float:none; margin:0 10px; width:auto;}
#profile .media{float:right; margin:0 0 10px 10px;}
#profile .toggleNav ul{margin-top:3px;}
#profile .toggleNav li a{border-bottom:1px solid #647793; height:17px; line-height:17px; margin-right:3px; padding:0 5px;}
#profile .toggleNav li.videoTour a{margin-left:15px;}

/* specification */
#specifications .top{overflow:hidden;}
#specifications .desc ul{border-top:1px solid #bbc6d1;}
#specifications .desc li{border-bottom:1px solid #bbc6d1; padding:2px 0;}
#specifications .desc li a{background:url(../img/arrowRed.gif) 0 1px no-repeat; margin-left:9px; padding-left:9px;}
#specifications .desc li a:hover{background:url(../img/arrowBlue.gif) 0 1px no-repeat; color:#647793; padding-left:9px; text-decoration:none}
#specifications .desc li a.activated{background:url(../img/arrowBlue.gif) 0 1px no-repeat; color:#647793; padding-left:9px; text-decoration:none}
#specifications .details li{list-style:outside; margin-left:10px;}

/* suites */
#suites .desc{margin:0 auto; width:100%;}
#suites .desc ul{border-top:1px solid #bbc6d1; margin:0 auto 10px auto; overflow:hidden; width:600px;}
#suites .desc li{border-bottom:1px solid #bbc6d1; float:left; padding-left:20px; width:180px;}
#suites .desc li a{display:block; margin:0 0 2px 0; padding-top:2px;}
#suites .desc li a:hover{color:#647793; text-decoration:none}
#suites .desc li a.activated{color:#647793; text-decoration:none}
#suites .media{margin:0 auto; text-align:center;}
#suites .media img{border:none;}
#suites .mediaSuite{background:#FFF; border:3px solid #97a5b5; margin:0 0 0 40px; text-align:center}
#suites .mediaLink{margin-top:10px; text-align:right;}

/* map */
#map{text-align:center; width:100%;}
#map iframe{border:3px solid #97a5b5; height:400px; width:640px;}

/* footer ========================================================================================================*/
#footer{background:#323d4f; clear:both; padding:10px 0; text-align:left; width:100%;}
#footer .container{width:900px; margin:0 auto;}

/* bottomMenu */
#bottomMenu ul{margin:0 auto; width:100%; text-align:left;}
#bottomMenu li{display:inline; padding:0; background:none;}
#bottomMenu .sep{color:#97a5b5;}
#bottomMenu a{color:#fff; font-size:11px; text-decoration:none; font-weight:normal;}
#bottomMenu a:hover{text-decoration:underline;}
#bottomMenu a.activate{color:#97a5b5;}
#bottomMenu a.activate:hover{text-decoration:none;}

/* companyInfos */
#companyInfos{color:#97a5b5;}
#companyInfos a{color:#fff; font-weight:normal; text-decoration:none; font-size:10px;}
#companyInfos a:hover{text-decoration:underline; font-size:10px;}
#companyInfos .designNvi{float:right;}
#companyInfos p{font-size:10px; line-height:12px; margin:0; padding:0;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CLASSES ONLY ////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* toggle navigation */
.toggleNav ul{position:relative;}
.toggleNav li{display:block; float:left;}
.toggleNav li a{background:#8aa3c0; border:1px solid #647793; border-bottom:none; color:#FFFFFF; display:inline-block; height:22px; line-height:22px; margin-right:3px; padding:0 11px;}
.toggleNav li a:hover{border-bottom:none; color:#717d8d; text-decoration:none;}
.toggleNav li a.activated{background:#FFFFFF; border-bottom:none; color:#717d8d; text-decoration:none;}

/* grid navigation */
.gridNav{margin:1em 0;}

/* squareFt */
.squareFt{font-style:italic; font-weight:normal;}

/* clear et floats */
.clear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}

/* rolloverTrans */
.rolloverTrans img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.rolloverTrans:hover img{filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;}

/* clearTable */
.clearTable{border-collapse:collapse;}
.clearTable th{background:none; padding:10px; border:none;}
.clearTable td{padding:10px; border:none; vertical-align:top;}

/* error & success */
.error{color:#c00;}
.success{color:#090;}
.notice{color:#FC0;}

/* small */
small{font-size:.8em;}

/* highlight */
.highlight{color:#7cb4ff;}

/* subtle */
.subtle{color:#ccc;}
 
/* separator */
.separator{border-top:1px solid #a6b2c0; width:100%; height:15px; display:block; clear:both; margin-top:2px;}

/* icons */
.iconEmail{background:url(../img/email.gif) no-repeat 0px 1px; padding-left:15px; display:block;}
.iconPrinter{background:url(../img/printer.gif) no-repeat 0px 2px; padding-left:15px; display:block;}

/* jsActivated = javascript classes -----------------------------------------------------------------------------------------*/
.jsOnly{display:none;} /* content hide only if you don't have javascript */
.jsActivated .jsOnly{display:inline;} /* content show only if you have javascript */
.jsActivated .jsHide{display:none !important;} /* hide something but only if you have javascript */
.jsActivated .noJsOnly{display:none;} /* content show only if you don't have javascipt */