@charset "UTF-8";
/* CSS Document */

body {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:auto 0;	
}

a {
	
	color:black;
	
}
.socialLink {
	text-decoration:none;	
}
#topVisit {
	visibility:hidden;
}
#bottomVisit {
	visibility:visible;
}

#mainWrapper {
	
	margin: auto 0;
	position: relative;
	text-align: center;
	padding-bottom:200px;
}

#headerWrapper {
  margin: auto;
  background-image: url('../images/DC_ReviewHeaderBG.jpg');
  background-repeat: repeat;
  padding-top: 21.5px;
  padding-bottom: 21.5px;
}

#logo {
	
	width:160px;
	height:110px;
	margin:	auto;
	background-image: url('../images/DC_Logo.png');
	background-repeat:no-repeat;
	background-size:cover;
	
}


#seperatorBar {
  width: 100%;
  height: 25px;
  background-image: url('../images/DC_ReviewsHeaderBar.jpg');
  background-size: cover;
  position: relative;
  top: 21.5px;
}

#contentWrapper {
	
	
}

#heroGraphic {
  margin: auto;
  background-image: url('../images/DC_ReviewsBanner.jpg');
  width: 1024px;
  height: 233px;
  background-repeat: no-repeat;
  background-size: cover;
}



#footerWrapper {
	
	bottom: 0px;
	margin: auto;
	text-align: center;
	background-image: url('../images/DC_reviewFooterBG.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	height: 55px;
	width: 100%;


}

#footerContent {
	
	color:#262526;
	font-family: 'PT Sans', sans-serif;
	font-size:12px;
	margin: auto;
	position: relative;
	top: 21px;	
	width:815px;
}

#cepLogo {
	position:absolute;
	left:0px;
	top:-11px;
}


#locations {
	
	
}

.location {
	
	position:relative;
	display:inline-block;
	width:160px;
	height:217px;
	background-repeat:no-repeat;
	background-size:contain;
	margin: 8px;
	margin-top: -92px;
	background-image: url('../images/DC_LocationBackground.png');
	
}

#footerText {
	margin-top:0px;
	margin-bottom:0px;
}
#l1 {
	
}
#l2 {
	
}
#l3 {
	
}
#l4 {
	
}


.locationName {
	font-size:15px;	
	font-weight:bold;
}

.locationAddress {
	font-size:11px;
	margin-top: 1px;
}

.locationSelectBttn {
	background-image: url('../images/DC_ClickHereButton.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 97px;
	height: 31px;
	background-color: transparent;
	border: none;
	position: absolute;
	bottom: -15px;
	left: 20%;
}

.rate_widget {

	overflow: visible;
	padding: 10px;
	padding-left:0px;
	width: 230px;
	height: 41px;	
	
}

.ratings_stars {

	background: url('../images/star_empty.png') no-repeat;
	float: left;
	height: 37px;
	padding: 5px;
	width: 36px;	
	
}

.ratings_vote {

	background: url('../images/star_full.png') no-repeat;	
	
}

.ratings_over {
    background: url('../images/star_full.png') no-repeat;
}

.locationChoice {
   	font-family: 'PT Sans', sans-serif;
   	width: 230px;
	margin-top:20px;
}

#reviewWrapper {
	
	margin-top:20px;
	width: 820px;
	display: inline-block;
	
}
#reviewBox {
	width:280px;
	float:left;
}

#reviewHeader {
	margin-top: 10px;
	margin-bottom: 65px;
}

#reviewGood {
	width:490px;
	height:181px;
	background-image:url('../images/GreatRatingBlank.png');
	background-repeat:no-repeat;
	float:left;
}

#reviewBad {
	width:490px;
	height:181px;
	background-image:url('../images/BadRatingBlank.png');
	background-repeat:no-repeat;
	float:right;	
}

#reviewResultGood {

	text-align: left;
	float:left;
	width: 490px;
	padding-left:17px;
	
}

#reviewResultBad {

	text-align: left;
	float: right;
	width: 490px;
	padding-right:17px;
}

#reviewLocation {
	
	text-align: left;
	
}
.shareBttn {
	background-image: url('../images/DC_ShareFeedBackButton.png');
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;	
	width:286px;
	height:52px;
	background-size:contain;
	
}

#STVformWrapper {
	width:820px;
	margin:0 auto;	
}

@media (max-width:1020px) {
	#logo {
		 width:23%;
		 height:auto;
    	 padding:0 0 15% 0;
    	 background:url('../images/DC_Logo.png') no-repeat top;
     	background-size:100% auto;
	}
}

@media (max-width:898px) {
	.location {
		margin-bottom:140px;	
	}
	#bottomVisit {
		margin-top:-80px;	
	}
}


@media (max-width:820px) {
	#heroGraphic {
	 	width:100%;
	 	height:auto;
     	padding:0 0 29% 0;
    	background:url('../images/DC_ReviewsBanner.jpg') no-repeat top;
    	background-size:100% auto;
	}
	
	#footerContent {
		color:#262526;
		font-family: 'PT Sans', sans-serif;
		font-size:12px;
		margin: auto;
		position: relative;
		top: 21px;	
		width:100%;
	}
	
	#logo {
		width:40%;
		height:auto;
    	padding:0 0 25% 0;
    	background:url('../images/DC_Logo.png') no-repeat top;
    	background-size:100% auto;
	}
	
	#reviewWrapper {
		width:100%;
		height:auto;	
	}
	
	#reviewBox {
		margin:auto;
		width:445px;
		float:none;
	}
	
	#reviewResultGood {
		text-align: left;
		margin:auto;
		width: 100%;
		height:auto;
		padding-left:0px;
	}
	
	.goodtext {
		padding-left:17px;	
		padding-right:17px;
	}
	
	.goodsocial {
		padding-left:17px;	
	}
	
	#reviewResultBad {
		text-align: left;
		margin:auto;
		width: 100%;
		height:auto;
		padding-right:0px;
	}
	
	.badtext {
		padding-left:17px;
		padding-right:17px;	
	}

	.locationChoice {
   		font-family: 'PT Sans', sans-serif;
   		width: 230px;
		margin-top:20px;
		float:left;
	}

	#reviewLocation {
		text-align: left;
		float: left;
		padding-left:40px;
	
	}
}

@media (max-width:720px) {
	.location {
	
	position:relative;
	display:inline-block;
	width:160px;
	height:217px;
	background-repeat:no-repeat;
	background-size:contain;
	margin: 8px;
	margin-top: 0px;
	margin-bottom:80px;
	background-image: url('../images/DC_LocationBackground.png');
	
	}
	#l4 {
		margin-bottom:0px;	
	}
	#l2 {
		margin-bottom:0px;	
	}
	#topVisit {
		visibility:visible;
	}
	#bottomVisit {
		visibility:hidden;
	}
}



@media (max-width:450px) {
.location {
	
	position:relative;
	display:block;
	width:160px;
	height:217px;
	background-repeat:no-repeat;
	background-size:contain;
	margin:auto;
	margin-top: 0px;
	margin-bottom:80px;
	background-image: url('../images/DC_LocationBackground.png');
	
	}
	.locationName {
		padding-top: 16px;	
	}
	
	#l1 {
		margin-bottom:0px;	
	}
	#l2 {
		margin-bottom:0px;	
	}
	#l3 {
		margin-bottom:0px;	
	}
	#l4 {
		margin-bottom:0px;	
	}
	
	#reviewBox {
		width:230px;	
	}
	
	#footerText {
		margin-left: 43px;	
		margin-top:0px;
		margin-bottom:0px;
	}
}