/*



Theme Name: The Transaction Group



Theme URI: http://www.thetransactiongroup.net



Description: Custom design for The Transaction Group



Version: 1.0



Author: Lynn M. Wallenstein



Author URI: http://lwallenstein.poweredbygeek.net/



*/







.hidden {



	display: none;



}



.clear {



	clear: both;



	margin: 0;



	padding: 0;



}



/* Begin Typography & Colors */



body {



	font-size: 62.5%; /* Resets 1em to 10px */



	font-family: Verdana, Arial, Helvetica, sans-serif;



	background: #c1c0c0 url('images/page_background.png') top left repeat-x;



	color: #333;



	text-align: center;



	margin: 0 0 20px 0;



	padding: 0; 



	}



#page1 {



	background: #ffffff url('images/content_background.png') top left repeat-y;



	width: 964px;



	margin: 20px auto;



}



#page2 {



	background: url('images/content_background_bottom.png') bottom left no-repeat;



	width: 964px;



	padding-bottom: 30px;



}



#page {



	background: url('images/content_background_top.png') top left no-repeat;



	padding: 0;



	width: 964px;



	text-align: left;



	}



#header {



	
	clear: both;
	margin: 0 0 0 1px; 



	padding: 0;



	width: 964px;



}



#bar2 {


	clear: both;
	
	width: 928px;
	padding: 0px 18px 0px 18px;



}




#header_navigation {





	color: #ed9746;


	height: 90px;
	
	width: 934px;
	
	padding: 0px 15px 0px 15px;

	text-align: center;



	float: right;






	font-size: 1.6em:



}



.header_navigation_button {



	background: url('images/header_nav_background.png') top left no-repeat;



	height: 30px;



	margin-top: 5px;



	width: 128px;



	float: right;



	margin-left: 10px;



	text-align: center;



	font-size: 1.7em;



	padding-top: 5px;



}



.header_navigation_button a{



	color: #ffffff;



	font-weight: bold;



}



.header_navigation_button a:hover{



	color: #ffffff;



}




#picture_bar {



	float: left;



	width: 693px;



}



#apply_now {



	float: right;



	width: 232px;



}



#contentwrapper {



	width: 700px;



	float: left;



	margin-left: 10px;



	margin-right: 10px;



	padding: 0px;



}



#content {



	font-size: 1.2em;



	margin-left: 243px;



	margin-top: 0px;



        



        



}







#content img {



	padding-right: 5px;



	padding-left: 5px;



	padding-bottom: 5px;



}



.breaker_bar {



	width: 445px;



	height: 29px;



	background: url('images/bar_background.png') no-repeat top left;



	color: #ffffff;



	text-align: left;



	font-size: 1.5em;



	margin-top: 20px;



	margin-bottom: 20px;



	padding-left: 10px;



	padding-top: 2px;



}	



/* Begin Sidebar */



#leftbar {



	float: left;



	width: 233px;



	color: #a6a6a6;



	margin-right: 10px;



}



.testimonal {



	font-size: 1.5em;



	color: #a6a6a6;



	font-weight: bold;



	padding: 5px;



	margin-bottom: 20px;



}



.specialh2 {



	color: #ed9746;



	font-size: 1.4em;



}



.testimonal span {



	color: #8cbdd1;



}



.testimonal small {



	font-size: .8em;



	float: right;



	text-align: right;



}



.testimonal small {



	font-size: .8em;



	float: right;



	text-align: right;



}



#testimonal_link {



	float: center;



	text-align: center;



	margin: auto;



	color: #8f8f8f;



	font-size: .7em;



}



#testimonal_link a{



	color: #fe7d00;



	text-decoration: underline;



}



.leftbar_button {



	margin-top: 10px;



}



#sidebar {



	padding: 0px;



	margin-left: 730px;



	width: 230px;



}



#sidebar .bsection{



	background: url('images/sidebar_blue_background_top.png') top left no-repeat;



	text-align: center;



}



#sidebar .bsection h3{



	color: #98c4d7;



	font-size: 1.5em;



	padding-top: 13px;



	text-align: center;



	padding-bottom: 5px;



}



