/* LAST UPDATED 03.01.2010 */

body#services { font-size: 12px; }

#content { background: #fd8b91 url('../Images/classy-theme/bg-content-services.jpg') no-repeat; }

#mainContent a {
	color: #fff;
	text-decoration: none;
	border-bottom: 0px #26201b solid;
}

#mainContent a:hover {
	color: #f2e4d7;
	border-bottom: 0px #fff solid;
}

.highlight {
	color: #26201b;
    font-weight: bold;
}

h1 {
	position: absolute;
	top: 85px;
	left: 30px;
	width: 640px;
	height: 20px;
	background: url('../Images/classy-theme/h1-services.png') no-repeat;
}

h2 {
	width: 306px;
	height: 54px;
}

	#branding-identity h2 { background: url('../Images/classy-theme/h2-branding-identity.png') no-repeat; }
	#website-design h2 { background: url('../Images/classy-theme/h2-website-design.png') no-repeat; }
	#copywriting h2 { background: url('../Images/classy-theme/h2-copywriting.png') no-repeat; }
	#print h2 { background: url('../Images/classy-theme/h2-print.png') no-repeat; }
	#photography h2 { background: url('../Images/classy-theme/h2-photography.png') no-repeat; }
	#seo-sem h2 { background: url('../Images/classy-theme/h2-seo-sem.png') no-repeat; }
	#business-catalyst h2 { background: url('../Images/classy-theme/h2-business-catalyst.png') no-repeat; }
	#ecommerce-solutions h2 { background: url('../Images/classy-theme/h2-ecommerce-solutions.png') no-repeat; }
	#web-workshops h2 { background: url('../Images/classy-theme/h2-web-workshops.png') no-repeat; }
	#faq-prices h2 { height: 44px; margin: 0; padding-bottom: 0; background: url('../Images/classy-theme/h2-faq-prices.png') no-repeat; }
	#faq-expect h2 { height: 44px; margin: 0; padding-bottom: 0; background: url('../Images/classy-theme/h2-faq-expect.png') no-repeat; }
	#faq-schedule h2 { height: 44px; margin: 0; padding-bottom: 0; background: url('../Images/classy-theme/h2-faq-schedule.png') no-repeat; }

h3 {
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 7px;
}

	ul#faqNav h3 { text-transform: lowercase; }

#servicesNav {
	position: absolute;
	top: 144px;
	left: 30px;
	width: 644px;
	height: 96px;
	overflow: hidden;
}

	#servicesNav ul {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 200px;
	}

		#servicesNav ul li { display: inline; }

		#servicesNav ul li a {
			display: block;
			padding-bottom: 2px;
			color: #251f1b;
			text-decoration: none;
		}

		#servicesNav ul li a:hover { color: #fff; }

		#servicesNav ul#faqNav {
			float: right;
			text-align: right;
		}

#mainContent {
	position: absolute;
	top: 285px;
	left: 10px;
	width: 306px;
}

ul#servicesList {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 306px;
	height: 295px;
	overflow: hidden;
}

	ul#servicesList p { padding: 0 15px 15px 20px; }

	ul#servicesList li {
		float: left;
		width: 306px;
		height: 295px;
		overflow-y: auto;
		overflow-x: hidden;
	}