/* HTML elements
------------------------------------------------------------------------------*/

body { background: #5c493f url(../img/background.gif) center top repeat-y; font: 100% "Trebuchet MS", Helvetica, Arial, sans-serif; text-align: center; }

a { color: #047391; outline: 0; text-decoration: none; }

	a:hover { text-decoration: underline; }

h1, h2, h3 { font-weight: bold; }

h1 { color: #419e16; font-size: 150%; margin-bottom: 24px; text-transform: uppercase; }

h2 { clear: both; }

h3 { color: #2690b7; font-size: 110%; margin-bottom: 6px; }

hr { background-color: #a7dce2; border: 0; color: #a7dce2; clear: both; float: none; height: 2px; margin: 12px 0; }

p { font-size: 76%; }

strong { font-weight: bold; }

.general ul { font-size: 86%; font-weight: bold; list-style: square; padding: 0 54px; }

.clear { clear: both; float: none; }
	

/* Common classes
------------------------------------------------------------------------------*/

.separator { clear: both; float: none; }

/* section */

.section { background-position: right 6px; background-repeat: no-repeat; clear: both; }

	.section br { clear: both; display: block; float: none; height: 0; line-height: 0; }

	.section h2 { background-position: top left; background-repeat: no-repeat; height: 25px; margin: 24px 0 12px; text-indent: -5000px; }
	
	.section h3 { margin: 12px 24px 12px; }
	
	.section p { margin: 0 78px 12px 36px; }
	
	.section ul { font-size: 76%; font-weight: bold; list-style: square; padding: 0 84px; }
	
		.section ul li { float: left; width: 50%; }
	
	.section.one, .section.two { background-position: bottom left; background-repeat: no-repeat; padding-bottom: 12px; }
	
	.section.one { background-image: url(../img/highlight.gif); }
	
		.section.one h2, .section.two h2 { height: 40px; }


/* Layout
------------------------------------------------------------------------------*/

#wrapper { background: url(../img/header.png) top left no-repeat; margin: 0 auto; position: relative; text-align: left; width: 950px; }

/* header */

#header { height: 375px; }
	
	#header #masthead { height: 279px; position: relative; }
	
		#header #masthead p.title { text-indent: -5000px; }
		
		#header #masthead p.subtitle { color: #fff; font-size: 18px; font-weight: bold; height: 44px; line-height: 22px; margin-left: 325px; position: absolute; text-align: center; top: 110px; width: 450px; }
		
		#header #masthead a.learn_more { font-size: 18px; font-weight: bold; height: 18px; line-height: 18px; margin-left: 325px; position: absolute; text-align: center; top: 200px; width: 450px; }

	#header #logo { display: block; position: absolute; top: 0; height: 375px; width: 312px; text-indent: -5000px; }
	
	#header #navigation { height: 26px; float: right; list-style: none; }
		
		#header #navigation a { background: url(../img/navbar_link.gif) top left repeat-y; color: #ebe9ea; display: block; font-weight: bold; line-height: 26px; padding: 0 14px 0 16px; text-decoration: none; text-transform: uppercase; }
		
			#header #navigation a:hover { color: #a5dd69; }
			
			#header #navigation a#signup { background: none; width: 100px; padding: 0; text-indent: 30px; }
		
		#header #navigation li { float: left; }

/* content */

#content { background: #fff url(../img/content.gif) 0px 75px repeat-y; }

	#content #main { float: right; margin-top: -45px; padding: 0 15px 28px; width: 630px; }
	
	#content #sidebar { float: left; margin-top: 10px; padding: 0 12px 28px; width: 266px; }

	#content .separator { background: url(../img/footer_top.gif) bottom left no-repeat; height: 71px; }

/* footer */

#footer { background: url(../img/footer.png) bottom left no-repeat; color: #1f1108; font-size: 11px; font-weight: bold; margin-bottom: 10px; padding-bottom: 26px; }

	#footer a { color: #ecba87; }

	#footer ul { list-style: none; margin-left: 75px; }

	#footer #about { float: left; padding-top: 35px; width: 289px; }
	
	#footer #links { float: left; padding-top: 35px; width: 305px; }
	
	#footer #chipboard { float: left; }
	
		#footer #chipboard a { display: block; height: 158px; margin-left: 40px; text-indent: -5000px; width: 295px; }


/* Sidebar Features
------------------------------------------------------------------------------*/

/* list */

.list { margin-bottom: 8px; padding-bottom: 10px; }

	.list h2 { background-position: top left; background-repeat: no-repeat; height: 36px; text-indent: -5000px; }
	
	.list img { height: 52px; margin: 4px 0 3px; width: 56px; }
	
	.list td { text-align: center; vertical-align: middle; }

.list#featured_clients h2 { background-image: url(../img/featured_clients.gif); }

.list#all_accounts h2 { background-image: url(../img/all_accounts_include.gif); }
.list#all_accounts td { padding: 8px; text-align: left; vertical-align: middle; font-size: 70%; font-weight: bold; }

/* testimonials */

#testimonials { font-style: italic; }

	#testimonials a.more { background: url(../img/??.gif) top left repeat-x; display: block; font-size: 86%; text-align: right; }

	#testimonials h2 { background: url(../img/testimonials.gif) top left no-repeat; height: 36px; text-indent: -5000px; }
	
	#testimonials p { font-size: 76%; padding: 3px 0 6px 0; }

/* Give 1 Get 1 */

#give1get1 { border-bottom: 2px solid #d3edf0; margin-bottom: 8px; padding-bottom: 10px; }

	#give1get1 h1 { background: url(../img/give1get1.gif) top left no-repeat; height: 36px; margin-bottom: 0px; text-indent: -5000px; }
	
	#give1get1 p { padding: 5px 12px 0; }

/* ready to go green */

#ready_to_go_green { background: url(../img/ready_to_go_green.gif) top center no-repeat; height: 110px; margin-bottom: 24px; position: relative; text-align: center; }

	#ready_to_go_green a { bottom: 7px; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 24px; left: 95px; line-height: 24px; position: absolute; text-indent: 12px; text-transform: uppercase; }
	
		#ready_to_go_green a:hover { color: #a5dd69; text-decoration: none; }
	
	#ready_to_go_green h2 { text-indent: -5000px; }
	
	#ready_to_go_green p { font-size: 11px; font-weight: bold; line-height: 14px; margin: 16px 32px 15px 32px; }


/* Home page
------------------------------------------------------------------------------*/

#home h1 { font-size: 220%; margin-bottom: 10px; }

#home #hosting_plans div { height: 156px; }

/* hosting plans */

#hosting_plans { font-size: 9px; margin: 0 -12px; position: relative; font-weight: bold; }

	#hosting_plans a { text-align: center; }
	
		#hosting_plans a.signup { background: url(../img/signup.gif) top center no-repeat; color: #fff; display: block; font-size: 18px; height: 52px; line-height: 53px; margin-bottom: 12px; margin-left: 6px; margin-top: 30px; text-indent: 12px; width: 172px; }

			#hosting_plans a.signup:hover { color: #a5dd69; text-decoration: none; }
	
	#hosting_plans br { display: block; clear: both; float: none; margin: 0; padding: 0; height: 0; line-height: 0; }
	
	#hosting_plans div { float: left; margin-left: 12px; position: relative; width: 197px; }
	
	#hosting_plans h1 { color: #5aa701; font-size: 38px; font-weight: bold; margin-bottom: 10px; margin-left: 12px; text-transform: uppercase; }
	
	#hosting_plans p { text-align: center; width: 185px; }
	
	#hosting_plans strong { font-size: 20px; }
	
	#hosting_plans table { font-size: 12px; width: 196px; }
	
		#hosting_plans table td { font-weight: bold; }
	
			#hosting_plans table td.number { color: #f00; font-size: 18px; padding-right: 6px; width: 25px; }

	#hosting_plans .price { color: #047391; display: block; font-size: 30px; font-weight: bold; margin-top: 21px; text-align: center; width: 185px; }
	
	#hosting_plans .details { color: #5c4237; font-size: 11px; font-weight: bold; line-height: 12px; margin-left: 10px; text-align: center; width: 165px; }
	
		#hosting_plans .details strong { color: #047391; font-size: 100%; }
	
	#hosting_plans .storage { float: left; line-height: 14px; margin-top: 11px; text-transform: uppercase; width: 68px; }
	
	#hosting_plans .transfer { float: left; line-height: 14px; margin-top: 11px; text-transform: uppercase; width: 53px; }
	
	#hosting_plans .emails { float: left; line-height: 14px; margin-top: 11px; text-transform: uppercase; width: 62px; }
		
	#hosting_plans .more_info { position: absolute; bottom: 2px; right: -37px; color: #fff; font-size: 15px; text-transform: uppercase; width: 185px; }
	
		#hosting_plans .more_info:hover { color: #a5dd69; text-decoration: none; }
	
	#hosting_plans .give1get1 { background: url(../img/give1get1_annual.gif) top left no-repeat; height: 52px; margin-bottom: 9px; margin-left: 6px; text-indent: -5000px; width: 169px; }
	
	#hosting_plans #slim { background: url(../img/slim_box.gif) top left no-repeat; }
	
	#hosting_plans #basic { background: url(../img/basic_box.gif) top left no-repeat; }
	
	#hosting_plans #the_works { background: url(../img/the_works_box.gif) top left no-repeat; }
	
		#hosting_plans #the_works .emails { font-size: 10px; line-height: 12px; margin-top: 6px; }

/* sustainable_hosting */

#sustainable_hosting { margin: 0 -24px; }

	#sustainable_hosting h2 { clear: both; color: #59ab00; float: none; font-size: 180%; font-weight: bold; margin-bottom: 5px; margin-left: 25px; padding-top: 20px; }

	#sustainable_hosting h3 { font-size: 100%; font-weight: normal; margin-bottom: 10px; margin-left: 25px; }

	#sustainable_hosting p { background: url(../img/border.gif) top left repeat-y; float: left; font-size: 80%; padding: 5px 0 5px 30px; margin-left: 50px; width: 45%; } 

	#sustainable_hosting ul { color: #047094; float: left; font-size: 72%; line-height: 17px; font-weight: bold; list-style-image: url(../img/list_hyphen.gif); margin-left: 25px; padding-top: 5px; }
	
		#sustainable_hosting ul li { margin: 0; margin-left: 16px; }

/* sustainable_hosting */

#whygreenhosting { margin: 0 -24px; }

	#whygreenhosting h2 { clear: both; color: #59ab00; float: none; font-size: 180%; font-weight: bold; margin-bottom: 5px; margin-left: 25px; padding-top: 20px; }

	#whygreenhosting p { font-size: 80%; padding: 5px 0 5px 30px; width: 90%; } 

	
/* Services Page
------------------------------------------------------------------------------*/

.section#site_moves { background-image: url(../img/green_truck.gif); }

	.section#site_moves h2 { background-image: url(../img/service_free_site_moves.gif); }

.section#content_management { background-image: url(../img/recycle_box.gif); }

	.section#content_management h2 { background-image: url(../img/service_cms.gif); }

.section#green_servers { background-image: url(../img/power_on_button.gif); }

	.section#green_servers h2 { background-image: url(../img/service_green_servers.gif); }


/* Plans Page
------------------------------------------------------------------------------*/

#plans #plan_wrapper { background: url(../img/plan_borders.gif) top center repeat-y; margin-top: 0px; }

/* hosting plans */

#plans #hosting_plans { background: #fff; margin-top: 0px; }

	#plans #hosting_plans h2 { font-size: 24px; }

	#plans #hosting_plans #slim { background-image: url(../img/slim_box_simple.gif); }

	#plans #hosting_plans #basic { background-image: url(../img/basic_box_simple.gif); }

	#plans #hosting_plans #the_works { background-image: url(../img/the_works_box_simple.gif); }


/* About Page
------------------------------------------------------------------------------*/

.section#about_taproot { background-image: url(../img/taproot.gif); }

.section#our_clients { background-image: url(../img/quotes.gif); }

	.section#our_clients h2 { background-image: url(../img/what_our_clients_say.gif); }

/* about taproot */

#about_taproot { }
	
	#about_taproot #definition { font-family: "Times New Roman", Helvetica, serif; margin-bottom: 18px; }
	
		#about_taproot #definition ol { color: #8c8c8c; font-size: 76%; margin: 0 0 0 72px; }
		
			#about_taproot #definition ol li { margin-top: 3px; padding-left: 12px; }
	
		#about_taproot #definition p { color: #666; font-size: 100%; font-weight: bold; margin: 0 0 0 36px; }
		
		#about_taproot #definition strong { color: #5C4237; font-weight: bold; }


/* FAQs Page
------------------------------------------------------------------------------*/

/* faq */

#faq { background: url(../img/light_flower.gif) top right no-repeat; clear: both; }
	
	#faq div { font-size: 76%; margin: 12px 72px 24px; }
	
	#faq h2 { background: url(../img/service_faq.gif) top left no-repeat; height: 25px; margin-bottom: 12px; text-indent: -5000px; }
	
	#faq h3 { background-position: 0 50%; background-repeat: no-repeat; cursor: pointer; margin-left: 24px; padding-left: 24px; }
	
		#faq h3.faqclosed { background-image: url(../img/faq_arrow_down.gif); }
		
		#faq h3.faqopened { background-image: url(../img/faq_arrow_up.gif); }


/* Greenhosting Page
------------------------------------------------------------------------------*/

.section#wind_powered_hosting h2 { background-image: url(../img/wind_powered_hosting.gif); }

.section#no_commuting h2 { background-image: url(../img/no_commuting.gif); }

.section#offsetting_footprints h2 { background-image: url(../img/offsetting_footprints.gif); }

.section#plant_a_tree h2 { background-image: url(../img/plant_a_tree.gif); }

.section#give1get1_non_profit h2 { background-image: url(../img/give1get1_non_profit.gif); }

.section#no_greenwashing h2 { background-image: url(../img/no_greenwashing.gif); }

.section#sustainable_growth h2 { background-image: url(../img/sustainable_growth.gif); }

.section#localeconomy h2 { background-image: url(../img/support_local_economy.gif); }

.section#paperless h2 { background-image: url(../img/paperless_business.gif); }

.section#location h2 { background-image: url(../img/location.gif); }

.section#futureplanning h2 { background-image: url(../img/future_planning.gif); }


/* Members Page
-------------------------------------------------------------------------------*/

/* logins */

#logins { }

	#logins h2 { margin-bottom: 18px; }

	#logins #manage { float: left; margin-bottom: 12px; }
	
		#logins #manage p { font-size: 90%; font-weight: bold; margin-bottom: 18px; margin-left: 20px; }
		
		#logins #manage ul { font-size: 86%; font-weight: bold; list-style-image: url(../img/list_hyphen.gif); margin-left: 34px; }
	
	#logins #admin { background: url(../img/border.gif) top left repeat-y; float: left; margin-bottom: 12px; padding-left: 25px; margin-left: 50px; width: 52%; }
	
		#logins #admin p { margin-bottom: 18px; margin-left: 20px; }

/* buttons */

#buttons { }

	#buttons p { margin-left: 12px; }
	
	#buttons table { width: 100%; }
	
		#buttons table { margin: 6px; }
	
	#buttons .button { background-position: 50% 50%; background-repeat: no-repeat; width: 110px; }
	
		#buttons #green .button { background-image: url(../img/trbanner_100x40_green.gif); }
	
		#buttons #white .button { background-image: url(../img/trbanner_100x40_white.gif); }
	
		#buttons #black .button { background-image: url(../img/trbanner_100x40_black.gif); }
	
	#buttons .code { padding: 12px 6px; }
	
		#buttons .code p { border: 2px dashed #a7dce2; color: #555; font-size: 76%; padding: 6px; }

/* lists */

#lists { }

	#lists h2 { margin-bottom: 12px; color: #2690b7; font-size: 120%; }
	
	#lists h3 { font-size: 76%; margin-bottom: 3px; }
	
	#lists p { margin-left: 8px; }

	#lists ul { float: left; list-style: square; margin-left: 36px; }
	
		#lists ul li { margin-bottom: 6px; }
	
	#lists table { margin-left: 12px; }
	
		#lists table td { padding: 6px; }

/* Contact page
------------------------------------------------------------------------------*/

#contact h1 { font-size: 225%; margin-bottom: 10px; }

#contact p.description { font-size: 14.3px; margin-bottom: 15px; }

/* contact_options */

#contact_options { font-size: 9px; margin: 0 -12px; position: relative; font-weight: bold; height: 170px; }

	#contact_options a { text-align: center; }
	
		#contact_options a.signup { background: url(../img/signup.gif) top center no-repeat; color: #fff; display: block; font-size: 18px; height: 52px; line-height: 53px; margin-bottom: 12px; margin-left: 6px; margin-top: 30px; text-indent: 12px; width: 172px; }

			#contact_options a.signup:hover { color: #a5dd69; text-decoration: none; }
	
	#contact_options br { display: block; clear: both; float: none; margin: 0; padding: 0; height: 0; line-height: 0; }
	
	#contact_options div { float: left; height: 156px; margin-left: 12px; position: relative; width: 197px; }
	
		#contact_options div a { padding-top: 1px; }
	
	#contact_options h1 { color: #5aa701; font-size: 38px; font-weight: bold; margin-bottom: 10px; margin-left: 12px; text-transform: uppercase; }
	
	#contact_options p { text-align: center; width: 185px; }
	
	#contact_options strong { font-size: 20px; }
	
	#contact_options table { font-size: 12px; width: 196px; }
	
		#contact_options table td { font-weight: bold; }
	
			#contact_options table td.number { color: #f00; font-size: 18px; padding-right: 6px; width: 25px; }

	#contact_options .price { color: #047391; display: block; font-size: 17px; font-weight: bold; margin-top: 21px; text-align: center; width: 185px; }
	
	#contact_options .details, #contact_options .details ul, #contact_options .details li { display: none; }
		
	#contact_options .more_info { position: absolute; bottom: 3px; right: -37px; color: #fff; font-size: 15px; text-transform: uppercase; width: 185px; }
	
		#contact_options .more_info:hover { color: #a5dd69; text-decoration: none; }
		
	#contact_options #new { background: url(../img/new_inquiries_box.gif) top left no-repeat; }
	
	#contact_options #updates { background: url(../img/site_moves_and_updates_box.gif) top left no-repeat; }
	
	#contact_options #billing { background: url(../img/billing_questions_box.gif) top left no-repeat; }
	
/* existing_customers */

#existing_customers { height: 120px; overflow: hidden; }

	#existing_customers #open_ticket a { background: url(../img/existing_customers.gif) 0 0 no-repeat; display: block; float: left; height: 84px; margin-right: 20px; margin-top: 3px; width: 177px; text-indent: -9999px; }
	
	#existing_customers #open_ticket p { text-indent: -9999px; overflow: hidden; }
	
	#existing_customers #instructions { text-indent: -9999px; overflow: hidden; }
	
		#existing_customers #instructions p { background: url(../img/existing_customers_instructions.gif) 0 0 no-repeat; float: left; height: 88px; width: 396px; }

/* cpanel_questions */

#cpanel_questions { }

	#cpanel_questions #questions { float: left; width: 61%; }
	
		#cpanel_questions #questions a { background: url(../img/cpanel_questions.gif) 0 0 no-repeat; display: block; height: 48px; width: 263px; text-indent: -9999px; }
	
	#cpanel_questions #call_us { float: right; width: 39%; }
	
		#cpanel_questions #call_us p { background: url(../img/trphone.png) 0 0 no-repeat; height: 26px; margin-top: 10px; width: 253px; text-indent: -9999px; }