/* Page Generated in 0.000000 seconds */
html, body, form {padding:0; margin:0; border:0;  font-family:Arial, Verdana,  serif; font-size:12px;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

img {border:0}

h1 {font-size:24px; font-weight:normal;color:#ff0000; font-style:italic; font-family: Arial, Verdana, serif; margin-bottom:10px;}
h2 {font-size:16px; font-weight:bold; color:#000; font-family: Arial, Verdana, serif; margin: 10px 0 20px 0; font-style:bold;  }
h3 {font-size:16px; font-weight:bold; color:#000; font-family: Arial, Verdana, serif; margin: 0px 0 20px 0; font-style:bold;  }
h4 {font-size:14px; font-weight:bold; color:#fff; font-style:bold;}
h5 {font-size:11px; font-weight:bold; color:#fff; font-style:bold;}

.htmlIFormError {color:red;}

/*body {background-image:url('/img/bg.gif'); background-repeat:repeat-x; background-color:#000;}*/
body {background-image:url('/img/bg-grad.jpg'); background-repeat:repeat-x; background-color:#000; }

.japtext {background-image:url('/img/jpn-text-bg.gif');width:100%; min-height:870px;}

#main {width:954px;}
a {color:#666;}
a:hover {color:#ff0000;}
.clearcss {clear:both;}

/* form styles text fields*/
.htmlIText, .htmlIMemo, .htmlIDate, .htmlIselect, .htmlIPass, .htmlIEmail{width:100%;font-size:11px;border: 1px solid #cccccc} 
.validatorInputHighlighted{font-weight: bold; color: red;}
.validatorInputNormal{font-weight: normal;	color: black;}
.htmlIFormError {color:red;}
.tblcontact {width:450px;}
/* form styles text fields end*/

/* Content Block */
#content {background-image:url('/img/con-mid-bg.jpg'); background-color:#fff; background-repeat:repeat-x; width:854px; background-color:#eaeaea; line-height:18px;  font-size:14px; min-height:80px; padding: 20px 50px 20px 50px;}
#hero {background-image:url('/img/con-top-bg.jpg'); background-color:#fff; background-repeat:repeat-x; width:934px; padding: 10px; margin-bottom:10px;}
#rightblock {float:right;width:350px;}
#rightblock_blog {float:right;width:250px;}
#pgmid {margin:5px 384px 5px 0px; font-size:14px;}
.backbtncont a {color: #999; font-weight:bold;text-decoration:none; float:right; text-decoration:none;}
.backbtncont a:hover {color:red;cursor:pointer;}

/*TopBlock Styles Start*/
#topblock {width:954px;height:108px;}
#logotop {float:left; margin:8px 0 20px -20px;}
/*TopBlock Styles end*/

/* Top Menu */
#leftmenutop {width:520px;float:left;margin:-10px 0 10px 0;}
#leftmenutop ul, #leftmenutop li {border:0; padding:0; margin:0; list-style-type:none;display:block;} 
#leftmenutop li {float:left;}
#leftmenutop li a {text-decoration:none; display:block; text-decoration:none; font-size:12px;text-transform:uppercase;color:#fff; }
#leftmenutop li a:hover {color:#ff0000;}
#leftmenutop li a.linkactive {color:#ff0000;}
/*
#leftmenutop ul ul {float:left; padding:3px; display:block; position:absolute; background-color:#000;opacity:0.6;display:none; width:150px; z-index: 10;}
#leftmenutop ul li:hover ul {display:block;}
#leftmenutop ul ul li {float:none; margin:0; padding:0;text-align:left;}
#leftmenutop ul ul a {text-decoration:none;margin:0; padding:2px 4px 2px 4px; color:#fff;}
#leftmenutop ul ul a:hover {background-color:white; color:black;}
*/
#rightmenutop {width:178px;float:right;margin:-10px 0 0 0;}
#rightmenutop ul, #rightmenutop li {border:0; padding:0; margin:0; list-style-type:none;display:block;} 
#rightmenutop li {float:left;}
#rightmenutop li a {text-decoration:none; text-decoration:none; font-size:12px;display:block;text-transform:uppercase;color:#fff; }
#rightmenutop li a:hover {color:#ff0000;}
#rightmenutop li a.linkactive {color:#ff0000;}
/*
#rightmenutop ul ul {float:left; padding:3px; display:block; position:absolute; background-color:#000;opacity:0.6;display:none; width:150px; z-index: 10;}
#rightmenutop ul li:hover ul {display:block;}
#rightmenutop ul ul li {float:none; margin:0; padding:0;text-align:left;}
#rightmenutop ul ul a {text-decoration:none;margin:0; padding:2px 4px 2px 4px; color:#fff;}
#rightmenutop ul ul a:hover {background-color:white; color:black;}
*/
.space {padding:0 31px 0 31px;float:left;}
/* Top Menu end */

/** Case Studies **/
.casebox {min-height:300px;}
#listcase a {margin-left:30px;width:280px;float:left;padding:2px 2px 2px 2px; color:#999; text-decoration:none; font-size:12px;}
#listcase a:hover {color:#ff0000;}
#case {color:#ff0000;padding:10px; font-style:italic;display:block;text-align:left;font-size:18px; margin-left:20px; }
.casetitle {color:#ff0000; width:854px; padding:2px 5px 2px 0px; font-size:16px; font-weight:bold;}
.casetext { text-align: left;}
#hpagebar {display:none;}
#pagebar { width: 290px; float:right; padding:2px;}
.pagebar_num { padding:2px 5px 2px 5px; margin-left:2px; color:#999;text-decoration:none; }
.pagebar_this { background-color: #fff; padding:2px 5px 2px 5px; color:#ff0000; font-weight:bold;}
#casefeedback {font-style:italic;font-size:14px; color:#999;}
#casefeedbackauth {font-size:10px; color:#000;}
.backbtn {color: #999; font-weight:bold;text-decoration:none;}
.backbtn:hover {color: red;cursor:pointer;}
/** Case Studies End**/

/** blog style **/
/* home rand blog */
.randblog {  min-height: 75px; padding: 10px;overflow:hidden; margin-top:20px; border: 1px solid #E8ECF0; width:680px; }
.randblog .miniblogo {}
.randblog .blogtitle {font-weight:bold; font-style:italic; font-size:12px; color:#ff9900;}
.randblog .blogsummary { color:#4F6477; font-style:italic; font-size:11px;}
.randblog .rotwof {float:left;  display: none;  min-height: 75px;  overflow: hidden; clear: none;margin:0 0 10px 0;}
.randblog .rotwof p {  margin: 0;}
.randblog .rotwof a:link, .randblog .rotwof a:visited {  text-decoration: none;  color: #636466;}
.randblog .rotwof a:hover, .randblog .rotwof a:active {  text-decoration: underline;}
.randblog .rotwof a b {  font-weight: normal;  color: #35BFC0;}
.randblog #randitem-more:link, .randblog #randitem-more:visited { margin:0px 0 0 0px;  text-decoration: none;  color: #ED1555;}
.randblog #randitem-more:hover, .randblog #randitem-more:active {  text-decoration: underline;}

/* menu blog on the right hand side */
.archiveblogtop {font-weight:bold;text-align:left;font-size:14px; margin:0px 0 20px 10px;text-transform:lowercase;text-align:left;}

.menublogtop {height:10px;padding:10px 0 10px 10px;font-weight:bold;color:#000;text-align:left;}
.menublogmid {}
.menublogbtm {height:10px;}
.menublog {padding:10px 0 10px 10px;font-weight:bold; text-align:left; color:#000;}
.menublogtop a {color:#ff0000;}
.menublogtop a:hover {color:#999;}

.menublogmid {margin: 0 0 10px 20px;}
.menublogmid .blogtitle {text-align:left; margin:2px 10px 2px 10px; font-size:12px;}
.menublogmid .blogtitle a {text-decoration:none;padding:0px;color:#ff0000;}
.menublogmid .blogtitle a:hover {text-decoration:none;color:#999;}
.menublogmid .linebreak {height:5px; border-top:1px solid #ccc;}
.menublogmid .grpblog {margin: 0 0 0 15px;}
.menublogmid .grpblog .grptitle {font-weight:bold;color:#000;text-align:left;}

/* blog content on the blog page */
.blogtbl {width:600px;margin:20px 0 0 0;}
.blogtbl .blogtitle {font-size:14px;margin:0 0 10px 0; }
.blogtbl .blogauthor {text-align:right; color:#ff0000;}

.blogcontent .blogtext {width:600px;}
.blogcontent .blogreturn {text-align:right;padding:0 0 10px 0;  }
.blogcontent .blogreturn a {color:#ff0000;}
.blogcontent .blogreturn a:hover {color:#999;}
.blogcontent td h2.blogtitle {color:#000;font-weight:bold;padding:0 10px 0 0;}
.blogcontent a {color:#000; font-weight:bold;}
.blogcontent a:hover {color:#ff0000;}
.blogcontent .btnac {cursor: pointer;border:0px;margin-top:1px;font-size:12px;padding:4px;color:#ff0000;display:block;}
.blogcontent .ncomments {width:130px;display:block; color:#000;}
.blogcontent .btnac:hover {cursor: pointer;border:0px;margin-top:1px;font-size:12px; color:#999;}
.blogsep {border:1px solid #ccc;width:600px;float:left;}
.blogtweet, .blogfbook {float: right; margin-right: 10px;}

/* comments display */
.blogcontent .item  {border:0; border:1px solid #ff0000; color:#ff0000; font-style:italic; font-size:12px;width:500px;padding:15px;}
.blogcontent .item  .tblcmts {}
.blogcontent .item  .tblcmts td .commenttitle {font-weight:bold;font-style:italic; font-size:12px; color:#ff0000;padding: 0 0 10px 0;}
.blogcontent .item  .tblcmts td .commentsummary { color:#000; }

/* comment form */
.icaptcha {width:160px;height:40px;}
.blogcontent .commentfrm {width:480px;}
.blogcontent .commentfrm  #addcmnt_add {background-color:#666666;color:#FFFFFF; cursor: pointer;border:0px;margin-top:1px;font-size:12px;}
.errortext {color:red; padding:10px 0 10px 0;}
.successtext {color:#000; font-weight:bold;}
td .notreadable {}

/* footer block blog */
.fblinks {text-align:left;padding:10px 0 0 10px;}
.fblinks .blogtitle a {font-size:14px;}
.fblinks .blogsummary a {color:#000;font-weight:normal;}
.fblinks #blogbox {padding: 0px 0 10px 0;text-align:left;border-bottom:1px solid #e4e4e4;}
/** Blog end **/

/** foot section **/
#foot {margin-top:10px;}
.twdlogo {float:right; padding-left:209px; }
.powered { float:right;  }
.validlogo {float:right;margin:-5px 63px 0 0;}
#footservices {margin: 10px 0px 10px 0px; }
#footservices h1 {font-size:12px; color:#666; }
/** foot section end **/