@import url("whitespace-reset.css");

body {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	background: #333333 url("../images/bg_body.gif") repeat; }
a:visited { color: #0000ff; }
.clear { clear: both; }

#sitewrapper {
	width: 771px;
	margin: 0 auto; }

#header {
	clear: both;
	width: 100%;
	background: transparent url("../images/bg_logo.jpg") 0 0 no-repeat; }
	#header h1 { }
		#header h1 a {
			display: block;
			width: 100%;
			height: 154px;
			text-indent: -5000px; }
	#header ul {
		float: left;
		width: 711px;
		padding: 0 0 0 60px; }
		#header ul li {
			float: left;
			height: 25px;
			padding: 12px 0 0 0;
			margin: 0 40px 0 0;
			text-transform: uppercase; }
		#header ul li.active { background: transparent url("../images/blt_nav-active.gif") 50% 100% no-repeat; }
			#header ul li a { color: #ffffff; }
			#header ul li a:hover { text-decoration: underline; }
			#header ul li.active a { }

#content {
	clear: both;
	float: left;
	width: 721px;
	padding: 25px;
	border-bottom: 2px solid #330000;
	background: #ffffff; }
#content.services {
	width: 711px;
	padding: 40px 0 15px 60px;
	*padding-bottom: 40px; }
#content.clients {
	width: 741px;
	padding-right: 10px; }
	#content br { clear: both; }
	#content .module-full-size,
	#content .module-half-size {
		float: left;
		width: 651px;
		min-height: 71px;
		_height: 71px;
		padding: 10px 20px 0 34px;
		margin: 0 0 35px 0; }
	#content.clients .module-full-size {
		width: 691px;
		padding-right: 0; }
	#content .module-half-size { width: 273px; }
	#content.services .module-half-size {
		width: 250px;
		padding: 17px 0 0 85px;
		min-height: 61px;
		_height: 61px; }
	#content .module-half-size.right-side { margin-left: 20px; _margin-left: 0px; }
	#content .restaurant { background: transparent url("../images/icon_restaurant.gif") -4px 0 no-repeat; }
	#content .small-business { background: transparent url("../images/icon_small-business.gif") -4px 0 no-repeat; }
	#content .large-business { background: transparent url("../images/icon_large-business.gif") -4px 0 no-repeat; }
	#content .org { background: transparent url("../images/icon_org.gif") -4px 0 no-repeat; }
	#content .ecommerce { background: transparent url("../images/icon_ecommerce.gif") -4px 0 no-repeat; }
	#content .cms { background: transparent url("../images/icon_cms.gif") -4px 0 no-repeat; }
	#content .notepad { background: transparent url("../images/icon_notepad.png") 0 0 no-repeat; }
		#content .module-half-size h2,
		#content .module-half-size h3,
		#content .module-full-size h2,
		#content .module-full-size h3 {
			padding: 0 0 5px 0;
			font-size: 24px;
			font-weight: normal;
			color: #000000; }
		#content .module-half-size h3,
		#content .module-full-size h3 { font-size: 18px; }
		#content .module-half-size h3.image-replace {
			width: 250px;
			height: 20px; }
			#content .module-half-size h3.image-replace a {
				display: block;
				width: 273px;
				height: 20px;
				text-indent: -5000px; }
		#content .module-half-size h3#hdr_restaurant { background: transparent url("../images/hdr_restaurant.jpg") 0 0 no-repeat; }
		#content .module-half-size h3#hdr_small { background: transparent url("../images/service-title_small.jpg") 0 0 no-repeat; }
		#content .module-half-size h3#hdr_med-large { background: transparent url("../images/service-title_med-large.jpg") 0 0 no-repeat; }
		#content .module-half-size h3#hdr_org { background: transparent url("../images/hdr_org.jpg") 0 0 no-repeat; }
		#content .module-half-size h3#hdr_ecommerce { background: transparent url("../images/hdr_ecommerce.jpg") 0 0 no-repeat; }
		#content .module-half-size h3#hdr_cms { background: transparent url("../images/service-title_cms.jpg") 0 0 no-repeat; }
		#content .module-half-size h4 {
			padding: 0 0 20px 0;
			color: #000000; }
		#content h6 {
			clear: both;
			padding: 0 0 3px 0;
			margin: 25px 0 12px 0;
			color: #000000;
			border-bottom: 1px solid #535f6f; }
		#content .module-half-size p {
			clear: both;
			padding: 0 0 15px 0;
			font-size: 12px;
			color: #333333; }
		#content .module-half-size ul {
			float: left;
			width: 50%;
			padding: 0 0 5px 0; }
			#content .module-half-size ul li {
				padding: 0 0 7px 0;
				font-size: 11px;
				color: #333333;
				list-style-type: disc;
				list-style-position: inside; }
		#content .module-half-size address {
			padding: 0 0 20px 0;
			font-size: 12px;
			line-height: 140%;
			color: #333333; }
		#content .module-half-size a { }
	#content ul#client-list {
		float: left;
		width: 100%;
		padding: 40px 0 0 1px; }
	#content.clients ul#client-list { width: 500px; }
		#content ul#client-list li {
			clear: both;
			float: left;
			width: 100%;
			padding: 0 0 30px 0;
			margin: 0 0 30px 0;
			font-size: 12px;
			border-bottom: 1px solid #666666; }
		#content ul#client-list li.last { border: none; }
			#content ul#client-list li div.portfolio-image {
				float: left;
				width: 230px; }
			#content.clients ul#client-list li div.portfolio-image { width: 190px; }
			#content ul#client-list li div.endorsement {
				float: left;
				width: 380px;
				padding: 0 0 0 30px; }
				#content ul#client-list li div.endorsement blockquote {
					padding: 0 0 15px 0;
					font-family: Georgia;
					font-size: 15px;
					font-style: italic;
					line-height: 20px; }
					#content ul#client-list li div.endorsement blockquote p {
						padding: 0;
						color: #333333; }
				#content ul#client-list li div.endorsement p {
					padding: 0 0 5px 0;
					color: #333333; }
					#content ul#client-list li div.endorsement p strong {
						display: block;
						padding: 0 0 5px 0; }
				#content ul#client-list li div.endorsement a { color: #0000ff; }
			#content ul#client-list li dl {
				float: left;
				width: 420px;
				margin: 0; }
			#content.clients ul#client-list li dl { width: 310px; }
				#content ul#client-list li dl dt {
					float: left;
					width: 105px;
					padding: 0 10px 10px 0;
					text-align: right;
					color: #333333; }
				#content ul#client-list li dl dd {
					float: left;
					width: 305px;
					padding: 0 0 10px 0;
					margin: 0;
					color: #333333; }
				#content.clients ul#client-list li dl dd { width: 195px; }
					#content ul#client-list li dl dd a { color: #0000ff; }

	#content form#contact-form { padding: 15px 0 0 0; }
		#content form#contact-form fieldset { }
			#content form#contact-form fieldset label {
				float: left;
				clear: both;
				display: block;
				width: 110px;
				padding: 0 10px 10px 0;
				font-size: 12px;
				text-align: right;
				color: #333333; }
				
			#content form#contact-form fieldset input.text-box {
				float: left;
				width: 198px;
				padding: 1px 0 1px 5px;
				margin: 0 0 10px 0;
				font-size: 11px;
				border: 1px solid #000000; }
			#content form#contact-form fieldset textarea {
				float: left;
				width: 198px;
				height: 88px;
				padding: 0 0 0 5px;
				margin: 0 0 10px 0;
				font-family: Verdana;
				font-size: 11px;
				border: 1px solid #000000; }
			#content form#contact-form fieldset input.btn_submit {
				clear: both;
				float: left;
				margin: 0 0 0 120px;
				/*font-size: 11px;
				color: #64adcb;
				border: none;
				background: transparent;*/ }

