@charset "UTF-8";
/* CSS Document */
/***** SITE DESIGN AND CSS INTEGRATION BY
/*****ConceptionWeb360 inc 2010
/*****
/*****
/***IMPORTING FONT*****/



/*****************************/
*{
padding:0px; margin:0px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

a { 
text-decoration:none;
color:#ffffff;
}
ul{
list-style:none;
}

.times{
font-family:"Times New Roman", Times, serif;
font-size:12px;
}
.arial{font-family:Arial, Helvetica, sans-serif;}
.red{
color:#990000;
font-weight:700;
letter-spacing:1.5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 
.red strong{font-family:Arial, Helvetica, sans-serif;}
/******NAV ACTIVE LINK*********************/

#index #firstlink, #buying #buying_link, #selling #selling_link, #contact #contact_link, #calculator #calculator_link, #listings #listings_link{
background-image:url(../images/nav_hover.jpg);
background-repeat:repeat-x;
}

#buying_link{
border-left:1px solid black;

}
/************TYPE STYLING******************/

 .heading1{
color:#ffffff;
font-size:16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.heading1 strong{
color:#ffffff;
font-size:16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:600;
}
#heading .heading{
float:left;
color:#990000;
font-size:16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#gvh{

margin:280px auto 40px;
width:505px;
height:201px;
}
/**********************/
body{
margin-top:10px;
/*
background:url(../images/bg.png);
background-repeat:repeat-x;
*/
background:url(../images/BonneTransactionBGinsite.png);
background-position:center;
	background-position:top;
	background-repeat:no-repeat;


font-family:Arial, Helvetica, sans-serif;
font-size:12px;
 color:#444444;
 line-height:1.7;
 }
#index {
background:url(../images/BonneTransactionBGindex.png);
background-position:center;
	background-position:top;
	background-repeat:no-repeat;


} 
#switchlink{
width:916px;
margin:0 auto;
text-align:left;
color:#0d244e;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#switchlink a{
color:#0d244e;
padding:2px 7px;
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;

}
#container{
margin:0 auto;
width:660px;
min-height:660px;
overflow:visible;
}

#left_submit{margin-left:86px;}


#navbar{
position:relative;
top: 112px;
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-top:0px;
width:660px;
height:30px;
background-image:url(../images/navbar.png);
background-repeat:repeat-x;
color:#ffffff;
font-size:16px;
}

#firstlink{
border-left:1px solid #000000;
margin-left:0px;
}

.link{
float:left;
height:26px;
padding-left:8px;
padding-right:8px;
padding-top:4px;
border-right:1px solid #000000;
text-align:center;
letter-spacing:1.8px;
}
.link a{
font-style:normal;
font-size:12px;
}


.link:hover{
background-image:url(../images/nav_hover.jpg);
background-repeat:repeat-x; 
}



/*********MIDDLE***********/



#middle_wrapper{
margin: 0 auto;
width:660px;
height:auto;
overflow:none;
position:relative;
top:116px;
background-color:transparent;

}

#middle{
margin:0 auto;
/*width:984px;*/
height:auto;
overflow:none;
background-color:transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
/*padding:25px 0px 8px 0px;*/
}
#middle h2, #middle p, #middle li {
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/******SPECIFIC PAGE MIDDLE DIV SPECS*********/

#index #middle{
margin:0 auto;
min-height:380px;
}
#buying #middle{
margin:0 auto;
min-height:380px;
padding:30px 10px 0px;


}
#selling #middle{
margin:0 auto;
min-height:670px;
padding:30px 10px;



}
#contact #middle{
margin:0 auto;
min-height:380px;
padding:30px 7px;

}
#contact_form{
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
width:349px;
}
#contact_form form{
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contact_form form h3, #mortgage_calculator_wrapper form h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contact_form form table tr td, #mortgage_calculator_wrapper form table tr td{
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contact_us{
float:right;
width:280px;
height:310px;
margin-left:10px;
border-left:1px dotted #555555;
}
#contact_image{
/*height:250px;*/
width:270px;
margin-left:10px;

}
#calculator #middle{
margin:0 auto;
min-height:380px;
padding:30px 0px;
font-size:14px;
}
/*******************************************/


/*************SMALL BOX*********************/

#smallbox_wrapper{
margin:0 auto;


width:265px;
/*
min-height:308px;

position:relative;
top:117px;
*/
float:right;
}

#first_smallbox{
width:265px;
}


