/*
Template Design by Icon


   
*/
@font-face {
	font-family: 'TeXGyreAdventorRegular';
	src: url('fonts/texgyreadventor-regular.eot');
	src: local('TeX Gyre Adventor Regular'), local('TeXGyreAdventor-Regular'), url('texgyreadventor-regular.woff') format('woff'), url('texgyreadventor-regular.otf') format('opentype'), url('texgyreadventor-regular.svg#TeXGyreAdventor-Regular') format('svg');
}

@font-face {
	font-family: 'TeXGyreAdventorItalic';
	src: url('fonts/texgyreadventor-italic.eot');
	src: local('TeX Gyre Adventor Italic'), local('TeXGyreAdventor-Italic'), url('texgyreadventor-italic.woff') format('woff'), url('texgyreadventor-italic.otf') format('opentype'), url('texgyreadventor-italic.svg#TeXGyreAdventor-Italic') format('svg');
}

@font-face {
	font-family: 'TeXGyreAdventorBold';
	src: url('fonts/texgyreadventor-bold.eot');
	src: local('TeX Gyre Adventor Bold'), local('TeXGyreAdventor-Bold'), url('texgyreadventor-bold.woff') format('woff'), url('texgyreadventor-bold.otf') format('opentype'), url('texgyreadventor-bold.svg#TeXGyreAdventor-Bold') format('svg');
}

@font-face {
	font-family: 'TeXGyreAdventorBoldItalic';
	src: url('fonts/texgyreadventor-bolditalic.eot');
	src: local('TeX Gyre Adventor Bold Italic'), local('TeXGyreAdventor-BoldItalic'), url('texgyreadventor-bolditalic.woff') format('woff'), url('texgyreadventor-bolditalic.otf') format('opentype'), url('texgyreadventor-bolditalic.svg#TeXGyreAdventor-BoldItalic') format('svg');
}


html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}




/** Common Styles */

body {
	margin: auto;
	padding: 0;
	background: #105695 url(http://www.henrifrank.com/images/bkgd.jpg) repeat-x top;
	
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 0px;
	color: #000;
}

#container{height:auto; width:100%;}

#wrapper {
	width: 1062px;
	margin:auto;
	padding:  0;
	background: url(http://www.henrifrank.com/images/footer-bottom.png) no-repeat bottom;
	padding-bottom:23px; text-align:justify; 
	
}
/** Style for header starts here */

#header {
	
	height: 267px;
	width: 1062px;
	margin: 0px auto;
	background: url(images/Henri-Frank.jpg) no-repeat right top;
}

#header .block {
	background:url(images/header-block.jpg) no-repeat; height:86px; width:668px;  }
	
#header h1 { font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; font-size:30px; color:#FFF; font-weight:100; 
text-transform:uppercase; padding:190px 80px 10px 00px; float:right; }		
	
#header .block h2 { font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; font-size:26px; color:#FFF; font-weight:100; 
text-transform:uppercase; padding:30px 0 10px 90px}	

/** Style for menu starts here */

#menu {
	margin:0px 0px 0 5px;
	height: 45px;	
	background-color: #053765;/* url(images/menu-bottom.gif) repeat-x bottom;*/
}

/*

#menu ul {
	margin: 0px;
	padding: 0px 4px;
	list-style: none;
}

#menu li {
	display: inline;
	
}

#content #menu a {
	display: block;
	float: left;
	border: none;
	padding: 10px 15px; margin:2px 3px 2px 3px;
	text-decoration: none;
	color: #aecbe6;
	background:#084175;
	font-size:13px;
	font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; 
	 text-transform:uppercase;
}

#menu a:hover {
	color: #aecbe6;
}

*/

h1{font-size:34px!important;}


h1, h2, h3, h4 { font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; 
	 text-transform:uppercase; font-weight:normal; line-height:1.25em!important;}

/** Style for content starts here */

#content {
	width:1062px;
	margin: 0px auto;
	background:url(images/contant-bkdg.gif) repeat-y;
	font-size:12px;
}
#content a {color:#00539f;}


#home-top { }

#home-top .left { float:left; width:320px; margin:20px; }

#home-top .left h2 { color:#002547; font-size:20px; font-weight:normal;  }
#home-top .left .sidebox1 { background:url(http://www.henrifrank.com/images/sidebox-forsale.jpg); height:140px; line-height:1!important}
#home-top .left .sidebox1 h2 { padding: 40px 100px 0 10px;  color:#FFFFFF!important;}

