/*
Theme Name:		Business/Blog
Theme URI:		n/a
Description: 	A sleek, clean, modern design for a business, product, or personal website or blog.
Version: 		1
Author: 		Jason LaRose
Author URI: 	http://jasonlarosedesign.com

Name v1
This site was designed and built by Jason LaRose, whose website you will find at jasonlarosedesign.com
*/


/* ========================================================================= */
/* UNIVERSAL STYLES                                                          */
/* ========================================================================= */

	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
	html, body { font-size: 12px; line-height: 130%; background: #FFFFFF url(http://www.transactcp.com/images/bg3.jpg) repeat-x 0 0; color: #000000; }



/* ========================================================================= */
/* LAYOUT STYLES                                                             */
/* ========================================================================= */

	#wrapper  { width: 966px; margin: 0 auto 20px auto; }
	#wrapper2 { width: 966px; margin-top:50px; margin-bottom:0px; margin-left:140px; margin-right:0px; }
      #wrapper3 { width: 1100px; margin: 0 auto 20px auto; }

	#wrapper-innercms { background: #FFF; border: 1px solid #333; overflow: hidden; clear: both; margin-top:-300; }
	#wrapper-inner { background: #FFF; border: 1px solid #333; overflow: hidden; clear: both; }
	#wrapper-inner2 { background: #FFF; border: 1px solid #333; overflow: hidden; clear: both; }
	#wrapper-inner3 { background: #FFF; border: 1px solid #333; overflow: hidden; clear: both; }
	#content { margin: 10px; padding-top: 1px; overflow: hidden; clear: both; border-top: 1px solid #fff; }
	#content2 { margin: 5px; padding-top: 1px; overflow: hidden; clear: both; border-top: 1px solid #fff; }
	#content3 { margin: 5px; padding-top: 1px; overflow: hidden; clear: both; border-top: 1px solid #fff; }
	#contentcms { margin: 10px; padding-top: 1px; overflow: hidden; clear: both; border-top: 1px solid #fff; margin-top:-300;  }
	html>body #content3 { margin-left: 5px; padding-top: 1px; overflow: hidden; clear: both; border-top: 1px solid #fff; }


	#content-sub { float: right; width: 330px; text-align: left;}   /* 320 */
	#content-sub2 { float: center; width: 996px; text-align: left; margin-left:-15px; }   /* 320 */
      #content-sub3 { width: 300px; text-align: left; position:absolute; top:330px; left:770px; }   
      /* #content-sub3 { float: right; width: 300px; text-align: left; margin-top:-920px; margin-right:20px;}   */

	html>body #content-sub2 { float: center; width: 996px; text-align: left; margin-left:-23px; }   /* 320 */

	#content-main { float: left; width: 580px; }   /* 580 */
      #content-maincms { float: left; width: 580px; margin-top:-300; }   /* 580 */
	#content-mainnl { float: left; width: 910px; }   /* 580 */
	#content-main-center { float: center; width: 580px; margin-left:40px;}   /* 580 */
	#content-main-center2 { float: left; width: 580px; text-align: center; margin-left:35px;}   /* 580 */
	html>body #content-main-center2 { float: center; width: 996px; margin-left:30px; text-align: center;}   /* 580 */



      .floatleft { float: left; margin: 0px 0px 0px 0px; }

      .picleft  {	float:left;	 margin:3px 14px 10px 0;	border:0px solid #336699;	}

      .picright {	float:right; margin:3px 14px 10px 10;	border:0px solid #336699;	}	

	#footer { clear: both; overflow: hidden; background: #a7bbc9 url(http://www.transactcp.com/images/bg_feature-option.jpg) repeat-x 0 0; font-size: 10px; }
	#footer-inner { border: 1px solid #555; overflow: hidden;  }




/* ========================================================================= */
/* ELEMENT STYLES                                                            */
/* ========================================================================= */

	h1 { font-size: 18px; margin: 20px 0; color: #000000; }
	h2 { font-size: 16px; margin: 20px 0; color: #000000; }
	h3 { font-size: 14px; margin: 20px 0; color: #000000; }
	h4 { font-size: 14px; margin: 0px 0; color: #000000; }

	h1 span, h2 span, h3 span, { display: block; font-size: 10px; font-weight: normal; line-height: 125%; color: #000000; }
      h4 span { display: block; font-size: 14px; font-weight: normal; line-height: 100%; color: #000000; }
	hr { border: none; background: #ccc; height: 1px; margin: 0px 0; }
	p { margin: 5px 0; }
	ul { margin: 20px; }
	ol { margin: 20px 20px 20px 25px; }
	a { text-decoration: none; color: #0e3062; font-weight: bold; }
	a:hover { text-decoration: underline; }
	/*a:focus { -moz-outline-style: none; }  activate this style if you do not want the dotted border appearing on click of anchor tags in Firefox. However, it will render the css invalid. */
	blockquote { margin: 20px 20px 0 20px; }
	cite { margin: 5px 20px 20px 20px; text-align: right; display: block;}
	img { border: 1px solid #808080; }
	img.float-left { float: left; display: inline; margin: 0 20px 0 0; }
	

/* = ELEMENT STYLES: Classes and ID's ====================================== */

	
      h2#logo { float: left; height: 51px; width: 500px; text-indent: -9000px; margin: 0 0 0 15px; }


	#feature { clear: both; height: 270px; background: url(http://www.transactcp.com/images/bg_feature.jpg) repeat-x 0 100%; border-bottom: 1px solid #808080; overflow: hidden; }
	#feature span { color: #000000; }
	#feature p { font-size: 13px; margin: 10px 0; color: #000000; font-weight: bold;}
	#feature h3 { margin: 0; }
	.feature-content { height: 170px; overflow: hidden; padding: 20px; }
	#feature p.caption { width: 450px; }


                                     /* 210 */
      #feature2 { clear: both; height: 220px; background: url(http://www.transactcp.com/images/bg_feature.jpg) repeat-x 0 100%; border-bottom: 1px solid #808080; overflow: hidden; }
	#feature2 span { color: #000000; }
	#feature2 p { font-size: 13px; margin-top: 40px; color: #000000; font-weight: bold;}
	#feature2 p2 { font-size: 13px; margin-top: 10px; color: #000000; font-weight: bold;}
	#feature2 h3 { margin: 0; }

	.feature2-content { height: 220px; overflow: hidden; padding: 30px; }
	.feature2-content-right { height: 220px;  overflow: hidden; padding-bottom: 20px; margin-left: 490px; margin-top: -165px; }

	#tab2 {  } 
	.feature3-content { height: 220px; overflow: hidden; padding: 50px; }
	.feature3-content-right { height: 220px;  overflow: hidden; padding-bottom: 20px; margin-left: 490px; margin-top: -280px; }
	#tab3 {  } 

	#feature2 p.caption { width: 450px; }


	#feature4 { clear: both; height: 270px; background: url(http://www.transactcp.com/images/bg_feature.jpg) repeat-x 0 100%; border-bottom: 1px solid #808080; overflow: hidden; }
	#feature4 span { color: #000000; }
	#feature4 p { font-size: 13px; margin: 10px 0; color: #000000; font-weight: bold;}
	#feature4 h3 { margin: 0; }
      #tab1 {  } 
	.feature-content4 { height: 220px; overflow: hidden; padding: 50px; }
      #tab2 {  } 
	.feature-content4 { height: 220px; overflow: hidden; padding: 50px; }
      #tab2 {  } 
	.feature-content4 { height: 220px; overflow: hidden; padding: 50px; }
      #tab4 {  } 
	.feature-content4 { height: 220px; overflow: hidden; padding: 50px; }
	#feature4 p.caption { width: 450px; }


      



	#menuy { margin: 0; }
	#menuy li { list-style: none; float: left; width: 242px; }
	#menuy li.first { width: 241px; margin-left: -1px; }
	#menuy li.last { width: 240px; }
	#menuy li a { padding: 7px 10px; font-size: 11px; font-weight: normal; line-height: 125%; color: #555; height: 50px; display: block; background: #b5b5b5 url(http://www.transactcp.com/images/bg_feature-option.jpg) repeat-x 0 0; border-left: 1px solid #808080; border-top: 1px solid #808080; }
	#menuy li a:hover { background: none; text-decoration: none; border-top: 1px solid transparent; }
	#menuy li a.selected { background: none; border-top: 1px solid transparent; }
	#menuy li.first a { padding-left: 20px; }
	#menuy li.last a { padding-right: 10px; }
	#menuy li a span { font-weight: bold; display: block; line-height: 150%; font-size: 12px;  color: #000; }



	#menux { margin: 0; }
	#menux li { list-style: none; float: left; width: 242px; }
	#menux li.first { width: 241px; margin-left: -1px; }
	#menux li.last { width: 240px; }
	#menux li a { padding: 7px 10px; font-size: 11px; font-weight: normal; line-height: 125%; color: #555; height: 50px; display: block; background: #b5b5b5 url(http://www.transactcp.com/images/bg_feature-option.jpg) repeat-x 0 0; border-left: 1px solid #808080; border-top: 1px solid #808080; }
	#menux li a:hover { background: none; text-decoration: none; border-top: 1px solid transparent; }
	#menux li a.selected { background: none; border-top: 1px solid transparent; }
	#menux li.first a { padding-left: 20px; }
	#menux li.last a { padding-right: 10px; }
	#menux li a span { font-weight: bold; display: block; line-height: 150%; font-size: 12px;  color: #000; }


	.block {  background: url(http://www.transactcp.com/images/bg_feature-option.jpg) repeat-x 0 0;  border: 1px solid #ccc; margin-bottom: 20px; }
	.block2 {width: 996px;   background: url(http://www.transactcp.com/images/bg_feature-option.jpg) repeat-x 0 0;  border: 1px solid #ccc; margin-bottom: 20px; }

	.block-inner { border: 1px solid #fff; padding-bottom: 20px; }
	.block-inner blockquote { margin: 5px 20px; }
	.block-inner cite { margin-bottom: 0; }
	.block-inner p { margin: 0 0 0 0; background: #fff;}
	.block-inner a { text-decoration: none; color: #0e3062; font-weight: bold; }
	.block-inner a:hover { text-decoration: underline; }
	.block-inner p span { margin: 0 0 0 0; display: block; font-size: 10px; font-weight: normal; line-height: 125%; color: #000000; }
	.block-inner a.more { display: block; text-align: right; margin: 0 20px; font-size: 10px; background: url(http://www.transactcp.com/images/icon_arrow-more.gif) no-repeat 100% 50%; padding-right: 8px; }
	.block-inner h4 { color: #353535; margin: 20px 20px 0 20px; text-align: center; }
	.block-inner ul a { padding-left: 10px; }
	.block-inner ul a:hover { color: #000; }
	.block-inner ul.news { padding-left: 0px; }
	.block-inner ul.news li { background: none; border-bottom: 0px solid #bbb; font-size: 10px; }
	.block-inner ul.news li a { background: none; display: block; font-size: 12px; font-weight: bold;}

	
	#footer h4 { color: #fff; font-size: 12px; }
	#footer a { color: #fff; }
	#footer p { margin: 0 0 0px 0; }
	.footer-center { height: 95px; float: left; width: 416px; border-right: 0px solid #555; margin: 5px 0 5px 280px; padding-left: 0px; }
	.footer-left { height: 75px; float: left; width: 416px; border-right: 1px solid #555; margin: 20px 0 20px 20px; padding-right: 20px; }
	.footer-right { height: 75px; float: left; width: 406px; border-left: 1px solid #222; margin: 20px 20px 20px 0; padding-left: 20px; }
	
	.clear { clear: both; }



/* ========================================================================= */
/* NAV STYLES                                                                */
/* ========================================================================= */

	/* = NAV STYLES: Visual Style ====================================== */	

	#nav { float: center; width: 995px; padding-left: 0px; }
	
	ul.dropdown { border-right: 1px solid #2c4239; border-left: 1.5px solid #718d82; }
	ul.dropdown a { padding: 12px 10px 8px 10px; text-transform: uppercase; color: #fff; text-decoration: none; }
	ul.dropdown li { background: url(http://www.transactcp.com/images/bg_nav-dropdown.gif) no-repeat 100% 0; border-right: 1px solid #718d82; border-left: 1px solid #2c4239; }
	ul.dropdown li.hover { background: url(http://www.transactcp.com/images/bg_nav-hover.jpg) repeat-x 0 0; cursor: pointer; }
	ul.dropdown li:hover { background: url(http://www.transactcp.com/images/bg_nav-hover.jpg) repeat-x 0 0; cursor: pointer; }
	ul.dropdown *.parent { padding-right: 20px; }
	ul.dropdown *.parent:hover { background: url(http://www.transactcp.com/images/bg_nav-hover.jpg) repeat-x 0 0 -200px; }
	ul.dropdown ul { width: 150px;  }
	ul.dropdown ul *.parent { padding-right: 15px; background: #a7bbc9 url(http://www.transactcp.com/images/bg_nav-flyout-arrow.gif) no-repeat 95% 50%; }
	ul.dropdown ul *.parent:hover { background: #a7bbc9 url(http://www.transactcp.com/images/bg_nav-flyout-arrow_hover.gif) no-repeat 95% 50%; }
	ul.dropdown ul li { background: #a7bbc9; background-image: none; border-top: 1px solid #738a84; border-bottom: 1px solid #2c4239; }
	ul.dropdown ul li.hover { border-top: 1px solid #718d82; background: #a7bbc9; }
	ul.dropdown ul li:hover { border-top: 1px solid #718d82; background: #a7bbc9; }
	
	
	/* = NAV STYLES: Functionality - no need to touch ================== */	
	
	ul.dropdown { list-style: none; position: relative; z-index: 597; float: left; margin: 0; }
	ul.dropdown a { display: block; }
	ul.dropdown li { float: left; padding: 0; zoom: 1; }
	ul.dropdown li.hover { position: relative; z-index: 599; }
	ul.dropdown li:hover { position: relative; z-index: 599; }
	ul.dropdown ul { list-style: none; visibility: hidden; position: absolute; top: 100%; left: -1px; z-index: 598; margin: 0 0 0 0; }
	ul.dropdown ul li { float: none; }
	ul.dropdown ul ul { top: -2px; left: 149px; margin: 1px 0 0 0; }
	ul.dropdown li:hover > ul { visibility: visible; }
	ul.dropdown li.hover > ul { visibility: visible; }


/* ========================================================================= */
/* FIREFOX COMPATIBLE DROPDOWN MENU                                          */
/* ========================================================================= */

#menu-container { display:block; position:relative; float: left; width:100%; }

#drop_down_menu { display:inline; position:absolute; clear:both; margin-top:0px; margin-left:0px; padding:0px; margin-bottom:20px;
                  list-style-type:none; text-align:center; }

#drop_down_menu li { text-transform: uppercase; color: #fff; text-decoration: none; font-size:12px; 
                     font-weight:bold; float:left; 
                     padding-top:10px; padding-bottom:10px; padding-right:2px; padding-left:2px; cursor:pointer; 
                     background: url(http://www.transactcp.com/images/bg_nav-dropdown.gif) repeat-x 0 0; width:134px; }

#drop_down_menu li ul { margin:0px; padding-top:3px; padding-bottom:3px; padding-right:4px; padding-left:0px; }

#drop_down_menu li ul li { display:inline; float:inherit; clear:both; width:120px; text-align:center; 
                           padding-top:0px; padding-bottom:0px; padding-right:3px; padding-left:3px;  }

#drop_down_menu li ul li a { color:#FFFFFF; text-decoration:none; font-weight: bold; }

#drop_down_menu li ul li a:HOVER { text-decoration:none; color:#CCCCCC; }

/* ========================================================================= */
/* FORM STYLES                                                               */
/* ========================================================================= */

	form li { list-style: none; margin: 20px 0; }
	form li ul { margin-left: 220px; }
	form li ul li { margin: 0; }
	label.description { display: block; font-weight: bold; float: left; width: 150px; text-align: right; margin: 0 20px 0 0; }
	label.choice { padding-left: 5px; }
	input.text { width: 290px; font-size: 12px; background: #e6e6e6; border: 1px solid #aaa; color: #555; padding: 5px; margin-top: -5px;  }
	input.submit { margin-left: 400px; }
	textarea { width: 290px; height: 100px; font-size: 12px; background: #e6e6e6; border: 1px solid #aaa; color: #555; padding: 5px; margin-top: -4px; }
	select { width: 300px; }