/*
Theme Name: Monotech Premium Theme
Author: ChiQ
Author URI: http://www.wpthemedesigner.com/
Initial Modifications: WebIdiotz Company
Further Modifications: Dan Bernardic, SR&J Customer Care
*/

* {
  margin: 0;
  padding: 0;
}

body {
  font: 12px Arial;
  color: #8C8C8C;
  text-align:justify;
  text-decoration:none;
}

a {
  text-decoration: none;
  color: #31A0FC;
}

img {
  border: 0;
}

.break {
  font-size: 0;
  width: 0;
  height: 0;
  clear: both;
}

.alignleft {
  float: left;
  margin: 4px 10px 5px 0;
}

.alignright {
  float: right;
  margin: 4px 0 5px 10px;
}

.hidden {
  display: none;
}

.noimage img {
  display: none;
}

#wrapper {
  width: 974px;
  margin: auto auto;
  text-align: left;
  padding-right: 6px;
}

/** BEGIN header **/
#header {
  height:380px;
}

#header .flash {
  width: 974px;
  height: 334px;
}
#header ul {
  list-style-type: none;
  height: 40px;
  float:right;
}
#header ul li {
  float:left;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  color: #9CC8EF;
  background: url(images/top-menu-dot.jpg) no-repeat 0 center;
  padding-left: 1px;
}
#header ul li.f {
  color:#FF0000;
}
#header ul li a {
  color: #A0A0A0;
  padding: 10px 15px 11px;
  display: block;
}

#header ul li a:hover {
  color: #4084B2;
}

#header ul li.current_page_item a {
  color: #4084B2;
}

#header h1 {
  text-transform: uppercase;
  font-size: 2.5em;
  font-weight: normal;
  padding: 25px 0 5px 20px;
}

#header h1 a {
  color: #ffffff;
}

#header p {
  color: #A1C2E1;
  font-size: 1.2em;
  font-weight: bold;
  padding-left: 20px;
}
/** END header **/

/** BEGIN content **/
#content {
  width: 950px;
  margin:0 auto;
  padding-top:10px;
}

#content #latest {
  border-top: 4px solid #000000;
}

#content #latest h2 {
  font-size: 1.5em;
  border-bottom: 1px dotted #B7B7B7;
  padding: 5px 0;
  margin-bottom: 20px;
}

#content #latest h2 a {
  color: #000000;
}

#content #latest img {
  float: left;
  margin: 5px;
}

#content #latest .post {
  float: right;
  width: 400px;
  padding: 5px;
}

#content #latest .post p {
  margin-bottom: 10px;
}

#content #latest .post .readmore {
  font-size: 0.9em;
  float: right;
  margin: 20px 0 10px;
}

#content #csidebar {
  clear: both;
  width: 260px;
  float: left;
  margin-right:10px;
  background:url(images/line.jpg) no-repeat top right;
}
#content #csidebar h2 {

  /*border-bottom: 1px dotted #B7B7B7;
  */;
  font-size: 1em;

  padding: 8px 0;
}
#content #csidebar ul {
  list-style-type: none;
  padding-bottom: 10px;
}
#content #csidebar ul li {
  border-bottom: 1px solid #E2E2E2;
  padding: 6px 0;
}
#content #csidebar ul li a {
  color: #000000;
}
#content #csidebar ul li a:hover {
  color: #31A0FC;
}
#content #ccontent {
  width: 680px;
  float: right;
}

#content #ccontent .right {
  float:left;
  width:417px;
  padding-right:10px;
  margin-right:10px;
  margin-top:10px;
  background:url(images/line.jpg) no-repeat top right;
  text-align:justify;
}

#content #ccontent h2 {
  font-size: 24px;
  padding: 8px 0;
  color:#5B5A5A;
  font-weight:normal;

}
#content #ccontent .post {
  padding-bottom: 20px;

  margin-bottom: 10px;
}
#content #ccontent .post h3 {
  font-size: 24px;
  color:#5B5A5A;
  font-weight:normal;
  padding-bottom: 4px;

}
#content #ccontent .post h3 a {
  color:#5B5A5A;
}
#content #ccontent .post .details {
  text-transform: uppercase;
  font-size: 0.9em;
  padding-bottom: 10px;
  margin-left: -5px;
}
#content #ccontent .post .details a {
  margin: 0 5px;
}
#content #ccontent .post img {
  float: left;
  margin-right: 15px;
  height: 100px;
  width: auto;
}
#content #ccontent .post p {
  margin-bottom: 10px;
}
#content #ccontent .post .readmore {
  float: right;
  clear: both;
  font-size: 0.9em;
  margin-bottom: 10px;
}
/** END content **/

