@charset "UTF-8";
/*ids CSS Document */

body, html{
background-color:#c0c0c0;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666; 
}

/* text */
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; padding-top:0; margin-top:0;}
.contenttext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; padding:0; margin:0;}
.contenttext9px {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3299bb; text-align:justify; padding:0; margin:0;}
.contenttextRight {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:right; padding:0; margin:0;}
.contenttextHead {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; padding:0 20px 20px 20px; margin:0;}
.contentTitle12px {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bolder; color:#666666; margin:0; padding:0; text-transform:uppercase;}
.contentTitle14px {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bolder; color:#666666; margin:0; padding:0; font-style:italic;}
.contentTitle12Lowpx {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; color:#3299bb; margin:0; padding:0;}
.contentRightProd14px {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bolder; color:#3399cc; text-align:left; margin:0; padding:0; text-transform:uppercase;}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bolder; color:#666666; text-align:left; margin:0; padding:0 0 10px 0;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bolder; color:#ff9900; text-align:left; margin:0; padding:0px; text-transform:uppercase;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bolder; color:#ff9900; text-align:left; margin:0; padding:5px 18px 5px 18px; text-transform:uppercase;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bolder; color:#3299bb; text-align:left; margin:10px 0 10px 0; padding:0px; text-transform:uppercase;}
h5 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bolder; color:#ff9900; text-align:left; margin:10px 0 10px 0; padding:0px; text-transform:uppercase;}
a.titleLink, a.titleLink:link, a.titleLink:visited {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; font-weight:none; text-decoration: none; color: #3299bb;}
a.titleLink:hover {color:#000000; text-decoration:underline;} 
a.titleLink:active {color:#000000;} 



#wrapper {width:1000px; margin: 0 auto; padding:0; text-align:left;}
#container {width:1000px; min-height:100%; margin-bottom:-15px; position:relative;}
#contentBG {float:left; width:1000px; background-color:#FFFFFF;}

#leftBar{float:left; width:255px; margin-left:10px; padding:0; min-height:500px; background-image:url(../images/_left_barBG.gif); background-repeat:repeat-y;}
#logo {float:left; width:255px; height:85px; margin:35px 30px 0 30px; padding:0;}
#searchBar {float:left; width:255px; height:36px; margin:10px 3px 10px 3px; padding:5px; background-image:url(../images/_left_searchbarBG.jpg); background-repeat:no-repeat;}

/*index */
#mainmenu {float:left; width:255px; min-height:150px; margin:0; padding:25px 0 0 0;}
#MenuBar1 {margin:0; padding:0; float:left;}
#menuBottom {float:left; width:255px; height:9px; margin:0; padding:0; background-image:url(../images/_left_naviBottom.gif); background-repeat:no-repeat;}
#topmenu {float:right; width:270px; height:20px; margin:0; padding:0; background-color:#ffffff;}
#topnavi {margin: 0 0 0 0; float:right;} 
#topnavi li {display: inline; float:left;}
#topnavi a:link, #topnavi a:visited {font-size: 13px; font-weight:none; padding: 2px 13px 2px 13px; text-decoration: none; color: #666666; float:left;}
#topnavi a.active:link, #topnavi a.active:visited, #topnavi a:hover {color: #000000;}
#brandLogo {float:left; width:254px; height:133px; background-image:url(../images/_left_brandBG.gif); background-repeat:no-repeat;}
#featLogo {float:left; width:200px; height:105px; padding:0; margin:5px;}
#index_newstitle {float:left; width:255px; height:65px; padding:0; margin:0;}
#index_newsContent {float:left; width:255px; min-height:200px; padding:0; margin:0; position:relative;} 
#index_newsbottom {float:left; width:255px; height:25px; padding:0; margin:0; background-image:url(../images/_left_ann_bg_bottom.gif); background-repeat:no-repeat;} 
.lineGrey {border-bottom:1px dotted #999999}

#rightBar {float:right; width:720px; min-height:520px; background-color:#ffffff; margin-right:10px; margin-bottom:10px; padding:0;}
#rightBarTop {float:right; width:720px; height:50px; padding:0; margin:0;}
#RightTopnavi {margin: 5px 10px 5px 10px; float:right;} 
#RightTopnavi li {display: inline; float:left; }
#RightTopnavi a:link, #RightTopnavi a:visited {font-size: 13px; font-weight:none; padding: 2px 13px 2px 13px; text-decoration: none; color: #666666; float:left;}
#RightTopnavi a.active:link, #RightTopnavi a.active:visited, #RightTopnavi a:hover {color: #000000;}
#flashIMG {float:right; width:720px; height:375px; margin:0; padding:0; background-image:url(../images/index/flash_img.gif); background-repeat:no-repeat;}
#index_intro {float:right: width:720px; height:200px; margin:0; padding:0}
#featBrand {float:left; width:355px; height:370px; background-color:#f2f2f2; background-image:url(../images/index/bg_shadow.gif); background-position:bottom; background-repeat:no-repeat; padding:0; margin-left:10px;}
.featBrand_content {float:left; width:335px; height:100px; background-color:#ffffff; margin:8px; padding:0;}
#index_RightBottom {float:right; width:350px; height:370px; background-color:#f2f2f2; background-image:url(../images/index/bg_shadow.gif); background-position:bottom; background-repeat:no-repeat; padding:0; margin:0 10px; 0 10px;}
#index_eNewsletter {float:right; widows:350px; min-height:155px; border-bottom:1px dotted #666666; padding:0; margin:0;}
#index_contactus {float:right; widows:350px; height:155px; border-bottom:1px dotted #666666; padding:0; margin:0;}

/* Our Products */
#innerIMG {float:right; width:720px; height:190px; margin:0; padding:0; background-color:#FFFFFF;}
#productContentRight {float:right; width:720px; min-height:500px; margin:10px 0 10px 0; padding:0; background-color:#FFFFFF;}
#productContentInner {float:right; width:720px; min-height:800px; margin:10px 0 10px 0; padding:0; background-color:#FFFFFF; border:1px solid #eaeaea;}
#titleAll{float:left; width:720px; height:30px; margin:0; padding:0; background-color:#ffffff; border-bottom:1px solid #eaeaea;}
#title{float:left; width:720px; height:30px; margin:0; padding:0; background-color:#ffffff; border-bottom:1px solid #eaeaea;}
.Titlenavi {margin: 0 0 0 0; float:left; padding:5px;} 
.Titlenavi li {display: inline; float:left;}
.Titlenavi a:link, .Titlenavi a:visited {font-size: 13px; font-weight:none; padding: 0px 13px 0px 13px; text-decoration: none; color: #3399cc; float:left; font-weight:bold;}
.Titlenavi a.active:link, .Titlenavi a.active:visited, .Titlenavi a:hover {color: #000000; text-decoration:underline;}
#leftProd_Details {float:left; width:150px; height:220px; margin:0; padding:0; background-color:#ffffff; margin-left:18px; margin-top:5px;}
#rightProd_details {float:left; width:550px; min-height:200px; margin:0; padding:0; background-color:#ffffff; margin-left:0; margin-top:5px;}

.line { border-right:#cccccc solid 1px; border-bottom:#cccccc solid 1px;}
.underline { border-bottom:#cccccc solid 1px;}
.sideline { border-right: #ffffff solid 1px; border-top:#cccccc solid 1px;}
.sideline2 { border-right: #cccccc solid 1px; border-top:#cccccc solid 1px;}
.leftline { border-left: #cccccc solid 1px;}


/*footer */
#footer { float:left;height:45px; width:1000px; text-align:center; padding-top:5px; background-color:#f2f2f2;}
#footerContent {margin:0 auto; width:970px; height:150px;}
.clearfooter {height: 15px; clear: both;}

/* footer text */
a.footerlink, a.footerlink:link, a.footerlink:visited {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:10px; font-weight:none; text-decoration: none; color: #ffffff;}
a.footerlink:hover {color:#0299bd;} 
a.footerlink:active {color:#0299bd;} 

a.footerlink_black, a.footerlink_black:link, a.footerlink_black:visited {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; text-decoration: none; color: #000000;}
a.footerlink_black:hover {color:#0299bd;} 
a.footerlink_black:active {color:#0299bd;}

.title2{
padding:0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica;
text-decoration:none;
color:#000000;
font-weight:bold;
font-size:11px;
}

/*for case studies*/
#case_studies { float:left; padding: 0px; width:254px; height: 133px; margin-top: 10px; display: inline;}
#case_studies a#previous, #case_studies a#next {width:20px; height:140px; display:block; float:left; text-indent:-9999px; background: url('../images/_left_brand_pointing-arrow.png') no-repeat -20px 35px; margin-left:10px;}
#case_studies a#previous:hover {background-position:0px 35px;}
#case_studies a#next {margin-left: 0px;  background: url('../images/_left_brand_pointing-arrow.png') no-repeat -60px 35px;}
#case_studies a#next:hover {background-position:-40px 35px;}




ul#cases {padding:0px; margin: 0px; text-align:center; float:left; display: inline; border:0px; width:190px; height:105px; overflow: hidden!important;}
ul#cases li img { width:140px; height:105px; border:0px; }/*control 1st image size*/
/*control following img*/
ul#cases li {width:140px; height: 105px; color:#433f39; float: left; display: inline; text-align:center;margin-left:30px;}
ul#cases li a { text-decoration: none; display:block;}

/*for newsroom*/
#widget {
overflow: hidden;
padding:0;
margin:20px 5px 0 5px;
height: 230px; /* You should adjust this height for your project. */
position: relative;
float: left;
width: 245px;
-moz-border-radius-bottomright: 10px;
}

#widget li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: 1em;
height: 210px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

input {color: #999; font: inherit;}