.navitem {



	border-bottom: 1px solid #fafafb;



	padding-bottom: 3px;



	padding-bottom: 3px;



	font-size: 1.5em;



	width: 200px;



	margin: auto;



	text-align: left;



}



.navitem a{



	color: #fafafb;



}



.navitem a:hover{



	color: #fafafb;



}



.navitem ul{

  margin: 0px 0px 0px 20px;

  padding: 0px;

}



.learn {



	padding-bottom: 3px;



	padding-bottom: 3px;



	font-size: 1.5em;



	width: 200px;



	margin: auto;



	text-align: center;



}

.learn a{



	color: #fafafb;



}



.learn a:hover{



	color: #fafafb;



}





#sidebar .bsection1{



	background: url('images/sidebar_blue_background_bottom.png') bottom left no-repeat;



	width: 217px;



	margin-top: 10px;



	margin-bottom: 10px;



	padding-bottom:10px;



}



#sidebar .bsection2{



	background: url('images/sidebar_blue_background.png') repeat-y top left;



}













.bsectionleft{



	background: url('images/leftsidebar_blue_background_top.png') top left no-repeat;



    padding-top: 22px;



	text-align: center;



}



.bsectionleft h3{



	color: #98c4d7;



	font-size: 1.5em;



	padding-top: 13px;



	text-align: center;



	padding-bottom: 5px;



}



.navitem {



	border-bottom: 1px solid #fafafb;



	padding-bottom: 3px;



	padding-bottom: 3px;



	font-size: 1.5em;



	width: 200px;



	margin: auto;



	text-align: left;



}



.navitem a{



	color: #fafafb;



}



.navitem a:hover{



	color: #fafafb;



}



.bsectionleft1{



	background: url('images/sidebar_blue_background_bottom.png') bottom left no-repeat;



	width: 217px;



	margin-top: 10px;



	margin-bottom: 10px;



	padding-bottom:10px;



}



.bsectionleft2{



	background: url('images/sidebar_blue_background.png') repeat-y top left;



}













#sidebar .gsection{



	background: url('images/sidebar_grey_background_top.png') top left no-repeat;



	text-align: center;



}



#sidebar .gsection h3{



	color: #aba7b0;



	font-size: 1.5em;



	padding-top: 13px;



	text-align: center;



	padding-bottom: 5px;



}



#sidebar .gsection1{



	background: url('images/sidebar_grey_background_bottom.png') bottom left no-repeat;



	width: 217px;



	margin-top: 10px;



	margin-bottom: 10px;



	padding-bottom:10px;



}



#sidebar .gsection2{



	background: url('images/sidebar_grey_background.png') repeat-y top left;



}











#sidebar .asection{



	background: url('images/sidebar_grey_background_top.png') top left no-repeat;



	text-align: left;



}



#sidebar .asection h3{



	color: #aba7b0;



	font-size: 1.5em;



	padding-top: 13px;



	text-align: center;



	padding-bottom: 5px;



}



#sidebar .asection1{



	background: url('images/sidebar_grey_background_bottom.png') bottom left no-repeat;



	width: 217px;



	margin-top: 10px;



	margin-bottom: 10px;



	padding-bottom:10px;



}



#sidebar .asection2{



	background: url('images/sidebar_grey_background.png') repeat-y top left;



}



#sidebar #contactform{



	background: url('images/sidebar_contact_background.png') repeat-x top left;



	width: 207px;



	height: 306px;



	padding: 5px;



	color: #ffffff;



}



#sidebar #contactform .contactbutton{



	float: center;



}



#sidebar form {



	margin: 0;



	}



/* End Sidebar */



.read_more {



	float: right;



	width: 93px;



}



.alt {



	background-color: #f8f8f8;



	border-top: 1px solid #ddd;



	border-bottom: 1px solid #ddd;



	}







#footer {



	color: #9a9a9a;



}



#footer a {



	color: #ffffff;



}



small {



	font-family: Arial, Helvetica, Sans-Serif;



	font-size: 0.9em;



	line-height: 1.5em;



	}







