@charset "UTF-8";

/* CSS Document */
* { margin:0; padding:0; }

body { font-size:0.75em; font-family:Arial, Helvetica, sans-serif; color:#333; }

p { margin-bottom:15px; line-height:20px; }

h1 { color:#d51a18; font-size:1.8em; margin-bottom:15px; }

h2, h3 { }

a:link, a:visited { }

a:hover { }

.img { border:0; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Design div id tags */
#topbar { width:100%; height:50px; background:#d21a22; }

#topbar-flash { margin:0 auto; width:900px; height:50px; }

#logo-map { margin:0 auto; width:900px; height:309px; }

#main-flash { margin:0 auto; width:900px; height:234px; }

#body-contain { margin:0 auto; padding:20px 0; width:900px; height:auto; overflow:hidden; }

#col-left { float:left; width:600px; height:auto; overflow:hidden; }

.lcolumn { float:left; padding:0 20px 0 0; width:280px; height:auto; overflow:hidden; }

.btmcolumn { float:left; padding:0 20px 0 0; width:580px; height:auto; overflow:hidden; }

#col-right { float:right; width:300px; height:auto; overflow:hidden; }

.quick-enquiry { float:left; width:272px; height:auto; overflow:hidden; padding:10px; background:#949599; border:#CCC solid 4px; margin:0 0 15px 0; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Navigation*/
#navigation { margin:0 auto; padding:20px 0 0; width:900px; height:28px; }

#nav { width:900px; height:28px; background:url(images/nav-sprite.jpg); position:relative; }

#nav li { list-style:none; position:absolute; top:0; }

#nav li, #nav a { height:28px; display:block; }

#panel1b { left:0; width:47px; }

#panel2b { left:49px; width:67px; }

#panel3b { left:119px; width:119px; }

#panel4b { left:241px; width:86px; }

#panel5b { left:330px; width:84px; }

#panel6b { left:417px; width:68px; }

#panel7b { left:488px; width:78px; }

#panel8b { left:569px; width:89px; }

#panel1bb { left:0; width:47px; background: transparent url(images/nav-sprite.jpg) 0 -28px no-repeat; }

#panel2bb { left:49px; width:67px; background: transparent url(images/nav-sprite.jpg) -49px -28px no-repeat; }

#panel3bb { left:119px; width:119px; background: transparent url(images/nav-sprite.jpg) -119px -28px no-repeat; }

#panel4bb { left:241px; width:86px; background: transparent url(images/nav-sprite.jpg) -241px -28px no-repeat; }

#panel5bb { left:330px; width:84px; background: transparent url(images/nav-sprite.jpg) -330px -28px no-repeat; }

#panel6bb { left:417px; width:68px; background: transparent url(images/nav-sprite.jpg) -417px -28px no-repeat; }

#panel7bb { left:488px; width:78px; background: transparent url(images/nav-sprite.jpg) -488px -28px no-repeat; }

#panel8bb { left:569px; width:89px; background: transparent url(images/nav-sprite.jpg) -569px -28px no-repeat; }

#panel1b a:hover { background: transparent url(images/nav-sprite.jpg) 0 -28px no-repeat; }

#panel2b a:hover { background: transparent url(images/nav-sprite.jpg) -49px -28px no-repeat; }

#panel3b a:hover { background: transparent url(images/nav-sprite.jpg) -119px -28px no-repeat; }

#panel4b a:hover { background: transparent url(images/nav-sprite.jpg) -241px -28px no-repeat; }

#panel5b a:hover { background: transparent url(images/nav-sprite.jpg) -330px -28px no-repeat; }

#panel6b a:hover { background: transparent url(images/nav-sprite.jpg) -417px -28px no-repeat; }

#panel7b a:hover { background: transparent url(images/nav-sprite.jpg) -488px -28px no-repeat; }

#panel8b a:hover { background: transparent url(images/nav-sprite.jpg) -569px -28px no-repeat; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Footer*/
#footerwrap { width:100%; height:auto; overflow:hidden; padding:20px 0 0; background:#949599; }

#footer { margin:0 auto; width:900px; height:auto; overflow:hidden; }

.footl { float:left; width:600px; height:auto; overflow:hidden; }

.footr { float:right; width:300px; height:auto; overflow:hidden; text-align:right; }

.footl ul { display:block; list-style:none; margin:10px 0; }

.footl li { display:inline; padding-right:5px; }

.footl a { color:#FFF; font-weight:bold; font-size:0.9em; }

.footl p { color:#484848; font-weight:bold; font-size:0.9em; }

.footr p { color:#484848; font-weight:bold; font-size:0.9em; }

.footr a { color:#FFF; font-weight:bold; font-size:0.9em; }

.basefooter { margin:0 auto; width:900px; padding:5px; text-align:center; }

.basefooter ul { display:block; }

.basefooter li { display:inline; }

.basefooter a { color:#666; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*text styles */
.black { color:#333; }

.red { color:#d51919; }

.redlarge { color:#d51919; font-size:1.5em; font-weight:bold; }

.medblue { color:#225896; font-weight:bold; font-size:1.1em; }

.bigblue { color:#225896; font-size:3em; font-weight:bold; }

.whitelarge { color:#fff; font-size:1.3em; font-weight:bold; }

.none { display:none; }

.bold { font-weight:bold; }

.testimonials { width:300px; height:109px; }

.pclose { margin:0; padding:0; }

hr { margin:15px 0; }

.sideul { list-style:square; color:#C00; margin:10px 0 10px 20px; }

.resourcebox { width:100%; height:95px; margin:10px 0 0 0; border:1px dotted #036; }

a.resource { font-size:1.1em; }

.linkbox { text-align:center; padding:2px 0; border:1px #CCC solid; }

.sideheadbox { width:98%; padding:2px; margin:5px 0; background-color:#C00; }

.sidehead { font-size:1.1em; padding:0; margin:0; color:#FFF; }

.sitemap-ul { list-style:none; margin:0; padding:0; font-size:1em; font-weight:bold; color:#036; }

.sitemap-li { border-top:1px #900 dashed; padding:3px; }

.sitemap-libtm { border-top:1px #900 dashed; border-bottom:1px #900 dashed; padding:3px; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Small form*/
.formsmall { margin:0; }

.forminput { width:264px; background-color:#FFF; padding:4px; margin:3px 0; border: 1px solid #8f897c; color:#666; font-size:0.9em; }

.dropdownsmall { width:264px; color:#483a19; padding:2px 4px; margin:5px 0; font-size:0.8em; }

.smallsubmit { border:1px #FFF solid; background-color:#d21a22; padding:5px; margin-top:7px; color:#fff; font-size:1.1em; font-weight:bold; width:272px; text-align:right; }

.smallsubmit:hover { color:#FFF; }

/*Main form */
legend { margin:10px 0; }

fieldset { padding:10px; }

label { display:block; margin-top:8px; width:100%; background-repeat:no-repeat; }

.labelbuilder { display:block; margin-top:8px; width:100%; background-repeat:no-repeat; color:#FFF; }

input { background-color:#fff; border:1px #000 solid; padding:2px; color:#ccc; width:216px; }

.inputradio { background-color:#000; border:none; padding:0; width:auto; }

textarea { background-color:#CCC; border:1px #000 solid; padding:2px; color:#ccc; height:45px; width:280px; }

.rssform { background-color:#CCC; border:1px #000 solid; padding:2px; color:#ccc; height:65px; width:575px; }

.blogsubmit { color:#000; background-color:#666; width:581px; padding:2px; border:1px #000 solid; }

.blogsubmit:hover { color:#FFF; }

label { color:#333; cursor:pointer; padding-left:2px; line-height:16px; }

#right-right { width:145px; float:right; padding:10px 15px 0 25px; margin:5px 10px 10px 0; border:1px solid #999 }

#contact { width:370px; float:left; }

#contact table { margin:10px 20px 10px 20px; }

#contact p { margin:3px 0 3px 0; padding:0; }

.formstyle, .formfield { width:208px; background-color: #FFF; padding:3px; margin-bottom:3px; border: 1px solid #b6b6b6; color: #6b6b6b; font-family: Arial; }

.formstyle { width: 216px; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*jQuery*/


/*Word Press*/