html,body{margin:0;padding:0}
body{ background-color:#2B2529;  font:76% "Trebuchet MS",arial,sans-serif;color: #333;text-align:center;padding: 2px; margin-bottom: 0px;}
h1,h2{padding-left: 15px;margin: 0}
h2{font-size: 160%;color: #555}
p{margin: 0;padding: 0 15px 0.7em;line-height: 1.5}
address{font-style: normal}

div.gradient{background: #F2F2F2 url(../HTML/css/gradient.png) repeat-x top;margin: 15px}
div.gradient p{margin:0;padding: 2px 5px}
p.codehere{color: #2A4D91}

div#container{width:1020px;margin-top:0px;margin-left:auto;margin-right:auto; background-color: #fff;text-align: left; border:0px #555555 solid; border-bottom:0px;border-top:0px;border-left:0px;border-right:0px}
div#header{background-color: #fff;padding:5px 0}
div#header h1{color: #FFF;font-size: 300%;font-weight: 900}
div#menu{width:1000px;overflow:auto;background: #fff;padding-top: 5px}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0;}
ul#nav{padding-left:10px}
ul#nav li{float:right;width:120px;margin-right:2px;text-align: center;text-transform:uppercase; font-weight:bold; }
ul#nav a{float:right;width:120px;text-decoration:none;background: #ff0000;color: #fff}
ul#nav li.active a,ul#nav a:hover{background-color:#ff0000;color: #333}
div#content{margin-left:auto;margin-right:auto;clear:left;width:1000px;padding-top:0px;background-color: #fff}
div#samplework{margin-left:auto;margin-right:auto;margin-top:10px;clear:left;width:1000px;padding-top:5px;background-color: #AEAE5E}
div#footer{padding-top:5px;text-align: center;font-size: 90%;background: #8395CB;color: #FFF}
div#minipics{float:left;width:100%;padding-bottom:10px}
div#minipics ul{list-style-type: none;margin:0 15px;padding:5}
div#minipics li{float:left;width:auto;margin: 10px 10px 10px 0;background-color: #fff}
div#minipics li img{display: block;width: 160px;height: 100px;margin:5px 5px;border: 0px}
div#yan{padding-top:0px;text-align: center;font-size: 90%;background: #ff0000;color: #000000}
div#headimage{ width:950px; padding-top:5px; background-color:#ad0a2b;}
.himage{width:950px;padding:5px; }

div#leftmenu{float:left;display:inline;width:195px;margin: 5px 5px 0 5px;background:#cccccc;text-align:left}
div#maincontent{float:left;display:inline;width:730px;margin: 5px 5px 5px 5px;background:#ccc;text-align:center}

div#box p{padding:0 5px}

h3{font-size: 100%;margin:0;padding: 0 0 3px;background: #ff6600;color: #000;text-align: center}
h4{font-size: 100%;margin:0;padding: 0 0 3px;background: #678b3f;color: #fff;text-align: center}
 /* left menu ***/
 
#leftmenu{
border: 5px #AEAE5E;
border-bottom-width: 5px;
width: 188px;
}

#leftmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#leftmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 185px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #AEAE5E;
border-bottom: 1px solid #ffffff;
border-left: 10px solid #ff7301;
}

* html #leftmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#leftmenu li a:hover {
background-color: #97974A;
border-left-color: #ff0000;
}

#leftmenu div.menutitle{
color: white;
border-bottom: 0px solid black;
padding: 1px 0;
padding-left: 5px;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

/* left menu end**/

.productsHead {text-align:center; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:500; color:#555555}
.productsDiscrption {text-align:left; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:500; color:#ff0000}