/*///////////////////////////////////////////////////////////////////////////
																		   //
                    Arca Solutions - general_home                          //
																		   //
					Colors Library               						   //
																		   //				   
					Main Blue: 		#1989C8								   //
					Dark Gray:		#333								   //
					Medium Gray:	#666								   //
					Light Gray:		#999								   //
																		   //
///////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////
                              CODE GENERALS                                //
///////////////////////////////////////////////////////////////////////////*/

html
{ background: url(../images/bg-html.gif) repeat-x bottom; }

body
{ background: #F6F6F6 url(../images/bg-body-y.gif) repeat-x top; color:#333; text-align:center; }

/* GENERALS //////////////////////*/

h2,
h3,
h4,
h5
{ color:#343434; }

h2
{ font-size:17px; line-height:24px; padding: 17px 0 0 0; }

	h2 span
	{ color:#3CF; font-size:20px; }

h3
{ font-size:17px; line-height:24px; padding: 0; margin: 30px 0 8px; }

	h3 span
	{ color:#0177D0; font-size: 17px; font-weight: bold; }

h4
{ color: #565656; line-height:20px; font-size: 15px; font-weight: bold;  }

h5
{ color: #565656; line-height:20px; font-size: 14px; font-weight: bold; }

	h5 a
	{ display: block; }

p
{ color:#343434; line-height: 20px; padding: 0 0 0 0; }

	p .icon-img
	{ float: right; padding: 30px 30px 0 5px; }

.no-border
{ border: none !important; }
/* STRUCTURE > HEADER
////////////////////////////////////////////////////////////////////////////*/

div.header
{ background:url(../images/bg-header-inside-stripe-x.jpg) no-repeat 0 bottom; height:445px; more-link position:relative; }


/* HEADER > GRAPH TRAFFIC //////////////////////*/

	.header-graph-traffic
	{ height: 310px; position: absolute; width: 490px; top: 176px; right: 0px; overflow: hidden; }

		.header-graph-traffic ul
		{ height: 268px; }

			.header-graph-traffic ul li
			{ left: 0; }

			.header-graph-traffic ul li img
			{  }

/* HEADER > TAKE A TOUR //////////////////////*/

	.header-take-a-tour
	{ background: url(../images/bg-take-a-tour.png) no-repeat 0 0; width: 300px; height: 150px; border: 1px solid #000 }

	.header-take-a-tour-ok
	{ background: url(../images/bg-take-a-tour.png) no-repeat 0 0; overflow: hidden; position: absolute; bottom: 0; left:0; width: 965px; z-index:4; }
	
	.take-a-tour-h3-link
	{ background: url(../images/bullet-arrow-take-tour.gif) no-repeat right 0; position: absolute; right: 495px; bottom: 3px; height: 21px; line-height: 17px; padding: 1px 20px 0 0; font-size: 20px; }
	
	.take-a-tour-h3-link a
	{ color: #3B698A; }
	
/* HEADER > TAKE A TOUR > BOX //////////////////////*/

	.header-take-a-tour-box
	{ height:88px; float:right; padding:10px; text-align: left; width: 245px; border: 1px solid #000 }

		.header-take-a-tour-box a
		{ color:#036 !important; display:block; font-size:30px; margin:5px 0; }
		
/* HEADER > TAKE A TOUR > MASK //////////////////////*/
		
	.header-take-a-tour-mask
	{ float:right; height:178px; width:965px; }

/* HEADER > TAKE A TOUR > TYPE //////////////////////*/

	.header-take-a-tour-type
	{ background: url(../images/bg-border-tour.gif) no-repeat right bottom; float: left; height: 170px; padding: 10px 0 0 10px; position:relative; width: 305px; }

	.header-take-a-tour-type-last
	{ float: left; height: 170px; padding: 10px 0 0 10px; position:relative; width: 310px; }

		.header-take-a-tour-type-link-front
		{ background: url(../images/bg-take-a-tour-front.gif) no-repeat 141px bottom; text-align: left; font-weight: bold; margin: 0; padding: 0 0 0 45px; position: absolute; bottom: 0; left: 0; height: 75px; width: 275px; }

		.header-take-a-tour-type-link-members
		{ background: url(../images/bg-take-a-tour-members.gif) no-repeat 141px bottom; text-align: left; font-weight: bold; margin: 0; padding: 0 0 0 45px; position: absolute; bottom: 0; left: 0; height: 85px; width: 275px; }

		.header-take-a-tour-type-link-sitemgr
		{ background: url(../images/bg-take-a-tour-sitemgr.gif) no-repeat 155px bottom; text-align: left; font-weight: bold; margin: 0; padding: 0 0 0 45px; position: absolute; bottom: 0; left: 0; height: 85px; width: 285px; }

		.header-take-a-tour-type-link-front a, .header-take-a-tour-type-link-members a, .header-take-a-tour-type-link-sitemgr a
		{ position: absolute; bottom: 10px; left: 15px; }

.close-button
{ text-align: right; margin: 0 0 0 0; position: absolute; top:100px; right: 6px; }

	.close-button li
	{ margin: 0; padding: 0 0 0 0; line-height: 15px; height:20px; }

	.close-button li a
	{ background: #F5F5F5 url(../images/bt-close.gif) no-repeat 2px 4px; color:#36CBFF; font-size:10px; padding:1px 3px 1px 9px; text-align: left; }

	.close-button li a:hover
	{ background: #F5F5F5 url(../images/bt-close.gif) no-repeat 2px 6px; color:#36CBFF; font-size:10px; padding:1px 3px 1px 9px; text-align: left; }
	
	.button
	{ background: url(../images/bg-take-button.gif) repeat-x 0 0; margin: 0px; width: 270px; height: 102px; float: right; }
	
/* STRUCTURE > CONTENT
////////////////////////////////////////////////////////////////////////////*/

div.content
{ background: url(../images/bg-content-home-all.jpg) 0 0 repeat-x; padding:0 0 10px 0; }


/* CONTENT > SUPPORT BOX //////////////////////*/

div.support-box
{ background:url(../images/bg-support-box.gif) repeat-x 0 21px; padding: 20px 0 10px 0; clear:both; overflow: hidden; margin: 0 auto 0 auto; width:952px }

div.support-box-item-payments
{ background: url(../images/bg-credit-card.gif) no-repeat right bottom; border: 1px solid #E3E3E3; border-right:0; display: block; float: left; height: 140px; width: 301px; padding: 10px 0 0 15px; }

div.support-box-item-support
{ border: 1px solid #E3E3E3; border-right:0; display: block; float: left; height: 140px; width: 301px; padding: 10px 0 0 15px; }

div.support-box-item-need-help
{ border: 1px solid #E3E3E3; display: block; float: left; height: 140px; width: 301px; padding: 10px 0 0 15px; }

/* CONTENT > BOXES //////////////////////*/

div.bullet-box
{ background:url(../images/bullet-arrow-medium-light-blue.gif) no-repeat 0 10px; margin:0 0 10px 0; padding:0 0 0 24px; }

div.order-box
{ background: url(../images/bg-order-box.jpg) no-repeat 0 0; float:right; height:65px; margin:0 0 7px 0; padding:8px; width:255px; }

	div.order-box a
	{ color:#2B2819 !important; }
	
	div.order-box p
	{ color:#63592E; }


/* DIVISOR */

.divisor
{ border-bottom: 1px solid #fff; margin:0 10px; width:620px; }


/* CONTENT > CONTENT LEFT //////////////////////*/

div.content-left
{ float:left; padding:0 5px 0 10px; text-align:left; width:640px; /*background: url(../images/bg-customer.jpg) 0 0 no-repeat;*/ height: auto; }

	div.content-left .customer
	{ background:url(../images/bg-call-action.gif) repeat-x scroll 0 0 #f4f4f4; 	border:1px solid #E7E7E7; 	height: 100%;  	margin:10px 0 0; 	overflow:hidden; 	padding:10px 0 20px 19px; width:591px; }
	/*{ height: 100%; margin: 0 0 10px 0; overflow: hidden; }*/
	
	div.content-left .customer .customer-left
	{ padding:0 5px 0 0; width:192px; float: left; display: inline; }
	
	div.content-left .customer .customer-left p
	{ font-size:11px; line-height:16px; padding: 6px 0 0 0;  }

	div.content-left .customer .customer-left img
	{ padding: 8px 0 0 0; }
	
	div.content-left .customer .customer-left img.middle
	{ padding: 18px 0 0 0; }	

	div.content-left .customer .customer-left img.less
	{ padding: 2px 0 0 0; }	

	div.content-left .customer h3
	{}
	/*{ background:none repeat scroll 0 0 #31AAD8; border-bottom:1px solid #fff; border-right:1px solid #fff; color:#000; font-size:22px !important; line-height:22px;  padding:5px; width:610px; }*/
	
	div.content-left .customer h3.narrow
	{ margin: 5px 0 8px 0; }

	div.content-left .customer h3 a.customer, div.content-left .customer h3 a.customer:visited
	{ background: none; border: none; color: #0177D0; font-size: 22px; padding:0; }
	
		div.content-left .customer h3 span
		{ font-size: 22px; font-weight: normal; }

		div.content-left .customer h3 a, div.content-left .customer h3 a:visited
		{ color: #000; font-size: 18px; font-weight: normal; }
		
	div.content-left .left
	{ float: left; overflow: hidden; width: 300px; padding: 0 10px 0 5px; }

	div.content-left .right
	{ float: left; overflow: hidden; width: 300px; padding: 0 0 0 10px; }

/* CONTENT > CONTENT RIGHT //////////////////////*/
	
div.content-right
{ float:left; padding:0; width:290px; }

	div.content-right .narrow
	{ line-height: 20px; }

div.content-right p.more
{ text-align: right; }

div.content-right p.more a
{ text-align: right; font: normal 12px/20px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; }

	p.more-link
	{ text-align: right; width: 270px; padding: 10px 0 0 0; }
	
	p.more-link a
	{ text-align: right; font: normal 12px/20px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; }

div.content-right .features-table
{ margin: 10px 0 0 0; }

div.content-right .features-table th
{ background: transparent; text-align: left; }


/* CONTENT > CONTENT RIGHT > TESTIMONIAL //////////////////////*/

.home-content blockquote
{ background:#D6D6D6 url(../images/bg-blockquote-testimonial.jpg) no-repeat 0 0; border-bottom: 1px solid #CCC; height:auto; margin: 15px 0 0 0; padding:15px 10px 15px 25px; width:236px; }

	.home-content blockquote p
	{ color:#666; font:bold 14px/20px "Trebuchet MS", Georgia, "Times New Roman", Times, serif; }
	
	div.content-right .home-content img
	{ border: 1px solid #E0E0E0; }

/* CONTENT > CONTENT RIGHT > 2 COLUMNS //////////////////////*/

div.home-content
{ margin: 0 auto 0 auto; width:310px; overflow: hidden; height: auto; }

div.content-right-2-columns
{ overflow: hidden; margin:35px 0; width:390px; position: absolute; top: 270px; left: 0; }

div.content-right-2-columns ul
{ list-style: none; float: left; padding:0; text-align: left; }

	div.content-right-2-columns ul li
	{ background: url(../images/bullet-list-home.gif) no-repeat 20px 10px; border-bottom: 1px solid #e1eff3; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 8px 10px 8px 37px; height: 15px; width: 114px; }

	div.content-right-2-columns div.left
	{ float:left; width:100px; }
	
	div.content-right-2-columns div.right
	{ float:right; width:100px; }
	
/* CONTENT > CONTENT RIGHT > OPTIONS //////////////////////*/

div.content-right-options
{ background:url(../images/bg-content-right-options.jpg) no-repeat 0 0; height:320px; overflow:hidden; width:556px; }

	div.content-right-options div
	{ height:89px; margin:2px 0 0 0; padding:15px 0 0 10px; overflow:hidden; }
	
		div.content-right-options div img
		{ float:left; }
		
			div.content-right-options div img.customize
			{ margin:6px 0 0 0; }
		
			div.content-right-options div img.search-engine-optimization
			{ margin:10px 0 0 14px; }	
		
		div.content-right-options div h3,
		div.content-right-options div p
		{ padding:0 20px 0 90px; }
		
/* NEWSLETTER */

.newsletter
{ background: #D4D4D4; border:1px solid #FFFFFF; height: 50px; margin:20px 0 8px; padding:10px; position: relative; width:250px; }

	.newsletterIcon
	{ background: url(../images/icon_newsletter.png) no-repeat 0 0; height: 57px; position: absolute; top: -10px; left: -10px;  width: 54px; }

	.newsletter h3
	{ margin: 0; padding: 0 0 0 40px; }

	.newsletter button
	{ background: url(../images/bt-submit.gif) repeat-x; border:none; color:#FFF; cursor:pointer; display:block; font-size:13px; font-weight:bold; margin:0px auto 0 auto; padding:3px 10px 2px; text-align:center; width:50px; float: right; }	
	
	.newsletter input
	{ background: #fff; border: 1px solid #c2c2c2; color:#555555; float:left; font-size: 11px; margin:0 0 0 20px; padding:4px; width:160px; }