/* Homepage
---------*/
#homepage-headings {
	float: left;
	width: 360px;
	padding: 40px 0 0 10px;
	margin: 0 10px 0 0; }
	#homepage-headings h1#hdr_you-run-business {
		width: 359px;
		height: 43px;
		background: transparent url("../images/hdr_you-run-business.png") 0 0 no-repeat;
		text-indent: -5000px; }
	#homepage-headings h1#hdr_business-needs-website {
		width: 359px;
		height: 51px;
		background: transparent url("../images/hdr_business-needs-website.png") 0 0 no-repeat;
		text-indent: -5000px; }

#slideshow-container {
	float: left;
	width: 340px;
	height: 255px;
	padding: 40px 0 0 0;
	margin: 0 0 30px 0;
	overflow: hidden; }

/* Specific to about page
-----------------------*/
#content.about h4 { color: #000000; }
#content.about p {
	padding: 0 0 15px 0;
	color: #000000;
	line-height: 140%; }
	#content.about p b {
		font-weight: normal;
		color: #f9bb42; }

#about-people.module-half-size {
	width: 285px;
	padding: 15px 0 0 90px;
	color: #333333; }
	#about-people h5 { font-size: 12px; }
	#about-people h6 { margin-top: 0; }
	#about-people img {
		float: left;
		margin: 0 20px 0 0; }
	#about-people div.hrule {
		clear: both;
		float: left;
		width: 100%;
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #464d55; }
		#about-people div.hrule hr { display: none; }
	#about-people.module-half-size ul {
		float: left;
		clear: both;
		width: 100%;
		padding: 0 0 20px 0; }
		#about-people.module-half-size ul li {
			float: left;
			width: 180px;
			padding: 0;
			list-style-type: none; }
		#about-people.module-half-size ul li.last { width: 100px; }
			#about-people.module-half-size ul li p {
				padding: 0;
				font-size: 11px; }
				#about-people.module-half-size ul li p strong { font-size: 12px; }

