/*
Theme Name: LX Web Solutions Theme
Description: A wordpress theme created for LX Web Solutions
Version: 1.0
Tags: custom header, fixed width, three columns, widgets, show and hide sidebars

	Theme Name v1.0

	This theme was custom built intended for LX Web Solutions only.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* Begin Typography & Colors */
body {
	font-size: 13px; /* Resets 1em to 10px */
	font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
	color: #565656;
	text-align: center;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

.clearer    {
	clear: both;
	font-size: 1px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* C[WhoverNX */
a.imghover:hover img {
filter:alpha(opacity=70);
opacity:0.7;
}

.alignleft {float:left !important;}
.alignright {float: right !important;}

ul {list-style-type: none}
ol {list-style-type: none}

.float-left {float:left !important;}
.float-right {float: right !important;}

img { float: left; }
a img { border: none; }

#page {
	width:975px;
	margin: 0 auto;
	background-color: #FFF;
}

#header {
	width: 975px;
	margin: 0;
	padding: 0;
	z-index: 100;
}

#logo-container{
	width: 925px;
	margin: 0;
	padding: 13px 25px 0 25px;
}

ul#upper-menu {
	float: right;
	width: 320px;
	margin: 0;
	padding: 0;
}

ul#upper-menu li{
	float: right;
	color: #007db6;
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
}

ul#upper-menu li a{
	display: block;
	color: #007db6;
	font-size: 11px;
	text-decoration:none;
}

ul#upper-menu li.upper-sep{
	padding: 0 3px;
}

div#menu-container {
	width: 100%;
	padding-top: 20px;
	clear: both;
	_height: 42px;
	_overflow: hidden;
}

ul.menu {
	float: left;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #0091D2;
}

ul.menu * {margin:0; padding:0}

