/*
Theme Name: Synq
Theme URI: http://synqsolutions.com/
Description: Customized theme for Synq Solutions (based on Sandbox Theme)
Version: 2.0
Author: SolDesign
Author URI: http://soldesignco.com/
Tags: red, fixed width, two columns, widgets, social

*/



/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}
div#primary {
margin-top:0px;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin:30px 0;
padding-bottom: 10px;
/*border-bottom: 1px solid #ccc;*/
}

div#nav-below {
margin:30px 0;
padding-top: 10px;
/*border-top: 1px solid #ccc;*/
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar ,div.sidebar ul {
margin:0 0 10px 0;
padding:0;
}
.author-vcard a {color: #075472;}

abbr.published {border:none}

div.entry-meta{font-size: 10px}

div.entry-meta, div.entry-meta1 {padding-bottom:10px; border-bottom: 1px solid #ccc;}

/**************************************************************************************************/

#blogTitle h3{margin:0 0 5px 0; color:#CF001A; font-size:14px;}

#blogTitle h3 a { color:#CF001A;}

/*#blogTitle a{color:#CF001A;}*/

#blogContent{
	width:440px; 
	float:left;	
}
#blogContent p{
	padding: 0 0 10px 0;
	margin:0;
	font-size: 13px;
}
#blogContent p.top{
	padding: 20px 0 10px 0;
	margin:0;
	font-size: 13px;
}
#blogTitle{
	height:55px;
	overflow:hidden; 
	margin:20px 0 10px;	
}
#titleImg{float:left; padding-right: 15px;}

p.topDescript{
	font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #989898;
	padding:0;
	margin:0;
	line-height: 22px;
}
#blogSidebar{
	width:240px; 
	float:left;
	margin-left:50px;
	background-color:#abc7d2;
}

#blogSidebar a{color:#648B9D; text-decoration: none;}

#blogSidebar a:hover{color:#075472; text-decoration: underline;}

div.socialBtn1{
	padding:2px 4px 2px 22px; 	
	height: 16px;
	width: 150px;
	color: #648B9D;	
	margin: 10px 0;
	background: url(images/feed.png) 2px 2px no-repeat;
}
.greyBox{
	background-color: #EDEDED;
	padding:15px;
	border-bottom: 1px solid #A7A9AC;
	height: 100%;
	overflow: hidden;
	color: #648B9D;
}
.greyBox h4, h3.widgettitle{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #075472;
	margin-top:0;
	padding-top:0;
	margin-bottom: 10px;
}
h4.topFlush{
	margin-top:0;
	padding-top:0;
}

li.widget ul li,#sidebar ul li ul li{
	list-style: none;
	padding-left: 10px;
	background: url('images/blue-dash.gif') no-repeat 0 4px;
}


li.widget_recent_entries ul li{
	list-style: none;
	padding-left: 10px;
	background: url('images/blue-arrow.gif') no-repeat 0 4px;
}



.greyBox ul {
	margin:0;
	padding:0;
}
.greyBox ul li {
	margin:0;
	padding: 0 0 5px 0;
	list-style:none;
}

/********************************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E5E4E4;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #4D4D4D;
}
a {color: #075472; text-decoration:none;}

a:hover {text-decoration:underline;}

p.largePara, li.largePara{font-size: 14px}

img{border:none;}

.frontH3{font-size:20px; font-weight:normal; margin-top:-6px}

#bgWrapper{
	width:1040px;
	margin:0 auto;
	background:url(images/main-bg.png) repeat-y;
	overflow:auto;
}

#containerOver { 
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding-top:20px;
}

#header {
	display: block;
	height: auto;
	padding: 0 25px 0 15px;
	overflow:auto;
} 
#mainImage { clear:both; display:block; }
#mainImage .flashSmall { display:block; height:190px; text-align:center;}
#FlashDiv{display:block;height:190px;margin-left:auto;margin-right:auto;background-color:#d22329;}

#logo{
	display: inline;
	float:left; 
	margin-top: 12px; 
	margin-left: 30px;
}
#logo img{border:none;width:250px;height:70px;}

.topMenu{
	display: inline;
	font-size: 12px;
	color: #666;
	float:right;
	text-align:right;
	width: 350px;
}

.topMenu a{color: #666; text-decoration:none;}
.topMenu a:hover{color:  #075472; text-decoration:underline;}

.topMenu form{
	padding:0;
	margin:0;
}
div.topNav{dispaly:inline;padding-top:4px; float:left;}
div.searchBox{/*margin-left:10px;*/ float:left; }


