/* ================================    
Talkspot Website  
By: Cooper Ewing  
Date: 1/25/2014    
================================= */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

body { 
	background-color:#E1E1E1 !important;
	font-size:14px !important;
	font-family:'Open Sans', sans-serif;
	margin:0;
	padding:0;
 } 

#pnlPageContent * {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.search-button {
  margin-left: -7px !important;
}
.search-input {
  max-height: 35px !important;
}
/* ============================================================== Templateset Required Elements === */
.MainText { 
	color: #666666; 
	font-size: 1em; 
 } 
 
.MainText a, .MainText a:visited, .MainText a:active { 
	color: #428bca; 
	text-decoration: none; 
	font-weight: 700; 
 } 
 
.MainText a:hover { 
	color: #3177b3;
	text-decoration: underline; 
 } 
 
.MainText2 { 
	color: #555; 
	font-size: 0.9em; 
 } 
 
.MainText2 a, .MainText2 a:visited, .MainText2 a:active { 
	color: #428bca; 
	text-decoration: none; 
	font-weight: 700; 
 } 
 
.MainText2 a:hover { 
	color: #3177b3; 
	text-decoration: underline; 
 } 
.Heading {
	color: #666666;
	font-size:1.5em;
	font-weight:bold;
}
.Heading a, .Heading a:visited, .Heading a:active { 
	color: #428bca; 
	text-decoration: none; 
	font-weight:bold; 
} 
.Heading a:hover { 
	color: #3177b3;
	text-decoration: underline; 
	font-weight:bold;
 }

.Heading2 {
	color: #666666;
	font-size:1.3em;
	font-weight:bold;
}
.Heading2 a, .Heading2 a:visited, .Heading2 a:active { 
	color: #428bca; 
	text-decoration: none; 
	font-weight:bold; 
} 
.Heading2 a:hover { 
	color: #3177b3;
	text-decoration: underline; 
	font-weight:bold;
 }
 
.menu1_offclass { 
	font-weight: 700; 
	padding: 5px 10px; 
	margin: 5px 0px; 
	border: 1px solid #555; 
	color: #FFF; 
	background-color: #555; 
	text-decoration: none; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
 } 
 
.menu1_onclass { 
	font-weight: 700; 
	padding: 5px 10px; 
	margin: 5px 0px; 
	border: 1px solid #555; 
	color: #555; 
	background-color: none; 
	text-decoration: none; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
 } 
 
.submenu1_offclass { 
	font-weight: 700; 
	padding: 5px 10px; 
	margin: 5px 0px; 
	border: 1px solid #555; 
	color: #FFF; 
	background-color: #555; 
	text-decoration: none; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
 } 
 
.submenu1_onclass { 
	font-weight: 700; 
	padding: 5px 10px; 
	margin: 5px 0px; 
	min-width: 186px; 
	border: 1px solid #555; 
	color: #555; 
	background-color: #FFF; 
	text-decoration: none; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
 } 
 
.menu2_offclass { 
	font-weight: 700; 
	padding: 3px 6px; 
	margin: 3px; 
	border: 1px solid #999; 
	color: #999; 
	background-color: #FFF; 
	font-size: 0.9em; 
	text-transform: uppercase; 
	text-decoration: none; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
 } 
 
.menu2_onclass { 
	font-weight: 700; 
	padding: 3px 6px; 
	margin: 3px; 
	border: 1px solid #999; 
	color: #FFF; 
	background-color: #999; 
	font-size: 0.9em; 
	text-transform: uppercase; 
	text-decoration: none; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
 } 
 
.submenu2_offclass { 
	font-weight: 700; 
	padding: 3px 6px; 
	margin: 3px; 
	border: 1px solid #999; 
	color: #999; 
	background-color: #FFF; 
	font-size: 0.9em; 
	text-transform: uppercase; 
	text-decoration: none; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
 } 
 
.submenu2_onclass { 
	font-weight: 700; 
	padding: 3px 6px; 
	margin: 3px; 
	border: 1px solid #999; 
	color: #FFF; 
	background-color: #999; 
	font-size: 0.9em; 
	text-transform: uppercase; 
	text-decoration: none; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
 } 
 /* ====================================================== General Template Attributes ===*/
.lightheading {
	margin: 30px 0 !important;
	color:#FFFFFF;
 }
.lightheading2 {
	color:#FFFFFF;
}
.lightblueheading {
	margin: 30px 0 !important;
	color:#1da7ff;
}
.lightblueheading2 {
	color:#1da7ff;
}
.lightpara {
	margin: 30px 0 !important;
	color:#FFFFFF;
}
.iconblue { 
	color: #006ab6; 
 } 
 
.iconred { 
	color: #DB2C2C; 
 } 
 
.icongreen { 
	color: #62B600; 
 } 
 
.iconpurple { 
	color: #B600AF; 
 } 
 
.iconorange { 
	color: #B66500; 
 } 
 
.iconteal { 
	color: #00A2B6; 
 } 
 
.iconviolet { 
	color: #5C00B6; 
 } 
 
.iconroyal { 
	color: #003CB6; 
 } 
 .iconwhite { 
	color: #FFFFFF; 
 } 
