@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ compressed */ body{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}html,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{border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}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}
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; background: #8c8380; line-height: 18px; }
a { color: #fff; }
img { vertical-align: bottom; }
h1 { padding: 12px 0 12px 0; margin: 0; font-size: 30px; font-weight: normal; }
h2 { padding: 0 0 20px 0; margin: 0; font-size: 17px; font-weight: normal; }
p { padding: 10px 0 10px 0; margin: 0; }

#wrapper { width: 960px; margin: 0 auto 0 auto; }

#header { width: 960px; height: 92px; background: url(/assets/md01/img/system/background-header.jpg) repeat-x; position: relative; }
img#logo { position: absolute; z-index: 2; left: 30px; top: 0; }
img#building-a-better-future { position: absolute; z-index: 2; left: 270px; top: 20px; }
p#telephone-number { position: absolute; z-index: 3; right: 30px; top: 50px; font-size: 16px; font-weight: bold; padding: 0; margin: 0; }

#banner { width: 960px; height: 280px; }

#content { width: 960px; overflow: hidden; background: url(/assets/md01/img/system/background-content.jpg) no-repeat top left #0b1421; }
.full { width: 890px; padding: 20px 35px 20px 35px; overflow: hidden; position: relative; }
#contact-full { height: 600px; }

.inner { width: 860px; padding: 15px; background: #fff; overflow: hidden; }
.inner-details { width: 415px; padding: 0 0 0 10px; float: left; overflow: hidden; }
.inner-details ul { color: #000; list-style: disc; }
.inner-details p, .inner-details p a { color: #000; }

p.title { color: #000; font-size: 28px; line-height: 32px; padding: 0; margin: 0; }

#left-column { width: 580px; padding: 20px 35px 0 35px; float: left; overflow: hidden; }
#three-properties { width: 450px; height: 150px; padding: 0 0 0 0; margin: 30px 0 0 0; text-align: center; background: url(/assets/md01/img/system/murfet-three-logos.png) no-repeat top left; }
#three-properties img { margin: 0 0 0 0; } 
#four-properties { width: 170px; height: 450px; padding: 0 0 0 0; margin: 10px 0 0 0; text-align: center; background: url(../images/global/murfet-four-logos.png) no-repeat top left; overflow: hidden; float: left;}
#right-column { width: 289px; min-height: 320px; padding: 35px 0 0 20px; border-left: solid 1px #8a8f95; float: left; overflow: hidden; }
.article { height: 70px; float: left; overflow: hidden; margin: 0 40px 40px 0; }
.right-column .article { clear: both; margin: 0 40px 40px 0; }

.article img { float: left; padding: 0 10px 0 0; }
.article p { width: 250px; padding: 0; margin: 0; font-size: 11px; line-height: 14px;  }
.article a.more { width: 50px; height: 16px; font-size: 11px; float: left; text-decoration: underline; font-weight: bold; background: url(/assets/md01/img/system/arrow.gif) no-repeat; background-position: 40px 5px; }

#footer { width: 890px; padding: 20px 35px 40px 35px; background: url(/assets/md01/img/system/background-footer.jpg) repeat-x; overflow: hidden; }
#footer p, #footer a { color: #505050; font-size: 11px; line-height: 14px; padding: 0; margin: 0; text-decoration: none; }
#footer a:hover, #footer a:focus { text-decoration: underline; }
.left { float: left; margin: 0 10px 0 0; }
.right { float: right; margin: 0 0 0 10px; }
#footer .text-box { width: 185px; }
#footerlogos { width: 510px; text-align: right; }

/* rental */
.margin-right-null { margin-right: 0 !important; }
.full .row {	float: left;
	width: 960px;
}
.cell { float: left; width: 430px; padding: 5px; margin: 0 10px 10px 0; xxbackground: #fff; }
.cell p { line-height: 16px; color: #fff; padding: 0 0 5px 0; margin: 0; }
.cell img { float: left; }
.cell a { color: #fff; font-size: 12px; font-weight: bold; }

.details { width: 300px; float: left; margin: 0 0 0 10px; }
.details ul { padding: 0 0 5px 10px; margin: 0; list-style: disc; color: #fff; }
.details ul li { color: #fff; font-size: 10px; padding: 3px 0 3px 0; line-height: 10px; }

/* menu */
#menu ul { width: 930px; height: 25px; margin: 0; padding: 0 0 0 30px; overflow: hidden; }
#menu li { float: left; list-style: none; font-weight: bold; font-size: 16px; }
#menu li a { width: auto; height: 22px; padding: 3px 10px 0 10px; color: #2b4264; text-decoration: none; float: left; white-space: nowrap; }
#menu li a:hover, #menu li a.sel  { color: #FFFFFF; }

/* button */
.large-button { width: 200px; height: 37px; padding: 18px 0 0 0; text-align: center; background: #fff url(/assets/md01/img/system/background-large-button.jpg) no-repeat bottom right; color: #023879; text-transform: uppercase; font-weight: bold; text-decoration: none; float: left; margin: 15px 15px 0 0; box-shadow: 5px 5px 10px #0e1723; -moz-box-shadow: 5px 5px 10px #0e1723; -webkit-box-shadow: 5px 5px 10px #0e1723; }

/* Contact page */
.contact_holder { padding: 5px 15px 5px 10px; background-image:url(/assets/md01/img/system/contact_bg.png); background-repeat:no-repeat; width: 440px; color: #000000; height: 127px;}
.contact_holder a { color: #000000; }
.logo_holder { float: left; overflow: hidden; width: 150px;}
.contact_holder td { vertical-align:top;}

/* Testimonials */
.client_logo { float: right; }

/* forms */
.form { position: absolute; top: 40px; left: 420px; }
.form p { padding-left: 200px; padding-right: 30px; }
.form ul { padding: 0; margin: 0; list-style: none; }
.form ul li { padding: 5px 0 5px 0; }
label { width: 200px; padding: 3px 5px 0 0; float: left; text-align: right; font-weight: bold; }
.form h2 { padding: 0 0 10px 200px; }


/* classes */
.clear { clear: both; overflow: hidden; height: 0; }
.clear10 { clear: both; overflow: hidden; height: 10px; }
.clear20 { clear: both; overflow: hidden; height: 20px; }

#slideshow {
	width: 960px;
	height: 280px;
	margin: 0;
	padding: 0;
	background-image: none;
}

#slideshow img, .showslide {	display: block; position: absolute;	}
.hideslide {	display: none;  position: absolute;	}