form input.email{font-size: 13px;color: #666;width:165px;}


fieldset.search {
 border: none;

 margin: 0;
 padding: 0;
}
.search input, .search button {
 float: left;
}
.search input.box {
 color: #666;
 font-size: 13px;
 background-image:none;
 width:150px;
 display:block;
 float:left;
 margin-right:10px;
 margin-left:10px;
}


.search input.btn {
 width: 30px;
 height: 22px;
 cursor: pointer;
 text-indent: -9999px;
 background: url(images/go-btn.png) no-repeat 0 0;
 border: none;
}
#menu{
	margin-top: 30px;
	padding-left: 175px;
	float:left;
	width: 760px;
	text-align:right;
	height: 35px;
}
#menu ul{
	display: inline;
}
#menu li{
	list-style: none;
	float: left;
}
li.services a, li.clients a, li.advantage a, li.innovating a, li.about a, li.servicesOn a, li.clientsOn a, li.advantageOn a, li.innovatingOn a, li.aboutOn a {
	margin-right: 40px;	
	height: 35px;
	display: block;
}
li.services a{
	width: 100px;
	background: url(images/menu-services.png) no-repeat 0 0;
}
li.clients a{
	width: 91px;
	background: url(images/menu-clients.png) no-repeat 0 0;
}
li.advantage a{
	width: 125px;
	background: url(images/menu-advantage.png) no-repeat 0 0;
}
li.innovating a{
	width: 54px;
	background: url(images/menu-innovating.png) no-repeat 0 0;
}
li.about a{
	width: 79px;
	background: url(images/menu-about.png) no-repeat 0 0;
}
li.news a{
	height: 35px;
	display: block;
	width: 110px;
	background: url(images/menu-news.png) no-repeat 0 0;
}

li.newsOn a{height:35px; display:block;}

li.services a:hover, li.servicesOn a {background: url(images/menu-services.png) no-repeat 0 100%;}
li.clients a:hover, li.clientsOn a{background: url(images/menu-clients.png) no-repeat 0 100%;}
li.advantage a:hover, li.advantageOn a{background: url(images/menu-advantage.png) no-repeat 0 100%;}
li.innovating a:hover, li.innovatingOn a{background: url(images/menu-blog.png) no-repeat 0 100%;}
li.about a:hover, li.aboutOn a{background: url(images/menu-about.png) no-repeat 0 100%;}
li.news a:hover, li.newsOn a{background: url(images/menu-news.png) no-repeat 0 100%;}

/*reiterate each menu items width for menu.php to render correctly*/
li.servicesOn a{width: 100px;}
li.clientsOn a{width: 91px;}
li.advantageOn a{width: 125px;}
li.innovatingOn a{width: 54px;}
li.aboutOn a{width: 79px;}
li.newsOn a{width: 110px;}


#sidebar1 {
	float: left; 
	width: 260px; /* since this element is floated, a width must be given */
	padding: 0  0 20px 0; /* top and bottom padding create visual space within this div  */
}

#sidebar1 h3, #sidebar1 p {
	margin-left: 20px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 20px;
}

#sidebar1 h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin-bottom: 9px;
	margin-top: 11px;
	font-size: 18px;
	font-weight: normal;
}
#sidebar1 h3.blueText, #mainContent h3.blueText, .blueText{color: #075472;}

#solutionsBox{
	width: 245px;
	height: 130px;
	background: url(images/solution-box.png) no-repeat;
	margin: 0 0 0px 13px;
	font-size: 11px;
}
#solutionsBox img{border:none}