.pageHeader {
	margin: 30px 0 !important;
}
.headingwhite {
	color:#FFFFFF;
}
.headinglightblue {
	color:#1da7ff;
}
.headingdarkblue {
	color:#0c83ce;
}
.headingyellow {
	color:#e9b54c;
}
.headinghlightgray {
	color:#e0e0e0;
}
.headinghdarkgray {
	color:#333333;
}
.parawhite {
	color:#FFFFFF;
}
.paralightgray {
	color:#e0e0e0;
}
.paradarkgray {
	color:#333333;
}
.rowspace {
	padding-top:15px;
	padding-bottom:15px;
}
.breadcrumbs {
  margin-top:-35px;
}
.bcheader {
	  margin-top:-25px;
}
/* ============================================================== Navbar Attributes === */
.navGroup {
	background-color:#FFFFFF;
}
.navbar-brand { 
	padding: 5px; 
 }
 #content-navbar .navbar-default .navbar-nav > .active > a { 
	background-image: linear-gradient(to bottom, #2d64c8 0px, #4b7ad0 100%) !important; 
	background-repeat: repeat-x; 
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset; 
 } 
 
#content-navbar .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { 
	color: #FFF; 
	background-color: #266CD7 !important; 
 } 
 #content-navbar .navbar-default { 
	border-radius: 0; 
	border-width: 0; 
 } 
/* ============================================================== Landing Page === */
.content-home1 { 
	background-image:url(../images/seattle-website-builder-bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
	margin-top:49px;
	padding-top:20px;
	padding-bottom:20px;
	z-index:1;
	ts-description: Home Header Image;
}
.content-home2 {
	background-color:#FFFFFF;
	padding-top:20px;
	padding-bottom:20px;
}
.content-home3 {
	background-image:url(../images/seattle-bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
	padding-top:20px;
	padding-bottom:20px;
	ts-description: Home Second Image Section;
}
.content-home4 {
	background-color:#d9e7e9;
	padding-top:20px;
	padding-bottom:20px;
}
.content-home5 {
	background-color:#FFFFFF;
	padding-top:20px;
	padding-bottom:20px;
}
.content-home6 {
	background-color:#efefef;
	padding-top:20px;
	padding-bottom:20px;
 }
.content-home7 {
	background-color:#ffffff;
	padding-top:20px;
	padding-bottom:20px;
	border-top:1px #80C3FB solid;
 }
 /* ====================================================== Footer Attributes ===*/
#content-support {
	border-top: 2px #80C3FB solid;
	border-bottom: 2px #80C3FB solid;
	background-color: #125FD5;
	padding-top:20px;
	padding-bottom:20px;
	font-size:1.4em;
	color:#ffffff;
 }
#content-support p, #content-support a, #content-support a:visited {

	color:#ffffff;
}
#content-support .contacticon {
	color:#ffffff;
}
.chatlink a {
	color:#ffffff;
}
.contactblock {
	display:inline-block;
}
#content-footer { 
	background-color: #E1E1E1; 
	padding-top: 30px; 
	padding-bottom: 30px; 
 } 
#content-footer .footerlogin a {
	color:#E3E3E3;
}
#content-footer .footerlogin a:hover {
	color:#efefef;
}
/* ====================================================== Univeral Page Attributes ===*/
 #contentuniveral1 {
	background-color:#FFFFFF;
	margin-top:49px;
	padding-top:20px;
	padding-bottom:20px;
 }
/* ====================================================== Information Page Attributes ===*/
.contentinfo1 {
	background-image:url(../images/blue-bg.jpg);
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	ts-description: Info Page Header;
	margin-top:49px;
	padding-top:20px;
	padding-bottom:20px;
}
#contentinfo2 {
	background-color:#FFFFFF;
	padding-top:20px;
	padding-bottom:20px;
}
/* ====================================================== Features Custom Page Attributes ===*/
.contentFeatures1 {
	background-color:#FFFFFF;
	background-image:url(../images/generalbg.jpg);
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	ts-description: Features Header Image;
	margin-top:49px;
	padding-top:20px;
	padding-bottom:20px;
}
#contentFeatures2 {
	background-color:#FFFFFF;
	padding-top:20px;
	padding-bottom:20px;
}
#contentFeatures3 {
	background-color:#333333;
	padding-top:20px;
	padding-bottom:20px;
	border-top:1px solid #125fd5;
	border-bottom:1px solid #125fd5;
}
#contentFeatures4 {
	background-color:#efefef;
	padding-top:20px;
	padding-bottom:20px;
}
#contentFeatures5 {
	background-color:#FFFFFF;
	padding-top:20px;
	padding-bottom:20px;
}
#contentFeatures6 {
	background-color:#747474;
	padding-top:20px;
	padding-bottom:20px;
}
#contentFeatures7 {
	background-color:#FFFFFF;
	padding-top:20px;
	padding-bottom:20px;
}
#contentFeatures8 {
	background-color:#efefef;
	padding-top:20px;
	padding-bottom:20px;
}
/* ====================================================== 2col Page Attributes ===*/
.header-2col {
	background-image:url(../images/black-bg.jpg);
	background-repeat:repeat;
	ts-description: 2 Column Header;
	margin-top:49px;
	padding-top:20px;
	padding-bottom:20px;
}
#content1-2column {
	background-color:#333333;
	padding:20px 0;
}
/* ====================================================== 3col Page Attributes ===*/
.header-3col {
	background-image:url(../images/black-bg.jpg);
	background-repeat:repeat;
	ts-description: 3 Column Header;
	margin-top:49px;
	padding-top:20px;
	padding-bottom:20px;
}
#content1-3column {
	background-color:#333333;
	padding:20px 0;
}
#content2-3column {
	background-color:#000000;
	padding:20px 0;
}