* { 
margin:0;
padding:0;
}

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-size:0.8em;
	color:#716E6E;

background:#fff+
}

a{
	color:#716E6E;
	text-decoration:none;
}


a:hover{
font-weight:bold;
text-decoration:none;
}
	
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
float:left;
margin-top:15px;
}

.font1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}

input, textarea { 
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1em;
}

.fleft {
float:left;
}

.fright {
float:right;
}

.clear {
clear:both;
}

.toppd{
padding-top:10px;
}
.rtpd {
padding-right:10px;
}

.lfpd{
padding-left:10px;
}

.botpd{
padding-bottom:10px;
}

.lfpd5{
padding-left:5px;
padding-right:5px;
}

.lfpd10{
padding-left:10px;
padding-right:10px;
}

.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}

.wrapper, block {
width:100%;
overflow:hidden;
}

.container {
width:100%;
}

.list2 li a.link2 {
color:#d2dc3f;
text-decoration:underline;
}

.list2 li a.link2:hover {
text-decoration:none;
}

.list2 li a.link3 {
color:#f39a11;
}

#page {
width:985px;
margin:0 auto;
padding:16px 0 14px 0;
}

#header{
height:143px;
background:url(../images/bg.jpg) no-repeat left top;
}

ul {
list-style:none;
}

#top-menu { width:100%; overflow:hidden; padding-right:5px;}
#top-menu li {float:left;  display:inline;background:url(../images/nav_bg.gif) repeat-x left top;}
#top-menu li .first{background:url(../images/nav_lf.gif) no-repeat left top; width:12px;line-height:30px; float:left;}
#top-menu li .last{background:url(../images/nav_rt.gif) no-repeat left top; width:12px;line-height:30px; float:right;}
#top-menu li div .part{background:url(../images/nav_part.gif) no-repeat left top; width:2px;line-height:30px; float:left;}
#top-menu li a {
	padding-bottom:5px;
	display:block;
	font-size:.7em;
	color:#4c4a4a;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/nav_part.gif) no-repeat right top; 
	width:80px;
	text-align:center;
	line-height:25px;
}
#top-menu li a.lmenu{background:none;}
#top-menu li a:hover {background:url(../images/nav_hover.gif) left top repeat-x; }

.iepng, #site-nav a  {
behavior: url("iepngfix.htc")
}

.style1 {
color: #333333
}

/* rotator in-page placement */
div#rotator {
position:relative;
height:345px;
padding:0px 0px 0px 5px;
}

/* rotator css */
div#rotator ul li {
float:left;
position:absolute;
list-style: none;
}

/* rotator image style */	
div#rotator ul li img {
border:1px solid #ccc;
padding: 4px;
background: #FFF;
}

div#rotator ul li.show {
z-index:500
}

.style2 {
font-family: "Times New Roman", Times, serif
}

#top-menu li a.lmenu{
background:none;
}

#top-menu li a:hover {
background:url(../images/nav_hover.gif) left top repeat-x;
color:#FFFFFF;
}

#top-menu li a.active {
background:url(../images/nav_hover.gif) left top repeat-x;
color:#FFFFFF;
}

.menu {
float:right;
width:430px;
}

.logo {
float:left;
width:166px;
padding-left:86px;
margin-top:30px;
}

#container {
width:100%;
height:100%;

}
#lftnav {
background:url(../images/left_bar.gif) left top no-repeat;
float:left;
height:500px;
width:170px;
}

#lftnav ul{
background:url(../images/navbg.gif) left top repeat-x;
width:160px;
height:300px;
padding-left:10px;
padding-top:20px;
margin-left:8px;
}

#lftnav li {
background:url(../images/arrow.gif) no-repeat left center;
}

#lftnav li a {
display:block;
width:160px;
height:25px;
font-size:.9em;
color:#4c4a4a;
text-indent:10px;
text-decoration:none;
padding-left:10px;
line-height:25px;
}

#lftnav li a:hover {
background:url(../images/arrow_sel.gif) no-repeat left center;
color:#ec0101;
font-weight:bold;
}

#lftnav li a.active {
background:url(../images/arrow_sel.gif) no-repeat left center;
color:#ec0101;
font-weight:bold;
}

.redhd {
font-size:1.0em;
color:#e10202;
font-weight:bold;
text-indent:15px;
padding-bottom:5px;
}

.box {
background:url(../images/testimonial.gif) no-repeat left top;
color:#333333;
height:125px;
width:155px;
font-size:.875em;
padding:15px 0 0 15px;
line-height:1.2em;
}

.box span {
padding-left:5px;
color:#5a5959;
}

.box .viewall {
top:40px;
color:#5a5959;
width:120px;
height:18px;
}


.box .client {
top:18px;
color:#5a5959;
position:relative;
float:right;
}

#centerbox {
float:right;
width:795px;
padding-top:10px;
height:100%;
}

#testmonialbox {
float:right;
width:795px;
padding-top:10px;
}

#centerbox1 {
float:right;
width:795px;
padding-top:10px;
}

#centoplf {
border: #c5c5c5 1px solid;
width:308px;
height:251px;
padding:30px;
float:left;
}

#centoplf1 {
width:400px;
height:450px;
padding:15px;
float:left;
}

#centoplfabout {
	width:460px;
	height:650px;
	padding:10px;
	float:left;
}


