html, body, h1, h2, h3, h4, h5, div, ul, ol, li,
p, span, img, form, fieldset, label, a, dl, dd, dt, object{
	border:none;margin:0; padding:0;vertical-align:bottom;
}

html{height:100%;}

body{
	background:#FFF url(css/body.png) center top repeat-x;
	color:#432;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	line-height:20px;
}

hr{display:none;}
div.hr{clear:both; display:inline; height:1%;}

a{outline:none; text-decoration:none;}
a, a:link, a:visited{color:#511;}
a:active, a:hover, a:focus{color:#211;}

/* ========================= #PAGE STYLES ========================= */

#page{
	margin:0 auto;
	overflow:hidden;
	padding:0 10px;
	width:960px;
}

/* ========================= #TOP STYLES ========================= */

#top{display:none;}

/* ========================= #PAGE #HEADER STYLES ========================= */

#header{
	float:left;
	height:80px;
	overflow:hidden;
	width:960px;
}

#header div.logo{
	cursor:pointer;
	display:inline;
	float:left;
	height:40px;
	margin:20px 10px;
	width:300px;
}

#header div.logo img{
	display:inline;
	float:left;
	height:40px;
	margin:0 10px 0 0;
}

#header h1{
	color:#fff;
	display:inline;
	float:left;
	font-size:22px;
	font-weight:normal;
	height:30px;
	letter-spacing:3px;
	line-height:30px;
	margin:-5px 0 0 0;
	text-transform:uppercase;
	text-shadow:1px 1px 2px #000;
	vertical-align:top;
}

#header div.logo:hover h1{
	color:#fff;
	text-shadow:1px 1px 3px #000;
}

#header p.tagline{
	color:#fff;
	float:left;
	font-size:12px;
	line-height:12px;
	word-spacing:1px;
}

/* ========================= #PAGE #HEADER #TOPMENU STYLES ========================= */

#topmenu{
	display:inline;
	font-size:14px;
	float:right;
	height:40px;
	list-style:none;
	margin:20px 10px;
	overflow:hidden;
	width:620px;
}

#topmenu li{
	display:inline;
}

#topmenu li a{
	color:#665544;
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
	text-shadow:1px 1px 1px #CBA;
	width:155px;
}

#topmenu li.about-james a{background:url(css/topmenu.png) bottom left no-repeat; color:#432;}
#topmenu li.testimonials a, #topmenu li.mortgage-101 a{background:url(css/topmenu.png) bottom center no-repeat; color:#432;}
#topmenu li.blog-articles a{background:url(css/topmenu.png) bottom right no-repeat; color:#432;}


#topmenu li.about-james a:hover, #topmenu li.about-james a:focus{background:url(css/topmenu.png) top left no-repeat;}
#topmenu li.testimonials a:hover, #topmenu li.testimonials a:focus, #topmenu li.mortgage-101 a:hover, #topmenu li.mortgage-101 a:focus{background:url(css/topmenu.png) top center no-repeat;}
#topmenu li.blog-articles a:hover{background:url(css/topmenu.png) top right no-repeat;}

#topmenu li.about-james a.current{background:url(css/topmenu.png) center left no-repeat; color:#fff; text-shadow:0 0 0 #654;}
#topmenu li.testimonials a.current, #topmenu li.mortgage-101 a.current{background:url(css/topmenu.png) center center no-repeat; color:#fff; text-shadow:0 0 0 #654;}
#topmenu li.blog-articles a.current{background:url(css/topmenu.png) center right no-repeat; color:#fff; text-shadow:0 0 0 #654;}

/* ========================= #PAGE #BODY STYLES ========================= */

#body{
	clear:both;
	float:left;
	height:1%;
	margin:0 0 20px;
	overflow:hidden;
	width:960px;
}

/* ========================= #PAGE #BODY #CONTENT STYLES ========================= */

#content{
	display:inline;
	float:left;
	font-size:12px;
	height:1%;
	margin:20px 10px;
	width:620px;
}

#content h2{
	color:#610;
	font-size:22px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:30px;
	margin:0 0 10px;
}

#content h3{
	clear:both;
	color:#411;
	font-size:16px;
	font-weight:normal;
	letter-spacing:1px;
}

#content ul{
	list-style:none;
	margin:10px 0;
}

#content p{
	margin:10px 0;
}

#content dl{
	margin:10px 0;
}

#content dt{
	font-weight:bold;
	letter-spacing:1px;
}

#content dd{
	margin:0 0 10px;
}


#content a{
	text-decoration:underline;
}

#content div.embed{
	background:url(css/stripes.png);
	margin:10px 0;
	padding:19px 30px;
}

#content div.embed object{
	margin:1px 0 0 0; /* funky but works */
}

#accordion h3{
	background:#BA9 url(css/body.png) left -35px repeat-x;
	border-bottom:1px solid #654;
	color:#411;
	cursor:pointer;
	font-weight:normal;
	letter-spacing:1px;
	line-height:29px;
	margin:0;
	text-indent:10px;
	text-transform:none;
}

