/* 
Theme Name: JumpCloudSolutions
Theme URL: http://JumpCloudSolutions.com 
Description: A custom theme for JumpCloudSolutions.
Author: Matthew Albert
Author URI: http://mdalbert.com
Version: 1.0
*/

html {
	font-family: Tahoma, Geneva, sans-serif;
	background: #fff;
}

ul, li {
	margin: 0;
/* padding: 0; */
}

p {
	color: #5d5d5d;
}

a, a:visited {
	text-decoration: none;
	color: #1687d4;
}

a:hover {
	border-bottom: 1px dotted #1687d4;
}


#container{
	margin: 0 auto;
	width: 901px;
}

#header {
	margin: 10px 0 5px 0;
}

#header img {
	float: left;
	margin-bottom: 5px;
}

#header li {
	list-style-type: none;
	display: inline;
	letter-spacing: .07em;
}

#header a {
	color: #fff;
	text-decoration: none;
	font-size: .8em;
	padding: 0 6px 5px 6px;
}


#header #active a, #header a:hover {
	color: #fff;
	border: none;
	background: url(images/select-triangle.png) no-repeat center 15px;
}

#header .contact-info {
	float: right;
	width: 242px;
	margin-top: 20px;
	font-size: .8em;
	color: #8c8c8c;

}

#header .contact-info ul {
	padding: 0;
}

#header .contact-info a, #header .contact-info a:hover {
	font-size: .9em;
	color: #8c8c8c;
	padding: 0;
}

#header .contact-info li {
	list-style-type: none;
	display: block;
}


#nav {
	background: url(images/nav-back.png) no-repeat;
	width: 896px;
	height: 24px;
	padding-left: 5px;
	padding-top: 2px;
	float: left;
}


#nav .current_page_item a, #nav .current_page_ancestor a, #nav .current_page_parent a {
	color: #fff;
	background: url(images/select-triangle.png) no-repeat center 18px;
	font-size: 1em;	
}

.content {
	float: left;
	color: #5d5d5d;
	font-size: .8em;
	line-height: 1.4em;
	padding: 0 10px 10px 10px;
}

.content h2 {
	font-weight: normal;
	margin-top: 0;
}

.content h2 a {
	color: #dd6f3e;
}

.content-w-sidebar {
	float: left;
	width: 665px;
	color: #5d5d5d;
	font-size: .8em;
	line-height: 1.4em;
	border-left: 1px solid #ddd;
	padding-left: 15px;
	margin: 10px 0 10px 0;
}

.content-w-sidebar h2 {
	margin-top: 0;
	font-weight: normal;
}

.content-w-sidebar h2 a {
	color: #dd6f3e;
}

.content-w-sidebar h3 {
	color: #6f4526;
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: -5px;
}

.farwel-msg {
	margin: 15px 75px 10px 75px;
	line-height: 2em;
}

.farwel-msg h1 {
	font-size: 1.7em;
	font-weight: normal;
	color: #dd6f3e;
	margin-bottom: 0;
	margin-top: 0;
}


.home-web-desg  {
	float: right;
	width: 388px;
	height: 222px;
	margin: 10px 0;
	padding: 10px 20px 30px;
	background: url(images/web-desg-back.png) no-repeat;
}

.home-gtraining {
	float: left;
	width: 400px;
	height: 222px;
	margin: 10px 0;
	padding: 10px 20px 30px;
	background: url(images/gapps-train-back.png) no-repeat;
}

.home-gtraining  h1 {
	font-size: 1.7em;
	font-weight: normal;
	color: #dd6f3e;
	margin-bottom: 0;
	margin-top: 0;
}



.home-web-desg  h1 {
	font-size: 1.7em;
	font-weight: normal;
	color: #dd6f3e;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 65px;
}

.home-gtraining  p {
	color: #5d5d5d;
	line-height: 1.3em;
	padding: 0 95px 0 0;
	margin-bottom: 0;
	margin-top: 8px;
}

.home-web-desg  p {
	color: #5d5d5d;
	line-height: 1.3em;
	padding-left: 65px;
	margin-bottom: 0;
	margin-top: 8px;
}

.home-web-desg  a, .home-gtraining  a {
	text-decoration: none;
	color: 
}

.google-partners-home {
	float: left;
	width: 400px;
/* 	height: 176px; */
	margin: 5px 0px 0px 0px;
/* 	background: url(images/google-partners-back.png) no-repeat; */
	padding: 15px;
}

.google-partners-home h2, .client-list h2 {
	font-size: 1.4em;
	font-weight: normal;
	color: #dd6f3e;
	margin: 0;
}

