@charset "utf-8";

/*  

Theme Name: mortgage

Description: imi wp theme for sudbury mortgage

Author: imicreation

Author URI: http://www.imicreation.com

*/



/*

REBOOT TAGS

*/

* {outline: none;}

body {

	margin: 0;

	padding: 0;

	font-size: 62.5%;

	height: 100%;

	background-image: url(images/body_bg.jpg);

	font-family: Arial, Helvetica, sans-serif;
background-color: transparent;

}

a:link, a:visited, a:hover, a:active {text-decoration: none;}

ul, ol {margin: 0;padding: 0;list-style-type: none;}

form {margin: 0px;padding: 0px;}

a img {border: 0;}

.clearfix:after{ content: ".";  display: block;  height: 0; clear: both;  visibility: hidden;}

.clearfix{min-width: 0;	display: inline-block; display: block;}

* html .clearfix{height: 1%;}

.left{float: left;}

.right{float: right;}

.textleft{text-align:left;}

.textright{text-align:right;}

.textcenter{text-align:center;}

.center {margin-right: auto;margin-left: auto;}

.clear{display:block; clear:both;}

a{color: #606060;}
img.alignright{float:right;border: 4px solid #FFFFFF;margin:0 0 0 10px;}
img.alignleft{float:left;border: 4px solid #FFFFFF;margin:0 10px 0 0;}
.alignleft{float:left;}
.alignright{float:right;}

/* 

TYPOGRAPHY

*/

h1 {
	font-size:2.4em;
	color:#eede91;
	margin: 0px;
	padding: 0 0 15px 0;
}
h2 {
	font-size:2.0em;
	color:#eede91;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
h3{
        font-size:1.4em;
	color:#eede91;
	margin: 0px;
	padding: 0 0 15px 0;
        font-weight: normal;
}
h4{
        font-size:1.4em;
	color:#ffffff;
	margin: 0px;
	padding: 0 0 15px 0;
        font-weight: bold;
}
h4 a{
	color:#ffffff;
}

/*


/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## LAYOUT TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */
body {
	background-color:#1d1d1d;
	font-family:Arial, Helvetica, sans-serif;
}
#main {
	width:960px;
	margin:0 auto 0 auto;
	padding:0px;
}

/*
header
*/

#header {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#logo {
	float: left;
	height: 102px;
	width: 200px;
	padding: 0px;
	margin: 10px 42px 0 0;
        display:inline;
}
#ftm-logo{
        float: left;
        height: 60px;
        width: 100px;
        padding: 0px;
        margin: 40px 50px 0 0;
        display:inline;
}
#name {
	float: left;
	height: 115px;
	width: 274px;
	padding: 10px 0 0 0;
	margin: 0px 0 0 0;
}
#header_right {
	float: left;
	width: 269px;
	padding: 0px;
	margin: 0 0 0 20px;
	display:inline;
}
#uppernav {
	float: left;
	width: 269px;
	background-image:url(images/upper_nav_bg.png);
	padding: 0px;
	margin: 0px;
}
#uppernav ul {
}
#uppernav ul li {
	float: left;
	padding-left: 13px;
	font-size: 1.2em;
	color: #FFFFFF;
	padding-right: 8px;
	padding-top: 3px;
	height: 20px;
text-transform: uppercase;
}
#uppernav ul li a {
	color: #FFFFFF;
}
#uppernav ul li a:hover {
	color: #eede91;
}
#uppernav ul li a.active {
	color: #eede91;
}
#search_box {
	float: left;
	width: 225px;
	margin-top: 5px;
	padding: 0px;
	background-image: url(images/search_box.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-left: 40px;
	display: inline;
}
#search_box .input{
	margin: 0px;
	float: left;
	height: 28px;
	width: 190px;
	padding-left: 5px;
	border: none;
	background: transparent;
*padding-top: 5px;
*width:188px;
}
#search_box .button{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 22px;
	width: 30px;
	border: none;
	background: transparent;
	cursor: pointer;
}
#call_no {
	float: left;
	width: 100%;
	padding: 0px;
	margin-top: 0px;

	text-align: center;
}
#license {
	float: left;
	width: 100%;
	padding: 0px;
	margin-top: 5px;
	text-align: right;
}
.hp_badge {
	font-size: 1.3em;
	color: #eede91;
}
.hp_badge a{color: #eede91;}


/*
navigation
*/

#navigation {
	float: left;
	width: 100%;
	padding: 0px;
	background-image: url(images/navigation_bg.jpg);
	background-repeat: no-repeat;
	height: 35px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#navigation ul {
}
#navigation ul li {
	font-size: 1.2em;
	color: #FFFFFF;
	background-image: url(images/break_row.gif);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
}
#navigation  ul  li  a  {
	color: #FFFFFF;
	display: block;
	height: 25px;
	margin: 0px;
	float: left;
	padding-top: 10px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 45px;
}
#navigation ul li a:hover {
	color: #eede91;
}
#navigation ul li a.active {
	color: #eede91;
}
#navigation ul li.first {
	background-image:none;
}

