@charset "UTF-8";

/* Responsive */

@media only screen and (max-width: 495px){
	body{
		background-image:url(images/bgm.jpg) !important;
	}
	#wrapper{
		width:98% !important;
	}
	#wrapper .contentinner,
	#wrapper #footer
	{
		width:100% !important;
	}
	#header .logo{
		width:100% !important;
		margin:10px 0 0 0 !important;
	}
	#header .logo h1{
		font-size:18px !important;
		padding:10px 0 !important;
	}
	#header .logo h2{
		font-size:12px !important;
	}
	#wrapper .toplinks{
		clear:both;
		float:right !important;
		margin:10px 0 0 0 !important;
		padding:0 !important;
		width:100% !important;
	}
	#header .toplinks #searchform #s {
		width:150px !important;
		font-size:8px !important;
	}
	#header .toplinks .social{
		margin:0 0 10px 0 !important;
		float:none !important;
	}
	#wrapper #header .menu-menu-container{
		margin:0 auto !important;
		width:100% !important;
		text-align:center;
	}
	#header .menu-menu-container a{
		font-size:14px !important;
		margin:0 !important;
		text-align:center !important;
		width:68px !important;
		padding:5px !important;
	}
	#header .menu-menu-container ul ul{
		top:22px !important;
		left:-25px !important;
		width:135px !important;
	}
	#header .menu-menu-container ul.sub-menu li a {
		width:125px !important;
	}
	#wrapper .contentinner .borrowers, #wrapper .contentinner .brokers, #wrapper .contentinner .whyus{
		clear:both !important;
		float:none !important;
		margin:0 auto 15px auto !important;
	}
	#wrapper .contentinner .borrowers h1, #wrapper .contentinner .brokers h1,#wrapper .contentinner .whyus h1{
		margin:0 0 10px 0 !important;
	}
	#wrapper .slideshow{
		margin:30px auto 0 auto !important;
		clear:both;
		width:95% !important;
		height:auto !important;
		background:none !important;
	}
	#header .slideshow img{
		margin:0 !important;
	}
	#header .slideshow .slidehow_image{
		width:auto !important;
		height:auto !important;
		margin:0 !important;
		padding:0 !important;
	}
	#header .slideshow .slidehow_image img{
		width:100% !important;
		height:auto !important;
	}
	#wrapper #latestnews h1,
	#wrapper h1.pageheading {
		font-size:25px !important;
	}
	#wrapper #latestnews .latestpost,
	#wrapper #latestnews .faqs,
	#wrapper #latestnews .testimonials{
		background-position:top center;
		padding:150px 0 0 0 !important;
		margin:0 !important;
	}
	#wrapper .entry p,
	#wrapper #latestnews .latestpost p, 
	#wrapper #latestnews .faqs p, 
	#wrapper #latestnews .testimonials p{
		text-align:left;
	}
	#wrapper .entry input,
	#wrapper .entry textarea,
	#wrapper #respond #author, 
	#wrapper #respond #email, 
	#wrapper #respond #url,
	#wrapper #respond #comment{
		width:90% !important;
	
	}
	#wrapper #footer .contactus{
		width:100% !important;
		background:none !important;
	    padding:0 !important;
		margin:0 0 15px 0 !important;
	}
	#wrapper #footer .copyright p{
		font-size:10px !important;
	}
	#footer .copyright .w, #footer .copyright .c, #footer .copyright .l, #footer .copyright .d {
		font-size:12px !important;
	}
	#wrapper .borrowersfaq,#wrapper .borrowerslp,#wrapper .borrowersla{
		clear:both !important;
		margin:0 0 10px 0 !important;
		width:100% !important;
	}
	#wrapper .entry img.alignleft,
	#wrapper .entry img.alignright
	{
		float:none !important;
		clear:both;
		margin:0 auto 15px auto;
		display:block;
	}
	#footer .footerlinks,#wrapper #footer .footerlinks a{
		font-size:10px !important;
	}
}


/* Landscape Mode */

