﻿/*
Theme Name: Inno 360
Theme URI: http://bitsDesigns.com/
Description: Inno 360 Project
Author: Tom Tally T2 Design Graphic Designer, Jorge Carbwood BitsDesigns Developer
Author URI: http://t-2design.com/
Version: 1.0.0
Tags:
License:
License URI:

*/

/* CSS Reset

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
        font-family: 'Open Sans', sans-serif;
}


h2,h2 a {
	
	font-family: 'Open Sans', sans-serif;
	font-size:20px;font-weight:700;
	text-decoration:none;
	color:#3471A5;

}

h3, h3 a {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;font-weight:700;
	text-decoration:none;
	color:#3471A5;
}

h4, h4 a {
	font-family:'Open Sans', sans-serif;
}

h5, h5 a {
	font-family:'Open Sans', sans-serif;
}

h6, h6 a {

	font-family:'Open Sans', sans-serif;
	
}

p {
	font-family:'Open Sans', sans-serif;
  	font-size:14px;
	font-weight:400;
	line-height:20px;
	color:#000000;
  }

/* ------- End of CSS Reset --------- */

body {
    margin-top:0;
	height:100%;
}

#wrap {
	width:100%;
	margin:auto;
}

/*------------------------------- HEADER ----------------------------------*/

#header {
  float:left;
  height:108px;
  width:100%;
  background-image:url(images/header-right.jpg);
  background-repeat:repeat-x;
}
.left-header {
  background-image:url(images/header-left.jpg);
  float:left;
  height:108px;
  width:180px;
}
.center-header {
	margin:auto;height:108px;width:1200px;
	
}

/*---- logo ----*/

.logo {
  background-image:url(images/logo.jpg);
  background-repeat:no-repeat;
  float:left;
  height:108px;
  width:260px;
}

.logo-image {
  margin-left:21px;
  margin-top:14px;
}
/*---- End of logo ---*/

.main-nav {
  float:left;
  height:108px;
  width:710px;
}
.socials {
  background-image:url(images/socials.jpg);
  float:left;
  height:45px;
  width:650px;
}

.socials-logos {

	float:right;
	padding-right:50px;
	
}

.header-right {
  background-image:url(images/header-right.jpg);
  float:left;
  height:100px;
  width:48px;
}
.left-navigation-header {
  background-image:url(images/header-right-06.jpg);
  float:left;
  height:63px;
  width:180px;
}
.navigation {
  background-image:url(images/nav.jpg);
  float:left;
  height:35px;
  width:500px;
}

.navigation li {
	list-style:none;
}

/*------------------------------ END OF HEADER --------------------------------*/



/*------------------------------ Content -----------------------------------------*/


#content{

	clear:both;
	margin:auto;
	background-color:white;
	background-image:url(images/content.jpg);
	background-repeat:no-repeat no-repeat;
	min-height:100%;
	padding-top:40px;
	width:1200px;
	

}

.post-content {
	width:800px;
	margin:auto;
}

.slider {

	clear:both;
  	height:370px;
  	width:1200px;
  	margin:auto;
  	
}
/*---------------------------- End of Content ------------------------------------*/


/*---------------------------- Footer --------------------------------*/

#main-footer-area {
	margin-top:30px;
	width:100%;
	margin-bottom:0px;
}

.center-footer {
	width:1200px;height:480px;
	margin:auto;
}

/* ----- Case Studies ---- */

.case-studies {

	clear:both;
	width:100%;
	height:480px;
	background-image:url(images/case-studies-right.jpg);background-repeat:repeat-x;
}

.middle-case-studies {
	float:left;
	width:600px;
	height:480px;
	background-image:url('images/case-studies-new.jpg');
	background-repeat:no-repeat;
}

.left-case-studies {
	
	float:left;
	background-image:url('images/footer_top.jpg');
	background-repeat:no-repeat;
	width:180px;
	height:480px;
}

.right-case-studies {
	
	float:left;
	height:480px;
	width:100px;
	background-image:url('images/case-studies-right.jpg');
	background-repeat:no-repeat;
}

.case-studies-post {
	
	margin-left:40px;
  	margin-right:70px;
 	margin-top:60px;
	
}

.case-studies-post li {
	list-style:none;
}

.schedule-a-demo {
	
	float:left;
	width:320px;
	height:580px;
	background-image:url('images/schedule-demo.jpg');
	background-repeat:no-repeat;
}

.schedule-demo-post {

	margin-top:30px;
	
}

.schedule-demo-post li {
	list-style:none;
}
/* ---- Footer Bottom ---- */
#footer-bottom, .push {
	
	clear:both;
	height:129px; /* .push must be the same height as .footer */
	width:100%;	
	background-image:url('images/footer-background.jpg');
	background-repeat:repeat-x;
}

.footer-image {
	width:1200px;
	height:129px;
	margin:auto;
	
}

.contact-image {
	vertical-align:top;
	margin-left:50px;
	
}

/* ----- Jobs ---- */
.jobs ul {
        list-style-position:outside;
	list-style-type:square;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-decoration:none;
	position:relative;
	left:30px;
}

.jobs h3{
	font-size:14px;font-weight:700;
}

.jobs a{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;font-weight:700;
}

.job-apply-table td, th{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

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

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

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

strong {
	font-weight: bold;
}


/* menu */

#dc_jqmegamenu_widget-2-item ul.menu {
  background-color:#CCCCCC;
  background-image:url(/wp-content/plugins/jquery-mega-menu/skins/images/bg_white.png);
  background-position:0 -80px;
  background-repeat:repeat no-repeat;
  border-left-color:#AFAFAF;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#AFAFAF;
  border-right-style:solid;
  border-right-width:1px;
  height:35px;
  position:relative;
  width:100%;
}

#dc_jqmegamenu_widget-2-item {
  font-family:'Open Sans', sans-serif;
  font-size:12px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:10px;
  color:#7E7F83;
}

#dc_jqmegamenu_widget-2-item ul, li, a{
  font-family:'Open Sans', sans-serif;
}

#dc_jqmegamenu_widget-2-item ul li a {font-family:'Open Sans', sans-serif; float: left; display: block; color: #000; padding: 12px 25px 12px 25px; background: ; text-shadow: 1px 1px 1px #fff; text-decoration: none;
}

.wpcf7-text {
   	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
   	border-radius: 5px 5px 5px 5px;
	height:20px;
}

.wpcf7-form textarea {
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	border-radius: 5px 5px 5px 5px;
	height:100px;
}

.wpcf7-form select {
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	border-radius: 5px 5px 5px 5px;
	height:20px;width:276px;
	color:#7E7F83;
}


#schedule-a-demo {

}

.submit-schedule-demo {

	color: #FFFFFF;
 	width: 190px; <-- change 11111
 	height: 38px; <-- change 11111
 	margin: 0;
 	padding: 0;
 	background: url(images/signup-schedule-demo.jpg) 0 0 no-repeat;
	border:none;
	margin-left:200px;
	padding-bottom:20px;
	cursor:pointer;

}

.main-form-submit-button {

	color: #FFFFFF;
 	width: 190px; <-- change 11111
 	height: 38px; <-- change 11111
 	margin: 0;
 	padding: 0;
 	background: url(images/main-form-submit-button.png) 0 0 no-repeat;
	border:none;
	margin-top:5px;
	padding-bottom:20px;
	cursor:pointer;

}

.salesforce-inno {

	width:300px;

}

/*----- Jobs Section ------*/

.job-table {

}