#home-top .left .sidebox2 { background:url(http://www.henrifrank.com/images/sidebox-house.jpg); height:125px; margin-top:15px; line-height:1!important}
#home-top .left .sidebox2 h2 { padding: 30px 30px 0 140px; text-align:right;  color:#FFFFFF!important;}
#home-top .left .sidebox2 img { margin-left:120px;}

#home-top .left .sidebox3 { background:url(http://www.henrifrank.com/images/sidebox-plain.jpg); height:115px; margin-top:15px; line-height:1!important}
#home-top .left .sidebox3 h2 { padding: 15px 30px; text-align:center;   color:#FFFFFF!important; }
#home-top .left .sidebox3 img { margin:auto;}/*margin-left:120px;*/
#home-top .left .sidebox3 form { margin:0px 20px;}

#home-top .left .sidebox4 {width:320px; margin-top:15px;line-height:1!important  }
#home-top .left .sidebox4 h2 { margin:30px 0 15px 0; text-align:center;}
#home-top .left .sidebox4 h3 { margin:5px 0; color:#002547; font-size:16px;}
#home-top .left .sidebox4 .float-left { float:left; margin:0px 10px 10px 0;}
#home-top .left .sidebox4 p {display:block; height:70px; font-size:14px; color:#515151; margin:5px 0 0 10px; 
	line-height:20px;}
#home-top .left .sidebox4 .contact-icons { background:url(http://www.henrifrank.com/images/icon-bkgd.jpg) no-repeat; padding:12px 10px 10px 25px; }
#home-top .left .sidebox4 .contact-icons img { margin:0px 25px 0 2px;}