ul.menu li{
	float: left;
	position:relative;
	text-align: left;
	border-right: solid 1px #5fb4d9; }

ul.menu li a{
	display: block;
	padding: 12px 20px;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	margin: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

ul.menu li a.active{ background-color: #75cbec; }
ul.menu li a:hover { background-color: #75cbec; }

ul.menu ul { position:absolute; top:41px; left:0; display:none; opacity:0; padding: 0; list-style:none; z-index: 100;}
ul.menu ul li {position:relative; border:1px solid #75CBEC; width:170px; margin:0; padding: 0 !important; height: auto; }
ul.menu ul li a {display:block; padding:1px 10px 5px; background-color:#0091D2; margin: 0;}
ul.menu ul li a:hover {background-color:#75cbec}
ul.menu .sub {background:#0091D2 url(images/arrow.gif) 156px 8px no-repeat}
ul.menu ul ul {left:170px; top:-1px}

ul.menu .topline {border-top:1px solid #fff}

div#banner-container { width: 975px; height:200px; clear: both; padding: 0; margin: 0; overflow:hidden; }
div#banner-container ul{ margin:0; padding: 0; text-align:left; }
div#banner-container ul li{ list-style-type:none; }

#content {
	width: 925px;
	padding: 20px 25px 40px 25px;
	clear: both;
}

.content-page-narrow {
	padding-bottom: 20px !important;
}


#content-inner, #content-title-bread { float: left; }

.content-inner-fullwidth { width: 100%; text-align: left; padding-bottom: 30px; }
.content-inner-widefix { width: 635px; text-align: left; }
.content-inner-lr-narrowfix { width: 410px; text-align: left; padding: 0 25px;  }
.content-inner-r-narrowfix { width: 667px; text-align: left; padding-right: 25px;  }
.content-inner-l-narrowfix { width: 667px; text-align: left; padding-left: 25px;  }

.content-title-fullwidth { width: 100%; text-align: left; padding-bottom: 30px; }
.content-title-widefix { width: 635px; text-align: left; }
.content-title-lr { width: 665px; text-align: left; padding: 0 0 0 25px;  }
.content-title-r { width: 100%; text-align: left;  }
.content-title-l { width: 665px; text-align: left; padding-left: 25px;  }


h2.content-titles{
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #787878;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#content-inner h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #787878;
	font-size: 16px;
}

.breadcrumb {
	float: right;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}

.breadcrumb a {
	color: #75cbec;
	text-decoration: none;
}

.entry {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}


.entry a{
	color: #75cbec;
	text-decoration: none; 
}

.entry p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #757575;
	font-size: 13px;
	padding: 10px 0; margin: 0;
}

.entry-post {
	float: left;
	width: 100%;
}

#content-inner-info {
	float: left;
	width: 478px;
	padding-right: 20px;
	color: #565656;
	text-align: left;
}

ul.tabNav {
	float: left; 
	width: 100%;
	background-color: #007db6;
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
	border-left: solid 1px #EFEFEF;
	
}

ul.tabNav li{ float: left; }

ul.tabNav li a{
	display: block;
	padding: 7px 18px;
	font-size: 12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration:none;
}

ul.tabNav li.current a{
	color: #007db6;
	background-color: #FFF;
}

div.tabContainer {
	float: left;
	width: 100%;
	text-align:left;
}
div.tabContainer div.tab { display: none; }
div.tabContainer div.current { display: block; }
div.tab {
	float: left;
	width: 610px;
	padding: 25px 12px;
	border: solid 1px #EFEFEF;
	border-top: none;}

div.tab p{
	padding: 0;
	margin: 0;
}

div.content-solutions {
	width: 310px;
	text-align: left;
}

div.content-solutions p{ padding: 0; margin: 0; font-size: 13px; }

h2.solutions-title {
	width: 100%;
	padding: 20px 0 10px 0;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #666666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;

}

span.testi-title {
	float: left;
	width: 100%;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #666666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;

}

h2.sidewidget-title{ padding-top: 0; }

span.label-black { color: #000; }

div.solutions-narrow-width { width: 310px; }

a.more-link { color: #007db6; text-decoration: none; font-size: 11px; font-family:Verdana, Geneva, sans-serif; }
a.more-link:hover { text-decoration: none; }

div.solutions-spacer {
	float: left;
	width: 100%;
	height: 10px;
}

div#right-sidebar {
	float:left;
	padding-left: 50px;
	width: 231px;
	text-align:left;
}

div#left-sidebar-page{
	float:left;
	width: 231px;
	text-align:left;
}

div#left-sidebar-page ul li ul, div#right-sidebar-page ul li ul, div#right-sidebar ul li ul{
	float: left;
	width: 231px;
	margin: 0;
	padding: 0;
	border: solid 1px #EFEFEF;
	overflow: hidden;
	border-top: solid 4px #0091D2;
	padding-top: 10px;
}

div#right-sidebar-page ul li ul{ border: solid 1px #EFEFEF; }

div#left-sidebar-page ul li ul li ul, div#right-sidebar-page ul li ul li ul, div#right-sidebar ul li ul li ul{
	border: none;
	padding: 0 10px;
}

div#left-sidebar-page ul li, div#right-sidebar-page ul li, div#right-sidebar ul li {
	padding-bottom: 20px;
}

div#left-sidebar-page ul li ul li, div#right-sidebar-page ul li ul li, div#right-sidebar ul li ul li {padding: 0;}

div#left-sidebar-page ul li a, div#right-sidebar-page ul li a, div#right-sidebar ul li a{
	display: block;
	padding: 5px 0 5px 15px;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #007db6;
	background:url(images/arrow_white.gif) no-repeat 0 center #FFF;
}

div#left-sidebar-page ul li a:hover, div#right-sidebar-page ul li a:hover, div#right-sidebar ul li a:hover{
	background:url(images/arrow_blue.gif) no-repeat 0 center #0091D2;
	color: #FFF;	
}

h2.widgettitle { 
	float: left; 
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #666666;
	padding-bottom: 3px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
}

div#right-sidebar-page {
	float:left;
	width: 231px;
	text-align:left;
}

div#left-sidebar-page ul.contact-widget, ul.contact-widget {
	float: left;
	width: 203px !important;
	padding: 14px 14px 25px 14px !important;
	margin: 0 !important;
	border: solid 1px #EFEFEF; 
	border-top: solid 4px #0091D2;
}

#right-sidebar-page ul li ul, div#right-sidebar-page div.textwidget {
	float: left;
	width: 203px;
	padding: 14px 14px 25px 14px;
	margin: 0;
	border: solid 1px #EFEFEF; 
}

input.text-input {
	float: left;
	width: 170px;
	border: solid 1px #C0C0C0;
	font-size: 11px;
	padding:5px;
	margin-bottom: 2px;
	color: #666666;
}

