@charset "UTF-8";

/* CSS Document */

body { height:auto; width:auto; background-color:#3e1378; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:62.5%; margin:0px; }

#top { margin-left:auto; margin-right:auto; width:1000px; }

#top2 { margin-left:auto; margin-right:auto; width:1000px; height:10px; }

/*flash area*/

#flashbg { height:274px; width:auto; background-image:url(../images/flashbg.gif); background-repeat:repeat-x; padding-top:8px; }

#flash { width:600px; height:264px; float:left; }

#flashwrap { margin-left:auto; margin-right:auto; width:820px; height:264px; }

/*NAVIGATION TABS*/

#nav { height:264px; width:210px; float:left; }

#nav li { margin:0px; padding:0px; }

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

.home { display:block; width:210px; height:33px; text-indent:-9999px; margin:0px; }

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

.home a:hover { background-position:0 -33px; }

.contact { display:block; width:210px; height:33px; text-indent:-9999px; margin:0px; }

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

.contact a:hover { background-position:0 -33px; }

.gallery { display:block; width:210px; height:33px; text-indent:-9999px; margin:0px; }

.gallery a { display:block; width:100%; height:100%; background:transparent url(../images/nav-tab/gallery.gif) no-repeat top left; outline:none; }

.gallery a:hover { background-position:0 -33px; }

.blast { display:block; width:210px; height:33px; text-indent:-9999px; margin:0px; }

.blast a { display:block; width:100%; height:100%; background:transparent url(../images/nav-tab/blast.gif) no-repeat top left; outline:none; }

.blast a:hover { background-position:0 -33px; }

.epoxy { display:block; width:210px; height:33px; text-indent:-9999px; margin:0px; }

.epoxy a { display:block; width:100%; height:100%; background:transparent url(../images/nav-tab/epoxy.gif) no-repeat top left; outline:none; }

.epoxy a:hover { background-position:0 -33px; }

.coating { display:block; width:210px; height:33px; text-indent:-9999px; margin:0px; }

.coating a { display:block; width:100%; height:100%; background:transparent url(../images/nav-tab/coating.gif) no-repeat top left; outline:none; }

.coating a:hover { background-position:0 -33px; }

.industrial { display:block; width:210px; height:33px; text-indent:-9999px; margin:0px; }

.industrial a { display:block; width:100%; height:100%; background:transparent url(../images/nav-tab/industrial.gif) no-repeat top left; outline:none; }

.industrial a:hover { background-position:0 -33px; }

.commercial { display:block; width:210px; height:33px; text-indent:-9999px; margin:0px; }

.commercial a { display:block; width:100%; height:100%; background:transparent url(../images/nav-tab/commercial.gif) no-repeat top left; outline:none; }

.commercial a:hover { background-position:0 -33px; }

/*text area*/

.left { float:left; }

#top3 { margin-left:auto; margin-right:auto; width:auto; height:20px; }

#logo { height:115px; width:auto; background-color:#000; border-top:1px solid #FFF; border-bottom:1px solid #FFF; padding-top:15px; }

#logocentre { width:855px; height:94px; margin-left:auto; margin-right:auto; }

#tele { width:300px; height:94px; float:left; font-size:1.1em; line-height:10px; }

#logocentre a, #logocentre a:hover, #logocentre a:visited { border:none; color:#000; text-decoration:none; }

#txt { margin-left:auto; margin-right:auto; width:970px; height:auto; padding-left:10px; }

#txt2 { margin-left:auto; margin-right:auto; width:970px; height:auto; padding-left:10px; }

#text { height:auto; width:auto; background-image:url(../images/bg.gif); background-repeat:repeat-x; background-color:#FFF; }

#text2 { height:auto; width:auto; background-image:url(../images/bg.gif); background-repeat:repeat-x; background-color:#FFF; }

#left { height:auto; width:auto; float:left; }

/*left column box*/

#leftbox { width:210px; height:auto; background-color:#000; border:1px solid #FFF; margin-bottom:20px; padding-left:10px; }

#leftbox li { font-size:1.2em; color: #FFF; list-style-image:url(../images/yellowtick.gif); }

#leftbox ul { line-height:17px; }

#left2box { width:205px; height:250px; background-color:#000; background-image:url(../images/email.gif); background-repeat:no-repeat; border:1px solid #FFF; padding:0 5px 5px 10px; }

#right { height:auto; width:auto; float:right; }

#mainbox { width:660px; height:auto; margin-bottom:20px; padding:1px 20px 10px 20px; background-color:#000; border:1px solid #FFF; }

#mainbox li { font-size:1.3em; }

#mainbox ul { }

#mainbox p { font-size:1.2em; line-height:15px; }

/*FONT*/

p { font-size:1.2em; }

h1, h2, h3 { font-size:1.6em; color:#b5a0df; }

#top li { list-style:none; display:inline; text-transform:uppercase; margin-right:20px; font-size:1.3em; }

#top ul { }

a { color: #b5a0df; text-decoration:none; }

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

a:visited { color:#b5a0df; }

.title { color:#FC0; font-size:1.8em; margin-left:10px; }

.title2 { color:#FC0; font-size:1.4em; margin-left:10px; }

.minus { margin-top:-15px; margin-left:10px; }

.sub { color:#b5a0df; font-size:0.8em; }

.purp { color:#b5a0df; font-weight:bold; }

.yell { color:#FC0; }

.head { font-size:1.3em; color:#b5a0df; font-weight:bold; margin-top:-8px; }

.head2 { font-size:1.3em; color:#FC0; font-weight:bold; }

.head3 { font-size:1.5em; color:#b5a0df; font-weight:bold; margin-bottom:-12px; }

/*FOOTER*/

#footer { margin-left:auto; margin-right:auto; width:1000px; height:auto; padding-top:40px; font-size:1em; clear:both; }

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

#footer ul { text-align:center; }

#footer p { text-align:center; line-height:4px; font-size:1em; }

#footer a, #footer a:hover, #footer a:visited { }

/*MINI CONTACT FORM*/

.form { background-color:#FFF; width:210px; height:20px; color:#000; margin:0px; }

.form2 { background-color:#3e1378; width:215px; height:20px; color:#FFF; }

.form33 { background-color:#FFF; width:190px; height:20px; color:#000; }

.form3 { background-color:#FFF; width:190px; height:20px; color:#000; margin-top:5px; }

.form4 { background-color:#3e1378; width:195px; height:25px; color:#FFF; margin-top:5px; }

.form5 { background-color:#3e1378; width:210px; height:25px; color:#FFF; margin-top:5px; }

input.submit { background-color:#3e1378; color:#FFF; width:195px; height:25px; margin-top:5px; }

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

.msg { background-color:#FFF; width:210px; height:auto; font-size:1.3em; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.send { width:105px; height:25px; float: left; background-color:#3e1378; color:#FFF; border:0px; }

.send2 { width:105px; height:27px; float: left; background-color:#3e1378; color:#FFF; margin-bottom:15px; }

input.send2 { background-color:#3e1378; width:100px; color:#FFF; }

input.send2:hover { background-color:#FC0; color:#000; border:0px; }

#mainbox2 { width:840px; height:530px; padding:1px 20px 10px 20px; background-color:#000; border:1px solid #FFF; margin-left:20px; }

#mainbox2 p { line-height:1px; }

#mainbox3 { width:840px; height:auto; padding:1px 20px 10px 20px; background-color:#000; border:1px solid #FFF; margin-left:20px; }

/*gallery table*/

.table { margin-bottom:2px; }

.tick { margin-left:25px; }

#con { float:left; width:250px; height:auto; }

#con p { margin:9px 0px; }

#con2 { float:left; width:580px; height:350px; margin-top:50px; border:3px solid #FFF; }

#con2 a { font-size:1.4em; line-height:30px; }

.mand { float:left; }