h2, h3 {



	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;



	font-weight: bold;



	}







h1 {



	font-size: 1.6em;



	color: #ed9543;



	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;



	font-weight: bold;



	margin-top: 0px;



	text-align: left;



	



}











.pagetitlediv {



	background: url('images/icon_logo.png') top left no-repeat;



	padding-left: 30px;



	margin-top: 20px;



}		











#headerimg .description {



	font-size: 1.2em;



	text-align: center;



	}







h2 {



	font-size: 1.2em;



	



}



.h2style {



	font-size: 1.2em;



	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;



	font-weight: bold;



}











#sidebar h2 {



	font-family: 'Lucida Grande', Verdana, Sans-Serif;



	font-size: 1.2em;



	}







h3 {



	font-size: 1em;



	color: #ed9746;



	}







#headerimg .description {



	text-decoration: none;



	color: white;



	}







h2, h2 a, h2 a:visited {



	color: #89bbcf;



	}



.h2style {



	font-size: 1.2em;



	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;



	font-weight: bold;



	color: #89bbcf;



}



.h3style {



	font-size: 1em;



	color: #ed9746;



	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;



	font-weight: bold;



}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {



	text-decoration: none;



	}







.entry p a:visited {



	color: #b85b5a;



	}







.commentlist li, #commentform input, #commentform textarea {



	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;



	}







.commentlist li {



	font-weight: bold;



	}







.commentlist cite, .commentlist cite a {



	font-weight: bold;



	font-style: normal;



	font-size: 1.1em;



	}







.commentlist p {



	font-weight: normal;



	line-height: 1.5em;



	text-transform: none;



	}







#commentform p {



	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;



	}







.commentmetadata {



	font-weight: normal;



	}







#sidebar {



	font: 1em;



	}







small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {



	color: #777;



	}







code {



	font: 1.1em 'Courier New', Courier, Fixed;



	}







acronym, abbr, span.caps



{



	font-size: 0.9em;



	letter-spacing: .07em;



	}







a, h2 a:hover, h3 a:hover {



	color: #06c;



	text-decoration: none;



	}



#content a {



	color: #06c;



	text-decoration: underline;



	}



a:hover {



	color: #147;



	text-decoration: underline;



	}











/* End Typography & Colors */



































.post {



	margin: 0 0 25px;



	text-align: justify;



	border: 1px solid #ebecee;



	padding-right: 5px;



	padding-left: 5px;



	padding-bottom: 5px;



	width: 430px;



	}







.post hr {



	display: block;



	}



.posttitlediv {



	background: url('images/icon_logo.png') top left no-repeat;



	padding-left: 30px;



}	











.postmetadata {



	clear: left;



}







#footer {



	padding: 0;



	margin: 0 auto;



	width: 760px;



	clear: both;



	}







#footer p {



	margin: 0;



	padding: 20px 0;



	text-align: center;



	}



/* End Structure */















/*	Begin Headers */



h1 {



	margin: 0;



	}







h2 {



	margin: 20px 0 0;



	}











#sidebar h2 {



	margin: 5px 0 0;



	padding: 0;



	}







h3 {



	padding: 0;



	margin: 30px 0 0;



	}







h3.comments {



	padding: 0;



	margin: 40px auto 20px ;



	}



/* End Headers */















/* Begin Images */



p img {



	padding: 0;



	max-width: 100%;



	}







/*	Using 'class="alignright"' on an image will (who would've



	thought?!) align the image to the right. And using 'class="centered',



	will of course center the image. This is much better than using



	align="center", being much more futureproof (and valid) */







img.centered {



	display: block;



	margin-left: auto;



	margin-right: auto;



	}







img.alignright {



	padding: 4px;



	margin: 0 0 2px 7px;



	display: inline;



	}







img.alignleft {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



	}







.alignright {



	float: right;



	}







.alignleft {



	float: left



	}



/* End Images */















/* Begin Lists







	Special stylized non-IE bullets



	Do not work in Internet Explorer, which merely default to normal bullets. */







html>body .entry ul {



	margin-left: 0px;



	padding: 0 0 0 30px;



	list-style: none;



	padding-left: 10px;



	text-indent: -10px;



	} 