textarea.text-area-input {
	float: left;
	width: 170px;
	border: solid 1px #C0C0C0;
	font-size: 11px;
	padding:5px;
	color: #666666;
}

.view-services {
	float: left;
	width: 114px;
	height: 24px;
	background:url(images/readon2.png) no-repeat;
}
.view-readmore {
	float: left;
	width: 114px;
	height: 24px;
	background:url(images/readon.png) no-repeat;
}

.view-services a{
	display: block;
	color: #FFF !important;
	text-decoration: none;
	font-size: 12px;
	padding: 2px 25px 0 0 !important;
	text-align: right;
	background: none !important;
}

.view-readmore a{
	display: block;
	color: #2c68a6 !important;
	text-decoration: none;
	font-size: 12px;
	padding: 2px 25px 0 0 !important;
	text-align: right;
	background: none !important;
}

.view-services a:hover, .view-readmore a:hover{ text-decoration: underline; };


span.name-client { font-weight: bold !important; }

ul.side-ul {
	float: left;
	width: 231px;
	margin: 0;
	padding: 0;
}

ul.side-ul li{
	float: left;
	width: 100%;
}

textarea#comment {
	width: 100%;
	height: 200px;
}

p.postmetadata { padding: 10px 0; margin: 0; border-bottom: solid 1px #CCC; clear: both; }
p.postmetadata_blogs { padding: 5px 0 10px 0; margin: 0; clear: both; font-size: 11px; }

ol.commentlist {padding: 0; margin: 0;}

ol.commentlist li { border-bottom: dotted 1px #CCC; padding-top: 10px; }
ol.commentlist li img.avatar {
	float: right;
}

ul.blogs-archive {
	margin: 0;
	padding: 10px 0 0 0;
	width: 100%;
	text-align: left;
}

ul.blogs-archive li{
	float: left;
	width: 100%;
	padding: 5px 0;
	border-bottom: dotted 1px #CCC;
}

ul.blogs-archive li a{
	color: #007db6;
}

ul.blogs-archive li a:hover{ text-decoration: underline; }
label.screen-reader-text { display: block; font-size: 12px; }

.navigation { float: left; width: 100%; padding-top: 20px; }

ul.portfolio-archive {
	margin: 0;
	padding: 10px 0 0 0;
	width: 100%;
	text-align: left;
}

ul.portfolio-archive li{
	float: left;
	width: 100%;
	padding: 10px 0;
	border-bottom: dotted 1px #CCC;
}

.porfolio-photo-container{
	float: left;
	padding: 2px;
	border: double #CCC;
}

.portfolio-information {
	float: left;
	width: 50%;
	padding-left: 10px;
}
h3.pcontent-heading {font-weight:normal; margin: 0; padding: 0;}
h3.pcontent-heading a{
	float: left;
	width: 100%;
	color: #2c68a6;
	font-size: 16px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

h4.port-sub {
	float: left;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 0 0;
}

div.portfolio_url { float:left; width: 100% }
div.portfolio_url a {color: #2c68a6; font-size: 11px;}

.portfolio-single .addthis_container { display:none !important; }

#footer {
	width: 975px;
	clear: both;
}

#footer-inner {
	float: left;
	background-color:#235F9D;
	width: 925px;
	padding: 10px 25px;
	text-align:left;
	clear: both;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #acc7d3;
}

#footer a {
	display:block;
	color: #acc7d3;
	text-decoration: none;	
}

#footer a:hover { text-decoration: underline; }


div.footer-area-left { float: left; width: 600px; }
div.footer-area-right { float: left; width: 320px; }

ul.footer-menu {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
}

ul.footer-menu li{ float: left; }
ul.footer-menu li.fmenu-sep{ padding: 0 5px; }
div.copyright {float: left; width: 600px; padding-top: 5px;}

ul.footer-ul-widget { float: left; margin: 0; padding: 0; width: 300px; }
ul.footer-ul-widget li { float: left; width: 100%; text-align: right; padding: 0; margin: 0; };
ul.footer-ul-widget li div.addthis_container { float: left; width: 100%; }
ul.footer-ul-widget li div.addthis_container img { float: right; margin: 0; padding: 0; }
ul.footer-ul-widget li div.addthis_container a { float:right; margin: 0; padding: 0; }
div.w3-container { float:left; width: 100%; padding-top: 10px; margin:0; }