*{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}

/* HTML elements */
body{background:#101010 url(https://mortgage4france.com./images/bodybg.jpg) top left;color:#444;font-family:'Droid Sans',Tahoma,Arial,sans-serif;font-size:14px;line-height:1.6em;}
a{color:#383838;text-decoration:none;}
a:hover{color:#555;text-decoration:none;}
a img{border:none;}
h1,h2,h3,h4{clear:left;color:#fff;font-weight:400;margin:0.7em 0;font-family:'Yanone Kaffeesatz';}
h1{font-size:2.6em;}
h2{font-size:2.4em;}
h3{font-size:1.9em;}
p,ul{margin:0 0 20px 0;}
i,em {font-style:italic;}
b,strong {font-weight:700;}

/* Main wrappers */
#wrapper1240{margin:20px auto;width:1240px;}
#wrapper960{margin:20px auto;width:960px;}
#wrapper760{margin:20px auto;width:760px;}
#wrapper600{margin:0 auto;width:600px;}
#wrapperfluid{margin:0 auto;max-width:1260px;}
#wrapper1240,#wrapper960,#wrapper760,#wrapper600,#wrapperfluid{background:#fff url(https://mortgage4france.com./images/contentbg.jpg) top left;box-shadow:#000 0 0 32px;}

/* Layout IDs */
#header{position:relative;}
#sitetitle{float:left;margin:30px 0 30px 30px;}
#sitetitle h1 {font-size:40px;color:#fff;margin:0;padding:0;}
#header-image{height:300px;margin:0;padding:0;}
#content{padding:15px 30px;background-color:#643b1b;color:#ddd;}
#content h2,#content h3,#content h4{color:#ddd;}
#content a{color:#fff;text-decoration:underline;}
#extended{padding:15px 30px;background:#fff url(https://mortgage4france.com./images/contentbg.jpg) top left;}
#extended h3{color:#333333;}
#extended a{text-decoration:underline;}

#content ul {margin-left:30px;}

/* Top links menu */
#toplinks{padding:0 30px;}
#toplinks ul{list-style:none;margin:0;text-align:right;}
#toplinks ul li{display:inline-block;font-size:11px;margin:15px 0 12px 15px;}
#toplinks ul li a{color:#dadddd;}
#toplinks ul li a:hover{color:#fff;text-decoration:none;}

/* Wood background */
#toplinks, #content, #footer{background:none;background-color:#1a1a1a;}

/* Main navigation menu */
#nav{float:right;font-family:'Droid Sans',Verdana,Tahoma,sans-serif;text-align:center;}
#nav ul{list-style:none;margin:30px 30px 26px 20px;}
#nav ul li{background:none!important;display:inline-block;text-align:right;height:auto;line-height:25px;margin-bottom:0;margin-left:25px;position:relative;float:left;}
#nav ul li a{color:#333333;display:block;font-size:12px;padding-top:0;text-transform:uppercase;}
#nav ul li a:hover{color:#333333;}
#nav ul li a.current{color:#333333;}

/* Columns */
#sidebar{width:33.3%;}
#main{width:66.6%;}
#trio1{float:left;width:33.3%;}
#trio2{float:left;width:33.3%;}
#trio3{float:right;width:33.3%;}
.inner{margin:5px 30px;}
#trio1 .inner{margin-left:0;}
#trio2 .inner{margin:0;}
#trio3 .inner{margin-right:0;}
.left .inner{margin-left:0;}
.right .inner{margin-right:0;}

/* Footer */
#footer{clear:both;background:none;background-color:#121212;}
#footer p{color:#ccc;font-size:12px;margin:0;padding:15px 30px;text-align:center;}
#footer a{color:#ccc;}
#footer a:hover{color:#eee;}

/* Image alignment */
img.alignleft,img.aligncenter,img.alignright{background:#fff;padding:4px;margin-bottom:10px;border:1px solid #ddd;}
.alignleft{float:left;margin-right:30px;}
.alignright{float:right;margin-left:30px;}
.aligncenter{text-align:center;display:block;clear:both;margin:5px auto;}

/* Additional classes */
.shadow{background:url(https://mortgage4france.com./images/shadow.png) top center no-repeat;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}

/* Clearing fix */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
* html .clearfix{height:1%;}
*:first-child+html .clearfix{min-height:1%;}

/* Alternate color scheme, add class="altcolors" to the body tag to apply */
.altcolors{background-color:#e6e8e8;}
.altcolors #wrapper600, .altcolors #wrapper760, .altcolors #wrapper960, .altcolors #wrapper1240, .altcolors #wrapperfluid {box-shadow: 0px 0px 28px #888;}
.altcolors #toplinks, .altcolors #footer{background-color:#eaecec;}
.altcolors #content{background-color:#f2f4f4;}

#contentleft {width:300px;float:left;}
#contentrightt {width:300px;float:right;}
/* Stylesheet: Mortgage4France Modified On 2014-03-27 14:39:01 */
/* border of thumbnail */
#menu a img {
 border: 1px solid #aaa;
}
/* style of 1st level ul */
ul#menu {
 background: #7d7e7d;  /* fallback for not so smart browser */
 /* gradient as background */
 background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
 background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
 background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
 background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
 display: block;
 margin: auto;
}
/* 1st level list is floating for horizontal menu */
#menu li {
 float: left;
 position: relative;
 list-style: none;
 margin: 0 0 0 5px;
 padding: 0;
 /* transition effect for background */
 transition: background .2s ease-in-out;
 -webkit-transition: background .2s ease-in-out;
 -moz-transition: background .2s ease-in-out;
 -o-transition: background .2s ease-in-out;
}
/* links and sectionheaders style */
#menu li a, #menu li span.sectionheader {
 display: block;
 color: #fff;
 line-height: 35px;
 padding: 0 16px;
 text-decoration: none;
}
/* 1st level links style */
#menu li a.menuitem,
#menu li span.menuitem.sectionheader {
 text-transform: uppercase;
 text-shadow: 1px 1px 0 #000;
 color: #fff;
 font-weight: bold;
}
/* hover or current style */
#menu li:hover, #menu li.current {
 background: #444;
color: #0f0;
}
/* description is wrapped in info span */
#menu span.info {
 display: block;
 line-height: 1;
 display: block;
 font-size: 10px;
 padding-bottom: 10px;
 text-transform: none;
 text-shadow: none;
 color: #aaa;
 font-weight: normal;
}
/* 2nd level */
#menu .submenu {
 position: absolute;
 z-index: 100;
 width: auto;
 top: -9999em; /* hide first */
 left: -9999em;
 opacity: 0; /* set opactiy to 0 for transtion effect */
 width: 240px; /* flyout will depend on this, if you change it dont forget about #menu .submenu li.flyout ul */
 /* animate dropdown */
 transition: width .4s ease-in-out;
 -webkit-transition: width .4s ease-in-out;
 -moz-transition: width .4s ease-in-out;
 -o-transition: width .4s ease-in-out;
 border-radius: 0 0 6px 6px;
 transition: opacity .4s ease-in-out;
 -webkit-transition: opacity .4s ease-in-out;
 -moz-transition: opacity .4s ease-in-out;
 -o-transition: opacity .4s ease-in-out;
}
/* position wrapping div on hover */
#menu li:hover .submenu {
 top: 35px;
 opacity: .95;
 left: 0;
}
/* if parent has class right, position it to right */
#menu li:hover.right .submenu {
 left: auto;
 right: 0;
}
/* width of mega dropdown, you can add more classes like this, depending on your site structure */
#menu li.two_col:hover .submenu {
 width: 350px;
}
/* reset transition animations */
#menu li li {
 transition: none;
 -webkit-transition: none;
 -moz-transition: none;
 -o-transition: none;
}
/* style of 2nd level unordered list */
#menu .submenu ul {
 background: #444;
 border-radius: 0 6px 6px 6px;
 padding: 10px 0;
 box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.3);
}#menu .submenu ul li {
 display: block;
 float: left;
}
/* if 2nd level item has no children or has class flyout */
#menu .submenu ul li.no-sub,
#menu .submenu ul li.flyout,
#menu .submenu ul li.flyout li {
 float: none;
}
/* position 3rd level flyout */
#menu .submenu li.flyout ul {
 position: absolute;
 width: 240px;
 top: -9999em;
 left: -9999em;
}
#menu .submenu li.flyout:hover ul {
 position: absolute;
 left: 230px;
 top: 0;
}
/* style of second level links */
#menu li ul li a.menuitem,
#menu li ul li span.menuitem.sectionheader,
#menu li ul li a, #menu li ul li span.sectionheader {
 display: block;
 padding: 0 10px;
 line-height: 24px;
 text-shadow: none;
 transition: color .4s ease-in-out;
 -webkit-transition: color .4s ease-in-out;
 -moz-transition: color .4s ease-in-out;
 -o-transition: color .4s ease-in-out;
}
/* uppercase for mega dropdown parent items */
#menu li ul li a,
#menu li ul li.sectionheader span {
 text-transform: uppercase;
 display: block;
}
/* remove uppercase if it's not mega dropdown */
#menu li ul li.no-sub a,
#menu li ul li.flyout a,
#menu li ul li.no-sub span.sectionheader,
#menu li ul li.flyout span.sectionheader {
 text-transform: none;
}
/* link color of sublevels */
#menu li ul li a:hover,
#menu li ul li a.current {
 color: #0f0;
}
#menu .submenu li ul {
 position: static;
 display: block;
 box-shadow: none;
 border-radius: 0 0 6px 6px;
}
#menu .submenu li ul li {
 float: none;
}
/* width of mega dropdown columns, should fit inside #menu li.two_col:hover .submenu width  */
#menu .two_col .submenu ul li {
 width: 165px;
}
/* clearfix - clearing floats */
.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
* html .clearfix { zoom: 1;}/* IE6 */
*:first-child+html .clearfix { zoom: 1;}/* IE7 */
/* Stylesheet: Mortgage4France Menu Modified On 2014-03-10 08:27:10 */