@charset "UTF-8";

/* CSS Document */
/* build for Mundy Developments by MP Web Design */

/* reset */
* { margin: 0; padding:0; }

img { border:none; }

body { background:#042036; font-family:Tahoma, Geneva, sans-serif; }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 1, 2011 */
@font-face {
 font-family: 'BebasNeueRegular';
 src: url('bebasneue-webfont.eot');
 src: url('./fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),  url('./fonts/bebasneue-webfont.woff') format('woff'),  url('./fonts/bebasneue-webfont.ttf') format('truetype'),  url('./fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
 font-weight:100;
 font-style: normal;
}

/* type + classes */
p { font-size:0.75em; line-height:20px; margin:0 0 10px; color:#042036; clear:both; }

p a { text-decoration:underline; color:#042036; }

p a:hover { color:#fff; }

h1 { font-size:1.15em; color:#042036; font-weight:100; font-family:Impact, "Helvetica Neue Condensed Bold", "Arial Narrow Bold"; margin-bottom:8px; }

h2 { font-size:0.95em; color:#00508c; font-weight:100; font-family:Impact, "Helvetica Neue Condensed Bold", "Arial Narrow Bold"; margin-top:14px; }

h3 { font-size:1.2em; color:#FFF; font-family:'BebasNeueRegular', Impact, sans-serif; font-weight:100; text-align:center; margin:12px 0 26px; }

h4 { font-size:1.2em; color:#02121f; font-family:'BebasNeueRegular', Impact, sans-serif; font-weight:100; margin-bottom:8px; }

.large { font-size:0.95em; line-height:25px; }

.medium { font-size:0.8em; }

.number { font-size:1.4em; color:#FFF; font-family:Impact, "Helvetica Neue Condensed Bold", "Arial Narrow Bold"; font-weight:100; letter-spacing:0.5px; }

.bold { font-size:0.65em; font-weight:bold; }

.bold2 { font-weight:bold; margin:0; }

.details,
.details2 { font-size:0.8em; }

.details { margin-bottom:0; }

.detail-bold { font-weight:bold; font-size:0.95em; }

.detail-head { margin:10px 0 0; font-weight:bold; border-top:1px solid #042036; padding:10px 0 0; }

.foot-info,
.foot-info2 { font-size:0.65em; color:#FFF; line-height:16px; }

.foot-info { margin-bottom:8px; }

.foot-info2,
.foot-info3 { font-size:0.6em; margin-bottom:0px; color:#c5c5c5; }

.foot-info2 { text-align:right; }

.foot-info2 a { color:#c5c5c5; }

.foot-info2 a:hover { color:#00508c; }

/* header */
#headerwrap { width:100%; height:471px; background:url(images/bg-header-rep.jpg) repeat-x; }

#header { width:940px; height:471px; background:url(images/bg-header.jpg) no-repeat; margin:0 auto; }

#top { width:940px; height:46px; }

#logo { width:324px; height:30px; padding:25px 308px 17px; }

/* jquery */
#jquerywrap { width:940px; height:353px; background:url(images/bg-jquery.jpg) no-repeat; }

#jleft { width:214px; height:auto; overflow:hidden; float:left; padding:50px 26px 0 80px; }

#jright1 { width:540px; height:240px; float:right; padding:47px 80px 0 0; }

#jright2 { width:497px; height:auto; overflow:hidden; float:right; padding:21px 36px 0 43px; }

#nav2 { width:214px; height:222px; background:url(images/navigation2.jpg) no-repeat; float:left; }

#nav2 ul { width:214px; height:222px; position:relative; }

#nav2 li { list-style:none; position:relative; }

#nav2 li,
#nav2 li a { width:214px; height:22px; display:block; padding:0 0 18px; }

.home2 a:hover { background: transparent url(images/navigation2.jpg) no-repeat -214px -0px; }

.professional a:hover { background: transparent url(images/navigation2.jpg) no-repeat -214px -40px; }

.portfolio1 a:hover { background: transparent url(images/navigation2.jpg) no-repeat -214px -80px; }

.portfolio2 a:hover { background: transparent url(images/navigation2.jpg) no-repeat -214px -120px; }

.portfolio3 a:hover { background: transparent url(images/navigation2.jpg) no-repeat -214px -160px; }

.contact2 a:hover { background: transparent url(images/navigation2.jpg) no-repeat -214px -200px; }

/* content */
#contentwrap { width:100%; height:auto; overflow:hidden; background:#e1e1df; }

#content { width:940px; height:auto; overflow:hidden; margin:0 auto; }

#bottom-bar { width:940px; height:211px; background:url(images/bottom-bar.jpg) no-repeat; float:left; }

#google-map { width:912px; height:353px; background:url(images/bg-contact.jpg) no-repeat; padding:11px 13px 0 15px; }

#text,
.right { width:620px; height:auto; overflow:hidden; }

#text { float:left; padding-right:20px; margin:20px 0 30px; }

.right { float:right; padding-left:20px; }

#column,
.left { width:300px; height:auto; overflow:hidden; }

#column { margin:20px 0 30px; float:right; }

.left { float:left; }

.text-container { width:940px; height:auto; overflow:hidden; padding:0 0 20px; }

.text-box1,
.text-box2 { width:300px; float:left; padding:10px 0; }

.text-box1 { height:115px; }

.text-box2 { height:220px; }

#boxes { width:940px; height:auto; overflow:hidden; }

.mini-box,
.mini-box2,
.mini-box3 { width:280px; height:auto; overflow:hidden; float:left; }

.mini-box { margin-right:20px; padding:20px 10px; }

.mini-box2 { padding:20px 10px; }

.mini-box3 { padding:10px; }

#head-office { width:260px; height:171px; background:url(images/bg-head-office.jpg) no-repeat; margin-bottom:30px; padding:1px 20px 20px; }

#contact-today { width:300px; height:102px; margin-bottom:20px; }

#contact-today li { list-style:none; }

#contact-today li,
#contact-today li a { width:300px; height:102px; display:block; background:url(images/contact-today.jpg) no-repeat; }

#contact-today li a:hover { display:block; background:url(images/contact-today2.jpg) no-repeat; }

#sitemap { width:600px; height:auto; overflow:hidden; margin:10px 0 0; padding-left:25px; }

#sitemap li { list-style:url(images/bullet.jpg); font-size:0.9em; font-weight:bold; padding-bottom:8px; }

#sitemap li a { text-decoration:none; color:#00508c; }

#sitemap li a:hover { color:#042036; }

.bar-box,
.bar-box2 { width:244px; height:211px; float:left; padding:0 28px; }

.bar-box { margin-right:20px; }

.google { width:224px; height:67px; }

#single { width:620px; float:left; padding:15px 0 15px 30px; }

.double { width:280px; float:left; padding:15px 0 15px 30px; }

.double li,
#single li { list-style:url(images/bullet.jpg); color:#042036; font-size:0.8em; font-weight:bold; padding-bottom:6px; }

.b-contact { width:136px; height:22px; float:left; padding-top:5px; }

.b-find { width:68px; height:22px; float:right; padding-top:9px; }

.linkbox { width:608px; background:#FFF; border:#000 1px solid; text-align:center; font-size:0.8em; margin:0 0 20px; padding:5px; }

/* jquery lightbox */
.gallery1,
.gallery2 { width:620px; list-style:none; padding:10px 0; }

.gallery1 { height:115px; }

.gallery2 { height:220px; }

.gallery1 li,
.gallery2 li { display:inline-block; list-style:none; float:left; margin:0 5px 5px 0; }

.gallery1 li img,
.gallery2 li img { border:none; }

/* navigation sprites */
#navigation { width:565px; height:40px; background:url(images/navigation.jpg) no-repeat; position:relative; float:left; margin-bottom:6px; }

#navigation ul { width:565px; height:40px; float:left; }

#navigation li { list-style:none; position:absolute; }

#navigation li,
#navigation a { height:40px; display:block; }

.home,
.home-stay { left:0; width:86px; }

.steel,
.steel-stay { left:97px; width:82px; }

.roof,
.roof-stay { left:190px; width:94px; }

.dev,
.dev-stay { left:295px; width:128px; }

.news,
.news-stay { left:434px; width:46px; }

.contact,
.contact-stay { left:490px; width:75px; }

.home a:hover,
.home-stay { background: transparent url(images/navigation.jpg) 0 -40px no-repeat; }

.steel a:hover,
.steel-stay { background: transparent url(images/navigation.jpg) -97px -40px no-repeat; }

.roof a:hover,
.roof-stay { background: transparent url(images/navigation.jpg) -190px -40px no-repeat; }

.dev a:hover,
.dev-stay { background: transparent url(images/navigation.jpg) -295px -40px no-repeat; }

.news a:hover,
.news-stay { background: transparent url(images/navigation.jpg) -434px -40px no-repeat; }

.contact a:hover,
.contact-stay { background: transparent url(images/navigation.jpg) -490px -40px no-repeat; }

#pic-nav { width:300px; height:500px; background:url(images/pic-nav1.jpg) no-repeat; position:relative; float:left; }

#pic-nav li { list-style:none; position:relative; }

#pic-nav li,
#pic-nav li a { width:300px; height:160px; display:block; padding:0 0 10px; }

.office a:hover { background: transparent url(images/pic-nav1.jpg) no-repeat -300px -0px; }

.warehouse a:hover { background: transparent url(images/pic-nav1.jpg) no-repeat -300px -170px; }

.house a:hover { background: transparent url(images/pic-nav1.jpg) no-repeat -300px -340px; }

.none { display:none; }

/* Callback Form */
#label-box { width:80px; height:105px; float:left; padding:6px 0 0; }

#input-box { width:162px; height:105px; float:right; }

.expose2 { width:244px; height:105px; font-size:0.7em; padding-top:5px; }

.call { width:80px; color:#646464; font-size:1.1em; display:block; cursor:pointer; padding:0 0 4px; }

.box2 { width:156px; height:20px; background:url(images/input.jpg) no-repeat; border:none; color:#404040; margin-bottom:11px; padding:3px; }

.asterisk2 { color:#646464; font-size:0.85em; }

#button-box { width:68px; height:24px; float:right; padding-top:6px; clear:both; }

.buttonSubmit2 { width:68px; height:22px; background:url(images/button-submit.jpg) no-repeat; cursor:pointer; border:none; }

/* Contact Form */
.expose { width:620px; height:auto; overflow:hidden; float:left; font-size:0.7em; margin-top:15px; }

.contact-box { width:480px; height:auto; overflow:hidden; padding:30px 70px; border-top:#292929 1px solid; }

.contact-box2 { width:100px; height:21px; float:right; padding:30px 72px 20px 448px; border-top:#292929 1px solid; }

.label-box { width:180px; height:auto; overflow:hidden; float:left; padding-top:7px; }

.input-box { width:300px; height:auto; overflow:hidden; float:right; }

label { width:140px; color:#0a3f67; font-size:1.1em; display:block; cursor:pointer; padding-left:2px; margin-bottom:14px; line-height:18px; }

.asterisk { color:#010c1c; font-size:1.2em; line-height:18px; }

.box { width:230px; height:17px; background-color:#fff; border:#666 solid 1px; color:#404040; float:left; margin-bottom:10px; padding:2px; }

.other { width:100px; margin:4px 0 10px; }

textarea { width:294px; height:160px; background-color:#fff; border:#666 solid 1px; padding:2px; color:#404040; font-family:Arial, Helvetica, sans-serif; font-size:1em; }

.spacer1 { width:140px; height:135px; float:left; }

.spacer2 { width:90px; height:auto; float:left; padding:4px 0 0 6px; }

/* Contact Form - Spam Box */
.textinput,
.textinputHovered { border:1px #FFF solid; }

.textinputHovered { border:1px #FFF solid; }

.secure { float:left; width:95px; height:17px; margin:5px 0 0; padding:0; }

.secureimg { float:left; margin:11px 10px 0 0; padding:0; }

.new a { float:left; color:#292929; margin:8px 0 0; }

.new a:hover { color:#b60b01; }

/* Contact Process */
.sent-enquiry { font-size:0.9em; font-family:Arial, Helvetica, sans-serif; font-weight:300; margin:0 15px; }

.crossredbox,
.tickgreenbox { width:620px; height:auto; margin:20px auto; padding:15px; }

.crossredbox { background:#f3c8c8; border: 1px #d51e1e solid; }

.tickgreenbox { background:#e2f4b2; border:1px #60ba38 solid; }

/* news-loop */
#news { width:244px; height:141px; position:relative; }

#news li { list-style:none; height:48px; margin:0 0 8px; }

.feedTitle { font-size:0.7em; margin:2px 0 3px; line-height:13px; }

#news div { font-size:0.8em; line-height:13px; margin:0; clear:both; }

#news div a:hover { color:#06F; }

.headline { margin:0 0 2px; font-size:0.8em; font-weight:bold; }

.headline,
.headline a { color:#042036; text-decoration:none; }

.headline a:hover { color:#00508c; }

.b-read { width:90px; height:22px; position:absolute; top:124px; right:0; }

/* footer */
#footerwrap { width:100%; height:260px; background:url(images/bg-footer-rep.jpg) repeat-x; }

#footer { width:940px; height:223px; background:url(images/bg-footer.jpg) no-repeat; margin:0 auto; padding:37px 0 0; }

#logos1 { width:260px; height:52px; margin-bottom:10px; padding:0 10px; }

#logos2 { width:260px; height:60px; padding:0 10px; }

.circle { width:52px; height:52px; float:left; padding-right:18px; }

.rectangle { width:118px; height:52px; float:left; }

.rectangle2 { width:82px; height:60px; float:left; }

.square { width:63px; height:60px; float:left; padding:0 16px; }

#links { width:700px; height:52px; float:left; padding:10px 0 0 10px; }

#links ul { margin-bottom:6px; }

#links li { list-style: none; font-size:0.6em; }

#links li,
#links li a { text-decoration:none; display:inline; color:#FFF; }

#links li a:hover { color:#0076ce; }

.no-border { padding-right:4px; }

.border { border-left:#FFF 1px solid; padding:0 4px 0 8px; }

#foot-right { width:200px; height:auto; overflow:hidden; float:right; padding:10px 10px 0 0; }

.bottom { text-align:center; margin:3px auto; }

.bottom li { display:inline; list-style:none; }

.bottom li a { font-size:0.7em; color:#393d40; }

/* 404 */
.google_search { width:75%; background:#f5f3f4; margin:20px 0; padding:0 0 25px 20px; }

#goog-wm-sb { width:112px; height:33px; background:#042036; color:#FFF; text-transform:uppercase; margin:10px 0 0 10px; border:0; cursor:pointer; font-weight:bold; display:inline; }

#goog-wm-qt { width:215px; height:25px; float:left; display:inline; border:1px solid #000; padding:3px; margin:10px 0 0; }

.search-goog { font-size:1em; color:#00508c; list-style:none; margin:20px 0 0; }

.other-things { display:none; }

.google_search h3 { font-size:1.4em; margin:0 0 15px; padding:0; }