/*CSS by HVVS*/

/*page styles*/

body { padding:0; margin:0; font:11px  Arial, Helvetica, sans-serif; letter-spacing: 0px; line-height: 18px; background:#fff url(../images/bg.jpg) top center repeat-x; color: #555; }
#wrapper { margin:0px auto; width:950px;  padding:0;}
#all{-webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000;}

/*Text Styles*/

a { color:#fff; text-decoration: none;background:none;}
a:hover { color:#ccc; background:none; text-decoration:none; }
p { margin:0;padding-top:2px; color: #222;}
h1 {font-size: 11px; color:#111; padding-top:1px; font-weight:100}
h2 { font-weight:bold; font-size:12px; padding:0px 0 5px 0px; margin: 0 0 2px 0; color:#111; background:none; border-bottom: 2px dotted #111; letter-spacing: 1px;}
h3 {font-weight:bold; font-size:18px;margin: 3px 0 2px 0px; color:#333; letter-spacing: 1px; padding: 0 0 15px 0;text-shadow: 0px 1px 1px #ccc;}
h4 { font-weight:bold; font-size:12px; padding:5px 0 4px 0px; margin: 0 0 2px 0; color:#ddd; background:none; border-bottom: 1px dotted #ddd; letter-spacing: 1px;}
h6 { margin:0;padding-top:2px; color: #222;font-size:11px}
.copyright {font-size: 10px; color: #666;}
.copyright a {font-size: 10px; color: #666;}
.copyright a:hover {font-size: 10px; color: #ccc;}
.oops {font-size: 10px; color: #CD0000;}
.body a {color: #333;background: #ccc;}
.body a:hover {color: #222;background: #fff;margin: 0 0 15px 0;-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc;}
.body {font-size: 10px}
.content {font-size:11px; padding:0px 0 5px 0px; margin: 0 0 2px 0; color:#111; background:none;}
.bulletpts {padding: 10px; background: #666; text-transform:uppercase; color: #ccc; border: #ccc 1px dotted; margin: 0 0 15px 0;}
.bulletpts a {padding: 10px; background: #666; text-transform:uppercase; color: #ccc;border: #ccc 1px dotted;margin: 0 0 15px 0;}
.bulletpts a:hover {padding: 10px; background: #fff; text-transform:uppercase; color: #ccc;border: #ccc 1px dotted;margin: 0 0 15px 0;-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc;}
.b2 {padding: 10px 0 15px 10px; color: #444}
.ndt {}

/* Content */

#banner {width:950px; height:295px; background: #000;}
#slogan {width:950px; height:51px; background: url(../images/slogan.jpg) no-repeat;}
#pgbanner {width:950px; height:295px; background: #000;}
#content_home {width:950px; height: 300px; background:#F0F0F0 url(../images/titlebanner.jpg) top left no-repeat; padding: 5px 0 0 0;}
#content {
	width:950px;
	height: 350px;
	background:#F0F0F0 url(../images/titlebanner.jpg) top left no-repeat;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.left {
	float: left;
	width: 397px;
	height: 260px;
	text-align:justify;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 35px;
}
.right {float: left;width: 400px; height: 260px;padding:10px 34px 15px 42px;text-align:justify;border-right: 1px dotted;}
.altleft {float: left;width: 300px;height: 210px;padding:40px 30px 15px 42px; text-align:justify;}
.altleft2 {float: left;width: 185px;height: 210px;padding:10px 10px 15px 10px; text-align:justify;}
.altright {float: left;width: 490px; height: 250px;padding:10px 30px 15px 42px;text-align:justify;border-right: 1px dotted;}
.altright2 {float: left;width: 405px; height: 250px;padding:10px 30px 15px 42px;text-align:justify;border-right: 1px dotted;}
.altmid {float: left;width: 190px; height: 250px;padding:10px 10px 15px 35px;text-align:justify;}

/* Footer */

#fbar { width: 950px;height: 26px;background: url(../images/fbar.jpg) no-repeat;-webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000;}
#footer { height: 280px;text-align:left; color: #C1CDCD; background: #000 url(../images/f2.jpg) repeat-x;}
.fleft {float: left;width: 476px;height: 280px;padding:0px;background: url(../images/flogo.jpg) no-repeat;}
.fright {float: left;width: 474px;height: 280px;padding:0px;}
.contact {float: left; width: 400px; padding: 8px 50px 15px 35px;}
#fbanner {width:950px; height:325px; background: #000;}
#copyright { height: 23px;text-align:right; color: #F0FFFF; background: url(../images/fbar.jpg) center repeat-y; padding: 5px 30px 5px 10px;}
#fbottom { height: 10px; background:#000;}

/* Form */
fieldset {padding:0px 0px;margin:0;border:0px solid #000;border-bottom-width:0px;}
label {display:block;margin:0px;float:left;clear:left;width:60px; padding: 0 0 0 3px;}
#contact {border: none; background: none;}
input,
textarea {background: none; border:none;}
input:focus,
textarea:focus {background:#ddd;-webkit-box-shadow: 0 0 10px #fff; -moz-box-shadow: 0 0 10px #fff;}
#name{block;padding: 5px 10px 5px 10px; border: 1px black dotted; background: #FDFDF0;}
#email{padding: 5px 42px 5px 10px; border: 1px black dotted; background: #FDFDF0;}
#message  {padding: 3px 4px 3px 10px; border:dotted 1px black;width:350px;background: #FDFDF0; margin: 2px}
#security_code{padding: 5px 0px 5px 9px; border: 1px black dotted; background: #FDFDF0;}
#send {padding: 3px 10px 3px 10px; border: 1px black dotted; background: #FDFDF0;}

/* Menu */
#menubar { width:950px; height:91px;background: #000; }
#menu {list-style: none;margin:0px; padding:0px;}
#menu li {float: left; margin: 0px}
#menu a * {display: none;}
#menu a,
#menu a .hover {height: 91px;position: relative;display: block; background: url(../images/sprite.jpg) 0 0 no-repeat;}
#menu a.home { background-position: 0 -92px;width: 140px;}
#menu .select a.home:hover,#menu a.home .hover {background-position: 0 -368px; width: 140px;}
#menu a.visual {background-position: -140px -92px;width: 193px;}
#menu .select a.visual:hover,#menu a.visual .hover {background-position: -140px -368px;}
#menu a.mechanical {background-position: -333px -92px;width: 229px;}
#menu .select a.mechanical:hover,#menu a.mechanical .hover {background-position: -333px -368px;}
#menu a.fabric {background-position: -563px -92px;width: 205px;}
#menu .select a.fabric:hover,#menu a.fabric .hover {background-position: -563px -368px;}
#menu a.rigging {background-position: -770px -92px;width: 183px;}
#menu .select a.rigging:hover,#menu a.rigging .hover { background-position: -770px -368px;}

/* Slogan */
#navigation-block {position:relative;top:0px;left:0px; width:450px;}
#hide {position:absolute;top:0px;left:0px;}
ul#sliding-navigation{list-style: none;margin: 0px 0;padding: 0;}
ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a{display: block;width: 380px;padding: 15px 10px 20px 40px;margin: 0;margin-bottom: 0px;}
ul#sliding-navigation li.sliding-element h3{color: #eee;font-weight: normal;font-size: 20px;text-transform: none;}

/* iPhone Settings */
@media only screen and (max-device-width: 480px) { 
body {padding:0; margin:0; font:7px  Arial, Helvetica, sans-serif; letter-spacing: 0px; line-height: 11px; background:#fff url(../images/bg.jpg) top center repeat-x; color: #555; }
p { margin:0;padding: 0px; color: #222;}
.bulletpts {padding: 5px; background: #eee; text-transform:uppercase; color: #666; border: #666 1px dotted; margin: 2 0 15px 0;}
.bulletpts a {padding: 5px; background: #ccc; text-transform:uppercase; color: #666;border: #ccc 1px dotted;margin: 2 0 15px 0;}
.bulletpts a:hover {padding: 5px; background: #222; text-transform:uppercase; color: #ccc;border: #ccc 1px dotted;margin: 2 0 15px 0;}
.b2 {padding: 10px 0 15px 10px; color: #444}
h4 { font-weight:bold; font-size:12px; padding:5px 0 4px 0px; margin: 0 0 2px 0; color:#ddd; background:none; border-bottom: 1px dotted #ddd; letter-spacing: 1px; line-height: 15px}
#content_home {width:950px; height: 320px; background:#F0F0F0; padding: 10px 0 0 0;}
#content {width:950px; height: 285px; background:#F0F0F0; padding: 10px 0 0 0;}
.ndt {font-size: 6px; color: #222}}