/* CRUMAIL CSS Document */

* { margin: 0; padding: 0; }

BODY {
	background-image: url('../images/background.png');
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Lucida Sans, Verdana, Arial;
	font-size: 10px;
}

/* textual styles */

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

a:link, a:active, a:visited {
	color: #9e0e02;
	text-decoration: none;
}

a:hover { color: #9f8752; }

div { /*border: 1px solid red;*/ }

/* forms styles */
	
	FORM { zoom: 1; }
	FIELDSET { border: none; }

	.formElement { margin-bottom: 3px; overflow: auto; }
	INPUT, 
	TEXTAREA, 
	SELECT,
	.formElement INPUT,
	.formElement TEXTAREA,
	.formElement SELECT { font-size: 11px; font-family: Arial; }
	.field INPUT, .formElement INPUT {  }	
	.field INPUT.text, .formElement INPUT.text { 
		width: 119px; 
		overflow: auto; 
		padding: 9px 3px 3px 6px; 
		background: url('../images/form/single_field.gif') left center no-repeat; 
		border: none; 
		height: 21px; 
	}
	.field TEXTAREA, .formElement TEXTAREA.textarea { 
		width: 172px; 
		padding: 4px; 
		background: url('../images/form/textarea.gif') no-repeat; 
		border: none; 
		height: 87px; 
		overflow: auto; 
	}
	.field SELECT, .formElement SELECT { width: 180px; margin: 5px 0 0 5px; }
	.field LABEL, .formElement LABEL { float: left; width: 60px; padding-left: 20px; font-weight: bold; color: #45402e; line-height: 30px; }
	.formElement .radio,
	.formElement .checkbox { margin-left: 80px; }
	.formSubmit, .submit { }
	.formSubmit INPUT, .submit INPUT { 
		float: left; 
		margin: 5px 0 0 80px; 
		background: url('../images/form/submit_button.gif'); 
		border: none; 
		width: 75px; 
		height: 34px; 
		text-indent:-9999px; 
		font-size: 0px; 
	}
	INPUT.activate {
		border: none;
		background: url('../images/form/activate.gif');
		width: 147px;
		height: 28px;
		text-indent:-9999px;
		*text-indent: 0;
		color: transparent;
		font-size: 0px;
		margin: 5px;
	}
	H3.formElement { 
		display: block;
		color: #45402e;
		height: 35px;
		background: url('../images/hori_line.gif') 0px 25px repeat-x;
	}
	.honeyPot { display: none; }

/* layout styles */

	/* Cru Sites Styles */

	#cru_sites {
		width: 100%;
		width: auto !important;
		height: 39px;
		padding: 0 20px;
	}
		
	.crudigital_tag { float: right; margin: 7px 0 0 0; }

	#cru_sites a.sites { height: 7px; font-size: 0; margin: 14px 0 0 0; text-indent: -9999px; }
		#cru_sites a.crumail { 
			width: 59px;
			display: block;
			overflow: hidden;
			float: left;
			border-right: 1px solid #fff;
			background: url('../images/sprites/crumail_sprite.gif') left top no-repeat;
		}
			#cru_sites a.crumail:hover, 
			#cru_sites a.crumail:active {
				background-position: 0px -7px;
			} 
			
			#cru_sites a.crumail:visited {
				background-position: 0px -7px;
			} 
			
		#cru_sites a.crudigital { 
			width: 60px;
			display: block;
			overflow: hidden;
			float: left;
			border-right: 1px solid #fff;
			background: url('../images/sprites/crudigital_sprite.gif') center 0px no-repeat;
		}
			#cru_sites a.crudigital:hover, 
			#cru_sites a.crudigital:active {
				background-position: center -7px;
			}
			
		#cru_sites a.konstrukt { 
			width: 52px;
			display: block;
			overflow: hidden;
			float: left;
			background: url('../images/sprites/konstrukt_sprite.gif') right 0px no-repeat;
		}
			#cru_sites a.konstrukt:hover, 
			#cru_sites a.konstrukt:active {
				background-position: right -7px;
			}	
	
	#container {
		width: 959px;
		margin: 0 auto;
	}

	#logo_hd {
		height: 119px;
		padding: 10px;
	}
		#logo_hd a { width: 138px; height: 116px; overflow: hidden; float: left; }
	
	/* Menu Area Styles */
	
	#menu_area {
		background: url('../images/nav_menu_bg.png') left top no-repeat;
		height: 98px;
	}
		/* Menu Styles */
	
		#menu_area ul.basicMenu {
			float: left;
			overflow: hidden;
			width: 592px;
			height: 35px;
			list-style: none;
			margin: 0 0 0 26px;
			_margin: 0 0 0 13px;
			padding: 0;
		}
		
			#menu_area ul.basicMenu li { 
				float: left;
				margin: 0;
				padding: 11px;
				/*margin-right: 6px;*/
			}
			
				#menu_area ul.basicMenu li a {
					font-family: Tahoma;
					font-size: 12px;
					font-weight: bold;
					color: #f5f3ed;
				} 
			
			#menu_area ul.basicMenu li:hover, #menu_area ul.basicMenu li.hover {
				background: url('../images/menu/hover.gif') left top repeat-x;
			}
			
			#menu_area ul.basicMenu li.first:hover {
				background: url('../images/menu/home_hover.gif') left top repeat-x;
			}
				
			#menu_area ul.basicMenu li.active {
				background: url('../images/menu/active.gif') left top repeat-x;
			}
			
				#menu_area ul.basicMenu li.active a { color: #1d1c18; }
				
			#menu_area ul.basicMenu li.home_active {
				padding: 11px 11px 11px 14px;
				background: url('../images/menu/home_active.gif') 0px 0px no-repeat;
			}
			
				#menu_area ul.basicMenu li.home_active a { color: #1d1c18; }
		
		#menu_area .login_area { width: 592px; height: 63px; float: left; clear: left; overflow: hidden; }
		
			/* Login Form Styles */
			
			.login_area fieldset { border: none; padding: 0px 0px 25px 45px; }
		
			.login_area label.login {
				font-size: 0;
				text-indent: -9999px;
				display: block;
				float: left;
				margin-top: 32px;
				height: 9px;
				width: 35px;
				background: url('../images/form/login_label.gif') left top no-repeat; 
			}
			
			.login_area label.password {
				font-size: 0;
				text-indent: -9999px;
				display: block;
				float: left;
				margin-top: 32px;
				height: 9px;
				width: 58px;
				background: url('../images/form/password_label.gif') left top no-repeat; 
			}
			
			.login_area INPUT { 
				float: left;
				margin-top: 25px; 
				margin-right: 15px; 
				height: 10px; 
				padding: 4px; 
				width: 108px; 
				background: none; 
				border: none;
				font-family: Tahoma;
				font-size: 10px;
				color: #f5f3ed;
			}
			
			.login_area .submit { margin: 17px 0 0 0; padding: 0; width: 89px; height: 35px; float: left; }
			.login_area .submit INPUT {
				background: url('../images/form/login_button.gif') left top no-repeat;
				width: 89px;
				height: 35px;
				margin: 0;
				padding: 0;
				text-indent: -9999px;
				font-size: 0px;
			}
		
		#menu_area .ebook { width: 367px; _width: 356px; height: 63px; float: right; overflow: hidden; }
			#menu_area .ebook a.download { float: right; height: 63px; width: 120px; text-indent: -9999px; overflow: hidden; }
	
	/* Preview Area Styles */
	
	#preview_area {
		width: 434px;
		height: 511px;
		float: left;
		margin-left: 24px;
		_margin-left: 12px;
		background: url('../images/preview_crumail_bg.gif') left top no-repeat;
	}
	
		#preview_area h4 {
			margin-top: 30px;
			margin-left: 36px;
			height: 80px;
			color: #fff;
			line-height: 18px;
		}
	
		#preview_area a.more_about { display: block; height: 20px; text-indent: -9999px; font-size: 0; margin-top: 30px; }
		
		#preview_area a.more_screens { display: block; height: 20px; text-indent: -9999px; font-size: 0; margin-top: 24px; }
	
		#preview_area .feature {
			width: 392px;
			margin-top: 13px;
			margin-left: 17px;
		}
	
	/* Services Area Styles */
	
	#services_area {
		width: 495px;
		height: 511px;
		float: left;
	}
	
		div.pitch {
			position: relative;
			width: auto;
			height: 140px;
			padding-top: 18px;
			background: url('../images/pitch_bg.gif') left top no-repeat;
		}
		
		a.freetrial {
			position: absolute;
			top: 12px;
			right: 11px;
		}
		
			ul.pitch_points {
				list-style-image: url('../images/pitch_point_arrow.gif');
				list-style-position: outside;
				margin: 0 0 0 48px;
				padding: 0;
				width: 260px;
			}
			
				ul.pitch_points li {
					margin: 0;
					padding: 6px 0 13px 0px;
					font-size: 9px;
					text-transform: uppercase;
				}
				
				ul.pitch_points li.point_1 {
					background: url('../images/pitch_point_1.gif') 0px 6px no-repeat;
					text-indent: -9999px;
					font-size: 0;
				}
				ul.pitch_points li.point_2 {
					background: url('../images/pitch_point_2.gif') 0px 6px no-repeat;
					text-indent: -9999px;
					font-size: 0;
				}
				ul.pitch_points li.point_3 {
					background: url('../images/pitch_point_3.gif') 0px 6px no-repeat;
					text-indent: -9999px;
					font-size: 0;
				}
				ul.pitch_points li.point_4 {
					background: url('../images/pitch_point_4.gif') 0px 6px no-repeat;
					text-indent: -9999px;
					font-size: 0;
				}
	
	/* Services Content Styles */
	
	div.services_menu {
		width: 134px;
		height: 353px;
		float: left;
	}
	
		div.services_menu h3 {
			display: block;
			height: 35px;
			text-indent: -9999px;
			background: url('../images/services_hd.gif') 25px 15px no-repeat;
		}
		
		div.services_menu ul.basicMenu {
			display: block;
			width: auto;
			height: 304px;
			background: url('../images/services_bg.gif') left top no-repeat;
			list-style: none;
			padding: 14px 0 0 0;
		}
		
			div.services_menu ul.basicMenu li {
				padding: 12px 0 0 24px;
			}
	
				div.services_menu ul.basicMenu li.active {
					list-style-type: square;
					list-style-image: url('../images/menu_point.gif');
					list-style-position: inside;
					*list-style-image: none;
					*list-style-type: square;
					padding-left: 12px;
					*padding-left: 18px;
				}
				
				div.services_menu ul.basicMenu li a:link, div.services_menu ul.basicMenu li a:visited { color: #231d07; }
				div.services_menu ul.basicMenu li a:hover { color: #a19679; }
	
	div.services_content {
		width: 361px;
		height: 353px;
		float: left;
		background: url('../images/vert_line.gif') 0px top repeat-y;
	}
	
		.servicesBody h3, .servicesBody h2 {
			display: block;
			height: 35px;
			padding: 0 0 25px 0;
			text-indent: -9999px;
			background: url('../images/services_overview_hd.gif') 0px 15px no-repeat;
		}
		
			.servicesBody h3.services-overview { background: url('../images/services_overview_hd.gif') 0px 15px no-repeat; }
			.servicesBody h3.fast-track-program { background: url('../images/fast-track-program-hd.gif') 0px 15px no-repeat; }
			.servicesBody h3.training { background: url('../images/training-hd.gif') 0px 15px no-repeat; }
			.servicesBody h3.consulting { background: url('../images/consulting-hd.gif') 0px 15px no-repeat; }
			.servicesBody h3.design { background: url('../images/design-hd.gif') 0px 15px no-repeat; }
			.servicesBody h3.emarketing-update { background: url('../images/emarketing-update-hd.gif') 0px 15px no-repeat; }
		
			div.servicesBody {
				line-height: 17px;
				padding: 0 20px;
				background: url('../images/bar_tile.gif') 0px 0px repeat-x;
			}
			
				div.servicesBody h4 { }
				
				div.servicesBody p {
					padding: 0;
					margin: 18px 0;
				}
	
	/* Footer Styles */
	
	div.footer {
		clear: both;
		width: 911px;
		margin: 0 24px;
		padding: 16px 0;
		background: url('../images/hori_line.gif') 0px 0px repeat-x;
	}
	
		div.footer_links {
			width: 343px;
			text-align:right;
			float: right;
			padding: 0;
		}
			div.footer_links b { font-weight: normal; }
			div.footer_links a:link, div.footer_links a:visited { color: #504e43; }
			div.footer_links a:hover { color: #a19679; }
			
		div#branding { width: 100%; text-align: right; margin-top: 4px; position: relative; }
	
	/* Content */
	
	div#content { width: 917px; margin: 0 auto; padding-top: 1px; background: transparent url('../images/vert_line.gif') 234px 0px repeat-y; }
	div#content2 { width: 917px; margin: 0 auto; padding-top: 1px; }
	
	div.hero {
		height: 157px;
		background: rgb(255,255,255);
	}
	
		div.hero div.mask {
			width: 917px;
			height: 157px;
			background: url('../images/hero_mask.gif') left top no-repeat;
		}
		
		div.hero div.mask h1 {
			padding-top: 120px;
			padding-left: 30px;
			font-size: 36px;
			color: #45402e;
		}
		
		div.overview { padding: 15px 0 8px 25px; background: url('../images/bar_tile.gif') 0px 0px repeat-x; }
		
		div.overview h3 {
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			display: block;
			background: url('../images/overview.gif') 236px 0px no-repeat;
		}
		
		div.inthispage {
			height: auto;
			height: 100% !important;
			width: 236px;
			float: left;
			display: block;
			margin-top: 35px;
			padding-bottom: 25px;
		}
		
		div.inthispage ul.basicMenu {
			display: block;
			width: auto;
			list-style: none;
			padding: 14px 0 0 0;
		}
		
			div.inthispage ul.basicMenu li {
				padding: 12px 0 0 24px;
			}
	
				div.inthispage ul.basicMenu li.active {
					list-style-type: square;
					list-style-image: url('../images/menu_point.gif');
					list-style-position: inside;
					*list-style-image: none;
					*list-style-type: square;
					padding-left: 12px;
					*padding-left: 24px;
				}
				
				div.inthispage ul.basicMenu li a:link, div.inthispage ul.basicMenu li a:visited { color: #231d07; }
				div.inthispage ul.basicMenu li a:hover { color: #a19679; }
				
		div.overview_content {
			width: 525px;
			float: left;
		}
		
				div.overview_content div.content {
					padding: 25px;
					line-height: 17px;
				}
				
					div.overview_content div.content h3 {
						display: block;
						color: #45402e;
						height: 35px;
						background: url('../images/hori_line.gif') 0px 25px repeat-x;
					}
					
					div.overview_content div.content h4 { }
					
					div.overview_content div.content p {
						padding: 0;
						margin: 18px 0;
					}
					
					TABLE.priceTable_1 { width: 200px; float: left; }
					TABLE.priceTable_2 { width: 200px; float: left; }
		
		/* Contact Us Styles */
		
		div.bar {
			height: 34px;
			display: block;
		}
		
		div.contactusContent { margin-top: 1px; }
			
			div.contactDetailsWrapper {
				width: 265px;
				float: left;
				display: block;
				padding: 35px 0 35px 25px;
			}
			
			div.contactFormWrapper {
				width: 425px;
				padding: 35px 0 35px 25px;
				height: auto;
				height: 100% !important;
				min-height: auto;
				float: left;
				display: block;
				background: transparent url('../images/vert_line.gif') 0px 0px repeat-y;
			}
		
		#contactDetails {
			float: left; 
			width: 350px; 
			padding: 0px; 
			margin: 0px;
		}
		#contactDetails DT {
			float: left;
			width: 90px;
			clear: left;
			font-weight: bold;
			text-align: left;
			color: #231d07; 
		}
		#contactDetails DD {
			width: 200px;
			display: block;
			float: left;
			margin: 0px 0px 10px 10px;
			padding: 0px;
			color: #45402e; 
		}
		.moduleBody .moduleNav { display: none; }
		.moduleContent FORM { display: block; float: left;}