/** BEGIN sidebar **/

#sidebar {
  width: 230px;
  padding-left:5px;
}

#sidebar .box {
  font-size:24px;
  font-family:Arial, Helvetica, sans-serif;
  color:#FF0000;
  font-weight:normal;
}

#sidebar .box h2 {
  font-size: 22px;
  padding: 8px 0;
  text-transform:capitalize;
}

#sidebar .box p {
  margin: 5px 0 10px;
}

#sidebar .box form {
  width: 100px;
  height: 27px;
  background: url(images/search.gif) no-repeat 0 0;
}

#sidebar .box form input {
  float: left;
  margin: 4px 7px 0 4px;
  border: 1px solid #ffffff;
  width: 100px;
}

#sidebar .box form button {
  float: left;
  border: 0;
  text-indent: -9999px;
  width: 70px;
  height: 30px;
  background-color: transparent;
}

#sidebar .box ul {
  list-style-type: none;
  padding-bottom: 10px;
}

#sidebar .box ul li {
  line-height:20px;
}

#sidebar .rc a {
  font-weight: bold;
}

#sidebar .rc li {
  padding: 0 !important;
}

#sidebar a {
  font-size:14px;
  color: #4770AF;
  background:url(images/arow.jpg) no-repeat center left;
  text-decoration:underline;
  padding-left:20px;
}

#sidebar a:hover {
  color: #4770AF;
}

/** END sidebar **/

/** BEGIN footer **/

#footer {
  clear: both;
  color: #000000;
  padding: 15px 0;
  font-size: 0.9em;
  line-height: 1.8em;
}

#footer .wrapper {
  width: 100%;
  background:#CFDFEC;
  height:6px;
  margin: auto auto;

}

#footer a {
  color: #9FC7EB;
}

#footer .right {
  float: right;
}

/** END footer **/

/** BEGIN misc **/

#content .post h3 {
  margin-bottom: 5px;
}

#content .post ul {
  padding-left: 15px;
  margin-bottom: 10px;
}

#content .post ul li {
  padding: 2px 0;
}

#content .post ol {
  padding-left: 20px;
  margin-bottom: 10px;
}

#content .post ol li {
  padding: 2px 0;
}

#content .post blockquote {
  font-style: italic;
  padding: 10px;
  background-color: #EEEEEE;
  border-width: 1px 0;
  border-style: solid;
  border-color: #E3E3E3;
  margin-bottom: 10px;
}

#content .single .details {
  clear: both;
  border-width: 1px 0;
  border-style: dotted;
  border-color: #B5B5B5;
  text-transform: none !important;
  line-height: 1.6em;
  padding: 5px 0 !important;
}

#content .single .details a {
  margin: 0 !important;
}

#content .single .details .l {
  float: left;
  width: 45%;
  margin-bottom: 0 !important;
}

#content .single .details .r {
  float: right;
  width: 45%;
  margin-bottom: 0 !important;
}

#content .single {
  border-bottom: 0 !important;
}

#content .single h2 {
  font-size: 24px !important;
  text-transform: none !important;
}

#comments h2 {
  margin: 20px 0;
}

#comments p {
  margin-bottom: 10px;
  line-height: 1.5em;
}

#comments form {
  padding-top: 20px;
}

#comments form p {
  margin-bottom: 5px;
}

.commentdetails {
  margin-top: 25px;
}

.commentauthor {
  margin-bottom: 5px !important;
  font-weight: bold;
}

.commentdate {
  font-size: 0.8em;
  margin-bottom: 5px;
  color: #909090;
}

.required {
  color: #ff0000;
}

.sdetails {
  clear: both;
  font-size: 0.8em;
  padding-top: 20px;
}

.sdetails p {
  margin-bottom: 5px !important;
  color: #909090;
}

.sdetails a {
  color: #909090;
}

.sdetails a:hover {
  color: #282828;
}

/** END misc **/


#display-img {
  width:100%;
  padding-bottom:10px;
}

