/*  
Theme Name: Spectrum - Forecasting & Design
Theme URI: http://www.spectrumforecastdesign.com/
Description: Spectrum - Forecasting & Design.
Version: 1.0.2
Author: Jerome B. Palacio
Author URI: http://www.jeromebpalacio.com
Tags: developer

Template: pagelines

*/

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

body {
	font-family: 'Signika Negative', sans-serif !important;
	color: #343436 !important;
}

#header {
	width: 100%;
	height: 115px;
	background: #000;
}

#header .outline {
	width: 100%;
	height: 115px;
	background: url("images/header-texture2.png") no-repeat;
	background-position: top center;
}

#brandnav .content-pad { padding: 0; }

#callout .content-pad { 	padding: 15px 0 0 0 !important;}
#callout .callout_head {
	color: #FFFFFF !important;    font-family: 'Signika Negative',sans-serif !important;    font-size: 20.5pt;    font-weight: 600 !important;    /*margin-left: 30px;*/    
}#callout .callout-area {    line-height: 60px !important;}
.boxes-links { bottom: 0 !important; padding: 10px 0 0 0;}.boxes-links a {	color: #000000;    font-family: 'Signika Negative',sans-serif;    font-size: 15px;}
/* Quick Slider Adjustments */
#quickslider { height: 455px; }
#quickslider .content-pad { padding: 0; }

.fslider {
    background: transparent !important;
    border-radius: 0px 0px 0px 0px !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* End */

.fboxtitle h3 {
	font-family: 'Signika Negative', sans-serif !important;
	color: #000;
	font-size: 15.5pt;
	font-weight: bold;
	padding-left: 10px;
	text-transform: lowercase;
}

.fboxtext {
	font-family: 'Signika Negative', sans-serif !important;
	color: #00b1b0;
	font-size: 11.5pt;
	padding-left: 10px;
	padding-right: 18px;
}

#page-main {
	width: 100%;
	background: url("images/header.jpg") repeat-x #fff !important;
}

#dynamic-content {
	width: 100%;
	background: url("images/slider-overlay.png") no-repeat !important;
	background-position: top center !important;
}

#page_heading h1, #page_heading1 h1 {	color: #FFFFFF !important;    font-family: 'Signika Negative',sans-serif !important;    font-size: 20.5pt;}

#content .content { 
	background: #f7f7f7;
	border: 2px solid #c9c9c9;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	margin-bottom: 20px;
	font-family: 'Signika Negative', sans-serif !important;
	color: #343436;
}

#gform_wrapper_1 {
	width: 513px;
}

#gform_wrapper_1 .gform_heading {
	font-family: 'Signika Negative', sans-serif !important;
	font-size: 12.5pt;
	width: 60%;
}

#gform_wrapper_1 .gform_footer { text-align: right !important; }

#gform_wrapper_1 .top_label input.medium { width: 99% !important; }

div.aboutuspage { padding: 40px 0 0 0; }
div.aboutleft { float: left; width: 30%; }
div.aboutright { float: left; width: 58%; }
div.aboutright p { margin-top: 0; font-size: 12.5pt; }

#footer { background: url("images/footer-bg.jpg") repeat-x; margin-bottom: 15px;}

div.signika-social{
		font-family: 'Signika Negative', sans-serif;
		color:#ffffff;
		font-size:15px;
		text-transform:uppercase;
		padding:10px 0 10px 0;
}

#list_footer_sales_site .widget-pad { padding: 0 !important; }

#widget_sp_image-2 { margin-bottom : 10px; }

#footersalessiteleft li a { color: #00b1b0 !important; }
#footersalessiteleft { padding-top: 15px !important; }

#cred { display: none !important; }

/* Column Classes
------------------------------------------------------------ */
 
.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    margin: 0 0 20px;
    padding-left: 3%;
}
 
.one-half,
.three-sixths,
.two-fourths {
    width: 48%;
}
 
.one-third,
.two-sixths {
    width: 31%;
}
 
.four-sixths,
.two-thirds {
    width: 65%;
}
 
.one-fourth {
    width: 22.5%;
}
 
.three-fourths {
    width: 73.5%;
}
 
.one-fifth {
    width: 17.4%;
}
 
.two-fifths {
    width: 37.8%;
}
 
.three-fifths {
    width: 58.2%;
}
 
.four-fifths {
    width: 78.6%;
}
 
.one-sixth {
    width: 14%;
}
 
.five-sixths {
    width: 82%;
}
 
.first {
    clear: both;
    padding-left: 0;
}