#home-top .left .sidebox5 { background:url(http://www.henrifrank.com/images/search-bkgd.jpg) no-repeat; padding:20px 12px; margin-top:15px; line-height:1!important;}
#home-top .left .sidebox5 img { margin-bottom:8px;}
.sidebox5 .button { background:url(http://www.henrifrank.com/images/BTN-blue.jpg) no-repeat; padding:9px 0px; margin:0px 0 10px 0; text-align:center; width:297px;}
#content .sidebox5 .button a { color:#98c1e6; font-size: 18px;  font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; font-weight:normal;
text-decoration:none; text-transform:uppercase;  }


.help-sell-property { display:block;  background:url(http://www.henrifrank.com/images/help-me-sell.jpg); height:182px; width:320px; border:0; color:#FFFFFF!important; text-decoration: none !important;line-height:1!important}
.help-sell-property h2 { padding: 40px 100px 0 10px;  color:#FFFFFF!important;}

.help-sell-property A:link {text-decoration: none !important; color:#FFFFFF!important;}
.help-sell-property A:visited {text-decoration: none !important; color:#FFFFFF!important;}
.help-sell-property A:active {text-decoration: none!important; color:#FFFFFF!important;}
.help-sell-property A:hover {text-decoration:none!important; color:#FFFFFF!important;}

.news-area{ display:block; height:80px; width:320px; background-image:url(http://www.henrifrank.com/images/news.jpg);}    
	
	
	

#home-top .right { float:left; width:680px; margin-top:40px; }
#home-top .right .stack { width:230px; height:125px; float:left; margin:20px 10px 20px 0px;  }
#home-top .right .stack#condo { background:url(http://www.henrifrank.com/images/stack-condo.jpg) no-repeat;padding: 280px 35px 0 35px;}
#home-top .right .stack#community { background:url(http://www.henrifrank.com/images/stack-community.jpg) no-repeat;padding: 280px 35px 0 35px;}
#home-top .right .stack#sm-condo { background:url(http://www.henrifrank.com/images/stack-sm-condo.jpg) no-repeat;padding: 100px 35px 0 35px;}
#home-top .right .stack#sm-community { background:url(http://www.henrifrank.com/images/stack-sm-community.jpg) no-repeat;padding: 100px 35px 0 35px;}
#home-top .right .stack img { margin:5px 0;}

#content #home-top .right h1 {color:#002547; font-size:20px; margin:0px 0 10px 0px  }
#content #home-top .right h2 {color:#0e66b7; font-size:16px; margin:10px 0 10px 0px  }
#home-top .right p {margin:5px 0; color:#515151; font-size:12px; line-height:18px; }
#home-top .right ul {color:#515151; margin:10px 0 20px 40px;}
#home-top .right li { line-height:20px; padding-left:10px;}

#home-top .right .button { background:url(http://www.henrifrank.com/images/BTN-blue-white.jpg) no-repeat; padding:9px 0px; margin:10px auto; text-align:center; width:297px;line-height:1!important}
#home-top .right .button a { color:#98c1e6; font-size: 18px;  font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; font-weight:normal;
text-decoration:none; text-transform:uppercase;  }

#home-top .right .contact { margin:20px 100px; color:#515151;}
#home-top .right .contact td { padding:5px; }
#home-top .right .contact .submit { background:url(http://www.henrifrank.com/images/BTN-blue-white.jpg) no-repeat center; padding:6px 10px; margin:10px auto; width:150px; color:#98c1e6;
font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; font-weight:normal;font-size: 16px; border:none; text-transform:uppercase; }


/** Home Middle */

#home-mid { padding:10px 20px; margin-bottom:10px; }
#home-mid h2 { color:#002547; font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; 
	 text-transform:uppercase; font-size:20px; font-weight:normal; margin:5px 0 10px 0; text-align:center;   }



/** Home Bottom */
#home-bottom { padding:10px 20px; margin-bottom:10px; }
#home-bottom h2 { color:#002547; font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; 
	 text-transform:uppercase; font-size:18px; font-weight:normal; margin:20px 0 10px 0; text-align:center;   }



#home-bottom .left {width:500px; float:left; margin:0px;}
#home-bottom p { margin:5px 0; color:#515151; font-size:12px; line-height:18px; padding-left:25px;}
#home-bottom ul { margin:15px 10px 0 10px;}
#home-bottom li { background:url(http://www.henrifrank.com/images/arrow-blue.gif) no-repeat left top; padding-left:25px; line-height:16px; margin-top:5px; list-style-type:none; }  

#home-bottom .market-rss p { margin:2px 0}


#home-bottom .right {width:500px; float:left; margin:10px; font-size:12px; }
#home-bottom .blog { background:url(http://www.henrifrank.com/images/blog-mid.jpg) repeat-y; padding:20px; }
#home-bottom .blog strong {color:#00539f;}
#home-bottom .blog ul li{ padding-left:25px; list-style-type:none; }
#home-bottom .blog p { margin:6px 5px; line-height:20px; }
#home-bottom .blog h2 { background:url(images/blog-rss.jpg) no-repeat right; padding: 5px 20px 5px 0; width:260px;
 color:#002547; font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; 
	 text-transform:uppercase; font-size:20px; font-weight:normal; margin:10px auto 20px auto; }



#pagelime{height:auto; width:auto; }
#pagelime2{height:auto; width:auto; }



/*  Additional Code */

.condoframe{height:800px; width:675px}

form#mapInputForm table td img { display:none}


#bluebox-bordertop{ height:24px; width:498px; background-image:url(http://www.henrifrank.com/images/blog-head.jpg); background-repeat:no-repeat; }

#bluebox-borderbottom{ height:27px; width:498px; background-image:url(http://www.henrifrank.com/images/blog-bottom.jpg); background-repeat:no-repeat; }


#bluebox1-bordertop{ height:24px; width:450px; background-image:url(http://www.henrifrank.com/images/bluebox2-top.gif); background-repeat:no-repeat; }

#bluebox1-borderbottom1{height:27px; width:450px; background-image:url(http://www.henrifrank.com/images/bluebox2-bottom.gif); background-repeat:no-repeat; }


.bluebox1 { background:url(http://www.henrifrank.com/images/bluebox1-mida.gif) repeat-y; padding-top:10px; width:450px; height:auto; position:relative;    }
.bluebox1 strong {color:#00539f;}
.bluebox1 ul li{ padding-left:25px; list-style-type:none; }
.bluebox1 p {  margin:6px 5px; line-height:20px; }
.bluebox1 h2 { background:url(images/blog-rss.jpg) no-repeat right; padding: 5px 20px 5px 0; width:260px;
 color:#002547; font-family: 'TeXGyreAdventorRegular', Arial, sans-serif;
 text-transform:uppercase; font-size:20px; font-weight:normal; margin:10px auto 20px auto; }
.bluebox1 h2 span { font-size:12px; text-transform:none; font-weight:bold; }




.bluebox2 { background:url(http://www.henrifrank.com/images/bluebox1-mid.gif) repeat-y; padding-top:10px;  padding-bottom:20px; width:400px; height:auto;  }
.bluebox2 strong {color:#00539f;}
.bluebox2 ul li{ padding-left:25px; list-style-type:none; }
.bluebox2 p { margin:6px 5px; line-height:20px; }
.bluebox2 h2 { background:url(images/blog-rss.jpg) no-repeat right; padding: 5px 20px 5px 0; width:260px;
 color:#002547; font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; 
	 text-transform:uppercase; font-size:20px; font-weight:normal; margin:10px auto 20px auto; }








#home-bottom TABLE.mortgage { margin:10px 20px; font-size:12px; }
#home-bottom TABLE.mortgage td { border:solid 1px #999; padding:4px; color:#333}
#home-bottom .float-right { float:right; margin:10px;}


/** Lower POrtion */

#lower { background: url(http://www.henrifrank.com/images/lower-mid.jpg); margin:0px 20px; }

#lower ul li a{ text-decoration:none;}

.lower-top { background:url(http://www.henrifrank.com/images/lower-box.jpg) no-repeat top; height:18px;}
.lower-bottom { background:url(images/lower-box.jpg) no-repeat bottom; height:18px;}

#lower h1{ text-align:center;  color:#002547; font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; 
	 text-transform:uppercase; font-size:20px; font-weight:normal; padding-top:10px;}
	 
#lower h2 {  padding: 5px 20px 5px 0;  color:#0267a7; font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; 
	 text-transform:uppercase; font-size:16px; font-weight:normal; margin:10px auto 10px auto; min-width:180px; display:block; }
	 
	 
#lower ul { width:180px; margin:10px 10px 20px 40px; float:left; color:#043e66; text-align:left}

#lower ul li { line-height:20px; padding:2px 0 2px 5px}





/** Style for footer starts here */
#top-footer { background: url(http://www.henrifrank.com/images/pet-friendly.jpg) no-repeat left bottom ; height:70px; text-align:right; margin:0px 22px 0px 22px; }

#top-footer a{ display:block; height:71px; width:600px; border:0;  background: url(http://www.henrifrank.com/images/LOGO-remax.jpg) repeat-x right bottom;  float:right;  z-index:2; background-color:#FFFFFF;   } 

#footer {
	clear: both;
	text-align:center;
	height: 180px;
	margin: 0px auto;
	position:relative;
	padding-top:15px;
	background-color:#FFFFFF; 
	
	
	
}
.float-right { float:right; margin:5px 30px;}

#footer .doggy {
	position:absolute;
	left: 26px;
	top: -1px;
}

/*RE Logos*/
.realtor{
	position:absolute;
	left: 370px;
	top: -73px;
}
.equalhousing {
	position:absolute;
	left: 470px;
	top: -73px;
}

.realtor-com {
	position:absolute;
	left: 570px;
	top: -73px;
}

.political-activ{
	position:absolute;
	left: 650px;
	top: -73px;
}

/*End RE Logos*/

#footer .phone {
	  color:#002547; font-family: 'TeXGyreAdventorRegular', Arial, sans-serif; 
	 text-transform:uppercase; font-size:26px; clear:both }

#footer-menu { display:block; width:auto; margin:0px auto; padding-left:160px;}
#footer-menu ul {		padding: 10px 4px;	list-style: none; display:block; }
#footer-menu li {	display: inline;}
#content #footer-menu a {	display: block;	float: left;	border: none; font-size:11px;
	padding: 10px 10px;	text-decoration: none;	font-size:13px; color:#00539f;		 }
	
	
	
#copyrights { width:800px; margin:10px auto; position:absolute; position:absolute;	left: 26px;	top: 80px; text-align:left;  }
#copyrights p  { color:#9ecbf4; text-align:center; font-size:11px; padding:10px;}

#copyrights p a:link { color:#9ecbf4; text-decoration:none;  }
#copyrights div{}
#copyrights div a{display:block; height:35px; width:184px;  ); background-repeat:no-repeat; }

#copyrights div a span {display:none;}

.clear {clear:both;}





/**  Mortgage Caluclator */

.mortgage-calc { background:url(http://www.henrifrank.com/images/blog-mid.jpg) repeat-y; padding:20px;background-position:center }
.mortgage-calc strong {color:#00539f;}
.mortgage-calc form{ margin-left:50px !important; text-align:center; width:350px !important; padding:0!important; }

.mortgage-calc form table{margin:auto!important;}

.mortgage-calc h2{ font-size:24px!important; text-align:center;}

/** End  Mortgage Caluclator */


div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}
body {
	line-height: 1.75;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}