#centoplf2 {
width:750px;
height:400px;
padding:5px;
font-size:11.5px;
color:#666666;
float:left;
}

#centoplf3 {
width:750px;
height:540px;
padding:5px;
font-size:11.5px;
color:#666666;
float:left;
}


#centoplf1 p{
font-size:11px;
margin-top:5px;
}

#centoplf1 span{
font-size:11px;
color:#666666;
}

#centoprt {
border: #c5c5c5 1px solid;
width:405px;
margin-left:10px;
height:311px;
float:left;
}
#centoprt0 {
width:250px;
margin-left:10px;
padding:8px;
height:10px;
float:left;
}

#centoprt1 {
width:287px;
margin-left:6px;
padding:5px;
height:70px;
font-size:11.5px;
float:left;
}

#centoprt1p {
width:287px;
margin-left:6px;
padding:5px;
height:85px;
font-size:10.5px;
float:left;
}

#centoprt1 p{
color:#666666;
font-size:11px;
}

#centoprt1 p a:hover{
font-weight:normal;
}

#centoprt1 p a{
color:#FF0000;
}

.frame {
background:url(../images/img_frame.gif) no-repeat;
width:102px;
height:99px
}

.productpart {
background:url(../images/product_part.gif) no-repeat top;
width:1px;
height:99px
}

.frame img {
padding:10px;
}

.productgal {
padding-top:20px;
width:795px;
height:172px;
}

.producthome {
width:250px;
height:172px;
}

.producthome .text {
padding-top:10px;
height:172px;
width:143px;
padding-left:5px;
}

.brd {
border: #c5c5c5 1px solid;
}

.welcome {
padding-top:20px;
}

#footer {
background-color:#eaebe3;
font-size:0.9em;
height:20px;
border-top:#b9b9b9 solid 1px;
padding:10px;
}

/*------------------porfolio page css---------------*/

#portfolio-view {
	float:left;
	margin-top:20px;
	width: 99%;
}

.portfiolo-main {
	float:left;
	margin-left:23px;
	width:168px;
}

.portfiolo-main1 {
	float:left;
	margin-left:23px;
	width:168px;
}

.portfolio-inner {
float:left;
border:1px solid #999999;
margin-top:-3px;
padding:3px 3px 0px 3px;
}

.portfolio-inner2 {
float:left;
height: 114px; 
width: 159px;
border:1px solid #999999;
padding:3px;
}

pre{
display:block;
font:100% "Courier New", Courier, monospace;
padding:10px;
border:1px solid #bae2f0;
background:#e3f4f9;	
margin:.5em 0;
overflow:auto;
width:800px;
}

.portfolio-inner2 li{
list-style:none;
float:left;
display:inline;
margin-right:10px;
}

#preview mouseover{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

#preview {
position:absolute;
border:3px solid #ccc;
background:#fff;
adding:5px;
display:none;
color:#fff;
}

.portfolio-inner2 img{ 
border:none; 
}

.portfolio-inner2 ul,li{
margin:0;
padding:0;
}

.portfolio-inner img{
margin-bottom:0px;
padding-bottom:0px;
}

.contact-form {
float:left;
margin-top:10px;
}

.contact-form p{
width:120px;
margin-top:8px;
float:left;
clear:both;
font-size:11px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.contact-form span{
margin-top:15px;
float:left;
clear:both;
font-weight:bold;
}

.contact-form input{
width:220px;
border:1px solid #666666;
float:left;
margin-top:8px;
font-size:11px;
color:#666666;
height:15px;
padding:2px 0px 0px 2px;
}

.contact-form select{
width:55px;
border:1px solid #666666;
float:left;
margin-top:13px;
font-size:11px;
color:#666666;
height:20px;
padding:1px 1px 1px 0px;
margin-right:10px;
}

.contact-form textarea{
width:220px;
border:1px solid #666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
margin-top:8px;
font-size:11px;
color:#666666;
height:80px;
padding:1px 1px 1px 1px;
margin-right:10px;
}

fieldset.submit {
width:70px;
border: none;
margin: 0 auto;
}

.contact-form .submit button {
border: none;
float: left;
}

.submit button.btn {
width: 65px;
height: 20px;
cursor: pointer;
background:url(../images/submit_btn.gif) no-repeat top right;
margin-top:15px;
}

.submit button.btn:hover {
background:url(../images/submit_btn.gif) no-repeat bottom right;	
}

fieldset.reset {
border: none;
margin: 0 auto;
}

.contact-form .reset button {
border: none;
float: left;
}

.reset button.btn {
width: 65px;
height: 20px;
cursor: pointer;
background:url(../images/reset.gif) no-repeat top right;
}

.reset button.btn:hover {
background:url(../images/reset.gif) no-repeat bottom right;	
}

.btn-div {
float:right;
}


/* Home page CSS */
#slider {
	width: 410px; /* important to be same as image width */
	height: 300px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	border: #c5c5c5 1px solid;
	width:405px;
	margin-left:7px;
	height:311px;
	float:left;
}
#sliderContent {
    width: 405px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
  /*  position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	*/
}

#slider img{border:0;}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}
.service{ width:733px; height:178px;background:url(../images/service_bg.gif) no-repeat; padding:20px; margin-left:5px;	 }



#testmonial{
	float:right;
	margin-top:20px;
	width:670px;
	border: 1px solid #EBEAE9;
	padding: 10px ;
}