p.cont-p1{
	color: #343436;
    font-family: 'Signika Negative',sans-serif;
    font-size: 17px;
    font-weight:normal;
	margin:0 0 25px;
}

p.cont-p2{
	color: #343436;
    font-family: 'Signika Negative',sans-serif;
    font-size: 23px;
    font-weight:normal;
	margin:0 0 15px;
	padding:0 17px 0 0;
}

p.cont-p3{
	color: #343436;
    font-family: 'Signika Negative',sans-serif;
    font-size: 16px;
    font-weight:normal;
	margin:0 0 25px;
    padding: 0 19px 0 0;
}

p.cont-p4{
	color: #343436;
    font-family: 'Signika Negative',sans-serif;
    font-size: 28px;
    font-weight:normal;
}



/* Services Page
------------------------------------------------------------ */

#services_heading, #services_heading .widget-pad, #services_heading .textwidget {
	margin: 0; 
	padding: 0;
	margin-bottom: -85px !important;
	margin-top: 15px !important;
}

#services_heading p {
    color: #1D9698;
    font-family: 'Signika Negative',sans-serif;
    font-size: 21.5pt;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: center;
}

.panel-wrapper{
	padding: 20px 20px 20px 0 !important;
}
div.sec-inner-cont{
	width:768px;
	/*margin:25px auto 0;*/
	margin: 25px 10px;
}
span.inner-cont-t{
	font-family:'Signika Negative',sans-serif;
	font-size: 25px;
	color: #1D9698;
}
span.inner-cont-p{
	font-family: 'Signika Negative',sans-serif;	
	font-size:19px;
	color:#343436;
	padding:5px 0 0 0;
}
div.inner-parag{
	font-family: 'Signika Negative',sans-serif;	
	font-size:12.95px;
	color:#343436;
	margin:15px 0 40px 0;
}
div.thrd-cont{
	width:778px;
	margin: 0 15px;
}
div.thrd-cont-fob{
	width:778px;
	min-height:747px;
}
div.services-cont{
	width:384px;
	height:299px;
	float:left;
}
div.services-cont-all{
	height:299px;
	float:left;
}

div.ft-img{
	margin:0 0 23px 0;
}
ul.arroow-list li{
	background: url("images/list-arrow-serv_07.png") no-repeat left center;
   	color: #343436;
   	font-family: 'Signika Negative',sans-serif;	
    	font-size: 12px;
   	font-weight:normal;
   	line-height: 16px;
   	list-style: none outside none;	 
   	margin: 6px 5px 0 0;
    	padding: 0 0 0 13px;
}
div.services-text{
	font-size:19px;
	color:#343436;
	font-family: 'Signika Negative',sans-serif;	
}

div.folio-text{
	font-size:19px;
	color:#343436;
	font-family: 'Signika Negative',sans-serif;	
	margin:60px 0 0 0;
}
div.imge-cont{
	width:361px;
	border:1px solid #bababa;
	text-align:center;
	padding:8px 5px 8px 5px;
	margin:0 11px 7px -1px;
}
div.img-float{
	float:left;
	margin:0 0 20px 0;
}
p.img-text{
	font-size:11px;
	color:#343436;
	font-family: 'Signika Negative',sans-serif;	
	margin:2px 0 0 0;
}
p.cont-p12{
	color: #343436;
    font-family: 'Signika Negative',sans-serif;
    font-size: 12px;
    font-weight:normal;
 
}

p.cont-p21{
	color: #00b1b0;
    	font-family: 'Signika Negative',sans-serif;
    	font-size: 21px;
   	 font-weight:normal;
	margin:0 0 30px 0;
}

#services_heading{
	height:90px !important;
}

p.st-process{
	font-family: 'Signika Negative',sans-serif !important;	
	font-size:19pt !important;
	color:#343436 !important;
	font-weight:normal !important;
	margin:20px 0 0 20px !important;
}

.ltw_tes_testimonial {
	font-family: 'Signika Negative',sans-serif !important;	
	color:#343436 !important;
}
div#coda .coda-slider .preload{
	height:auto !important;
}
.coda-slider-wrapper .coda-nav {
	margin: 0 auto;
	width:858px !important;
	height: 130px;
	background:url('images/xxx.png')no-repeat top left;
}
.coda-slider-wrapper .coda-nav ul{
	margin:0 auto !important;
	height: 123px;
	border:1px solid #e9e9e9;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	float:none !important;
	background:url('images/xxx2.png')no-repeat top left;
}
.coda-slider-wrapper .coda-nav li{
	text-align:center;
}
.coda-slider-wrapper .coda-nav li a{
	color: #7F7A7A !important;
	font-size: 13.5pt;
	width: 170px;
	height: 123px;
	padding: 63px 0 0 0;
	line-height: 15px;
	overflow: hidden;
}
.coda-slider-wrapper .coda-nav li a.current{
	font-weight:bold;
}