a.get-info {
	background: url(images/get-info-btn.png) no-repeat;
	padding-top: 6px; 
	text-align: center;
	width: 72px;
	height: 30px;
	color: #656565;
	display: block;
	margin-top: 2px;
}

a:hover.get-info {
	border: none;
	cursor: pointer;
		background: url(images/get-info-btn-hover.png) no-repeat;
}

p.brown-text {
	color: #6f4526;
	font-style: italic;
}


.client-list {
	float: right;
	width: 400px;
/* 	height: 176px; */
	margin: 5px 0px 10px 0px;
/* 	background: url(images/client-list-back.png) no-repeat; */
	padding: 15px;
}

.client-list img {
	float: left;
	margin: 0 10px 10px 0;
	border: none;
}

 .pullquote {
	float: left;
	background:transparent url(images/pullquote.gif) no-repeat scroll 0 0;
	font-family:Georgia,"Bitstream Vera Serif",serif;
	font-size: 1.1em;
	font-style: italic;
	font-weight: normal;
	line-height:1.5em;
	margin-left: 25px;
	min-height: 44px;
	padding: 6px 0 2px 28px;
	color: #737373;
	width: 750px;
}

.pullquote_author {
	font-size: .9em;
	text-align:right;
	color: #737373;
		line-height:1.2em;
}

#featured-posts {
	width: 425px;
	float: right;
	margin-top: 15px;
}

#featured-posts h2 {
	font-weight: normal;
	color: #dd6f3e;
	font-size: 1.2em;
}

#featured-posts h3 {
	margin-bottom: 0;
	font-size: 1em;
}

#featured-posts h3 a, #featured-posts h3 a:visited {
	color: #6f4526;
	font-weight: normal;
	text-decoration: none;
}

#featured-posts h3 a:hover {
	border: none;
}

#featured-posts p {
	margin: 0;
	color: #5d5d5d;
	line-height: 1.4em;
}

#featured-posts .read-more {
	text-decoration: none;
	margin-bottom: 10px;
}

#post {
	width: 670px;
	float: left;
	font-size: .8em;
	line-height: 1.5em;
	padding: 0 15px 0 15px;
	border-right: 1px dotted #ddd;
}

#post h2 {
	margin-bottom: 0px;
}

#post h2 a {
	font-size: .9em;
	color: #dd6f3e;
	font-weight: normal;
}

.post-author {
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: .8em;
	color: #8b7971;
}

.comments {
	background: url(images/double_comment.png) no-repeat;
	padding: 0 0 0 18px;
}

#postmeta {
	margin-bottom: 10px;
}


#postnavigation{}
#searchform{}

#sidebar {
	width: 180px;
	float: left;
	margin-bottom: 15px;
	color: #5d5d5d;
	padding: 0 10px 0 10px;
	font-size: .8em;
	line-height: 1.3em;

}

#sidebar h2 {
	font-size: 1.2em;
	color: #8b6c51;
	font-weight: normal;
	margin-bottom: 5px;
}

#sidebar  ul {
	padding-left: 0;
	list-style-type: none;
}


#sidebar  #twitter li {
	margin-bottom: 10px;
}


#portfolio-nav {
	width: 180px;
	float: left;
	margin: 10px 0;
	color: #5d5d5d;
}

#portfolio-nav ul {
	padding-left: 0;
	list-style-type: none;
}


#portfolio-nav li {
	padding: 12px 0px 0 0;
	text-align: right;
}

#portfolio-nav li a {
	color: #5d5d5d;
	font-size: .9em;
		padding-right: 10px;
}

#portfolio-nav a.current_page {
	background: url(images/sub-nav-select.png) no-repeat bottom;
	padding-bottom: 3px;
		color: #dd6f3e;
	font-size: 1.3em;
}

.case-study {
	padding: 0 10px 15px 10px;
}

.project-info {
	color: #c3603d;

}

/*
#portfolio-nav .current_page a {

}
*/

#footer  {
	font-size: .8em;
	color: #8c8c8c;
	text-decoration: none;
	margin: 2px auto;
	border-top: 1px dotted #8c8c8c;
	margin: 0 auto;
	width: 901px;
	padding-top: 5px;
}

#footer a, #footer a:hover {
	font-size: .9em;
	text-align: center;
	color: #8c8c8c;
	text-decoration: none;
	border: none;
}

.footer-left {
	float: left;
	width: 150px;
	line-height: 1.8em;
}
.footer-center {
	float: left;
	width: 635px;
	text-align: center;
}