@media only screen and (max-width: 999px) and (orientation: landscape){
	body{
		background-image:url(images/bgm.jpg) !important;
	}
	#wrapper{
		width:98% !important;
	}
	#wrapper .contentinner,
	#wrapper #footer
	{
		width:100% !important;
	}
	#header .logo{
		width:370px !important;
		margin:0 auto !important;
		float:none;
	}
	#header .logo h1{
		font-size:24px !important;
		padding:10px 0 !important;
	}
	#header .logo h2{
		font-size:14px !important;
	}
	#wrapper .toplinks{
		clear:both;
		float:none !important;
		margin:10px 0 10px 0 !important;
		padding:0 !important;
		width:100% !important;
	}
	#header .toplinks #searchform #s {
		width:150px !important;
		font-size:8px !important;
	}
	#header .toplinks .social{
		margin:0 0 10px 0 !important;
		float:right !important;
		width:325px;
	}
	#wrapper #header .menu-menu-container{
		margin:0 auto !important;
		width:100% !important;
		text-align:center;
	}
	#header .menu-menu-container a{
		font-size:14px !important;
		margin:0 !important;
		text-align:center !important;
		width:68px !important;
		padding:5px !important;
	}
	#header .menu-menu-container ul ul{
		top:22px !important;
		left:-25px !important;
		width:135px !important;
	}
	#header .menu-menu-container ul.sub-menu li a {
		width:125px !important;
	}
	#wrapper .contentinner .borrowers, #wrapper .contentinner .brokers, #wrapper .contentinner .whyus{
		clear:both !important;
		float:none !important;
		margin:0 auto 15px auto !important;
	}
	#wrapper .contentinner .borrowers h1, #wrapper .contentinner .brokers h1,#wrapper .contentinner .whyus h1{
		margin:0 0 10px 0 !important;
	}
	#wrapper .slideshow{
		margin:30px auto 0 auto !important;
		clear:both;
		width:92% !important;
		height:auto !important;
		background:none !important;
	}
	#header .slideshow img{
		margin:0 !important;
	}
	#header .slideshow .slidehow_image{
		width:auto !important;
		height:auto !important;
		margin:0 !important;
		padding:0 !important;
	}
	#header .slideshow .slidehow_image img{
		width:100% !important;
		height:auto !important;
	}
	#wrapper #latestnews h1,
	#wrapper h1.pageheading {
		font-size:25px !important;
	}
	#wrapper #latestnews .latestpost,
	#wrapper #latestnews .faqs,
	#wrapper #latestnews .testimonials{
		background-position:top center;
		padding:150px 0 0 0 !important;
		margin:0 !important;
	}
	#wrapper .entry p,
	#wrapper #latestnews .latestpost p, 
	#wrapper #latestnews .faqs p, 
	#wrapper #latestnews .testimonials p{
		text-align:left;
	}
	#wrapper .entry input,
	#wrapper .entry textarea,
	#wrapper #respond #author, 
	#wrapper #respond #email, 
	#wrapper #respond #url,
	#wrapper #respond #comment{
		width:90% !important;
	
	}
	#wrapper #footer .contactus{
		width:100% !important;
		background:none !important;
	    padding:0 !important;
		margin:0 0 15px 0 !important;
	}
	#wrapper #footer .copyright p{
		font-size:10px !important;
	}
	#footer .copyright .w, #footer .copyright .c, #footer .copyright .l, #footer .copyright .d {
		font-size:12px !important;
	}
	#wrapper .borrowersfaq,#wrapper .borrowerslp,#wrapper .borrowersla{
		clear:both !important;
		margin:0 0 10px 0 !important;
		width:100% !important;
	}
	#footer .footerlinks,#wrapper #footer .footerlinks a{
		font-size:10px !important;
	}
}

/* iPad in Portrait orientation */
@media screen and (min-width: 768px) and (orientation: portrait) {
	body{
		background-image:url(images/bgm.jpg) !important;
	}
	#wrapper{
		width:98% !important;
	}
	#wrapper .contentinner,
	#wrapper #footer
	{
		width:100% !important;
	}
	#header .logo{
		width:370px !important;
		margin:0 auto !important;
		float:none;
	}
	#wrapper .contentinner .borrowers, #wrapper .contentinner .brokers, #wrapper .contentinner .whyus{
		float:left !important;
		margin:0 auto 15px auto !important;
	}
	#wrapper .contentinner .brokers{
		float:right !important;
	}
	#wrapper .contentinner .whyus{
		clear:both !important;
		float:none !important;
		margin:0 auto 15px auto !important;
	}
	#wrapper .contentinner .borrowers h1, #wrapper .contentinner .brokers h1,#wrapper .contentinner .whyus h1{
		margin:0 0 10px 0 !important;
	}
	#wrapper .slideshow{
		margin:30px auto 0 auto !important;
		clear:both;
		width:92% !important;
		height:auto !important;
		background:none;
	}

}

/* iPad in Landscape orientation */
@media only screen and (device-width: 768px) and (orientation: landscape) {
	#wrapper{
		width:1024px !important;
	}
	#wrapper .contentinner,
	#wrapper  #footer
	{
		width:98% !important;
	}
	#header .logo{
		margin:17px 0 0 5px;
	}
	#header .toplinks{
		width:640px !important;	
	}
	#header .menu-menu-container a{
		font-size:16px;
		margin:0 10px 0 0 !important;
	}
	#header .slideshow{
		margin:-308px 0 0 370px;
	}
	#wrapper .contentinner .brokers{
		margin:0 50px;
	}

}