@charset "UTF-8";

/* CSS Document */

/* CSS Reset Rules */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: none; }

a { outline: none; }

/*WEBSITE*/

body { background-color:#030726; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:62.5%; }

#wrap { width:900px; height:auto; margin-left:auto; margin-right:auto; }

#top { width:900px; height:143px; }

#top p { font-size:1.4em; float:right; margin:15px 25px 0 0; }

.green { color:#33cc00; margin-left:30px; }

.mpclogo { float:left; border:none; }

a { color:#FFF; }

a:hover { color:#33cc00; }

a:visited { color:#33cc00; }

h1 { font-size:1.8em; color:#33cc00; }

h2, h3, h4 { font-size:1.4em; color:#33cc00; }

.header { font-size:1.8em; color:#33cc00; }

/*NAV*/

#nav { height:87px; width:580px; float:left; margin-top:21px; }

#nav li { margin-left:2px; padding:0px; float:left; }

#nav ul { margin:0px; padding:0px; float:left; }

.button1 { display:block; width:113px; height:87px; text-indent:-9999px; margin:0px; }

.button1 a { display:block; width:100%; height:100%; background:transparent url(./image/nav/home.jpg) no-repeat top left; outline:none; }

.button1 a:hover { background-position:0 -87px; }

.button2 { display:block; width:113px; height:87px; text-indent:-9999px; margin:0px; }

.button2 a { display:block; width:100%; height:100%; background:transparent url(./image/nav/block-paving.jpg) no-repeat top left; outline:none; }

.button2 a:hover { background-position:0 -87px; }

.button3 { display:block; width:113px; height:87px; text-indent:-9999px; margin:0px; }

.button3 a { display:block; width:100%; height:100%; background:transparent url(./image/nav/tarmac.jpg) no-repeat top left; outline:none; }

.button3 a:hover { background-position:0 -87px; }

.button4 { display:block; width:113px; height:87px; text-indent:-9999px; margin:0px; }

.button4 a { display:block; width:100%; height:100%; background:transparent url(./image/nav/fencing.jpg) no-repeat top left; outline:none; }

.button4 a:hover { background-position:0 -87px; }

.button5 { display:block; width:113px; height:87px; text-indent:-9999px; margin:0px; }

.button5 a { display:block; width:100%; height:100%; background:transparent url(./image/nav/contact.jpg) no-repeat top left; outline:none; }

.button5 a:hover { background-position:0 -87px; }

/*FLASH*/

#flash { width:900px; height:auto; margin-left:auto; margin-right:auto; margin-top:15px; background-image:url(image/flashbg.gif); background-repeat:no-repeat; }

#flash2 { width:900px; height:auto; margin-left:auto; margin-right:auto; margin-top:15px; padding-top:20px; background-image:url(image/flashbg.gif); background-repeat:no-repeat; }

#flash2 p { text-align:left; font-size:1.4em; margin-top:15px; }

#flash2 h1 { text-align:center; font-size:1.8em; }

.swf { float:left; margin:10px 0 10px 15px; border:1px solid #FFF; background-color:#030726; }

#miniform { width:255px; height:auto; float:left; margin:10px 0px 10px 20px; }

/*CONTACT FORM*/

input.submit { height:30px; width:255px; background-color:#33cc00; color:#FFF; margin-top:5px; }

input.submit:hover { background-color:#FFF; color:#000; }

.form { height:30px; width:255px; background-image:url(./image/fieldbg.gif); background-repeat:repeat-x; border:#999 solid 1px; color:#FFF; margin-bottom:5px; }

.formstyle { width:238px; }

.formmsg { height:75px; width:247px; border:#999 solid 1px; color:#000; margin-bottom:5px; padding:3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.1em; }

.conmsg { height:75px; width:238px; color:#000; }

.drop { background-color:#030726; color:#FFF; width:255px; height:28px; margin-bottom:3px; }

/*MAIN TEXT*/

#text { width:900px; height:auto; margin-left:auto; margin-right:auto; margin-top:10px; background-image:url(./image/textbg.gif); background-repeat:no-repeat; float:left; }

#left { width:595px; height:auto; padding:20px; float:left; }

#left p { font-size:1.2em; margin-bottom:10px; }

#right { width:225px; height:auto; padding:20px; float:left; }

#right li { margin:0px; }

#right ul { font-size:1.2em; line-height:24px; margin-left:20px; list-style-image:url(./image/list-tick.gif); }

#right a { color:#FFF; text-decoration:none; }

#right a:hover { color:#FFF; text-decoration:none; }

#right a:visited { color:#FFF; }

.dot { border-top:#FFF 1px dashed; width:auto; margin:10px 0 10px 0; }

/*404 & SITEMAP */

.sitemap { width:550px; height:300px; float:left; margin:10px 0 10px 15px; }

.sitemap p { font-size:1.2em; }

.sitemap li { }

.sitemap ul { font-size:1.2em; line-height:24px; margin:10px 0 0 30px; }

.sitemap a { color:#FFF; text-decoration:none; }

.sitemap a:hover { color:#FFF; text-decoration:none; }

.sitemap a:visited { color:#FFF; }

#conflash { width:900px; height:500px; margin-left:auto; margin-right:auto; margin-top:15px; }

/*FOOTER*/

#footer { height:auto; width:900px; margin-left:auto; margin-right:auto; clear:both; font-size:1.2em; }

#footer p { margin:0px; padding:0px; }

#footer li { list-style:none; display:inline; padding-left:3px; padding-right:5px; border-right:1px solid #FFF; margin:0px; font-weight:bold; }

#footer ul { margin-top:10px; padding:0px; }

#footer a { color:#FFF; text-decoration:none; margin:0px; padding:0px; }

#footer a:hover { color:#33cc00; text-decoration:underline; }

#footer a:visited { color:#33cc00; }

/*END*/

#end { height:30px; width:900px; margin-left:auto; margin-right:auto; margin-top:5px; }

#end li { list-style:none; display:inline; padding:0 5px 0 5px; border-right:1px solid #FFF; margin:0px; }

#end ul { margin:0px; padding:0px; font-size:1.2em; }

#end a { color:#FFF; text-decoration:none; }

#end a:hover { color:#33cc00; text-decoration:underline; }

#end a:visited { color:#33cc00; }

.iso { margin-top:10px; }