/* Services Detail Page
---------------------*/
#content.services-details {
	width: 746px;
	padding-right: 0; }
	#content.services-details a.back-link {
		display: block;
		margin: 0 0 15px 35px; }
	#content.services-details .module-half-size {
		width: 375px;
		padding: 17px 20px 0 35px; }
		#content.services-details .module-half-size h6 { margin-top: 15px; }
			

#content.services-details .module-half-size ul.services-list {
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
	_padding: 0;
	*padding: 0; }
	#content.services-details .module-half-size ul.services-list li {
		float: left;
		clear: both;
		width: 100%;
		padding: 0 0 5px 0;
		font-size: 12px;
		line-height: 18px;
		color: #ffffff;
		list-style: none;
		background: transparent url("../images/blt_check.gif") 0 0 no-repeat; }
		#content.services-details .module-half-size ul.services-list li strong {
			font-weight: normal;
			color: #fabb42; }
		#content.services-details .module-half-size ul.services-list li p { padding: 0 0 0 23px; }

#content.services-details .module-half-size form#contact-form { padding: 5px 0 0 0; }
	#content.services-details .module-half-size form#contact-form fieldset input.btn_submit {
		cursor: pointer;
		font-family: Verdana;
		font-size: 12px; }

#content.services-details div#featured-clients {
	float: left; 
	width: 230px;
	margin: 0 0 0 45px; }
	#content.services-details div#featured-clients li { padding: 0 0 20px 0; }

/* Privacy Policy window
----------------------*/
#content.privacy {
	width: 380px;
	min-height: 347px;
	_height: 347px;
	margin-bottom: 0; }
	#content.privacy p { padding: 0 0 10px 0; }

/* Full Client List
-----------------*/
#full-client-list {
	float: left;
	width: 130px;
	padding: 13px 0 0 45px; }
	#full-client-list ul { }
		#full-client-list ul li {
			padding: 0 0 8px 0;
			color: #b4b9bf; }

/* Footer
-------*/
#footer { clear: both; }
	#footer p {
		padding: 5px 0 15px 0;
		font-size: 10px;
		color: #808080; }
	#footer a { color: #808080; }
	#footer span.bbb-seal {
		display: block;
		float: left;
		width: 43px;
		height: 66px;
		margin: 0 20px 0 0;
		background: transparent url("../images/img_bbb.gif") 0 0 no-repeat;
		text-indent: -5000px; }
	#footer span.tcc-logo {
		display: block;
		float: left;
		width: 142px;
		height: 67px;
		background: transparent url("../images/img_tcc-logo.jpg") 0 0 no-repeat;
		text-indent: -5000px; }
	
/* error text on mail forms: */		
p.error{
	width: 200px;
	padding: 0 0 10px 120px;
	padding-bottom: 10px;
	color: #FF0000;
}

#content .module-half-size p.error {
	font-size: 11px;
	width: 200px;
	padding: 0 0 10px 120px;
	color: #FF0000;
}

/* Added for Lax stuff
--------------------*/
/* All pages */
#header { position: relative; }
	#header p {
		position: absolute;
		right: 10px;
		top: 5px;
		z-index: 100;
		color: #ffffff;
		text-transform: uppercase; }
		#header p a { color: #ffffff; }
/* Homepage */
ul#services-list { padding: 15px 0 0 0; }
	ul#services-list li {
		position: relative;
		float: left;
		width: 50%;
		height: 125px;
		margin: 0 0 60px 0; }
		ul#services-list li a {
			display: block;
			padding: 118px 0 0 170px;
			font-size: 12px;
			text-decoration: underline; }
		ul#services-list li.mlr { background: transparent url("../images/logo_mlr.jpg") 50% 17px no-repeat; }
		ul#services-list li.tmt { background: transparent url("../images/logo_tmt.jpg") 50% 0 no-repeat; }
		ul#services-list li.ccm { background: transparent url("../images/logo_cm.jpg") 50% 0 no-repeat; }
		ul#services-list li.tm { background: transparent url("../images/logo_tm.jpg") 50% 0 no-repeat; }

