/* @override http://outdoorclick.com/css/screen.css */

/* @override 
	http://outdoorclick.com/css/screen.css
	http://outdoorclick.com/css/screen.css
	http://outdoorclick.businesscatalyst.com/css/screen.css
	http://outdoorclick.com/css/screen.css
*/

	/* 
Title:		Outdoor Click
Author: 	26 Tigers Design
Email:		hello[at]26tigers.com
Created: 	February 10, 2009
Updated:	December 11, 2009
*/

/* @group GLOBAL */
	body { background-color:#212123; color:#fff; }
	
	/*--[Generic Link Rules]--*/
	a:link, a:visited { color:#1694C9; text-decoration: none; }
	a:hover { color: #d35900; }
/* @end GLOBAL*/

/* @group =Structure */

	/* @group -Wrapper Structure */
		.wrapper { width:1000px; margin:0 auto; text-align:left; position:relative; }
	/* @end -Wrapper*/

	/* @group -Header Structure */
		#front #header { background:url(../images/bg_header.jpg) repeat-x 0 0; height:380px; }
		#inside #header { background:url(../images/bg_header.jpg) repeat-x 0 0; height:225px; }
			#header .wrapper { height:126px; background:url(../images/bg_header_wrapper.jpg) no-repeat 0 0; position:relative; }

		/*--Logo--*/
		#header h1 { background:url(../images/bg_logo_h1.jpg) no-repeat; text-indent:-9926em; height:98px; width:300px; position:absolute; top:24px; left:0; }
			#header h1 a { display:block; background:url(../images/bg_logo_h1.jpg) no-repeat; height:98px; }
			
		#front #header h2 { color:#fff; width:450px; position:absolute; top:150px; left:0; font:280%/1.2em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin:0; padding:0; }
			#front #header h2 a { background-color:#283640; padding: 0 3px; color:#fff; margin:0; }
			#front #header h2 a:hover { background-color:#3f596a; }
			
		#inside #header h2 { color:#fdfebc; font:italic 310%/1.1em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; width:100%; position:absolute; top:155px; right:0px; }
		 
	/* @end -Header Structure */

	/* @group -Focus Strip Structure */
		#focus { background:url(../images/bg_focus.jpg) repeat-x 0 0; }
			#focus .wrapper { background:url(../images/bg_focus_wrapper.png) no-repeat 0 1px; }
	/* @end -Focus Strip */

	/* @group -Content Structure */
		#content { background-color:#151515; }
			#content .wrapper { background:url(../images/bg_content_wrapper.jpg) no-repeat  0 0; padding: 15px 0;}
	/* @end -Content Structure */	
	
	/* @group -Footer Structure */
		#footer { background:url(../images/bg_footer.gif) repeat-x 0 0; padding-bottom:15px; clear:both;}	
			#footer address { background:#fbf8f5; color:#310901; font:140%/1.5em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding:10px 15px; margin:15px 0 85px 0; float:left; }
				#footer address b { display:block; }
				#footer address span { font-size:smaller; padding: 5px 0; display:block; }
			#footer p { color: #757575; font: 80% Arial, Helvetica, savns-serif; padding: 160px 10px 0 0; float: right; }	
	/* @end -Footer Structure */	

	/* @group -Columns */
		.col_one { width:100%; }
		#front .col_left { width:390px; float:left; position:relative;  }
		#front .col_right { width:550px; float:right; position:relative;}
		
		#inside .col_left { border-right:1px solid #212123; padding-right:30px; width:680px; float:left; position:relative; }			
		#inside .col_right { width:270px; float:right; position:relative;}
		
		.col_subright { float:right; width:355px; }	
		.col_subleft { float:left; width:150px; }			
	/* @end -Columns*/
	
/* @end =Structure */

/* @group -LINKS */
	a:link.teardrop, a:visited.teardrop { color:#0063b6; text-align:right; text-transform:uppercase; background:url(../images/btn_teardrop.gif) no-repeat 100% 0; padding:0 26px 2px 0; margin:15px 0;display:block; }
	a:hover.teardrop { color:#7e0009; }
/* @end */

/* @group =NAVIGATION */
	#nav_main ul { position:absolute; top:50px; right:0; border-bottom:1px solid #51606c;}
		#nav_main ul li { float:left; padding: 0 15px; }
		#nav_main ul li.last { padding-right:0;}
			#nav_main ul li a:link, #nav_main ul li a:visited { color:#fff; font:150%/28px "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; display:block; }
			#nav_main ul li a:hover { color:#aaca9b; }
			
	ul.nav_tabs { float:left; position:absolute; top:0; right:0; }	
		ul.nav_tabs li { float:left; background:url(../images/bg_tabTop_r.jpg) no-repeat top right; }
			ul.nav_tabs li a { display:block; color:#aab6a5; padding:0 5px; background:url(../images/bg_tabTop_l.jpg) no-repeat top left; text-transform:uppercase; font:9px/29px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
				ul.nav_tabs li a:hover { color:#fff; }		
	
	.nav_embed ul { width:100%; padding:0 0 20px 0;}
		.nav_embed ul li { font:140% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding: 0 0 7px 0; margin:0 0 3px 0; background:url(../images/bg_underlineDashed.png) repeat-x 0 100%; }
		.nav_embed ul li a { display:block; color:#fcfceb; padding:0; }
		.nav_embed ul li a:hover { color:#589ac4; }	

	/*Side Nav */
	.nav_side ul { width:100%; }
		.nav_side ul li { font:110% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding: 5px 0; line-height:22px; border-bottom:1px solid #303033;}
			.nav_side ul li#onlinebiz a { background:url(../images/ico_front_ribbon.gif) no-repeat 0 center;  }
			.nav_side ul li#webdesign a { background:url(../images/ico_front_design.gif) no-repeat 0 center; }
			.nav_side ul li#consulting a { background:url(../images/ico_front_lightbulb.gif) no-repeat 0 center; }
			.nav_side ul li#marketing a { background:url(../images/ico_front_chart.gif) no-repeat 0 center; }
			.nav_side ul li#development a { background:url(../images/ico_front_gear.gif) no-repeat 0 center; }
		.nav_side ul li a { display:block; color:#fcfceb; padding:0 0 0 30px; }
		.nav_side ul li a:hover { color:#589ac4; }	

	#content ul.mlist { margin:20px 0; }
		#content ul.mlist h3 a { font-size:210%; padding:0 0 5px 0; clear:both; font-style:italic; font-weight:bold; color:#a6d68e; text-transform:lowercase; }			
		#content ul.mlist p { padding:0; color:#bebebe; }
			#content ul.mlist li { padding:0 0 15px 130px; margin-bottom:45px; }
				#content ul.mlist li.ribbon { background:url(../images/ico_big_ribbon.jpg) no-repeat 0 0; }
				#content ul.mlist li.idea { background:url(../images/ico_big_idea.jpg) no-repeat 0 0; }
				#content ul.mlist li.gears { background:url(../images/ico_big_process.jpg) no-repeat 0 0; }
				#content ul.mlist li.design { background:url(../images/ico_big_design.jpg) no-repeat 0 0; }
				#content ul.mlist li.marketing { background:url(../images/ico_big_upchart.jpg) no-repeat 0 0; }
			#content ul.mlist li span.lister { color:#6a9bcb; }
				#content ul.mlist li span.lister a { color:#6a9bcb; padding:0 4px 0 0; line-height:30px; }
				#content ul.mlist li span.lister a:hover { color:#fff; }	
			#content ul.mlist li a:hover  { color:#6a9bcb; }
			
			#content ul.mlist ul { padding:10px 0; margin:0; }
				#content ul.mlist ul li { padding:5px; margin:0; float:left;}
				
	/* Breadcrumb Menu */
	.breadcrumb { color:#787878; font:95% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
		.breadcrumb a { color:#787878; line-height:24px;}	
			.breadcrumb a:hover { color:#b7ca9d; }	

	/* Inset Block */
	.inset_block { float:left; width:125px; padding:110px 0 10px 0; margin:15px 25px 5px 0; border-bottom:1px dotted #444; border-right:1px dotted #444; }
		.inset_block span.lister { display:block; color:#444; padding:2px 0; margin:0;}	
			.inset_block span.lister a { color:#787878; }
				.inset_block span.lister a:hover { color:#6a9bcb; }
	
	div.onlinebiz { background:url(../images/ico_big_ribbon.jpg) no-repeat; }
	div.design { background:url(../images/ico_big_design.jpg) no-repeat; }
	div.consulting { background:url(../images/ico_big_idea.jpg) no-repeat; }
	div.marketing { background:url(../images/ico_big_upchart.jpg) no-repeat; }
	div.development { background:url(../images/ico_big_process.jpg) no-repeat; }
			
	/* Forest Arrows */
	.forest_arrow { }				
		.forest_arrow a { display:block; height:82px; background:url(../images/rotate_forest/btn_forestarrow_right4.gif) no-repeat; margin:20px 0 10px 0; color:#bebebe; font:italic bold 140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding:20px 20px 5px 15px; text-transform:uppercase; }
		.forest_arrow a:hover { color:#589ac4; }
	
			
/* @end =Navigation */

/* @group TYPOGRAPY */

	#focus h3.subhead { font-size:320%; padding:0; line-height:1.0em; margin:10px 0 12px 0; clear:both; font-weight:bold; color:#a7ee7a; text-transform:lowercase; font-style:italic; letter-spacing:-0.09em; border-bottom:1px dotted #4d5448; }
	#front #content h3.subhead { font-size:260%; padding:0; line-height:1.0em; margin:0 0 6px 0; clear:both; font-weight:bold; color:#5e5e5e; text-transform:lowercase; font-style:italic; letter-spacing:-0.09em; }
	#content h3.subhead { font-size:240%; padding:0 0 5px 0; clear:both; color:#f7f7f7; font-weight:bold; }
	#content h3.subhead_alt { font-size:240%; padding:0 0 5px 0; clear:both; color:#a7ee7a; font-weight:bold; }
	.upsize { font-size:150%; padding:10px 0 45px 0; line-height:1.7em; }
		.upsize a { color:#fcfceb; background-color:#59282b; padding: 2px 4px;}
			.upsize a:hover { color:#b1ce9e; }
	#content p { line-height:1.9em; padding: 4px 0; margin:0;}
	h6 { color:#666; }
	
	.service_container h3 { color:#ace288; font-size:260%; padding:0 0 10px 0; position:relative; line-height:1.1em; }
	.service_container h4 { color:#fdfebc; font-size:180%; padding:10px 0 0 0; position:relative;}
	
/* @end TYPOGRAPY*/

/* @group TEXT REPLACEMENT */
/*	#content h3, #focus h3 { color: #afca9e; font:italic 200% "Trebuchet MS", Trebuchet, Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; text-transform:lowercase; padding: 10px 0 5px 0; }
		#content h3 a, #focus h3 a { color: #afca9e; }
		#content h3 a:hover, #focus h3 a:hover { color: #589ac4; }
	#content .ctover_dkgray, #focus .ctover_dkgray { color:#434546; }

/* @end TEXT REPLACEMENT */

/* @group =Bits n' Pieces */
	/*Front Promote*/
	.promote img { padding-bottom:25px; }
	.promote h3 { font-size:240%; padding:0 0 5px 0; color:#fff;  line-height:1; font-weight:bold; }
	.promote h4 { font-size:140%; padding:10px 0; color:#a7ee7a;  line-height:1.3; }	
	/* Portfolio */	
	.port_item { padding:20px 0 40px 0; margin-bottom:30px;border-bottom:1px solid #333; }
	
	.work_strip { float:left; width:520px; background:url(../images/bg_workstrip.jpg) no-repeat;}
	.col_left .work_strip { background:none; border:5px solid #2c2d2f; width:640px; margin:0 0 30px; float:none;}
	
	.work_detail { float:right; width:440px; }
	
		/* Services Rendered List */
		ul.wwd_icons { width:440px; padding:10px 0 40px 0;}
		
		.col_left ul.wwd_icons  { padding:10px 0; margin:30px 0; border-top:1px solid #2c2d2f; border-bottom:1px solid #2c2d2f;}
		
			ul.wwd_icons li { float:left; width: 200px;}
			ul.wwd_icons li a { float:left; display:block;color:#666; padding:3px 0 3px 20px; line-height:16px;}
				ul.wwd_icons li a:hover { color:#6a9bcb; }
			ul.wwd_icons li a.complete { background:url(../images/ico_wwdComplete.gif) no-repeat 0 50%;}
			ul.wwd_icons li a.consulting { background:url(../images/ico_wwdConsult.gif) no-repeat 0 50%;}
			ul.wwd_icons li a.design { background:url(../images/ico_wwdDesign.gif) no-repeat 0 50%;}
			ul.wwd_icons li a.development { background:url(../images/ico_wwdDevelopment.gif) no-repeat 0 50%;}
			ul.wwd_icons li a.identity { background:url(../images/ico_wwdIdentity.gif) no-repeat 0 50%;}
			ul.wwd_icons li a.ecomm { background:url(../images/ico_wwdEcomm.gif) no-repeat 0 50%;}
			ul.wwd_icons li a.print { background:url(../images/ico_wwdPrint.gif) no-repeat 0 50%;}
			ul.wwd_icons li a.marketing { background:url(../images/ico_wwdMarketing.gif) no-repeat 0 50%; }
			
			
	/* General Service Container Content List */
	#content .service_container ul { padding:5px 0 5px 15px; }
		#content .service_container ul li { background:url(../images/bullet_gray.gif) no-repeat 0 50%; padding:3px 0 3px 15px;}			
						
	/*--Feature Front Page box --*/
	.featured { position:absolute; top:142px; right:5px; height:225px; width:520px; background:url(../images/bg_featureFrame.jpg) no-repeat 0 0; }
		.featured img { position:absolute; top:10px; left:10px; }
		.featured img.flag { position:absolute; top:10px; left:305px; z-index:1; width:200px; }
		.featured .feature_link { position:absolute; z-index:2; left:327px; top:42px; width:190px; height:35px; }
		.featured a { color:#fff; font-size:175%; font-weight:bold; font-style:italic; text-transform:lowercase; background:url(../images/btn_featuredlink.png) no-repeat right 82%; padding:0 18px 0 0;}
			.featured a:hover { color:#5697c0; }		

	/*--Announcement Front --*/
	.announcement_box h4 { font-size:210%; padding:0 0 5px 0; clear:both; color:#5e5e5e; font-weight:bold; font-style:italic; }
	.announcement_front { border-bottom:1px dotted #2b3338; color:#787878; padding:0 10px 0 0 ; margin: 0 0 20px 20px; width:220px; float:left; min-height:120px; height:auto !important; height:140px; }
	.announcement_front span { float:left; margin:0; background:url(../images/bg_flag_date.png) no-repeat; line-height:24px; width:80px; padding:0 5px; margin:10px 0 0 0 ;font-size:80%; color:#c8d5de; }
		.announcement_front h3 a { padding:0 0 5px 0; clear:both; color:#fff; font-size:110%; }
		.announcement_front h3 a:hover { color:#589ac4;  }
		
		#content .announcement_front p { color:#919191; font-size:90%; padding:6px 0; line-height:1.6em; }

	/*--Forms Styling --*/
	.form_box { margin:20px 0; padding:20px; border:1px solid #292a2c; width:50%; background:#282c2f; position:relative; }
		.form_box label { font-size:110%; }
		.form_box span.req { color:#b1ce9e; }

	/*Contact and RFP*/
	.form_box2 { margin-bottom:15px; padding:5px 0; color:#ccc; }
		.form_box2 p { clear:both; font-size:100%;  }
		.form_box2 label { font-size:120%; }		
			.form_box2 p label { float:left; padding-top:3px; }
			.form_box2 input, .form_box2 textarea { float:left; width:225px; padding:5px 0; font-size:14px; background-color:#151515; color:#fff; border:1px solid #444; }
		.form_box2 textarea { float:none; display:block; padding:5px; width:225px;}
	
 	.form_box2 .dropdown { float:left; width:225px; }
			
			.form_box2 span.req { color:#fff; font-size:12px; }
			p.req { float:right; font-style:italic; color:#696969; }

#content p.submit_btn { padding:0; }	
				#content p.submit_btn input { float:left; padding:8px 10px; border:1px solid #797979; color:#fff; cursor: pointer; /* hand-shaped cursor */ background-color:#444; font:italic bold 100% Georgia, "Times New Roman", Times, serif; width: 90px;}
				#content p.submit_btn input:hover { background-color:#000; color:#f4921c; }	

		
	/*--Recent Projects Front Page Thumbnails --*/
	ul.thumb_block { width:100%; }
		ul.thumb_block li { float:left; padding:12px 20px 12px 0; margin:0;}
			ul.thumb_block li a { display:block; border:2px solid #d0d0d0; line-height:0; }
				ul.thumb_block li a:hover { border-color:#5d88a4; }
				
	/*-- Project Bar Buttons --*/						
		.wwd_sitelink a { display:block; text-indent:-9926px; width:230px; height:24px; background:url(../images/btn_barLaunch.gif) no-repeat left top; }		
			.wwd_sitelink a:hover { background:url(../images/btn_barLaunch.gif) no-repeat right top; width:230px; }
		.wwd_details a { display:block; text-indent:-9926px; width:230px; height:24px; background:url(../images/btn_barDetails.jpg) no-repeat left top; }		
			.wwd_details a:hover { background:url(../images/btn_barDetails.jpg) no-repeat right top; width:230px; }	
		.wwd_learnmore a { display:block; text-indent:-9926px; width:150px; height:24px; background:url(../images/btn_barLearnMore.jpg) no-repeat left top; }		
			.wwd_learnmore a:hover { background:url(../images/btn_barLearnMore.jpg) no-repeat right top; width:150px; }		


/* Circle Spark */
.circlespark .col_subright {  }
.circlespark .logo { margin:25px 0 0 25px; float:left;}

#content ul.benefits { padding:40px 0 20px 0; color:#fdfebc; width:250px; float:left; }
	#content ul.benefits li { }

#content ul.offerings { padding:40px 0; float:right; width:355px; }

#content ul.offerings li.outer { 
	width:167px;
	height:260px;
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	background:#222 none;
}
#content ul.offerings h3 {  }
#content ul.offerings h3 span { font-size:150%; color:#00aeef; }
	#content ul.offerings li ul li { font-size:95%; background:none; padding:0 0; margin:0 10px; clear:both;list-style-position:outside; list-style-type:disc; }

#content ul.offerings h3 { color:#fff; font-size:130%; padding:5px; margin:0; background:#262626;  }			
/* @end Bits n' Pieces */

/* @group MISC */	

	/*--[Address Block]--*/
	.address_box { background:#262626; border:1px solid #444; padding:5px; }
	address { font-style:normal; }
		address b { font-size:220%; padding:0 0 5px 0; clear:both; color:#fdfebc; font-weight:bold; }
		#content .address_box p { line-height:1.2em; }
	
/*--[Banner Lists]--*/	
ul.banners { padding: 0 0 25px 0; }
	ul.banners li { padding: 8px 0; }
		ul.banners li a:link, ul.banners li a:visited { background:#f7f8f9; font:200% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding:8px; display:block;}
		ul.banners li a:hover { color:#7e0009; }
		
/*--[Standard List]--*/
ul.std { padding: 10px 0; clear:both; }
	ul.std li { background: url(../images/bullet_orange.gif) no-repeat 0 50%; padding: 5px 5px 5px 18px; margin-left: 8px; font-size: 95%; }
	
/*--[Basic Image Mods]--*/	
img.right { float:right; border:5px solid #CCC; margin:0 0 3px 15px; }
img.left { float:left; border:5px solid #CCC; margin: 0 15px 3px 0; }

.borderno { border:none; }

/* @end MISC */