.sbox-headerPad{padding: 15px 0 7px 15px;}
.sbox-imgPad{padding: 0 10px 0 17px;}

#sbox{margin-left: 20px}

#quoteBox{
	margin: 10px 0 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #808080;
	font-size: 14px;
	
}
#quoteBox .credit{
	font-size: 12px;
	
}
#sideSolutionsFor img{ border:none;}
#successStory, #signUp{
	margin: 10px 0 0 20px;
	border-top: 1px solid #CCC;
	font-size: 11px;
	line-height: 18px;
	
}
#sideMenu{
	border-top: 1px solid #CCC;
	margin: 0px 0 30px 20px;
	font-size: 12px;
	padding-top: 5px;
}
#sideMenu a{color: #4D4D4D; text-decoration:none;}
#sideMenu a:hover{color:  #CF001A; text-decoration:none;}
#sideMenu li{
	margin: 5px 0 0 0px;
	padding: 0;
	list-style: none;
}

#mainContent { 
	margin: 15px 20px 0 290px;
	/*height: 100%;
	overflow:hidden;*/
}

#mainContentInt { 
	margin: 13px 20px 0 29%; 
}
#blogContent h3, #blogContent h3 a{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CF001A;
}

#blogContent h3.arialH3 {font-family: Arial, Helvetica, sans-serif; color: #000;}

#blogContent h3.RedBG, #blogContent h3.blueBG {
	color: #fff; 
	padding:5px; 
	font-size: 18px; 
	font-weight: normal;
}
#blogContent h3.RedBG {
	background-color:#E82434;
	display: inline;
	margin-top: 20px;
}

#blogContent h3.RedBG a{color:#fff};

#blogContent h3.blueBG {background-color:#075472}

#midContents{
	border-top: 1px solid #CCC; 
	width: 100%;
	float: left;
	/*padding: 10px 0;*/
	margin: 10px 0 20px 0;
	font-size: 12px;
}
#midContents h3{
	color: #075472;
}
#midContents .midLeft{
	width: 45%;
	float:left; 
	margin-right: 9%;	
}
#midContents .midRight{
	width: 45%;
	float:left; 	
}
ul.condList{
	margin:0 0 20px 0;
	padding:0;
}
ul.condList li{
	list-style:none;
	padding-left: 10px;
	margin-bottom: 15px;
	width: 310px;
	float:left; 
	background: url(images/arrow-bullet.png) 0 2px no-repeat;
	/*border: 1px solid red;*/
}	
ul.condList li.rightPad{ margin-right: 40px;}

ul li .blackText, .blackText{color: #000; font-weight:bold;}

ul.arrowList li, ul.indServed li{
	list-style-type: square;
	list-style-position: outside;
}

ul.arrowList li{list-style-image: url(images/arrow-bullet.png);	padding-bottom: 10px;}

ul.arrowListBox {
	padding-left:10px;
	margin-left:0;
}
ul.arrowListBox li{ 
	list-style: none;
	padding:0 0 20px 25px; margin:0;
	background: url(images/red-arrow-box.gif) 0 1px no-repeat;	
}

.clientLogoPad{padding-right: 60px;}

.redTextArrow{
	/*color: #CF001A;*/
	color: #CF001A;
	font-weight: bold;
}
.redText{color: #CF001A;}
#footer{	
	margin-left: 20px;
	padding: 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	font-size: 11px;
	color: #797979;
	border-top: 1px solid #CCC;
	width: 920px;
	margin-top: 50px;
	float:left;
} 

#footer p{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
hr {
	color: #fff; 
	background-color: #fff; 
	border: 1px solid #ccc; 
	border-style: none none solid; 
}

#sideMenu li.currentpage, #sideMenu li.currentpage a {color: #CF001A; font-weight: bold;}

div.bottomCap{
	width: 400px;
	height: 25px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 20px;
}

div.bottomLink, div.bottomLink-IN{
	border-top: dotted 1px #CCC; 
	border-right: dotted 1px #CCC; 
	width: 130px; 
	padding: 5px 10px;
	/*margin-top: 39px;*/
	/*position: relative;*/
	/*bottom: -12px;*/ /*IE only
	bottom: -25px;	*/
}
div.bottomLink{margin-left: 0px;}

div.bottomLink-IN{margin-left:-20px}

#innovatingBlock1{
	background: url(images/innovating-img1.gif) no-repeat;
}
#innovatingBlock1 p{
	margin-left: 205px; 
	margin-top: 10px;
	line-height: 17px;
	font-size: 11px;
}