p.thumb img{
	border:1px solid #e7e7e7;
	float:left;
	margin:0 20px 20px 0;
	padding:9px;
	box-shadow:2px 2px 4px #ababab;
	-moz-box-shadow:2px 2px 4px #ababab;
	-webkit-box-shadow:2px 2px 4px #ababab;
}

#content p.image{
	border:1px solid #e7e7e7;
	margin:0 0 20px;
	padding:9px;
	box-shadow:2px 2px 4px #ababab;
	-moz-box-shadow:2px 2px 4px #ababab;
	-webkit-box-shadow:2px 2px 4px #ababab;
}

#content a.feed{
	background:url(css/feed.png) right 1px no-repeat;
	padding:0 20px 0 0;
	text-decoration:none;
}

#tooltip{
	background:url(css/black-0.85.png);
	border:1px solid #211;
	padding:5px;
	position:absolute;
	width:200px;
	z-index:3000;
}

#tooltip h3, #tooltip div{
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}

/* ========================= #PAGE #BODY #SIDEBAR STYLES ========================= */

#sidebar{
	display:inline;
	float:right;
	font-size:14px;
	height:1%;
	list-style:none;
	margin:20px 10px 20px;
	overflow:hidden;
	width:300px;
}

#sidebar h4{
	color:#411;
	font-size:16px;
	font-weight:normal;
	margin:0 0 10px;
}

/* ========================= #PAGE #BODY #SIDEBAR #SOCIAL STYLES ========================= */

#email{
	font-size:10px;
	margin:0 0 20px;
	text-align:center;
}


#social ul{
	list-style:none;
	height:1%;
	margin:0 auto 0;
	overflow:hidden;
	width:240px;
}

#social ul li{
	display:inline;
}

#social ul li a{
	display:inline-block;
	float:left;
	height:16px;
	margin:2px 4px;
	overflow:hidden;
	text-indent:-9999px;
	width:16px;
}

li.biznik a{background:url(css/social.png) left 0px no-repeat;}
li.facebook a{background:url(css/social.png) left -16px no-repeat;}
li.feed a{background:url(css/social.png) left -32px no-repeat;}
li.googlemaps a{background:url(css/social.png) left -48px no-repeat;}
li.linkedin a{background:url(css/social.png) left -64px no-repeat;}
li.ning a{background:url(css/social.png) left -80px no-repeat;}
li.trulia a{background:url(css/social.png) left -96px no-repeat;}
li.twitter a{background:url(css/social.png) left -112px no-repeat;}
li.yelp a{background:url(css/social.png) left -128px no-repeat;}
li.youtube a{background:url(css/social.png) left -144px no-repeat;}


#sidebar #apply a, #sidebar #checkup a{
	background:url(css/buttons.png) left top no-repeat;
	color:#FFF;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	height:100px;
	letter-spacing:2px;
	line-height:100px;
	margin:0 0 20px;
	overflow:hidden;
	text-align:center;
	text-shadow:#211 1px 1px 1px;
	text-transform:uppercase;
	width:300px;
}

#sidebar #apply a{background:url(css/buttons.png) left top no-repeat;}
#sidebar #checkup a{background:url(css/buttons.png) left bottom no-repeat;}


#sidebar #apply a:hover, #sidebar #apply a:focus{background:url(css/buttons.png) right top no-repeat;}
#sidebar #checkup a:hover, #sidebar #checkup a:focus{background:url(css/buttons.png) right bottom no-repeat;}

#sidebar #truliaWidgetVoices{
	border:0;
}

/* ========================= #PAGE #BODY #SIDEBAR #RATES / #CALCULATOR STYLES ========================= */

#rates{
	height:200px;
	margin:-4px 0 0 0;
	width:300px;
}

#MLCalcRatesFormXX table td{

}

#MLCalcRatesFormXX table img{

}

#calculator{
	height:380px;
	margin:0 0 8px;
	width:300px;
}

/* ========================= #FOOTER STYLES ========================= */

#footer-wrap{background:url(css/footer-wrap.png) left top repeat-x;}

#footer{
	clear:both;
	font-size:12px;
	margin:0 auto;
	overflow:hidden;
	width:960px;
}

#footer h5{
	color:#666;
	border-bottom:1px solid #ddd;
	font-size:14px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:19px;
}

#copyright{
	clear:both;
	font-size:10px;
	margin:20px 10px;
	text-align:center;
}

#contact, #articles, #sitemap, #mortgage-trust{
	display:inline;
	float:left;
	font-size:12px;
	height:1%;
	margin:20px 10px;
	overflow:hidden;
}

#contact ul, #articles ul, #sitemap ul, #mortgage-trust ul{
	list-style:none;
}

#contact{width:220px;}
#articles{width:380px;}
#sitemap{width:140px;}
#mortgage-trust{
	background:#411E43;
	margin-top:40px;
	width:140px;
}

#mortgage-trust p{
	background:#411E43;
	margin-top:20px;
}

/* ========================= #COLORBOX STYLES ========================= */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(css/colorbox/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(css/colorbox/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(css/colorbox/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(css/colorbox/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(css/colorbox/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(css/colorbox/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(css/colorbox/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(css/colorbox/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(css/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(css/colorbox/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(css/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}