/* Signup Forms */
form#signup {
	width: 700px;
	margin: 0 auto; }
	form#signup fieldset {
		clear: both;
		float: left;
		width: 100%; 
		border: none;}
	form#signup h2#hdr_players-signup {
		clear: both;
		width: 322px;
		height: 65px;
		margin: 0 auto 20px auto;
		background: transparent url("../images/hdr_players-signup.gif") 0 0 no-repeat;
		text-indent: -5000px; }
	form#signup h2#hdr_coaches-signup {
		clear: both;
		width: 322px;
		height: 65px;
		margin: 0 auto 20px auto;
		background: transparent url("../images/hdr_coaches-signup.gif") 0 0 no-repeat;
		text-indent: -5000px; }
	form#signup fieldset h3 {
		clear: both;
		padding: 0 0 15px 0;
		text-align: center; }
	form#signup label {
		display: block;
		float: left;
		clear: both;
		width: 280px;
		padding: 0 10px 10px 0;
		text-align: right;
		font-weight: bold; }
	form#signup p.formdata {
		float: left;
		padding: 0 10px 10px 0;
		font-size: 12px; }		
	form#signup label.label-radio {
		width: 230px;
		padding: 0 0 10px 290px;
		font-weight: normal;
		text-align: left; }
	form#signup li li label {
		width: auto;
		font-weight: normal;
		text-align: left; }
		form#signup label.label-radio input,
		form#signup li li input {
			float: left;
			margin: 0 3px 0 0;
			_margin-top: -3px;
			*margin-top: -3px; }
	form#signup input.input-text {
		float: left;
		width: 193px;
		padding: 0 0 0 5px;
		margin: 0 0 10px 0;
		border: 1px solid #000000; }
	form#signup select {
		float: left;
		width: 200px;
		margin: 0 0 10px 0;
		border: 1px solid #000000; }
		form#signup select optgroup {
			color: #ffffff;
			background: #000000;
			font-weight: normal;
			font-style: normal; }
			form#signup select optgroup option {
				padding: 0 0 0 5px;
				color: #000000;
				background: #ffffff; }
	form#signup small {
		clear: both;
		display: block;
		float: left;
		width: 200px;
		margin: 0 0 10px 290px;
		_margin: 0 0 10px 145px; }
	form#signup textarea {
		float: left;
		width: 198px;
		height: 130px;
		margin: 0 0 10px 0;
		border: 1px solid #000000; }
	form#signup a {
		float: left;
		clear: both;
		width: 100%;
		_width: 230px;
		margin: 0 0 10px 290px; }
	a.btn_go-back {
		display: block;
		float: left;
		width: 186px;
		height: 17px;
		background: transparent url("../images/gobackandedit-btn.jpg") 0 0 no-repeat;
		text-indent: -5000px; }
	a.btn_confirm {
		clear: both;
		display: block;
		float: right;
		width: 186px;
		height: 17px;
		background: transparent url("../images/confirmandsubmit-btn.jpg") 0 0 no-repeat;
		text-indent: -5000px; }
	form#signup input.btn_submit {
		clear: both;
		float: left;
		margin: 0 0 0 290px; }
	form#signup input.input-image {
		clear: both;
		float: left;
		margin: 0 0 10px 290px; }
	form#signup span {
		display: block;
		clear: both;
		float: left;
		margin: 0 0 10px 290px;
		_margin: 0 0 10px 145px; }
	form#signup ul {
		clear: both;
		padding: 0 0 10px 0; }
		form#signup ul li {
			clear: both;
			padding: 0 0 10px 0; }
			form#signup ul li li { padding: 0 0 10px 240px; }
	form#signup div.hrule {
		clear: both;
		float: left;
		width: 100%;
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #464d55; }
		form#signup div.hrule hr { display: none; }

#content #my-lacrosse-resume { width: 520px; }
	#content #my-lacrosse-resume img {
		float: left;
		width: 208px;
		margin: 0 25px 15px 0; }
		#content #my-lacrosse-resume p strong { font-size: 16px; }
#content .module-half-size ul.product-links {
	float: left;
	padding: 15px 0 0 0; }
	#content .module-half-size ul.product-links li {
		list-style: none; }
		#content .module-half-size ul.product-links li a {
			font-size: 16px;
			font-weight: bold;
			text-decoration: underline; }

#content #featured-clients blockquote {
	padding: 0 0 15px 0;
	font: italic bold 13px Verdana;
	color: #ff0000; }
#content #featured-clients cite {
	font-style: normal; }
	#content #featured-clients cite strong {display: block; }
	#content #featured-clients cite a { font-weight: bold; }

#content #featured-clients.team-manager {
	padding-top: 120px;
	_padding-top: 144px;
	*padding-top: 144px; }
	
p.errorText{
	color: #FF0000;
	text-align: center;
	background: #FFFFCC;
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ff0000;
	}