#innovatingBlock1 img{padding-bottom: 7px;}

div.bottomLink a {color: #808080; text-decoration: none;}
div.bottomLink a:hover { color: #075472; text-decoration: underline;}

#industryNewsBox{
	width: 240px;
	/*background-color: #EDEDED;
	padding: 10px;*/
	float:right;
	margin-right: 15px;
}

#industryNewsBox ul{
	list-style: none; 
	margin: 10px 0 0; 
	padding: 0;
}

#industryNewsBox ul li{
	padding: 10px 0;
	display: block;
}

#industryNewsBox ul li img{
	padding-right: 10px;
}
#industryNewsFront{
	margin-top: 20px;
	width:90%;
}
#industryNewsFront ul{
	list-style: none; 
	margin-top: 10px;
	padding-left:10px;	
}
#industryNewsFront ul li{
	height: 50px;
	padding: 10px 0;
	border-bottom: solid 1px #CCC;
}
#industryNewsFront ul li img{padding-right: 15px;}



#content{width:650px;padding:0 20px;float:left;}

div.post{border-bottom:1px solid #959595;margin-bottom:10px;overflow:auto;}
.entry{clear:both;}
h1{font:normal 25px/1em Georgia, "Times New Roman", Times, serif; color:#E82434;}
h1 a{color:#E82434;}

#sidebar{width:220px;padding:0 10px 10px;float:left;background-color:#adc6d0;margin-left:45px;overflow:visible;}
#sidebar ul{margin:0;padding-left:0;list-style:none;}
#sidebar ul li{background-color:#fff;overflow:auto;margin-top:10px;}
#sidebar ul li h3{background-color:#075472;font:bold 14px/1em Arial, Helvetica, sans-serif;color:#fff;padding:8px 10px;}
#sidebar ul li h3 a{color:#fff;display:block;}
#sidebar ul ul,#sidebar ul p,div.ctc{padding:8px 10px;}
.postavatar{float:left;display:inline;margin:0 5px 10px 0;}

ul#soshare{padding-left:0;font-size:10px;height:25px;margin:15px 0;}
ul#soshare li{display:inline;float:left;margin-right:10px;height:16px;}
ul#soshare li a{display:block; background-repeat:no-repeat;background-position:left center;padding:4px 0 0 18px;}
.sorss a{background-image:url('images/sorss.gif');}
.soemail a{background-image:url('images/soemail.gif');}
.sotwitter a{background-image:url('images/sotwitter.gif');}
.sofacebook a{background-image:url('images/sofacebook.gif');}
.solinkedin a{background-image:url('images/solinkedin.gif');}

#sidebar h3.widgettitle{margin-bottom:0;}
#sidebar li.widget_twitter{overflow:auto;margin-bottom:10px;}
#sidebar li.widget_twitter h3.widgettitle{background:#fff url('images/twitter.gif') no-repeat 8px 5px;text-indent:-999em;height:25px;}
#sidebar li.widget_twitter ul li{padding-left:0;background-image:none;}
#sidebar ul.lms li{margin-top:0;}

#sidebar .widget_text ul {overflow:auto;}
#sidebar .widget_text ul li {margin-bottom:2px;width:90px;float:left;}

li#glossary div{height:150px;overflow:auto;}
li#glossary .stbutton{display:none;}
.postmetadata{margin:0;padding:5px 0 15px;overflow:visible;width:99%;}
.postmetadata.byline{display:inline;}
.postmetadata .alignleft{width:400px;}
.post{padding-bottom:10px;}
a:hover, a:active, a:focus{outline:none;}