.coda-slider-wrapper .coda-nav li.tab5 a{
	background:url('images/dress2.png')no-repeat top left !important;
}
.coda-slider-wrapper .coda-nav li.tab5 a.current, .coda-slider-wrapper .coda-nav li.tab5 a:hover{
	background:url('images/dress-hover2.png')no-repeat top left !important;
}

.coda-slider-wrapper .coda-nav li.tab1 a{
	background:url('images/flask2.png')no-repeat top left;
}
.coda-slider-wrapper .coda-nav li.tab1 a.current, .coda-slider-wrapper .coda-nav li.tab1 a:hover{
	background:url('images/flask-hover2.png')no-repeat top left !important;
}

.coda-slider-wrapper .coda-nav li.tab2 a{
	background:url('images/tv2.png')no-repeat top left;
}
.coda-slider-wrapper .coda-nav li.tab2 a.current, .coda-slider-wrapper .coda-nav li.tab2 a:hover{
	background:url('images/tv-hover2.png')no-repeat top left !important;
}

.coda-slider-wrapper .coda-nav li.tab3 a{
	background:url('images/clock2.png')no-repeat top left;
}
.coda-slider-wrapper .coda-nav li.tab3 a.current, .coda-slider-wrapper .coda-nav li.tab3 a:hover{
	background:url('images/clock-hover2.png')no-repeat top left !important;
}

.coda-slider-wrapper .coda-nav li.tab4 a{
	background:url('images/graph2.png')no-repeat top left;
}
.coda-slider-wrapper .coda-nav li.tab4 a.current,  .coda-slider-wrapper .coda-nav li.tab4 a:hover{
	background:url('images/graph-hover2.png')no-repeat top left !important;
}









div.coda-slider-wrapper.arrows{
	position:relative;
	width:858px !important;
	margin:0 0 0 15px !important;
}
.coda-slider-wrapper .coda-nav-right-arrow{
	height:24px !important;
	width:26px !important;
	position:absolute;
	right:0%;
	top:2%;
}
.coda-slider-wrapper .coda-nav-left-arrow{
	height:24px !important;
	width:26px !important;
	position:absolute;
	left:0%;
	top:2%;
}
.coda-slider-wrapper .coda-nav-right-arrow, .coda-slider-wrapper .coda-nav-right-arrow:hover{
	background:transparent url('images/next.png')no-repeat center top;
}
.coda-slider-wrapper .coda-nav-left-arrow, .coda-slider-wrapper .coda-nav-left-arrow:hover{
	background:url('images/prev.png')no-repeat center top;
}

#brandnav .brandnav-nav {	margin-top: 35px;	margin-right: 9px;	border:2px solid #262626;	background: #000000; /* Old browsers */	background: -moz-linear-gradient(top,  #000000 0%, #010101 36%, #161616 64%, #494949 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(36%,#010101), color-stop(64%,#161616), color-stop(100%,#494949)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,   #000000 0%,#010101 36%,#161616 64%,#494949 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #000000 0%,#010101 36%,#161616 64%,#494949 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #000000 0%,#010101 36%,#161616 64%,#494949 100%); /* IE10+ */	background: linear-gradient(to bottom,  #000000 0%,#010101 36%,#161616 64%,#494949 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#494949',GradientType=0 ); /* IE6-9 */}

#brandnav li a {	color: #8d8d8e !important;	font-family: 'Signika Negative',sans-serif !important;	font-size: 10.5pt !important;	text-transform: uppercase;	padding: 12px 15px !important;}

#brandnav li:hover {	color: #fff !important;	background: #019d9f; /* Old browsers */	background: -moz-linear-gradient(top,  #019d9f 0%, #088d92 36%, #0f7b84 72%, #176573 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019d9f), color-stop(36%,#088d92), color-stop(72%,#0f7b84), color-stop(100%,#176573)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #019d9f 0%,#088d92 36%,#0f7b84 72%,#176573 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #019d9f 0%,#088d92 36%,#0f7b84 72%,#176573 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #019d9f 0%,#088d92 36%,#0f7b84 72%,#176573 100%); /* IE10+ */	background: linear-gradient(to bottom,  #019d9f 0%,#088d92 36%,#0f7b84 72%,#176573 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019d9f', endColorstr='#176573',GradientType=0 ); /* IE6-9 */}