.footer-center p {
	margin-top: 0;
}

.footer-right {
	float: right;
	width: 115px;
	line-height: 1.8em;
}

a.twitter-link {
	background: url(images/twitter.png) no-repeat;
	padding: 0 0 15px 20px;
}

a.yt-link {
	background: url(images/youtube.png) no-repeat;
	padding: 0 0 5px 20px;
}

.email {
	background: url(images/email.png) no-repeat;
	padding: 0 0 5px 20px;
}

.phone {
	background: url(images/phone.png) no-repeat;
	padding: 0 0 5px 20px;
}
/* tab or sub page styles */

.tab-container {
  width: 880px;
  margin: 10px 0 15px 0;
}

.tab-content {
/*   overflow: auto; */
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: url(images/services-back.png) no-repeat;
  margin-top: -1px;
  padding: 20px;
}

ul.navigation {
    list-style: none;
    margin: 0 0 1px 0;
    padding: 0;
    border-bottom: 1px solid #a8a8a8;
    height: 32px;
}
 
ul.navigation li {
    float: left;
}
 
ul.navigation a {
    text-decoration: none;
	color: #7a7a7a;
	font-size: 1.2em;
	padding: 10px 0px 5px 0px; 
	display: block;
    margin: 0 20px 0px 0;
}
 
ul.navigation a:hover {
    border: none;
    color: #dd6f3e;
}
 
ul.navigation a.selected {
	background: url(images/nav-select-left.png) no-repeat top left;
	padding-left: 2px;
	color: #dd6f3e;
	font-size: 1.3em;
}

ul.navigation a.selected .tab {
	background: url(images/nav-select-right.png) no-repeat top right;
	padding: 15px 5px 5px 5px;
}
 
ul.navigation a:focus {
    outline: none;
}

/* services page */

.tab-container p {
	margin: 0 0 5px 0;
	color: #5d5d5d;
	line-height: 1.4em;
}

.tab-container  ul li {
	color: #5d5d5d;
	line-height: 1.4em;
	margin-left: -1px;
}

#advanced-webinars-info ul {
	margin-left: 25px;
}

a.learn-more {
	background: url(images/arrow_right_blue_round.png) no-repeat left 3px ;
	padding-left: 14px;
	color: #006699;
	cursor: pointer;
}

a.close {
	background: url(images/minus_round.png) no-repeat left 3px ;
	padding-left: 14px;
	color: #006699;
	cursor: pointer;
}

a.read-more-blog {
	background: url(images/arrow_right_blue_round.png) no-repeat left 2px ;
	padding-left: 14px;
	color: #006699;
	cursor: pointer;
	font-size: .9em;
	margin-top: -10px;
}

div.webinars {
	background: url(images/mymac.png) no-repeat top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
}


div.gapps-help-sites {
	background: url(images/sites-48.gif) no-repeat  top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
}

div.ilt {
	background: url(images/kuser.png) no-repeat  top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
}

div.end-user-webinars {
	background: url(images/mandrake.png) no-repeat  top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
}

div.advanced-webinars {
	background: url(images/kxconfig.png) no-repeat top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
}

div.role-based {
	background: url(images/kwikdisk.png) no-repeat top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
}

div.elearning {
	background: url(images/ktip.png) no-repeat top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
}

div.pdf-ref {
	background: url(images/pdf.png) no-repeat top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
	min-height: 50px;
}

div.faqs {
	background: url(images/khelpcenter.png) no-repeat top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
	min-height: 50px;
}

div.online-learning {
	background: url(images/firefox.png) no-repeat left top;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
}

div.elearning #elearn-info, div.end-user-webinars #end-user-webinars-info, div.ilt #ilt-info, div.advanced-webinars #advanced-webinars-info {
	border: 1px solid #ddd;
	padding: 10px;
}

div.elearning #elearn-info p, div.end-user-webinars #end-user-webinars-info p, div.ilt #ilt-info p {
	margin: 8px;
}

 div.advanced-webinars #advanced-webinars-info p {
 	margin: 0;
 }

/* webinars pricing tables */

#box-table-b
{
	font-family: "trebuchet MS", Sans-Serif;
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 5px;
	vertical-align: middle;
	border-collapse: collapse;
	border-top: none;
	width: 725px;
}

a.single-webinar {
	color: #006699;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 0;
	display: block;
	width: 725px;
}

p.webinar-notes {
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 20px;
	margin-top: 0;
	display: block;
	width: 725px;
	font-size: 1em;
}

#box-table-b p {
	margin: 0;
}

