/* Custom theme design by Resposio */
body {background: #369 url(../images/bg.png) repeat-x;margin: 0;padding: 0;font-size: 12px; font-family: Arial, Times New Roman, Serif; color: #333; letter-spacing: normal;}
table { width: 100%; }

/* Misc */
img { border: none; }
.hide, hr {display: none;}
input { vertical-align: middle; }

/* Headings */
h1 {font-size:170%;line-height:normal;margin:5px 0;padding:0;color:#369;}
h2 {font-size:140%;margin:0;padding:0;}
h3 {font-size:130%;line-height: 2em;margin:0 5px;padding:0;}
h4 {font-size:110%;margin:0;padding:0;color:#369;}
h5 {font-size:100%;margin:0;padding:0;}
h6 {font-size:90%;margin:0;padding:0;}

/* Paragraphs */
p { padding: .2em; margin: 0 0 .5em 0; line-height: 1.2em; }

/* Lists */
ol, ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }

/* Links */
a { text-decoration: underline; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #369; }

/* Clearing Floats */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table; }
* html .clear { height: 1%; }
.clear { display: block; }

/* Content */
#maincontent {margin:0 auto;padding: 0;width:1000px;background: url(../images/mainbody-mid.png) repeat-y;}
.maincontentwrapper {width:1000px;margin:0 ;padding:0;}
.widecontentwrapper {width:1000px;margin:0;padding:0;}
#maincontentfooter {width:1000px;margin:0 auto;padding: 0;}
#ContentTop {float: left; position: relative;width: 1000px; height: 20px;background: url(../images/mainbody-top.png) no-repeat top left;}
#ContentBottom {float: left; position: relative;width: 1000px; height: 20px;background: url(../images/mainbody-btm.png) no-repeat bottom left;}
#ContactForm {float:left; position: relative; width: 100%;}

/* Header Elements */
#Header {position: relative;margin:0;padding: 5px 10px;width: 1000px;height: 80px;}
#HeadWrap {position: relative;margin:0 0 0 8px; background: #369; width: 963px;}
#Header #BrandingArea {position: relative;margin:0 0 1px 5px;padding:0;width: 391px;height: 80px; }
#Header h1 { position: relative;display: block; top: 6px;width: 391px;height: 72px; padding: 0; margin: 0; background: url(../images/Welcome-Home-Again-Real-Estate-Logo.png) no-repeat 0 0; text-indent: -9999px;}
#Header h1 a { position: relative;display: block;top: 6px; width: 391px;height: 72px; padding: 0; margin: 0;}

#Header ul, #footer ul {list-style:none;margin:0;padding:0;}
#Header ul li, #footer ul li, #facebook ul li {display:inline;margin:0;padding:0;}
#Header a, #footer a {margin:0 10px 0 0;}

/* Header Navigation */
#HeaderNavigation {position:absolute; top: 55px; left: 380px;width:650px;}
#HeaderNavigation a {float:left;display:block;padding:0 10px;margin: 0 5px;font-size: 110%;height: 25px; line-height: 25px;color:#fff;text-decoration: none;}
#HeaderNavigation a:hover { font-weight: bold;padding:0 10px;margin: 0 5px;}
#HeaderNavigation li {display: inline; padding:0;margin:0;}

/* Footer */
#Footer {clear: both;margin:0 0 0 15px;padding: 10px 0 0 0;color: #333; text-align: center; background: url(../images/footerbg.png) no-repeat top left; height: 50px; width: 980px;}
#Footer #design {position: relative;color: #fff;}
#Footer a {margin:0 10px 0 0; color: #fff;}

/*Page Columns*/
#homepagecolumn1 {float:left; position: relative; top: 0;left: 17px; width:160px; margin: 0; border: 1px solid #333;}
#homepagecolumn1 h4 {margin: 0 0 0 5px;}
#homepagecolumn1 ul li.address { margin: 0; list-style: none;}

#homepagecolumn2 {float:left; position: relative; top: 0; left:16px; width:808px; height: 284px; margin: 0; padding: 0; background: url(../images/welcome.pn) no-repeat top left;}
#homepagecolumn2 h1 { background: url(../images/h1bg.png) repeat-x; height: 25px; line-height: 25px; width: 546px; padding: 0 0 0 5px;border: 1px solid #666;}
#homepagecolumn2 h1 a { font-size: 120%;}
#homepagecolumn2 h4 {margin: 0 0 0 5px;}
#homepagecolumn2 #SearchListings {float:left; position: relative;left: 2px;width: 230px; height: 285px;margin: 0; background: url(../images/Search-Manchester-Real-Estate-Listings-New.png) no-repeat top left;}
#homepagecolumn2 #SearchListings ul {position: relative; top: 45px; left: 35px;}
#homepagecolumn2 #SearchListings ul li { margin: 8px 0; font-size: 220%;}
#homepagecolumn2 #Banner {float:left; position: relative;left: 2px; top: 2px; margin: 0; padding: 10px;border: 1px solid #030; width: 551px;height: 257px; }

#homepagecolumn2 #Banner p {font-size: 120%; margin: 5px 0;}
#homepagecolumn2 #Banner h5 {margin: 0; font-size: 120%;}
#homepagecolumn2 #InfoText {margin: 5px 0 0 0; padding:0;}
#homepagecolumn2 #InfoText ul {margin: 0;}
#homepagecolumn2 #InfoText li {}

#homepagecolumn3 {float:left; position: relative; top: 1px; left:18px; width:808px; height: 250px;margin: 0;padding: 0; background: url(../images/services.png) no-repeat top left;}
#homepagecolumn3 #Information {float:left; position: relative; margin: 10px; padding: 3px; background: #fff; border: 1px solid #030; width: 780px; }


/* Custom Page Wrappers*/
#TechWrap, #ContactWrap {padding: 10px;}

/* Mainbody and Navigation*/
#MainBody {width:970px;float:left; position: relative; left: 10px; margin: 0 ;padding: 0;}

/* Column Menus */
.categorymenu {padding:0;margin:0;width:160px;}
.categorymenu a { color: #333;}
.categorymenu ul {padding:0;margin: 5px 5px 0 10px;}
.categorymenu li {padding: 0;margin: 5px 0;list-style:none; font-weight: bold; font-size: 100%;}
.categorymenu li a {text-decoration:none; padding: 0;margin:0;color: #333;}
.categorymenu li a:hover {color: #369;}
.categorymenu ul li.address { margin: 0; font-size: 95%; font-weight: normal;}

#ContactInfo { width: 140px; margin: 15px 5px 10px 5px; padding: 0 0 5px 0; background: #fff; border: 1px solid #333;}

#PeloquinRealty {width: 150px; margin: 0; padding:0; text-align: center;}

#Facebook {width: 150px; margin: 10px 0 0 7px; padding: 0;}
#Facebook ul {padding:0; margin: 0;}
#Facebook li {padding: 0;margin: 5px 0;list-style:none; display: inline;}
#Facebook img {width: 32px;}
.realtor {margin: 0; padding: 0;}

/*   *** removed by BMF, not found ***
#NAR {position:relative;left:51px;width: 150px; margin: 10px 0 0 0; text-align: center;}
#twitter {position:relative;left:-55px;top:-60px; margin: 10px 0 0 0; text-align: center;}
#linked {position:relative;left:-55px;top:-60px; margin: 10px 0 0 0; text-align: center;}
#equal {position:relative;width:50px;left:46px;top:-186px; margin: 10px 0 0 0; text-align: center;}
#agent {position:relative;width:100px;left:48px;top:-190px; margin: 10px 0 0 0; text-align: center;}
*/
/* Category Formatting */
.categoryleft {float:left; position: relative; top: 0;left: 17px; width:160px;height: 500px; margin: 0; background: url(../images/menu.png) no-repeat top left;}
.categoryleft h4 {margin: 0 0 0 5px;}

.categorymain {float:left; position: relative; top: 1px; left:16px; width:805px; margin: 0; padding: 0; background: #369;}
.categorymain #Banner {float:left; position: relative; margin: 10px; padding: 10px; background: #fff; border: 1px solid #030; width: 763px;}
.categorymain #Banner table { width: 770px;}
.categorymain #Banner iframe {width: 100%; height: 800px;border: 0;}
.categorymain #Banner h1 { font-size: 120%; background: url(../images/h1bg.png) repeat-x; height: 25px; line-height: 25px; width: 758px; padding: 0 0 0 5px; border: 1px solid #666;}
.categorymain #Banner .address strong {color: #369; font-size: 140%;}
.categorymain #Banner .address {margin: 0 0 0 10px; font-weight: bold;}
.categorymain #Banner ul {margin: 0 0 0 25px;}
.categorymain #Banner ol {margin: 0 0 0 45px;}
.categorymain #Banner ul ul {margin: 0 0 0 15px;}
.categorymain #Banner ul li {margin: 1px 0;width: 700px;}
.categorymain ul {list-style: none; float: left; clear: none; position:relative ; width: 350px;}
.categorymain .mortgagebtn { width: 350px; height: 50px;line-height: 50px;text-align: center;display: block;color: #fff; font-weight: bold; font-size: 120%; text-decoration: none; background: url(../images/buttons/mortgage-button.png) no-repeat top center;}
.categorymain .mortgagebtn:hover {color: #333;}