#brandnav li a:hover {	color: #fff !important;	background: url("images/arrow-li.png") no-repeat !important;	background-position: bottom center !important;}

#brandnav  li.current-menu-ancestor ul li, #brandnav li.current_page_item ,#brandnav li.current-menu-item , #brandnav li.current_page_parent   { 	
	color: #fff !important;	background: #019d9f; /* Old browsers */	background: -moz-linear-gradient(top,  #019d9f 0%, #088d92 36%, #0f7b84 72%, #176573 100%) !important;/* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019d9f), color-stop(36%,#088d92), color-stop(72%,#0f7b84), color-stop(100%,#176573)) !important; /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #019d9f 0%,#088d92 36%,#0f7b84 72%,#176573 100%) !important; /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #019d9f 0%,#088d92 36%,#0f7b84 72%,#176573 100%) !important; /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #019d9f 0%,#088d92 36%,#0f7b84 72%,#176573 100%) !important; /* IE10+ */	background: linear-gradient(to bottom,  #019d9f 0%,#088d92 36%,#0f7b84 72%,#176573 100%) !important; /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019d9f', endColorstr='#176573',GradientType=0 ) !important; /* IE6-9 */
}

#brandnav  li.current-menu-ancestor ul a, #brandnav li.current_page_item a,#brandnav li.current-menu-item a, #brandnav li.current_page_parent  a {	
	background: url("images/arrow-li.png") no-repeat !important;	background-position: bottom center !important;	color: #fff !important;
}
	
.ltw_tes_content_cont p { 
	width: 500px !important; 
	color: #343436; 
	font-family: 'Signika Negative',sans-serif !important; 
	margin: 0 auto !important; 
}

.ltw_tes_item {
	margin: 0 auto;
	overflow: hidden;
	width: 870px;
	padding: 15px;
}
.ltw_tes_image_cont img {
	border: 2px solid #CCCCCC;
}
.ltw_tes_content_cont {
	width: 100%;
}
.ltw_tes_content_cont p {
	margin-bottom: 0;
}
.ltw_tes_testimonial {
	color: #555555;
	font-size: 12px;
	line-height: 21px;
	margin: 0 0 12px;
}
.ltw_tes_client_name {
	font-weight: bold;
	margin-top: 10px;
    margin-left: 30px;
	margin-bottom: -10px !important;
	color: #00b1b0 !important;
	padding-left: 120px;
	padding-top: 10px;
}
.ltw_tes_client_company {
	margin: 0;
	color: #00AEEF;
	font-size: 10.5pt;
	color: #343436 !important;
	padding-left: 120px;
	font-family: 'Signika Negative',sans-serif !important; 
	
}
.ltw_tes_client_company a {
	color: #00AEEF;
	font-size: 12px;
	text-decoration: none;
}
.ltw_tes_client_company a:hover {
	color: #555555;
}

.triangle-right {
    background: #f6f6f6;
    border-radius: 10px 10px 10px 10px;
    color: #343436;
    margin: 1em 0 3em;
    padding: 15px;
    position: relative;
}
.triangle-right.top {
    background: #f6f6f6 repeat scroll 0 0 transparent;
}
.triangle-right.left {
    background: none repeat scroll 0 0 #f6f6f6;
    margin-left: 40px;
}
.triangle-right.right {
    background: none repeat scroll 0 0 #f6f6f6;
    margin-right: 40px;
}
.triangle-right:after {
    border-color: #f6f6f6 transparent;
    border-style: solid;
    border-width: 20px 0 0 20px;
    bottom: -20px;
    content: "";
    display: block;
    left: 50px;
    position: absolute;
    width: 0;
}
.triangle-right.top:after {
    border-color: transparent #f6f6f6;
    border-width: 20px 20px 0 0;
    bottom: auto;
    left: auto;
    right: 50px;
    top: -20px;
}
.triangle-right.left:after {
    border-color: transparent #f6f6f6;
    border-width: 15px 40px 0 0;
    bottom: auto;
    left: -40px;
    top: 16px;
}
.triangle-right.right:after {
    border-color: transparent #f6f6f6;
    border-width: 15px 0 0 40px;
    bottom: auto;
    left: auto;
    right: -40px;
}

#post-21 {
	background: #fff !important;
}.callout_action {	margin-right: -10px !important;}