html>body .entry li {



	margin: 7px 0 8px 10px;



	}







.entry ul li:before, {



	content: "\00BB \0020";



	}







.entry ol {



	padding: 0 0 0 35px;



	margin: 0;



	}







.entry ol li {



	margin: 0;



	padding: 0;



	}







.postmetadata ul, .postmetadata li {



	display: inline;



	list-style-type: none;



	list-style-image: none;



	}











#sidebar ul, #sidebar ul li{



	color: #ffffff;



	margin-left: 0px;



	}



#sidebar ul li a{



	color: #ffffff;



	font-size: 1.5em;



	}



#sidebar #articles ul, #sidebar ul li{



	color: #ffffff;



	margin-left: 0px;



	padding-left: 0px;



	}















/* End Entry Lists */















/* Begin Form Elements */



#searchform {



	margin: 10px auto;



	padding: 5px 3px; 



	text-align: center;



	}







#sidebar #searchform #s {



	width: 108px;



	padding: 2px;



	}







#sidebar #searchsubmit {



	padding: 1px;



	}







.entry form { /* This is mainly for password protected posts, makes them look better. */



	text-align:center;



	}







select {



	width: 130px;



	}







#commentform input {



	width: 170px;



	padding: 2px;



	margin: 5px 5px 1px 0;



	}







#commentform textarea {



	width: 100%;



	padding: 2px;



	}







#commentform #submit {



	margin: 0;



	float: right;



	}



/* End Form Elements */















/* Begin Comments*/



.alt {



	margin: 0;



	padding: 10px;



	}







.commentlist {



	padding: 0;



	text-align: justify;



	}







.commentlist li {



	margin: 15px 0 3px;



	padding: 5px 10px 3px;



	list-style: none;



	}







.commentlist p {



	margin: 10px 5px 10px 0;



	}







#commentform p {



	margin: 5px 0;



	}







.nocomments {



	text-align: center;



	margin: 0;



	padding: 0;



	}







.commentmetadata {



	margin: 0;



	display: block;



	}



/* End Comments */



































/* Begin Various Tags & Classes */



acronym, abbr, span.caps {



	cursor: help;



	}







acronym, abbr {



	border-bottom: 1px dashed #999;



	}







blockquote {



	margin: 15px 30px 0 10px;



	padding-left: 20px;



	border-left: 5px solid #ddd;



	}







blockquote cite {



	margin: 5px 0 0;



	display: block;



	}







.center {



	text-align: center;



	}















a img {



	border: none;



	}







.navigation {



	display: block;



	text-align: center;



	margin-top: 10px;



	margin-bottom: 60px;



	}







.seo{



	font-size: 1.6em;



	color: #ed9543;



	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;



	font-weight: bold;



	margin-top: 0px;



	text-align: left;



	



}







.seo1{



font-size: 1.2em;



font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;



font-weight: bold;



color: #89bbcf;



}







.asection1 .asection2 .articles ul{



 text-align: left;



 padding-left: 17px;



 padding-right: 5px;



 }







.asection1 .asection2 .articles li{



  padding-top:5px;



 }



#submitbutton { 



  background-image: url(button.png);



  background-repeat: no-repeat;



  width: 93px; 



  height: 24px; 



  color: #FFFFFF; 



  background-color: #A3CBDC;



  background-position: left;



  border: none; 



  font-size: 10px; 



  font: Tahoma, Arial, sans-serif; 



  } 







.wirelessh2{



font-family: Arial, Helvetica, Sans-Serif;



	font-size: 1.3em;



        line-height: 1.5em;



}



#box{
width:233px; height:152px; text-align:center; background:url(images/box.png) no-repeat left top;}
#links{ padding:70px 10px 0 88px; text-align:left; list-style-type:square; color:#666666; }
#links a {font-size:13px; color:#FFFFFF; font-family:arial; text-decoration:none; line-height:25px; border-bottom:1px solid #FFF;}
#links a:hover{ text-decoration:none; }
.cards img{
height: 108px !important;
}