body {
	font-family: Helvetica, Arial, sans-serif;
	color: #888888;
}

a {
	color: #57bbc7;
}

.wrapper {
	width: 990px;
	margin: 0px auto;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}

@font-face {
	font-family: 'Locator Display Black';
	src: url('../fonts/locator-display-black.eot');
	src: local('LocatorDisplay Regular'), local('LocatorDisplay-Black'), 
			 url('../fonts/locator-display-black.otf') format('opentype');
}

@font-face {
	font-family: 'Locator Display Bold';
	src: url('../fonts/locator-display-bold.eot');
	src: local('LocatorDisplay Regular'), local('LocatorDisplay-Bold'), 
			 url('../fonts/locator-display-bold.otf') format('opentype');
}

/* START HEADER */

header {
	overflow: hidden;
}

header .top-gradient {
	height: 30px;
	background: #000000 url('../images/top-gradient.png') repeat-y center center;
}

header .top-gradient a {
	margin-right: 58px;
	padding: 10px;
	text-decoration: none;
	font-family: "Locator Display Bold", sans-serif;
	font-size: 10px;
	color: #2b2b2b;
	float: right;
}

header .top-gradient a:hover { text-decoration: underline; }

header .main {
	height: 126px;
	background: #000000 url('../images/green-gradient-inset-shadow.png') repeat-x center center;	
	border-bottom: 7px solid #57bbc7;
}

header .left {
	position: relative;
	width: 400px;
	height: 126px;
	float: left;
}

header h1 {
	margin: 20px 0px 0px 20px;
	text-transform: lowercase;
	letter-spacing: 1px;
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 40px;
	color: #ffffff;
}

header h1 span { color: #57bbc7; }

header ul.tabs {
	position: absolute;
	bottom: 0px;
	left: 16px;
	width: 400px;
}

header ul.tabs li {
	float: left;
}

header ul.tabs li a {
	width: 110px;
	height: 21px;
	padding: 18px 0px 0px 42px;
	text-transform: uppercase;
	text-decoration: none;
	background: url('../images/header-tabs.png') no-repeat 0px 0px;
	font-family: "Locator Display Bold", sans-serif;
	font-size: 10px;
	color: #57bbc7;
	display: block;
}

header ul.tabs li a.active {
	background-position: 0px -39px;
	color: #555555;
}

header ul.tabs li a:hover {
	background-position: 0px -78px;
	color: #555555;
}

header nav {
	height: 126px;
	margin-right: 22px;
	padding-left: 2px;
	background: url('../images/nav-separator.png') no-repeat top left;
	list-style: none;
	float: right;
}

header nav li {
	background: url('../images/nav-separator.png') no-repeat top right;
	float: left;
}

header nav li a {
	width: 140px;
	height: 86px;
	padding-top: 40px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-family: "Locator Display Bold", sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-shadow: 0px 0px 30px rgba(73, 76, 76, 1);
	display: block;
}

header nav li a:hover { background: url('../images/nav-overlay.png') no-repeat top left; }

/* END HEADER */

/* START SECTION#CONTENT */

section#content {
	position: relative;
	background-color: #ececec;
	display: block;
}

section#content .shadows {
	position: relative;
	z-index: 5;
}

section#content .top-shadow {
	height: 12px;
	margin-bottom: -12px;
	background: url('../images/content-top-shadow.png') repeat-x top center;
}

section#content .bottom-shadow {
	height: 11px;
	margin-top: 30px;
	background: url('../images/content-bottom-shadow.png') repeat-x top center;
}

.multiplebgs section#content {
	background: url('../images/boxes-background-top.png') repeat-x top center,
							url('../images/boxes-background-bottom.png') repeat-x bottom center;
	background-color: #ececec;
}

/* END SECTION#CONTENT */

/* START FOOTER */

footer {
	height: 214px;
	border-top: 7px solid #57bbc7;
	display: block;
}

footer .top-gradient {
	height: 37px;
	background: #000000 url('../images/top-gradient.png') repeat-y center center;
}

footer .main {
	height: 177px;
	background: url('../images/footer-gradient.png') repeat-x top center;
}

footer .main .wrapper {	position: relative; }

footer .main .wrapper > ul {
	margin-left: 43px;
	overflow: hidden;
}

footer h3 {
	margin-bottom: 8px;
	text-transform: uppercase;
	font-family: "Locator Display Bold", sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #57bbc7;
}

footer .main .wrapper > ul > li {
	height: 151px;
	padding: 26px 35px 0px 35px;
	background: url('../images/footer-separator.png') no-repeat top right;
	float: left;
}

footer .main .wrapper > ul > li:first-child { padding-left: 0px; }
footer .main .wrapper > ul > li:last-child {
	position: absolute;
	top: 0px;
	left: 627px;
	width: 392px;
	background: transparent url('../images/footer-gradient-overlay.png') no-repeat top left;
}

footer .main .wrapper > ul > li:last-child h3,
footer .main .wrapper > ul > li:last-child strong { color: #e1c60c; }
footer .main .wrapper > ul > li:last-child p { font-size: 12px; }
footer .main .wrapper > ul > li:last-child a {
	width: 311px;
	height: 39px;
	margin: 15px 0px 0px -2px;
	text-indent: -9999px;
	background: url('../images/register-your-business.png') no-repeat top left;
	display: block;
}

footer .main .wrapper > ul > li:last-child a:hover { background-position: bottom left; }

footer .main .wrapper ul li ul {
	line-height: 18px;
	font-size: 12px;
}

footer .main .wrapper ul li ul li a {
	text-decoration: none;
	color: #888888;
}

footer .main .wrapper ul li ul li a:hover {	text-decoration: underline; }

/* END FOOTER */



.rating-stars-big {
	font-size: 22px;
	color: #57BBC7;
}




.zebra-striping .row { padding: 6px 20px 6px 23px; }

.zebra-striping .row.odd { background-color: #eeeeee; }

.zebra-striping .col-1 {
	width: 100px;
	float: left;
	clear: left;
}

.zebra-striping .col-2 {
	width: 113px;
	float: left;
}