/*
Theme Name: Intellect Systems
Theme URI: 
Description: 
Author: Virode
Version: 1.0
Tags: 
*/

/* Reset */
html, body, div, span, object, iframe, blockquote, pre, a, code, del, em, font, img, small, strike, strong, dl, dt, dd, fieldset, form, label, caption { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

:focus { outline: none; }

a { color: #528794; text-decoration: none; }
a:hover { color: #47a1b8; }
a img { border: 0; }
.clear { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
input[type=submit]::-moz-focus-inner {
   border:0;
   padding:0;
}
.button {
	background: #8a8b8d;
	color: #ffffff;
	border: 0;
	cursor: pointer;
	padding: 5px 10px;
}

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #111016; line-height: 18px; min-width: 960px; background: #f5f5f5; }
h1 { font-size: 26px; line-height: 30px; }
h2 { font-size: 18px; line-height: 22px; }
h3 { font-size: 16px; line-height: 20px; }
h4 { font-size: 14px; line-height: 18px; }
h5 { font-size: 12px; line-height: 16px; }
h1, h2, h3, h4, h5 { padding: 0; margin: 0 0 15px 0; font-weight: normal; }
h1, h2 { font-weight: 300; font-family: 'Open Sans', sans-serif; }
h1, h2, h3 { color: #1e8ea6; }
h4, h5 { color: #0174ad; }

.clear,
.header:after,
.main:after,
.box-features:after,
.footer:after
{ clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }

.wrapper { width: 960px; margin: 0 auto; }

.header-container { background: #f4f4f4 url(images/bg_header.jpg) repeat-x left bottom; height: 105px; }
.header { width: 960px; margin: 0 auto; }
.header .logo { float: left; width: 192px; }
.header .nav-top { float: right; max-width: 750px; padding-top: 33px; }

.main { margin-bottom: 50px; }
.slider-wrapper { width: 100%; margin-bottom: 27px; }
/*.slider-wrapper { width: 100%; height: 582px; margin-bottom: 27px; } */
.nivo-caption h4 { color: #ffffff; padding: 0; margin: 0; }

.lhs { float: left; width: 186px; background: url(images/bg_lhs.jpg) no-repeat top right; min-height: 560px; padding-top: 52px; margin-right: 40px; }
.lhs ul { list-style: none; margin: 0; padding: 0; margin-right: 6px; }
.lhs li { border-top: 1px solid #cacaca; padding: 8px; }
.lhs li:last-child { border-bottom: 1px solid #cacaca; }
.lhs li:hover, .lhs li.current { background: #eeedeb; }
.content { float: left; padding-top: 35px; width: 545px; }
.content.two-cols { width: 771px; }
.content.full { float: none; width: 936px; }
.rhs { float: right; width: 165px; padding-top: 80px; color: #848484; }
.rhs .box { background: #d2d2d2; padding: 5px 10px 10px; width: 145px; margin-bottom: 15px; }

.box-features { }
.box-features .box { float: left; width: 304px; color: #818181; }
.box-features .box h4 { padding: 0 5px; margin: 8px 0 10px; color: #3f3f3f; }
.box-features .box p { padding-top: 0; padding-left: 5px; padding-right: 5px; margin-top: 0; }
.box-features .box a { color: #2493e4; }
.box-features .box ul { list-style: none; margin: 0; padding: 0; }
.box-features .box ul li { border-bottom: 1px dotted #cccccc; padding: 5px 0 5px 5px; }
.box-features .box ul li:first-child { padding-top: 0; }
.box-features .box.our-solutions, .box-features .box.help { margin-right: 24px; }
.box-features .testimonials .position { font-size: 11px; }

.featured-image { height: 175px; }
.posts { }
.posts ul { list-style: none; padding: 0; margin: 0; }
.posts ul li { border-bottom: 1px solid #d5d5d5; padding: 0; margin: 0; padding-bottom: 30px; margin-bottom: 30px; }
.posts ul li:last-child { border: none; }
.posts ul li p { margin-bottom: 0; }
.posts .col-thumb { float: left; width: 76px; margin-right: 15px; }
.posts .col-thumb img { width: 74px; height: 66px; border: 1px solid #e9e5e4; }
.posts .col-content { float: left; width: 455px; }
.posts .col-content h4 { margin: 0; padding: 0; }
.posts .col-content p { margin-top: 10px; }
.posts .meta { font-size: 11px; }
.single-title { margin-bottom: 2px; }
.single.meta { margin-bottom: 20px; }

span.wpcf7-quiz-label { display: inline-block; }
span.wpcf7-list-item { display: block; }
span.wpcf7-not-valid-tip {
	position: relative;
	top: 0;
	left: 0;
	border: none;
	background: transparent;
	font-size: 12px;
	width: 100%;
	padding: 3px 0 0 0;
	color: #ff0000;
	display: block;
	z-index: 0;
}

.footer-container { background: #262626; }
.footer { width: 950px; margin: 0 auto; color: #888888; padding: 30px 5px; font-size: 11px; }
.footer a { color: #888888; }
.footer h5 { color: #ffffff; margin: 0; padding: 0;  font-size: 11px; }
.footer p { padding-top: 0; margin-top: 0; }
.footer .links { float: left; width: 460px; margin-right: 40px; }
.footer .links ul { list-style: none; margin: 0; padding: 0; }
.footer .links ul li { display: inline; padding-right: 8px; }
.footer .links ul li:last-child { padding-right: 0; }
.footer .contact { float: left; width: 200px; }
.footer .contact-form { float: right; width: 185px; }
.footer .contact-form input[type=text],
.footer .contact-form input[type=email],
.footer .contact-form textarea { border: none; padding: 4px; width: 112px; color: #262626; background: #7d868c; margin: 0; }
.footer .contact-form textarea { height: 80px; }
.footer .contact-form input[type=submit] { background: none; border: none; color: #98c8e9; margin: 5px 0 0; padding: 0; }
.footer .contact-form table { width: 100%; }
.footer .contact-form td { vertical-align: top; padding: 3px; }
.error, .required { color: #ff0000; }
.sep1 { background: #eaeaea; height: 1px; margin: 20px 0; }

/* =Images
-------------------------------------------------------------- */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 20px;
}