/* CSS Document */


@import "innerstyles.css";


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; background-color:#FFFFFF;
	bacground:fixed;
	background-image: url(bkg.jpg);
	background-repeat: repeat-x;
	background-color: #82C0FF;
	
}

p { margin:0; padding:0; font-size:12px; line-height:1.4em;}
p a:link, p a:visited { text-decoration: underline;color:#0b4072;}
p a:hover { text-decoration:underline;color:#0b4072}

h1 { margin:0; padding:0; font-weight:normal; text-transform:uppercase}
h2 { margin:0; padding:0; background:#0b4072; color:#FFFFFF; font-size:12px; padding:10px}
h3 { margin:0; padding:0; color:#FFFFFF; font-size:22px;}
h4 { margin:0; padding:0; color:#0b4071; font-size:22px; font-weight:normal}

h5 { margin:0; padding:0; font-size:12px; line-height:1.4em; font-weight:normal; color:#FFFFFF}
h5 a:link, h5 a:visited { text-decoration: underline;color:#fff; padding-left:1px; padding-right:1px}
h5 a:hover { text-decoration: underline;color:#fff}

h6 { margin:0; padding:0; font-size:12px; line-height:1.4em; font-weight:normal; padding-top:2px}
h6 a:link, h6 a:visited { text-decoration: none;color:#0b4072;}
h6 a:hover { text-decoration: none;color:#0b4072}


img { border:none}


/*
---------------------------------------------
02. MAIN CONTAINER AND WRAPPER
---------------------------------------------
*/

#container {
	width:965px;
	background-color:#FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wrapper { width:965px; float:left; background-color:#FFFFFF}


/*
---------------------------------------------
03. BLUEBAR
---------------------------------------------
*/

#bluebar { width:930px; float:left; height:27px; background:#0b4072 url(../images/bluebar.gif) no-repeat bottom center; padding-left:15px; padding-right:20px; padding-top:10px}
#bluebar p { margin:0; padding:0; font-size:11px; line-height:1.4em; color:#FFFFFF}
#bluebar p a:link, #bluebar p a:visited { text-decoration: none;color:#fff;}
#bluebar p a:hover { text-decoration:underline;color:#fff}

#bluebar .bluebar-left { width:500px; float:left}
#bluebar .bluebar-right { width:430px; float: right; text-align:right}


/*
---------------------------------------------
04. TOP BAR - LOGO AND PHOTOS
---------------------------------------------
*/

#topbar { width:965px; height:115px; float:left}
#topbar .logo-andrea { width:350px; float:left; padding-top:17px;}
#topbar .logo-coldwell { width:150px; float:left; padding-top:17px;}
#topbar .photos { float:right; padding-right:0px}


/*
---------------------------------------------
05. NAVIGATION
---------------------------------------------
*/

#nav { width:965px; height:63px; float:left; background:#a9a9a9 url(../images/navbg.gif) no-repeat}

.navlinks {margin: 0; padding: 0; list-style: none; float: left; padding-top:7px; padding-left:20px}
.navlinks li { float: left; margin: 0; padding:0; list-style: none; background:url(../images/divider.gif) no-repeat right center}
.navlinks a { float: left; margin:0; padding: 10px 30px; text-decoration: none; color:#0b4072; font-size:18px; font-weight: normal; color:#cccccc; line-height:1.4em; font-family:"Times New Roman", Times, serif; text-transform:uppercase}
.navlinks a:link, .navlinks a:visited { color:#0b4072; text-decoration:none}
.navlinks a:hover { color:#0b4072; text-decoration:none}
.navlinks .nodivider { background:none }

/*
---------------------------------------------
06. HEADER IMAGE
---------------------------------------------
*/

#header-image { width:965px; height:329px; float:left;}

/*
---------------------------------------------
07. HEADER STYLES
---------------------------------------------
*/

#header { width:965px; height:329px; float:left; margin-top:-329px }


/*
---------------------------------------------
07.1 HEADER- PROPERTY SEARCH
---------------------------------------------
*/

#propertysearch { width:460px; height:235px; float:left; background:url(../images/bg_propertysearch.png) no-repeat; margin-top:38px; padding-top:25px; padding-left:20px; padding-right:15px}

#propertysearch p { padding-left:5px; padding-top:5px; font-size:11px}
#propertysearch h1 { font-family:"Times New Roman", Times, serif; color:#0b4072; font-size:18px; padding-bottom:10px}

#propertysearch fieldset { width:440px; float:left; margin:0; padding:0; border:none }
#propertysearch fieldset label { width:90px; float:left; text-align:right; padding-right:10px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333}
#propertysearch fieldset .listmenu { width:140px; float:left; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; background:url(../images/bg_listmenu.gif) repeat-x top right; border:none; margin-bottom:15px}

#propertysearch .set-left { width:175px; float:left;}
#propertysearch .radio { padding-bottom:5px}
#propertysearch .option { font-size:14px; padding-left:10px; color:#686766}

#propertysearch .divider { width:5px; height:170px; float:left;}

#propertysearch .set-right { width:255px; float: right; padding-top:5px}
#propertysearch .button_search { width:160px; height:32px; float:left; padding-left:50px; padding-top:10px}


/*
---------------------------------------------
07.2 HEADER- BUTTON LINKS
---------------------------------------------
*/

#header #button_links { width:325px; height:33px; float: right; padding-right:95px; padding-top:296px}
#header #button_links .aboutus { width:157px; height:33px; float:left; padding-right:8px}
#header #button_links .ourlisting { width:157px; height:33px; float:left}

/*
---------------------------------------------
08. BG THE TEAM
---------------------------------------------
*/

#bgtheteam { width:965px; background:#0b4072 url(../images/bg_theteam.gif) no-repeat bottom center; float:left}

/*
---------------------------------------------
08.1 THE TEAM 
---------------------------------------------
*/

#theteam { width:465px; float:left; padding-top:15px; padding-bottom:25px; padding-left:5px}
#theteam p { font-size:12px; padding-bottom:20px; color:#fff; line-height:1.4em}

#theteam .photo { width:300px; float:left;}
#theteam .content { width:140px; float:left; padding-top:25px; padding-left:10px;}
#theteam .color_grey { color:#b5b5b5}

#bgtheteam .divider { width:5px; height:270px; float:left}


/*
---------------------------------------------
08.2 LOCATION MAP STYLES
---------------------------------------------
*/

#locationmap {
	width:300px;
	height:195px;
	float: none;
	background:url(../images/map_location.gif) no-repeat;
	padding-top:0px;
	padding-left:0px
}
#locationmap .manistee-link {width:25px; height:25px; float:left; margin-top:2px; margin-left:25px; position:absolute}
#locationmap .ludington-link {width:25px; height:25px; float:left; margin-top:12px; margin-left:15px; position: absolute}
#locationmap .grandhaven-link {width:25px; height:23px; float:left; margin-top:28px; margin-left:16px; position:relative}
#locationmap .holland-link {width:25px; height:22px; float:left; margin-top:33px; margin-left:-15px; position:relative}
#locationmap .saugatuck-link {width:25px; height:25px; float:left; margin-top:39px; margin-left:-19px; position:relative}
#locationmap .southhoven-link {width:25px; height:22px; float:left; margin-top:50px; margin-left:-28px; position:relative}
#locationmap .newbuffalo-link {width:25px; height:20px; float:left; margin-top:57px; margin-left:-40px; position:relative}


/*
---------------------------------------------
09. FEATURED PROPERTIES
---------------------------------------------
*/

#featuredproperties { width:965px; float:left; margin-top:20px; padding-bottom:25px}
#featuredproperties h1 { font-family:"Impact", Arial, Helvetica, sans-serif; font-size:20px; color:#0b4072; font-weight:normal; padding-bottom:20px}

#featuredproperties .set1 { width:260px; float:left}
#featuredproperties .set2 { width:235px; float:left}
#featuredproperties .set3 { width:265px; float: right}

#featuredproperties .photo { width: auto; float:left; border:1px solid #0b4072}

#featuredproperties .button_divider { width:100px; height:38px; float:left; text-align:center; padding-top:66px}


/*
---------------------------------------------
09. CONTENT
---------------------------------------------
*/

#content { width:965px; float:left; padding-top:10; margin-top:50;}

/*
---------------------------------------------
09.1 CONTENT - COLUMN LEFT
---------------------------------------------
*/

#column-left { width:215px; float:left}
#column-left .photo { width:213px; float:left;  border:0px solid #0b4072}

/*
---------------------------------------------
09.2 CONTENT - COLUMN MIDDLE
---------------------------------------------
*/

#column-middle { width:455px; float:left; padding-left:15px; padding-right:10px}
#column-middle p { padding-bottom:20px; line-height:1.5em}
#column-middle .textblue { color:#0b4072}

/*
---------------------------------------------
09.3 CONTENT - COLUMN RIGHT
---------------------------------------------
*/

#column-right { width:230px; float:left; padding-left:25px; padding-right:5px}
#column-right h6 { font-size:10px; text-transform:uppercase}

#column-right .icon_email { width:130px; height:50px; padding-top:10px; padding-bottom:25px}

#column-right .icon_blog { width:175px; background:url(../images/icon_ourblog.gif) no-repeat top left; padding-bottom:35px; padding-top:20px; padding-left:65px; float:left }
#column-right .icon_school { width:175px; background:url(../images/icon_school.gif) no-repeat top left; padding-bottom:25px; padding-top:20px; padding-left:65px; position:relative; float:left}
#column-right .icon_links { width:165px; background:url(../images/partnerIcon.jpg) no-repeat top left; padding-bottom:25px; padding-top:20px; padding-left:65px; position:relative; float:left}


/*
---------------------------------------------
10. FOOTER STYLES
---------------------------------------------
*/

#footer {
	width:800px;
	float:left;
	background:#0b4072 url(../images/border_footer.gif) no-repeat top;
	margin:0 auto;
	text-align:center;
	padding-top:15px;
	padding-left:80px;
	padding-right:85px;
}

#footer p { margin:0; padding:0; font-size:11px; line-height:1.4em; color:#fff; padding-bottom:10px}
#footer p a:link, #footer p a:visited { text-decoration: none;color:#fff;}
#footer p a:hover { text-decoration:underline;color:#fff}

#footer .disclaimer { font-size:9px; color:#cccccc}