/*
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: 12px; /* Resets 1em to 10px */
	font-family: calibri, 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; }

h1{font-size:15px;}
a {color:#007DB6; text-decoration:none;}
a:hover {color:#666; text-decoration:none;}
#page {
	width:100%;
	margin: 0 auto;
	background-color: #FFF;
}

#header {
    margin: 0 auto;    padding: 0;    width: 100%;    z-index: 100;
}

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

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 {
   background: none repeat scroll 0 0 #113164;    clear: both;    float: left;    margin-top: 20px;    width: 100%;
}

ul.menu {
    margin: 0 auto;    padding: 0 !important;    width: 975px;
}

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

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

ul.menu li a{
	display: block;
	padding: 12px 20px;
	font-size: 14px;
	text-decoration: none;
	color: #FFF;
	margin: 0;
	font-family:"Calibri", 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 #aaa; width:170px; margin:0; padding: 0 !important; height: auto; }
ul.menu ul li a {display:block; padding:3px 10px 5px; background-color:#007DB6; margin: 0;}
ul.menu ul li a:hover {background-color:#75cbec}
ul.menu .sub {background:#007DB6 url(images/arrow.gif) 156px 8px no-repeat}
ul.menu ul ul {left:170px; top:-1px}

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

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

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

.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: "Calibri, Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #787878;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

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

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

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


.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: "Calibri", Arial, Helvetica, sans-serif;
	color: #757575;
	font-size: 14px;
	padding: 10px 0; margin: 0;
}

/*.entry ul{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #757575;
font-size: 12px;
list-style-type:disc;
}*/

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

/*page css*/
.pageentry {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}


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

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

.pageentry ul{
font-family: "Calibri, Trebuchet MS", Arial, Helvetica, sans-serif;
color: #757575;
font-size: 10px;
list-style-type:disc;
}
/*page css*/

#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 #007DB6;
	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:"Calibri", Arial, Helvetica, sans-serif;
	font-size:13px;
	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 #007DB6;
	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 #007DB6;
}

ul.quote-page, ul.quote-page {
	float: left;
	width: 640px !important;
	padding: 14px 14px 25px 14px !important;
	margin: 0 !important;
	border: solid 1px #EFEFEF; 
	/*border-top: solid 4px #007DB6;*/
}

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

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

#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;
}


.readmore a{
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #2c68a6 !important;
	text-decoration: none;
	font-size: 12px;
	padding: 2px 25px 0 0 !important;
	
	background: none !important;
}


.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:bold; margin: 0; padding: 0;}
h3.pcontent-heading a{
	float: left;
	width: 100%;
	color: #2c68a6;
	font-size: 16px;
	padding: 0;
	margin: 0;
	font-weight:bold;
}

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%; font-weight:bold; }
div.portfolio_url a {color: #2c68a6; font-size: 11px;}

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

#footer {
    background: none repeat scroll 0 0 #113164;
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

#footer-inner {
    clear: both;
    color: #ACC7D3;
    font-family: "Calibri",Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0 auto;
    padding: 10px 25px;
    text-align: left;
    width: 925px;
}

#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;
    width: 100%;
	margin: 0;
}

ul.left {
float:left; 
width:200px;
margin: 0;
padding: 0px;
}
.right {float:left; width:200px;}

ul.footer-menu li{ float: left; }
ul.footer-menu li.fmenu-sep{ padding: 0 5px; }
div.copyright {
/* float: left; width: 100%; color:#FFFFFF; 
 background: #113164 url(images/footer-line.jpg)  no-repeat; 
padding-top:20px;
text-align:left; */
    background: none repeat scroll 0 0 #113164;
    color: #FFFFFF;
    margin: 0 auto;
    padding-top: 20px;
    text-align: left;
    width: 100%;
}

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; }.coppy{	width:975px;	margin:0 auto;}
.banner_all{
	width:100%;
	margin:0 auto;
	background:url(images/banner_bg.jpg) repeat-x top left;
	clear:both;
}