#display-img .img-border {
  border:solid 1px #cccccc;
  padding:5px;
}

#display-img .content {
  width:190px;
  float:left;
  margin-right:30px;
}


.title-text {
  font-size:24px;
  color:#5B5A5A;
  text-decoration:none;
}

.text-style {
  font-size:12px;
  color:#1F6A4E;
  text-decoration:underline;
  line-height:30px;
}

.text-gray {
  font-size:13px;
  color:#6B6B6B;
  text-decoration:none;
  line-height:30px;
  font-weight:bold;
}

.text-gray2 {
  font-size:12px;
  color:#8C8C8C;
  text-decoration:none;
}

.text-blue {
  font-size:12px;
  color:#4084B2;
  text-decoration:none;
  text-align:justify;

}

.readmore-btn {
  background:url(images/readmore-btn.jpg) no-repeat;
  width:84px;
  height:20px;
  cursor:pointer;
}


.read-about-btn {
  background:url(images/read&about-btn.jpg) no-repeat;
  width:131px;
  height:20px;
  cursor:pointer;
}

.Awards-Testimonials {
  background:url(images/Awards&Testimonials.jpg) no-repeat;
  width:178px;
  height:82px;
}


.OutsourcingSolutions {
  background:url(images/OutsourcingSolutions.jpg) no-repeat;
  width:178px;
  height:82px;
}

.WhyWeSucceed {
  background:url(images/WhyWeSucceed.jpg) no-repeat;
  width:178px;
  height:82px;
}

#csidebar-contentpanel {
  background:url(images/h-line.jpg) no-repeat bottom center;
  width:250px;
  padding-bottom:10px;
  padding-top:10px;
}

#joinus-panel {
  width:100%;
}

.facebook-icon {
  background:url(images/facebook-icon.jpg) no-repeat;
  width:42px;
  height:51px;
  float:left;
  margin-top:10px;
  margin-right:10px;
  cursor:pointer;
}

.twitter-icon {
  background:url(images/twitter-icon.jpg) no-repeat;
  width:42px;
  height:51px;
  float:left;
  margin:10px;
  cursor:pointer;
}

.youtube-icon {
  background:url(images/youtube-icon.jpg) no-repeat;
  width:42px;
  height:51px;
  float:left;
  margin:10px;
  cursor:pointer;
}

.more-btn {
  border:solid 1px #B1B1B1;
  background:url(images/btn-arow.JPG) #FFFFFF no-repeat center left;
  width:9px;
  height:18px;
  padding-left:15px;
  padding-right:10px;
  padding-top:2px;
  padding-bottom:2px;
  color:#242424;
  font-weight:bold;
}

.more-btn:hover {
  color:#242424;
  text-decoration:underline;

}


#blog-panel {
  width:100%;
}

#blog-panel .title_text {
  font-size:24px;
  color:#5B5A5A;
  text-decoration:none;
  margin-top:10px;
}

.leftBox_blog {
  padding: 0 !important;
}
.leftBox_blog a {
  font-size:12px;
  color: #1F6A4E;

  text-decoration:underline;
  padding-left:0px;
}
.leftBox_blog a:hover {
  color: #1F6A4E;
}

.leftBox_blogh12 {
  padding-top:10px;
  padding-bottom:15px;
}


.left_Box_blog1 {
  padding: 0 !important;
}
.left_Box_blog1 a {
  font-size:12px;
  color: #8C8C8C;
  font-weight:bold;
  text-decoration:underline;
  padding-left:0px;
  padding-top:15px;
}
.left_Box_blog1 a:hover {
  color: #8C8C8C;
}

.more_arrow {
  background:url(images/morenews_arrow.jpg) no-repeat;
  width:3px;
  height:5px;
  margin-top:10px;
  margin-left:5px;
  margin-right:5px;
  float:left;
}

.more_news_text {
  font-size:12px;
  font-weight:bold;
  color:#000000;
  margin:5px;
  text-decoration:none;
}

.more_news_text:hover {
  color:#00FFFF;

}

.more_news_text12 {
  color:#000000;
}

.subscribe {
  background: url(images/subscribe_btn.jpg) no-repeat;
  width: 67px;
  cursor: pointer;
  height: 19px;
  border-width: 0;
  margin-top: 5px;
  margin-bottom: 20px;
}

.style1 {
  text-align: center;
  font-size: 10px;
}