/* CSS Document */
* { margin: 0; padding: 0; border:0;}
body {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; text-align:left; background:#F5F5F5; position:relative; z-index:0 	}
input {padding:3px; font-size:10px; color:#000; border:1px solid #CCC; background-color: #EEE; margin-bottom:2px;	}
ol,ul {}
li {list-style-image:url(../images/backgrounds/li.gif); line-height:15px; text-align:left; padding-left:10px; margin-left:50px; font-weight:bold;	}
.tick {list-style-image:url(../images/icons/tick-glow.png); line-height:20px; text-align:left; padding-left:10px; margin-left:50px; font-weight:bold;	}
.ticks {list-style-image:url(../images/icons/tick-glow.png); line-height:20px; text-align:left; padding-left:10px; margin-left:20px; font-weight:bold;	}

#toptopmenu {display:block; font-size:12px; color:#FFF; width:auto; height:20px; padding:11px; border-top:3px solid #F30;	}
#toptopmenu a {color:#000; text-decoration:none; font-weight:bold; background:#FFF url(../images/backgrounds/a_hover.jpg); border:3px solid #9C0; padding:5px 10px 10px 10px; margin:0px 10px 0px 10px; 	}
#toptopmenu a:hover {padding:15px 10px 10px 10px; border:3px solid #F30; 	}
#toptopright {position:absolute; width:150px; height:30px; background:#333; 	}
#menu {width: auto; height:20px; background: #334 url(../images/backgrounds/bg-top-menu.PNG) top repeat-x; padding:15px 0px 10px 10px; margin:0px 0px 0px 0px; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:12px;	}
#menu a {color:#FFFFFF; text-decoration:none; font-weight:bold; padding:10px 10px 10px 10px;	}
#menu a:hover {border:3px solid #F30; padding:12px 7px 10px 7px; color:#000000; background:#FFF url(../images/backgrounds/a_hover.jpg);	}
#header {width:900px; height:160px; margin:0px auto 10px auto;	}
#content {width:900px; background:#FFF; overflow:hidden; padding:5px 0px 5px 0px;  margin:0px 0px 0px 0px; text-align:left;	}
#sidebar {width:175px; float:right; font-size:95%; padding-right:2px;	}
#sidebar h1 {	}

#leftbar {width:175px; float:left; font-size:95%; color:#6C534A; padding-left:5px;	}
#leftbar h1 {text-transform:uppercase; border-bottom:1px solid #DDDDDD; color:#728c40;}
.submenu {}
.submenu a {display:block; width:165px; background-color:#EEE; background-image:url(../images/backgrounds/submenua.png); background-position:right; background-repeat:no-repeat; color:#000; padding:5px; padding-right:0; text-decoration:none; font-size:90%; border-left:1px solid #CCC; border-bottom:1px solid #CCC; border-right:1px solid #CCC; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
.submenu a:hover {background-color:#999; background-image:url(../images/backgrounds/bg-box-head.png); background-repeat:repeat-x;color:#000; text-decoration:none; color:#FFF;	}

#mainbar {width:530px; height:auto; margin-right:170px; margin-left:180px; 	}
#mainbar h1 {font-size:20px; text-align:left; border-bottom:1px solid #919191; color: #F30; cursor:pointer; padding:5px 5px 5px 20px; margin:0;}
#mainbar p {padding: 10px 5px 5px 10px;	}
#mainbar .articleimg {float:right; padding:5px; border:1px solid #eeeeee; margin-left:20px; margin-top:20px; margin-bottom:20px;	}
#mainbar2col {width:700px; margin-right:180px; padding-right:5px;		}
#mainbar2col h1 {font-size:24px; text-transform:uppercase; font-weight: bold; border-bottom:1px solid #eeeeee; color: #F30; padding: 5px 5px 8px 10px;	}
#mainbar2col p {line-height:20px; padding: 8px 5px 8px 10px;	}

#mainbar2colright {width:700px; margin-left:190px; padding-right:5px;		}
#mainbar2colright h1 {font-size:24px; text-transform:uppercase; font-weight: bold; border-bottom:1px solid #eeeeee; color: #F30; padding: 5px 5px 8px 10px;	}
#mainbar2colright p {line-height:20px; padding: 8px 5px 8px 10px;	}

.box {width:160px; height:auto; border:solid 1px #CCC; color:#000; font-family:Tahoma, Geneva, sans-serif; text-align:left; padding:5px 2px 5px 8px; margin:0 0 15px 0;	}
.box-head {background:#F6F6F6 url(../images/backgrounds/box-top.gif) no-repeat; height:30px; padding:0px 5px 0px 5px; width:162px;}
.box-head h3 {font-weight:bold; color:#FFF; text-decoration:none; font-size:14px; padding:6px 5px 3px 10px; margin:0px 0px 8px 0px;	}
.box p {font-size:12px; padding:0px 3px 10px 3px;	}

.box3 {width:223px; height:142px; float:left; background:url(../images/box_200.JPG) no-repeat 0 0; padding:0px 1px 5px 1px; margin: 10px 3px 10px 2px; text-align:left; font-size:110%; color:#111; font-weight:bold;	}
.box3 h2 {color:#C03; font-size:17px; padding: 8px 0px 5px 0px; text-align:center; border-bottom: solid 1px #9C0;}
.box3 p {color:#000; padding:5px 10px 0px 15px; font-size:90%; line-height:1.25em; 	}
.box3 a {display:block; width:100%; height:100%; line-height:1em; color:#9C0;	}
.box3 a:hover {text-decoration:none; border-bottom:solid 5px #9C0;	}
.box3 a:link {text-decoration:none;	}
.box3 a:active {text-decoration:none; color:#000;	}
.box3 a:visited {text-decoration:none;	}
.box3 .corner {position:relative;top:8px;right:0;height:20px;padding:0;	}

.box4 {width:159px; height:152px; float:left; background: url(../images/box_160.JPG) no-repeat 0 0; margin: 5px 3px 10px 2px;	}
.box4 h2 {color:#C03; font-size:16px; padding: 8px 0px 5px 0px; text-align:center; border-bottom: solid 1px #9C0;	}
.box4 p {color:#000; font-size:105%; font-weight:bold; line-height:15px;	}
.box4 a {display:block; width:100%; height:100%; text-decoration:none;	}
.box4 a:hover {text-decoration:none; border-bottom:solid 4px #9C0;	}
.box4 a:link {text-decoration:none;}
.box4 a:active {text-decoration:none; color:#000;}
.box4 a:visited {text-decoration:none;}
.box4 .corner {position:relative;top:8px;right:0;height:20px;padding:0;}

#footer {width:100%; height:295px; font-size: 11px; background: #303030 url(../images/backgrounds/bg.gif) repeat-x; background-position:bottom; border-top:1px solid #d8efa6; border-bottom:1px solid #94ae62;}
.footerbox {width:12%; height:200px; float:left; text-align:left; border-right: 1px solid #454; padding: 5px 0 5px 20px;}
.footerbox h2 {font-size:17px; color:#9F0; padding-bottom:3px; text-decoration:none;}
.footerbox h3 {font-size:15px; color: #9C0; padding:2px 2px 3px 2px;}
.footerhyper {font-size:12px; color: #FFF; text-decoration:none;}
.footerbox a:hover {color:#F30; text-decoration:underline;}
#footerboxlast {width:19%; height:110px; float:left; padding: 20px 0px 10px 5px;}
.footeratt {font-size:24px; font-weight:bold; color:#CCFF00; }

a {text-decoration:underline; font-weight:bold; color:#09F;}
a:hover {text-decoration:overline; color:#F30;}

b {color:#F30;}
img, a img { border: 0;}
.clearer {clear:both;}
.clear {clear:left;}
.summary {float:right; font-size:11px; color:#999; margin-top:-15px;}
.boldz {color:#900; font-size:110%; font-weight:bold;}
.bold {font-weight:bold;}
.att {font-size:135%; color:#F30; font-weight:bold;}
.hugeatt {font-size:33px; color:#333; font-weight:bold;}
.keyword {width:80%; background:#F6F6F6; border:1px dashed #F30; margin:30px 5px 20px 20px; padding:5px 5px 5px 10px; color:#000;}
.boxatt460 {width:460px; background:#EEE; border:double #999; padding:5px 5px 10px 10px; margin:10px 0px 10px 30px;}
.boxatt250 {width:250px; background:#EEE; border:double #999; padding:5px 5px 10px 10px;}
.boxlabel {width:90%; height:100px; border: 1px solid #999;}
.bar3glow {width:auto; height:30px; margin:10px 15px 10px 15px; background-image:url(../images/bar3col_security-cctv-camera.png); padding:10px 10px 10px 55px; font-family:Forte; font-size:22px; color:#06F;}
.zi { text-decoration:none; color:#000;}
.bodyh-black{padding-top:10px;padding-bottom:0;margin-bottom:-3px;color:#000;}
.box-bodyh{padding-top:10px;padding-bottom:10px;color:#BD2B3B;}
.smallz {font-size:85%; color:#444;}
.hech2 {color: #F00; font-size:19px; border-bottom:1px solid #eeeeee; padding:30px 5px 10px 5px; margin:0;}
.hech3 {color: #F00; font-size:16px; padding: 15px 5px 0px 5px; margin:0; text-decoration:none;}
.formz {width:100px; background:#9C0; border:1px solid #060;}
.green {font-size:16px; font-weight:bold; color:#0C0; text-decoration:none}
h2 {color:#333; font-size:17px; border-bottom:1px solid #CCC; padding:30px 5px 10px 20px; margin:0; }
h3 {color:#06C; font-size:16px; padding:15px 5px 5px 15px; margin:0; text-decoration:none;}
#bottomz {width:870px; height:170px; background:url(../images/3.jpg); padding:15px 15px 15px 15px;}
#bottomz1 {width:870px; height:170px; background:url(../images/11.png); padding:15px 15px 15px 15px;}
.box-header {background:#F6F6F6 url(../images/backgrounds/box-top.gif) no-repeat; height:30px; padding:0px 5px 0px 5px; width:162px;}
.box-header h3 {font-weight:bold; color:#FFF; font-size:15px; padding:6px 5px 3px 10px; margin:0px 0px 8px 0px;	}
.box-header a {color:#FFF;}
.box-headertitle {font-size:14px; color:#FFF;}
.not {text-decoration:none;}
.nothyper {font-size:13px; color:#555; text-decoration:none; font-weight:normal;}
.nothyper:hover {text-decoration:none; color:#444;}

.floatleft { float:left;}
.floatright { float:right;}
.left10 {padding-left:10px;}
.left20 {padding-left:20px;}
.left30 {padding-left:30px;}
.left50 {padding-left:50px;}
.left100 {padding-left:100px;}
.right10 {padding-right:10px; padding-bottom:0;}
.right20 {padding-right:20px;}
.right30 {padding-right:30px;}
.top5 {margin-top:5px;}
.top10 {margin-top:10px;}
.top20 {margin-top:20px;}

/* Clickable Image */
.clickable-image   { position: relative; }
.clickable-image a { position: absolute; }
/* Clickable Image End */

/*Moving banner */
.slideshow { height: 150px; width: 470px; margin: auto }
.slideshow img { padding:5px 0 5px 0;}
.slideshowleft { height: 170px; width: 200px; margin: auto }
.slideshowleft img { padding:10px 0 10px 0;}
/*Moving banner End*/

/*Portfolio*/
.entry { border:1px solid #c2c2c2;  height:170px; width:100%; font-weight: bold; background:#FFF url(../images/backgrounds/bg-portfolio.jpg) repeat-x; }
.entry .company { padding:3px 0 2px 0; text-align:center; height:22px; font-size:15px; }
.entry .reviewer { position:relative; width: 100%; height: 22px; }
.entry .reviewer .name { position:absolute; left:0px; width:200px; padding-left:15px;}
.entry .reviewer .rating { position:absolute; left:210px; width:200px; }
.entry .reviewer .time { position:absolute; right:20px; width:auto; font-weight:bold; color:#F30;}    
.entry .description { clear:both; position: absolute; width:491px; }
.entry .description    .image {position:absolute; float:left; left:10px; width:100px;}
.entry .description    .text {position:relative; left:120px; width:365px; padding-right:15px; }
/*Portfolio End*/

/*Form*/
.group-select {margin:20px 10px 10px 20px; border:1px solid #bbafa0; padding:22px 25px 12px 25px;background:#fbfaf6;}
.group-select .legend{margin-top:-33px; float:left; border:1px solid #f19805; background:#F9F3E3;padding:0 8px;color:#E76200}
.group-select li{padding:4px 8px;}
.group-select li .input-box{float:left;width:190px;}
.group-select li .input-text,.group-select li select,.group-select li textarea{width:170px;}
.group-select li .input-box .input-text,.group-select li .input-box textarea{width:170px; font-weight:bold;}
.group-select li .input-box select{width:170px;}
.validation-advice,.required{color:#EB340A;}
.validation-advice{clear:both; min-height:15px; margin-top:3px; background:url(../images/backgrounds/validation_advice_bg.gif) no-repeat 2px 1px;padding-left:17px;font-size:.95em;font-weight:bold;line-height:1.25em;}
.validation-failed{border:1px dashed #EB340A!important;background:#faebe7!important;}
.v-fix{float:left;}
.v-fix .validation-advice{display:block;margin-right:-12em;width:12em;position:relative;}label.required{font-weight:bold;}p.required{font-size:.95em;text-align:right;}
.success{color:#3d6611;}
.error{color:#df280a;}
.notice{color:#e26703;}
.success,.error{font-weight:bold;}
.messages{width:90%;overflow:hidden;}
.error-msg,.success-msg,.notice-msg,.note-msg{min-height:23px!important;margin-bottom:1em!important;border-style:solid!important;border-width:1px!important;background-repeat:no-repeat!important;background-position:10px 10px!important;padding:8px 8px 8px 32px!important;font-size:.95em!important;font-weight:bold!important; margin-left:10px; margin-right:5px;}
.error-msg li,.success-msg li,.notice-msg li{margin-bottom:.2em;}
.error-msg{border-color:#f16048;color:#df280a;background-color:#faebe7;background-image:url(../images/backgrounds/error_msg_icon.gif);}
.success-msg{border-color:#446423;color:#3d6611;background-color:#eff5ea;background-image:url(../images/backgrounds/success_msg_icon.gif);}
.notice-msg,.note-msg{border-color:#fcd344;color:#3d6611;background-color:#fafaec;background-image:url(../backgrounds/images/note_msg_icon.gif);}
.button-set{clear:both;margin-top:1em;border-top:1px solid #e4e4e4;padding-top:8px;text-align:right;}
.form-button,.form-button-alt{overflow:visible;width:auto;border:0;padding:1px 8px;background:#F9B713;color:#000;border:1px solid #F48C00;font:bold 12px arial,sans-serif!important;cursor:pointer;text-align:center;vertical-align:middle;}
.form-button span,.form-button-alt span{white-space:nowrap;}
.form-button-alt{border:1px solid #F48C00;background-color:#F9B713;}
.form-button-alt:hover{color:#fff;text-decoration:none;}
.form-button :hover{color:#fff;text-decoration:none;}
/*Form End*/

/*3D Tags*/
#list{margin:0 auto; height:600px; width:170px; overflow:hidden; position:relative; background-color:#000;	}
#list ul,
#list li{list-style:none; margin:0; padding:0;	}
#list a{position:absolute; text-decoration: none; color:#666;	}
#list a:hover{color:#ccc;}
/*3D Tags End*/

/*Portfolio Image*/
td#Pics {width:500px; height:375px; vertical-align:top}
img#zero {position:absolute; border:0px; width:500px; height:375px; z-index:2}
img#one {position:absolute; border:0px; width:500px; height:375px; z-index:1}
img#two {position:absolute; border:0px; width:500px; height:375px; z-index:1}
img#three {position:absolute; border:0px; width:500px; height:375px; z-index:1}
img#four {position:absolute; border:0px; width:500px; height:375px; z-index:1}
img#five {position:absolute; border:0px; width:500px; height:375px; z-index:1}
img#six {position:absolute; border:0px; width:500px; height:375px; z-index:1}
/*Portfolio Image End*/

td#Picsz {width:470px; height:145px; vertical-align:top}
img#quote {padding-left:17px; position:absolute; border:0px; width:470px; height:145px; z-index:2}
img#rent {padding-left:17px; position:absolute; border:0px; width:470px; height:145px; z-index:1}
img#delivery {padding-left:17px; position:absolute; border:0px; width:470px; height:145px; z-index:1}
img#mobilez {padding-left:17px; position:absolute; border:0px; width:470px; height:145px; z-index:1}
 
td#Picszz {width:470px; height:145px; vertical-align:top}
img#xxx {padding-left:17px; position:absolute; border:0px; width:470px; height:145px; z-index:2}
img#xxx {padding-left:17px; position:absolute; border:0px; width:470px; height:145px; z-index:1}
img#xxx{padding-left:17px; position:absolute; border:0px; width:470px; height:145px; z-index:1}
img#xxx {padding-left:17px; position:absolute; border:0px; width:470px; height:145px; z-index:1}

/* TODO copy the file to this host */
input.error {border: 1px dashed red; background:#FAEBE7 !important; padding-left:0; }
label.error {font-size:11px; font-weight:bold; padding:2px 0px 25px 25px; }