.smallbox{
/*min-height:275px;*/
height:275px;

width:660px;

float:left;

}
.smallbox_top{
height:12px;
/*
background-image:url(../images/smalltop_shadow.png);
background-repeat:no-repeat;
*/
}
.smallbox_middle{
/*min-height:275px;*/
height:275px;
overflow:hidden;
/*
background-image:url(../images/smallmiddle_shadow.jpg);
background-repeat:repeat-y;
*/
}
.smallbox_bottom{
/*
background-image:url(../images/smallbottom_shadow.png);
background-repeat:no-repeat;
*/
height:23px;
overflow:hidden;
}

.smallbox_img{

padding:45px 30px 0px;
font-family:Arial, Helvetica, sans-serif;

}
.smallbox_text{
padding:10px 30px;
font-family:Arial, Helvetica, sans-serif;
line-height:1.6;
}



.sblue_bar{
position:relative;
top:4px;
left:9px;
height:41px;
/*width:642px;*/
background-image:url(../images/blueBar.jpg);
background-repeat:repeat-x;
}

.sblue_bar .sbluebar_text{
padding-left:9px;
padding-top:9px;
font-size:18px;
color:#FFFFFF;
font-family:GeosansLight, Verdana, Arial, Helvetica, sans-serif;
}


/****FOOTER*****/


#footer_wrapper{
margin:12px 0 auto;
width:660px;
height:63px;
clear:both;
position:relative;
top:117px;
background-color:white;
background-image:url(../images/footer.png);
background-repeat:repeat-x;

}
#selling #footer_wrapper{

top:115px;
}
#footer{
font-size:11px;
padding-top:18px;
text-align:center;
color:#41567e;
line-height:1.2;

}
#footer p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}
/******MORTGAGE CALCULATOR*******/

.table_headers{
color:white;
font-weight:600;}
/******FORM STYLING*******/

.submit{
border:none;
cursor:pointer;
padding:2px 9px;
background-image:url(../images/blueBar.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
font-size:12px;

}
#emailSubmit{width:82px; margin-left:88px;}
.submit:hover{
background-image:url(../images/nav_hover.jpg);
background-repeat:repeat-x;
}
input{
font-size:12px;
}
.tablebar{
background-image:url(../images/blueBar.jpg);
background-repeat:repeat-x;
background-position:10px -8px;
}
/********LISTINGS*********/
#listings #middle{
min-height:465px;
padding:30px 10px;
}

.listing_wrapper{
height:135px;
width:610px;
background-color:#e0e2e7;
margin-left:10px;
margin-top:10px;
padding:10px;
}
#details_calculator{
/*border-left:1px solid grey;*/
float:right;
width:207px;
min-height:650px;
padding-left:10px;
}
#details_calculator h3{
font-family:Arial, Helvetica, sans-serif;
}
.listing{
width:100%;
height:100%;
background-color:white;
}

.vendu{
font-size:40px;
font-weight:700;
color:#990000;
position:relative;
top:15px;
left:10px;
height:0px;
width:0px;
}
.listing_image{
/*
height:104px;
*/
width:180px;
float:left;
background-color:#e0e2e7;

}
.listing_info{
height:132px;
width:422px;
padding-left:8px;
padding-top:3px;
float:right;
line-height:1.3;
font-size:12px;
background-color:#e0e2e7;

}
.listing_info .times{
font-size:14px;
margin-bottom:5px;
}
.listing_info .times .red{
font-size:14px;
}


#listing_navigation {
margin-left:250px;
font-family:Arial, Helvetica, sans-serif;

} 
 
#listing_navigation a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;

} 

#listings_right{