/*
showcase
*/

#showcase {
	padding: 0px;
	float: left;
	height: 385px;
	width: 956px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #fff0ac;
	background-color: #000;
text-align:center;
position:relative;
}

#showcase #youtube_video{width:480px; float:left; padding:0 0 0 10px; margin:0 10px 0 0;}
#showcase #hp_form{ float:left; height:385px; padding:0 100px 0 20px; width:336px; background:#202020;
position:relative;}
#showcase #hp_form .cform{margin:0;}
#showcase #hp_form ol.cf-ol {border-top:none;}
#showcase #hp_form .cform label {
	width:250px; 
	margin:0; 
	text-align:left;
	font-size: 10px;
	
	color:#888888;
	background:none;
	
	font:normal 12px arial; 

}
#showcase #hp_form .cform textarea,
#showcase #hp_form .cform input {
	width:250px; 
margin:0 0 3px 0;
letter-spacing:0;
}
#showcase #hp_form .cform select{margin:0 0 3px 0;
letter-spacing:0;
}
#showcase #hp_form .cform input:hover,
#showcase #hp_form .cform textarea:hover,
#showcase #hp_form .cform select:hover	{
	background:#eede91;
}

#showcase #hp_form .cform input:focus,
#showcase #hp_form .cform textarea:focus,
#showcase #hp_form .cform select:focus	{ 
	background:#eede91;
}
#showcase #hp_form .cform select {
	width:256px; /* attempt to have equal length */
letter-spacing:0;
}
#showcase #hp_form span.reqtxt,
#showcase #hp_form span.emailreqtxt { 
	display:block; /*for mozilla*/
	width:256px;
	font-size:9px;
	vertical-align:top;
	color:#888888;
	text-align:right;
	margin:0;
	
	font:normal 10px arial; 
        display:none;
}

#showcase #hp_form p.cf-sb {
	padding: 0!important;
	margin: 0;
	float:left;
}
#showcase #hp_form .cform input.backbutton,
#showcase #hp_form .cform input.resetbutton,
#showcase #hp_form .cform input.sendbutton	{ 
	width:150px;  
	padding:3px; 
	margin: 0;
position:absolute;
top:348px; left:297px;
}
/*
content
*/

#containers {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#leftside {
	padding: 0px;
	float: left;
	width: 306px;
	margin-right: 24px;
}
#blog_sidebar{
	padding: 0px;
	float: left;
	width: 300px;
	background-color: #202020;
	border: 3px solid #3a3a3a;
	margin: 0px;
}
#blog_sidebar h2 {
	font-size:1.6em;
	color:#eede91;
	margin: 12px 12px 2px 12px;
	padding: 0;

}
.sub_navigation {
	padding: 0px;
	float: left;
	width: 300px;
	background-color: #202020;
	border: 3px solid #3a3a3a;
	margin: 20px 0 0 0;
}
#blog_sidebar ul.wobg li a, #blog_sidebar ul.wobg li a:hover{background:none;}
#blog_sidebar ul.wobg li a{padding:10px 0px 10px 25px;}
#blog_sidebar ul.wobg li a img{margin-bottom:-3px;margin-right:4px;}
.sub_navigation ul li, #blog_sidebar ul li {
	font-size: 1.4em;
	color: #FFFFFF;
	width: 300px;
	background: url(images/break_row2.gif) no-repeat;
	margin: 0px;
}
.sub_navigation ul li.top {
	background:none;
}
.sub_navigation ul li a{
	color:#ffffff;
	background: url(images/bullet.gif) no-repeat 25px;
	display: block;
	margin: 0px;
	padding:15px 0px 15px 40px;
}
#blog_sidebar ul li a{
	color:#ffffff;
	background: url(images/bullet.gif) no-repeat 25px;
	display: block;
	margin: 0px;
	padding:10px 0px 10px 40px;
}
.sub_navigation ul li a:hover, #blog_sidebar ul li a:hover {
	color:#eede91;
	background: url(images/bullet_hover.gif) no-repeat 25px;

}
.sub_navigation ul li a.active, #blog_sidebar ul li a.active {
	color:#eede91;
	background: url(images/bullet_hover.gif) no-repeat 25px;
}
.mortgages_rates {
	float: left;
	width: 300px;
	background-color: #303030;
	border: 3px solid #3a3a3a;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
text-align: center;
}
.nor_white {
	font-size:1.4em;
	color:#FFFFFF;
}
.nor_yellow {
	font-size:1.4em;
	color:#eede91;
}
.bot_bor {
	border-bottom:solid 2px #303030;
}
.last_nor{
	font-size:1.4em;
	color:#FFFFFF;
	margin-top:30px;
	display:block;
	margin-bottom: 17px;
	margin-left: 40px;
}
#rightside {
	background-color: #202020;
	margin: 0px;
	padding:30px 25px 20px 25px;
	float: left;
	width: 573px;
	border: 3px solid #3a3a3a;
        min-height:741px;