#box-table-b th
{
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .05em;
	padding: 2px;
	border-bottom:  1px dotted #bcbcbc;
	color: #fff;
	text-align: center;
}


#box-table-b tbody {
	border-top: none;
}

#box-table-b .title {
	color: #737373;
}

#box-table-b .edu {
	background: #b0c6a0;
	border-right: 1px dotted #bcbcbc;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	width: 110px;
}

#box-table-b .small-biz {
	background: #71a9d6;
	width: 110px
}

#box-table-b .enterprise {
	background: #d49454;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	width: 110px
}

#box-table-b h4 {
	text-align: center;
	font-size: 1.1em;
}

#box-table-b td
{
	padding: 5px 8px 5px 8px;
	border-right: 1px dotted #bcbcbc;
	border-left: 1px dotted #bcbcbc;
	border-bottom:  1px dotted #bcbcbc;
	color: #669;
}

#box-table-b ul {
	margin: 0;
}

#box-table-b li {
	list-style-image: none;
	list-style-type: circle;
}

div.webinars-pricing {
	margin: 10px auto;
}

div.webinars-pricing h4 {
	color:#6F4526;
	font-size:1.1em;
	font-weight: normal;
}

.pricing-boxes {
	margin-left: 25px;
	margin-right: 25px;
}

.pricing-boxes h5 {
	font-size: 1.1em;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: -5px;
	color: #424242;
}

/* web design services styles */
div.wordpress {
	background: url(images/wordpress-icon-48.png) no-repeat  top left;
	width: 700px;
	padding: 0 0 0 55px; 
	margin: 25px auto;
}

div.drupal {
	background: url(images/drupal-icon-48.png) no-repeat  top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
}

div.moodle {
	background: url(images/moodle.png) no-repeat  top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
}

div.web-redesign {
	background: url(images/kcmsystem.png) no-repeat  top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
}


div.seo {
	background: url(images/demo.png) no-repeat  top left;
	width: 700px;
	padding: 0 0 0 55px;
	margin: 25px auto;
}

div.social-media {
	background: url(images/twit-face-icon.png) no-repeat  top left;
	width: 717px;
	padding: 0 0 0 72px;
	margin: 25px auto;
}


/* styles for Technology Training page */

.tab-container h4 {
	color: #715037;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 5px 0;
}


.tab-container h3 {
	color: #715037;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 2px 0;
}

.tab-container .portfolio h3 {
	color: #715037;
	font-size: 1.1em;
	font-weight: normal;
	margin: 5px 0 5px 0;
}

#inner-content {
	margin: 10px 25px 15px 25px;
}

#inner-content h3 {
	margin: 15px 0 5px 0;
}
.tab-container .notes {
  	font-style: italic;
}

#other .video {
	float: left;
}

#other .screencasting {
	width: 425px;
	margin-right: 10px;
	float: left;
}


/* Portfolio page */

/*
.portfolio-info-container {
	float: left;
	width: 880px;
	margin: 10px 0 15px 0;
}

.portfolio-info {
	float: left;
	width: 600px;
	margin-left: 15px;
}
*/

#training-solutions {
	padding: 0 10px 0 54px;
	margin: 25px 0 35px 0;
	background: url(images/training-v2.png) no-repeat;
}

#training-solutions p, #web-design p, #screencasting p {
	margin-top: 0px;
}

#web-design {
	padding: 0 10px 0 54px;
	margin: 0 0 35px 0;
	background: url(images/web-dev.png) no-repeat
}

#screencasting {
	padding: 0 10px 0 54px;
	margin: 0 0 25px 0;
	background: url(images/screencasting.png) no-repeat;
}

#training-solutions h2, #web-design h2, #screencasting h2 {
	margin-bottom: 2px;
	font-size: 1.3em;
}

/*about page*/
.bio {
	width: 90%;
	margin: 15px auto;
}

.bio img {
	float: left;
	margin-top: 15px;
}

.bio .bio-text { 
	float: left;
	width: 80%;	
	margin: 10px 0 5px 15px;
}

.bio .bio-text h4 {
	margin: 0 0 -10px 0;
	color: #dd6f3e;
	font-weight: normal;
	font-size: 1.1em;
	letter-spacing: .005em;
}

/* contact form */


.formcontainer {
	color: #0099CC;
}

.contact-form fieldset {
	border: none;
}

.contact-form legend {
	display: none;
}

.form-input {
	margin-bottom: 10px;
}

.error {
	color: red;
}

.formcontainer .form-label .required {
	color: red;
}

.clear { clear: both; }