float:right;
padding:10px;
width:168px;
height:455px;
background-color:none;


}
#inner_listings_right{
/*border-left:1px solid #555555;*/
height:455px;
/*width:150px;*/
width:100px;
}
/*****HOME-DETAILS********/
#home_details #middle{
/*padding:20px 0px;*/
padding:30px 0px;

}
#details_wrapper{
padding:10px 9px;
min-height:650px;
width:982px;
overflow:auto;
}
#right_details{
float:left;
min-height:630px;
width:224px;
padding:0px 5px;
font-family:Arial, Helvetica, sans-serif;
border-left:1px solid grey;
border-right:1px solid grey;

}
#right_details h3{
font-family:Arial, Helvetica, sans-serif;
}
#left_details{
float:left;
min-height:630px;
width:207px;
/*border-right:1px solid grey;*/
}
#left_details #details_main_image{
height:184px;
width:207px;
}
#left_details .more_images{
width:95px;
float:left;
margin-top:10px;
}
.more_info{
width:222px;
min-height:50px;
border-bottom:1px solid grey;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:8px;
padding-top:3px;
}
.t_heading{ font-family:Arial, Helvetica, sans-serif; padding:0px 10px;}
.t_res{padding:0px 10px;}
.bb{margin-right:8px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.readmore{ margin-left:5px;}
.readmore a{color:#000066; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
.readmore a:hover{color:#990000; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif;}


/*CAROUSEL CSS */

#main {
    width: 600px;
    padding: 15px 15px 0 15px;
    margin: 50px auto 0 auto;
    background-color: #E8F0FF;
    border: 1px solid #808ea8;
}


img {
    border: 0;
}

a img {
    display: block;
}



div.tabs {
    /*background-color: #c2d7ff;*/
    height: 261px;
    overflow: hidden;
	width:265px;
	margin-left:9px;
	padding-left:4px;
}

div.middle-tabs {
    width: 265px;
    overflow: hidden;
}

div.inner-tabs {
   /* width: 1910px; /* 630*n + 20 */
    height: 330px;
}

div.tab {
    float: left;
    width: 265px;
    height: 210px;
    padding: 10px;
	padding-top:10px;
	overflow:hidden;
}

div.tab p {
    padding-bottom: 7px;
    line-height: 16px;
}

.carousel {
    overflow: hidden;
}

.carousel .inner {
    
}

.carousel .middle {
    overflow: auto;
}


/* Example 1 ---------------------------------- */

#example-1 {
/*
    background-color: #E8F0FF;
    border: 1px solid #AAC8FF;
    width: 598px;
    height: 223px;
	*/
}

#example-1 .middle {
    height: 240px;
}

#example-1 .slide {
    width: 578px;
    /*height: 200px;*/
    padding: 10px;
    float: left;
}

#tab-1 .controls {
    background-color: #AAC8FF;
    border: 1px solid #AAC8FF;
    border-top: 0;
    border-bottom: 0;
    padding: 7px 9px;
    margin-top: 5px;
}

#tab-1 .controls a {
    font-weight: bold;
}

.slide h4{

font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#333333;

}
/*********/

#partners #middle{
padding-top:35px;
}
#partners #middle h2{
margin-left:15px;

}
#partners #middle ul li a{
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:15px;
}

#form{

padding:5px;
border:1px solid #444444;

}
#selling #form{

width:360px;

}

#footer_links{
position:relative;
top:117px;
text-align:center;
}
#footer_links a{
color:#333333;
margin-left:12px;
}
#web{
position:relative;
top:140px;
padding:10px 30px;
text-align:center;

}
#web a{
color:#336699;
}
/****INDEX PAGE********/
#navnav{
height:150px;
/*put back to 605px*/
width:605px;
margin:10px auto 0;
background: rgba(250, 250, 250, 0.5);
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-radius: 8px;


}

#navnav #buying, #navnav #selling, #navnav #listings, #navnav #contact, #navnav #calculator {
	
	width:100px;
	height:100px;
	background-position:bottom;
	background-repeat:no-repeat;
}

#navnav #buying {
background-image: url('../images/menu_index/buying.jpg');
}
#navnav #selling {
	background-image: url('../images/menu_index/selling.jpg');
	
	
}
#navnav #listings {
	background-image: url('../images/menu_index/listings.jpg');
	
}
#navnav #contact {
	background-image: url('../images/menu_index/contact.jpg');
	
}
#navnav #calculator {
	background-image: url('../images/menu_index/calculator.jpg');
	
}

#navnav .menu_wrap {
height:130px;
float:left;
margin:10px;
text-align:center;	
background-color:#333333;
width:100px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-radius: 8px;
}
.menu_wrap a{

}

#navnav .menu_top {
height:20px;
width:100px;
font-size:14px;
font-weight:600;
color:#FFFFFF;
}
/************/

#middle_left{

width:375px;

}

.padd{
padding-left:35px;
}

#index #container{
min-height:500px;
}
#tranquility{
width:236px;
height:auto;
margin-left:36px;
}

.tranq_slogan {
color:#E31836;
font-size:15px;
font-weight:bold;
line-height:1.7em;

}

.tranq_text {
color:#0154A4;
font-size:13px;
line-height:1.7em;

}