height:741px;
height: auto !important;
}
#rightside a{color:#eede91; text-decoration:underline;}
#rightside ul{margin:0;
padding:0 0 15px 15px;
list-style: circle;
}
#rightside ul li{
font-size: 1.2em;
	color: #FFFFFF;
	padding: 0 0 10px 0;
	line-height: 17px;
}
#rightside ul li strong{color:#eede91;}
.badge_two {
	color:#eede91;
	font-size:1.3em;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 300px;
}
.agreement {
	width: 300px;
	float: left;
	padding: 0px;
	margin-right: 12px;
}
.agreement_cont{
	font-size: 1.2em;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.agreement_image {
	width: 246px;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 4px solid #FFFFFF;
}
#rightside p {
	font-size: 1.2em;
	color: #ffffff;
	padding: 0px;
	margin: 0 0px 15px 0px;
	line-height: 17px;
}

/*
footer
*/

#footer {
	padding: 0px;
	float: left;
	width: 100%;
	margin:30px 0px 0px 0px ;
}
.footer_nav {
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-x;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
	width: 100%;
	height: 43px;
}
.footer_nav_right {
	background-image: url(images/footer_right_round.gif);
	background-repeat: no-repeat;
	float: left;
	background-position: left top;
	width: 100%;
	height: 43px;
}
.footer_nav_left {
	background-image: url(images/footer_left_round.gif);
	background-position: right top;
	background-repeat: no-repeat;
	width: 100%;
	float: left;
	height: 30px;
	text-align: center;
	padding-top: 13px;
}
.footer_nav_left ul {
	color: #FFFFFF;
}
.footer_nav_left ul li {
	font-size: 1.2em;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 22px;
	padding-bottom: 0px;
	padding-left: 22px;
	display: inline;
	margin: 0px;
	height: 33px;
}
.footer_nav_left ul li a {
	color: #FFFFFF;
	padding-top: 10px;
}
.footer_nav_left ul li a:hover {
	color: #eede91;
	padding-top: 10px;
}
.footer_nav_left ul li a.active {
	color: #eede91;
	padding-top: 10px;
}
.copyright {
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: center;
}
.copyright p {
	font-size: 1.2em;
	line-height: 16px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.copyright a {
	color: #ffffff;
}
.copyright a:hover {
	color: #eede91;
}
.footer_image {
	width: 960px;
	float: left;
	margin: 0px;
	text-align: center;
	padding: 0px;
}

/* 
BLOG
*/

div.post{clear:both; width:100%; background: url(images/break_row2.gif) repeat-x bottom left; padding:0 0 10px 0; margin: 0 0 15px 0;}
div.post h3{padding:0 0 5px 0;}
#rightside div.post h3 a, #rightside div.post h1 a{text-decoration:none;}
#rightside div.post h1 {padding: 0 0 5px 0;}
div.post .info{font-style:italic; font-size:1.1em; color:#ccc; clear:both; display:block; padding:0 0 12px 0;}
div.post div.entry{}
div.post div.entry img.thumb{float:left; margin:0 15px 15px 0; border:3px solid #fff;}
div.post .postmetadata{font-size:1.1em; color:#ccc; clear:both; display:block;}

/* 5.1 Comments */

#comments h3 { 
	font-size: 20px;
	font-weight: normal;
	padding: 10px 0 20px 0;
}

.commentlist .quote {
	background:url(images/bg_quote.gif) no-repeat top right;
	}

.commentlist li {
 	padding: 5px 18px 22px 18px;
	margin-top:15px;
	background:#454545 url(images/bg_commentlist.gif) left bottom no-repeat;
	color:#e4edee;
	}

.commentlist cite {
	display:block;
	font-style:normal;
        color:#ccc;
        font-size:1.1em;
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#88e5f0;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#FFF;
	text-decoration:underline;
	}


#comments .cancel-comment-reply {margin-bottom:10px;}

/* 5.2 Comments Form */

#respond  {
	margin: 20px 0 0 0;
}

#respond h2  {
	margin: 0;
}

#commentform  {
	margin: 20px 0 0 0;
}

#commentform input.txt  {
	width: 207px;
	margin: 0 10px 0 0;	
	padding: 3px 0 3px 5px;
}

#commentform label  {
	font-size: 11px;
	text-transform: uppercase;
}

#commentform textarea  {
	width: 100%;
}

#commentform #submit  {
	padding: 2px 0 2px 0;
	text-transform: uppercase;
}

#rotator
{
	
        overflow: hidden;
	padding:0;
	margin:0;
	position: relative;
	float:left;
        width : 274px;
        height: 115px;
        background:#fff;
        text-align:center;
}

#rotator img
{
        display: none;
	position: absolute;
	top: 0;
	left: 0;
        width : 274px;
        height: 115px;
}