/*///////////////////////////////////////////////////////////////////////////
																		   //
                    Arca Solutions - general_structure                     //
																		   //
					Colors Library               						   //
																		   //
					Main Blue: 		#265689								   //
					Dark Gray:		#333								   //
					Medium Gray:	#666								   //
					Light Gray:		#999								   //
																		   //
///////////////////////////////////////////////////////////////////////////*/

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

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

*
{ border:none; font-family:Arial, Helvetica, sans-serif; list-style:none; margin:0; outline:none; padding:0; text-decoration:none; }

a:link,
a:active,
a:visited
{ color:#265689; }

a:hover
{ text-decoration:underline; }

h4
{ color:#333; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:17px; font-weight: normal; padding:0px 0 10px 0; text-align:left; }

h5
{ color:#666; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight: normal; padding:0px 0 10px 0; text-align:left; }

/* ASSIST CLASSES //////////////////////*/

.clear
{ clear: both; font-size:0; height: 0; }

.float-left
{ float:left; }

.float-right
{ float:right; }

.align-left
{ text-align:left; }

.align-right
{ text-align:right; }

.font-size-30
{ font-size:30px; }

.font-size-26
{ font-size:26px; }

.font-size-14
{ font-size:14px; }

.font-size-12
{ font-size:12px; }

.font-size-11
{ font-size:11px !important; }

.pd-0
{ padding:0 !important; }

.pd-t-20
{ padding-top:20px !important; }

.mg-0
{ margin:0 !important; }

.mg-t-0
{ margin-top:0 !important; }

.mg-t-20
{ margin-top:20px !important; }

.mg-b-0
{ margin-bottom:0 !important; }

.quote
{ font-style:italic; }

/* COLORS //////////////////////*/

.black
{ color:#000; }

.white
{ color:#FFF; }

.red
{ color:#F00 !important; }

.blue
{ color:#265689; }

.light-gray
{ color:#999 !important; }

.medium-gray
{ color:#666; }

.dark-gray
{ color:#333; }

/*///////////////////////////////////////////////////////////////////////////
                                 STRUCTURE                                 //
///////////////////////////////////////////////////////////////////////////*/

html
{ background: url(../images/bg-footer-repeat.png) repeat-x 50% bottom; }

body
{ background: url(../images/bg-body.jpg) repeat-x 0 -60px; color:#333; text-align:center; }

div.wrapper
{ width: 1000px; margin: 0 auto 0 auto; }

/* STRUCTURE > HEADER
////////////////////////////////////////////////////////////////////////////*/

div.header
{ height: 360px; position: relative; }

/* HEADER > H1 //////////////////////*/

div.header h1.logo
{ background:url(../images/bg-logo-arca-solutions.gif) no-repeat 0 0; display:block; height:32px; left:0; position:absolute; text-indent:-9000px; top:26px; width:265px; z-index:2000; }

	div.header h1.logo a:link,
	div.header h1.logo a:active,
	div.header h1.logo a:visited,
	div.header h1.logo a:hover
	{ display:block; height:47px; outline:none; width:253px; }

/* HEADER > SLIDER //////////////////////*/

.header .slider
{ background: url(../images/bg-header-slider.png) 0 0 no-repeat; position: absolute; top: 68px; left: 0; width: 1000px; height: 320px; z-index: 100; }

/* HEADER > H2 //////////////////////*/

div.header h2
{ background:url(../images/bg-h2-software-solutions-for-digital-media.gif) no-repeat 0 0; display:block; height:52px; left:0px; position:absolute; text-indent:-9000px; top:130px; width:600px; z-index: 1; }

/* HEADER > H3 //////////////////////*/

div.header h3
{ bottom:23px; height:19px; position:absolute; text-indent:-9000px; right:12px; width:512px; }

/* HEADER > PARAGRAPH //////////////////////*/

div.header p.description
{ left:15px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:13px; position:absolute; text-align:left; top:190px; width:550px; }

	div.header p.description a:link,
	div.header p.description a:active,
	div.header p.description a:visited
	{ color:#333; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-weight:bold; }
	
		div.header p.description a:hover
		{ text-decoration:underline; }
		
/* HEADER > NAVBAR //////////////////////*/

ul.header-navbar
{ display:block; height:34px; left:0; padding:0 0 0 509px; position:absolute; top:34px; z-index: 1000; }

	ul.header-navbar li
	{ float:left; }
	
		ul.header-navbar li a:link,
		ul.header-navbar li a:active,
		ul.header-navbar li a:visited
		{ color:#333; display:block; line-height:30px; padding:0 30px 0 0; text-indent:-9000px; }
		
/* HEADER > NAVBAR DIFFERENCES //////////////////////*/
		
ul.header-navbar li a:hover,
ul.header-navbar li a.active
{ border-bottom: 4px solid #265689; text-decoration:none; }

ul.header-navbar li.home a:link,
ul.header-navbar li.home a:visited,
ul.header-navbar li.home a:active
{ background:url(../images/bt-header-navbar-home.gif) no-repeat 0 10px; width:37px; }

ul.header-navbar li.services a:link,
ul.header-navbar li.services a:visited,
ul.header-navbar li.services a:active
{ background:url(../images/bt-header-navbar-services.gif) no-repeat 0 10px; width:60px; }

ul.header-navbar li.process a:link,
ul.header-navbar li.process a:visited,
ul.header-navbar li.process a:active
{ background:url(../images/bt-header-our-process.gif) no-repeat 0 10px; width:90px; }

ul.header-navbar li.products a:link,
ul.header-navbar li.products a:visited,
ul.header-navbar li.products a:active
{ background:url(../images/bt-header-navbar-products.gif) no-repeat 0 10px; width:60px; }

ul.header-navbar li.about-us a:link,
ul.header-navbar li.about-us a:visited,
ul.header-navbar li.about-us a:active
{ background:url(../images/bt-header-navbar-about-us.gif) no-repeat 0 10px; width:59px; }

	ul.header-navbar li.about-us ul.header-navbar-sub
	{ right:0; }

/* HEADER > SUB NAVBAR //////////////////////*/

ul.header-navbar-sub
{ background:url(../images/bg-header-sub-navbar.png) repeat; border-top:4px solid #265689; height:auto; padding:0 8px; position:absolute; top:30px; width:180px; z-index: 2; }

	ul.header-navbar-sub li a:link,
	ul.header-navbar-sub li a:active,
	ul.header-navbar-sub li a:visited
	{ background:none !Important; border:none; color:#FFF; display:block; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight: normal; padding:0; text-align:left; text-indent:0; width:160px !important; }
	
		ul.header-navbar-sub li a:hover
		{ color:#CCC; border:none !important; }
		
	ul.header-navbar-sub-wide
	{ width:210px !important; }
	
		ul.header-navbar-sub-wide li a:link,
		ul.header-navbar-sub-wide li a:visited,
		ul.header-navbar-sub-wide li a:active
		{ width:210px !important; }

/* HEADER > NAVBAR TOP //////////////////////*/

ul.navbar-top
{ height:10px; position:absolute; left: 10px; top: 170px; width:100px;  }

	ul.navbar-top li
	{ float:right; }	
	
		ul.navbar-top li a
		{ display:block; line-height:10px; text-indent:-9000px; }

		ul.navbar-top li.language
		{ clear:right; display:block; font-size:10px; text-align:right; width:100px; }
		
		ul.navbar-top li.home,
		ul.navbar-top li.sitemap,
		ul.navbar-top li.contact
		{ padding:7px 0 0 20px; }
		
			ul.navbar-top li.language a:link,
			ul.navbar-top li.language a:active,
			ul.navbar-top li.language a:visited
			{ color:#333; display:inline; }
		
			ul.header-navbar-top li.home a:link,
			ul.header-navbar-top li.home a:active,
			ul.header-navbar-top li.home a:visited
			{ background:url(../images/bt-header-navbar-top-home.gif) no-repeat bottom; height:10px; width:11px; }
		
			ul.header-navbar-top li.sitemap a:link,
			ul.header-navbar-top li.sitemap a:active,
			ul.header-navbar-top li.sitemap a:visited
			{ background:url(../images/bt-header-navbar-top-sitemap.gif) no-repeat bottom; height:10px; width:11px; }
			
		ul.header-navbar-top li.contact	
		{ clear:right; }
			
			ul.header-navbar-top li.contact a:link,
			ul.header-navbar-top li.contact a:active,
			ul.header-navbar-top li.contact a:visited
			{ background:url(../images/bt-header-navbar-top-contact.gif) no-repeat bottom; height: 10px; width: 12px; }

/* STRUCTURE > CONTENT
////////////////////////////////////////////////////////////////////////////*/

div.content
{ background:#FFF; padding:10px 0 10px 0; text-align:left; width:1000px; }

	div.content p
	{ font-size:12px; }
	
/* STRUCTURE > CONTENT FRONT //////////////////////*/

div.content-front
{ padding:0 0 10px 0; overflow: hidden; }
	
	div.content-front div.content-left
	{ padding:0 15px 0 7px; width:323px; }
	
	div.content-front div.content-middle
	{ padding:0 20px 0 0; width:323px; }
	
	div.content-front div.content-right
	{ margin:-40px 0 0 0; padding:0 7px 0 0; width:275px; }
	
	div.content-front p
	{ color:#222; margin-bottom:12px; line-height: 18px; }
	
	div.content-front h3
	{ color:#111; font-size:17px; font-weight:normal; line-height:25px; margin:30px 0 8px 0; text-align:left; }
	
	div.content-front h4
	{ font-size: 14px; font-weight: normal; line-height: 20px; font-family: Arial, Helvetica, sans-serif; }
	
/* STRUCTURE > CONTENT FRONT > PRODUCTS H3 //////////////////////*/

	div.content-front .our-software
	{ font-size:24px !important; margin-top:14px; }
	
	div.content-front .change-request
	{ background:url(../images/bg-logo-change-request-a-simple-way-to-manage-website-changes.gif) no-repeat ; height:30px; text-indent: -9000px; }
	
	div.content-front .edirectory
	{ background:url(../images/bg-logo-edirectory-the-leading-online-directory-software.gif) 0 0 no-repeat; height:30px; margin-top:26px; text-indent: -9000px; }
	
	div.content-front .custom-solutions
	{ background:url(../images/bg-logo-custom-solutions-software-and-it-consulting-services.gif) no-repeat center bottom; display:block; float:left; height:30px; margin-top:0; text-indent: -9000px; width: 680px; }
	
/* STRUCTURE > CONTENT FRONT > LEFT //////////////////////*/

	div.content-front div.content-left
	{ padding:0 15px 0 1px; width: 320px; float: left; padding: 0 18px 0 5px; }

	div.content-left h3.application-customization
	{ display: block; height: 21px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

	div.content-left h3.security-services
	{ display: block; height: 21px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* STRUCTURE > CONTENT FRONT > CONTENT MIDDLE //////////////////////*/

div.content-middle
{ float:left; padding:0 7px 7px 7px; width:320px; }

	div.content-middle address
	{ color:#333; font-size:12px; text-align:left; padding: 0 0 15px 0; }

	div.content-middle h3.worldwide
	{ display: block; height: 25px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* CONTENT > CONTENT MIDDLE > WORLDWIDE NUMBERS //////////////////////*/

div.content-middle h4.number-world
{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; line-height: 18px; text-align: center; padding: 8px 0 10px 0; }

	div.content-middle h4.number-world span
	{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 28px; padding: 0 2px 0 0; }

/* CONTENT > CONTENT MIDDLE > TESTIMONIAL //////////////////////*/

.testimonial
{ background: url(../images/bg-testimonial2.gif) 0 0 no-repeat; margin:25px 0 0 0; padding:0 40px 20px 40px; }

	.testimonial p
	{ color:#222 !important; font-style:italic; font-size:13px !important; }
	
	.testimonial span
	{ display:block; height:34px; }
	
/* CONTENT > CONTENT RIGHT //////////////////////*/

div.content-right
{ float:left; padding:0 7px 7px 15px; width:275px; }

/* CONTENT > GENERAL > LIST //////////////////////*/

.items
{ color:#111; font-size: 12px; padding: 0 0 12px 14px; }

	.items li
	{ background: url(../images/bg-list-item.gif) 0 1px no-repeat; padding: 0 0 10px 12px; }

/* CONTENT > GENERAL > CALL TO ACTION //////////////////////*/

.bottom-home
{ border-top: 1px solid #999; padding: 0 0 0 0; overflow: hidden; margin: 15px 0 0 0; }

	.bottom-home h3.how-can-we-help-you
	{ display: block; padding: 0; margin: 20px 0 5px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

.arca-presentation
{ float: left; width: 670px; }

.call-to-action
{ padding:0 0 0 25px; float: left; }

	.call-to-action	.contact-us-home
	{ display: block; margin: 0 0 10px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
	
	.call-to-action h5
	{ color:#333; font-size:17px; padding:0 0 10px 0;}
	
	.call-to-action p
	{ color:#111 !important; font: 11px/18px Arial, Helvetica, sans-serif !important; margin:0 !important; padding:0 0 0 3px; }

	.call-to-action p.mail
	{ color:#111 !important; font: 11px/18px Arial, Helvetica, sans-serif !important; margin:0 !important; padding:8px 0 0 3px; }

	.call-to-action a:link,
	.call-to-action a:visited,
	.call-to-action a:active
	{ font:normal 11px Arial, Helvetica, sans-serif !important; }
		
/* STRUCTURE > FOOTER	
////////////////////////////////////////////////////////////////////////////*/

div.footer
{ height: 150px; padding:10px 16px 0 16px; position:relative; overflow: hidden; }

/* FOOTER > COPYRIGHT //////////////////////*/

a.footer-back-to-top:link,
a.footer-back-to-top:active,
a.footer-back-to-top:visited
{ background: #000 url(../images/bt-footer-back-to-top.gif) no-repeat 3px 3px; color:#FFF; display:block; font-size:10px; padding:0 3px 0 11px; position:absolute; right:7px; top:0; }

	a.footer-back-to-top:hover
	{ background: #000 url(../images/bt-footer-back-to-top.gif) no-repeat 3px 1px; color:#265689; }

/* FOOTER > FOOTER NAVBAR //////////////////////*/

ul.footer-navbar
{ text-align:center; }

	ul.footer-navbar li
	{ color:#666; display:inline; font-size:11px; padding:0 2px; }
	
		ul.footer-navbar li a:link,
		ul.footer-navbar li a:active,
		ul.footer-navbar li a:visited
		{ color:#333; padding:0 1px 0 0; }
		
			ul.footer-navbar li a:hover
			{ color:#265689; }
			
/* FOOTER > COPYRIGHT //////////////////////*/

p.footer-phone
{ color:#333; font-size:11px; padding:15px 0 0 0; text-align:left; position: absolute; top: 30px; left: 18px; }

p.copyright
{ color:#333; font-size:11px; padding:10px 0 10px 0; text-align:center; width: 100%; border-top: 1px solid #CCC; }

/* FOOTER > ADDRESS //////////////////////*/

div.footer-address
{ width: 700px; position: absolute; top: 35px; left: 200px; overflow: hidden; }

	div.footer-address address
	{ color:#666; font-size:11px; font-style:normal; padding: 10px 0 0 40px; text-align:left; float: left; }
	
	div.footer-address address.first
	{ padding: 10px 0 0 9px; }