/*Swingers Directory Custom CSS Rules Start*/

.LogoWrapper {
	margin-bottom: 10px;
}
.LogoWrapper > .Logo {
	margin-right: 12px;
	float: left;
	width: 100x;
	border: 3px solid #333333;
	border-radius: 3px;
}
.LogoWrapper > .Logo:hover {
}
.LogoWrapper > blockquote {
	background: none;
	border-left: 3px solid #333333;
	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 6px;
	font-style: italic;
	margin-bottom: 0px;
}
.LogoWrapper > blockquote cite {
	clear: both;
	color: #999;
	font-weight: bold;
}
.Ad {
	margin-right: 10px;
	margin-left: 10px;
	border: 0px;
	margin-bottom: 6px;
}
.AdImage728 {
	width: 100%;
	max-width:688px;
	height: auto;
	margin-left: auto;
    margin-right: auto; 
}
.AdImage300 {
	width: 100%;
	max-width:300px;
	height: auto;
	margin-left: auto;
    margin-right: auto; 
}
.AdImage688 {
	width: 100%;
	max-width:688px;
	height: auto;
	margin-left: auto;
    margin-right: auto; 
}
.Ad-grid {
	list-style: none;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.Ad-grid li {
	display: inline-block;
	padding: 0px;
	/*margin: 0px 5px 15px 5px;*/
	margin: 0 auto;
	vertical-align: top;
	width: 231px;
	height: 160px;
}
.AdTitle {
	text-align: center;
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	margin-top: 2px;
	margin-bottom: 3px;
}
/*Swingers Directory Custom CSS Rules End*/

/*Customized Framework CSS Rules Start*/

body {
	background: #333 url(../images/bg/bgPat-1.png) 0 0 repeat scroll;
	color: #999;
}
p > a {
	color: #ffdf50;
}
a {
	color: #ffdf50;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #fff;
}
input[type="text"], input[type="password"] {
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	color: #999;
}
textarea {
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	color: #999;
}
input:focus, textarea:focus {
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
}
table {
	background-color: transparent;
	border-left: 1px solid #393939;
	border-top: 1px solid #393939;
}
thead {
}
th {
	border-bottom: 1px solid #393939;
	border-right: 1px solid #393939;
	color: #fff;
	background-color: #363636;
}
tr {
	line-height: 18px;
}
td {
	border-right: 1px solid #393939;
	border-bottom: 1px solid #393939;
	color: #999;
	background-color: transparent;
}
tr:hover > td {
	background-color: #232323;
}

/* Customized Framework CSS Rules End*/

/*Structure CSS Rules Start*/

.websiteWrapper {
}
.pageWrapper {
	padding-top: 10px;
	margin-bottom: 0px;
}
.pageContentWrapper {
	background-color: #262626;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
}
.pageWrapper > *:last-child, .pageContentWrapper > *:last-child {
	margin-bottom: 0px;
}
.pageTitle {
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	margin-top: 2px;
	margin-bottom: 13px;
}

.blockTitle {
	margin-bottom: 22px;
}

/*Structure CSS Rules End*/

/*Customized Elements CSS Rules Start */

.pageBreak, .pageBreakBottom, .pageBreakBoth, .textBreak, .textBreakBoth, .textBreakBottom, .sectionBreak {
	border-color: #333;
}
.quoteWrapper > .quoteAvatar {
	border-color: #333;
}
.quoteWrapper > blockquote {
	border-color: #333;
}
.quoteWrapper > blockquote cite {
	color: #fff;
}
.blockquote cite {
	color: #fff;
}
.buttonWrapper {
	color: #333;
}
.buttonDefault {
	background-color: #ffdf50;
}
.serviceWrapper {
	border-color: #333;
}
.highlight {
	color: #333;
}
.highlightDefault {
	background-color: #ffdf50;
}
.accordionButton {
	background-color: #333;
	color: #999;
}
.accordionContent {
	border-color: #333;
}
.largeImage {
	border-color: #333;
}
.servicesPageContent {
	padding-bottom: 0px;
}

/*Customized Elements CSS Rules Start*/

/* Header CSS Rules Start*/

.headerOuterWrapper {
	z-index: 9999;
	height: 54px;
	overflow: visible;
}
.headerWrapper {
	padding-left: 24px;
	padding-right: 24px;
	z-index: 9990;
	height: 54px;
	background-color: #ffdf50;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.mainLogo {
	float: left;
	height: 54px;
}
.mainLogo > img {
	height: 54px;
	width: auto;
}
.mainMenuButton {
	float: right;
	height: 18px;
	width: 24px;
	background: url(../images/common/mainMenuButtonBg.png) 0 0 no-repeat;
	margin-top: 18px;
}
.mainMenuWrapper {
	clear: both;
	display: none;
	background-color: #333;
	padding-left: 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
	width: 100%;
	border-bottom: 3px solid #ffdf50;
}
.mainMenuWrapper > li {
	line-height: 36px;
	border-bottom: 1px solid #393939;
	margin-bottom: 0px;
	padding-left: 0px;
	list-style: none;
}
.mainMenuWrapper > li:last-child {
	border-bottom: none;
}
.mainMenuWrapper > li > a {
	margin-left: 24px;
	background: url(../images/skins/default/mainMenuItemBg.png) 0 0 no-repeat;
	color: #999;
	padding-left: 16px;
}
.mainMenuWrapper > li > a:hover {
	text-decoration: none;
}
.mainMenuWrapper > li:hover > a {
}
.mainMenuWrapper > li.currentPage > a {
	color: #ffdf50;
	background-position: 0px -36px;
}
p.topNotification {
	display: none;
	margin: 0px;
	padding-left: 24px;
	padding-right: 24px;
	border-bottom: 3px solid #232323;
	background-color: #262626;
	height: 36px;
	line-height: 36px;
}
.topNotification > span {
	color: #fff;
	padding-left: 25px;
	float: left;
	background: url(../images/common/topNotificationBg.png) left center no-repeat;
}
.topNotification > .notificationButton {
	float: right;
	height: 36px;
	width: 24px;
	margin-top: 0px;
	background: #232323 url(../images/common/topNotificationButtonBg.png) center center no-repeat;
}

/*Header CSS Rules End*/

/*Single Project Page CSS Rules Start */
.singleProjectImageWrapper {
	margin-right: 24px;
	margin-left: 24px;
	border: 3px solid #262626;
	margin-bottom: 36px;
}
.singleProjectImage {
	width: 100%;
	height: auto;
}
.singleProjectItemButtonsWrapper {
	height: 36px;
	line-height: 36px;
	background-color: #232323;
	margin-left: 24px;
	margin-right: 24px;
}
.singleProjectExpandButton {
	height: 36px;
	line-height: 36px;
	float: left;
	padding-left: 40px;
	color: #666;
	background: #202020 url(../images/skins/default/portfolioExpandButtonBg.png) left center no-repeat;
	padding-right: 12px;
}
.singleProjectDetailsButton {
	height: 36px;
	line-height: 36px;
	float: right;
	padding-right: 40px;
	color: #666;
	background: #202020 url(../images/skins/default/portfolioDetailsButtonBg.png) right center no-repeat;
	padding-left: 12px;
}
.singleProjectExpandButton:hover, .singleProjectDetailsButton:hover {
	text-decoration: none;
}
/*Single Project Page CSS Rules Start */

/*404 Page CSS Rules Start*/

.errorSearchForm {
	margin-bottom: 27px;
}
#errorSearchFormField {
	width: 100%;
	height: 36px;
	box-sizing: border-box;
	border-right: 0px;
	margin-bottom: 0px;
	background-color: #232323;
	border: 3px solid #333;
	color: #999;
}
input.errorSearchFormSubmitButton {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 36px;
	line-height: 36px;
	background-image: none;
	background-color: #ffdf50;
	padding-left: 12px;
	border: none;
	color: #333;
}
input#errorSearchFormField:focus {
	background-color: #262626;
}
input.errorSearchFormSubmitButton:hover {
	background-color: #ffdf50;
	color: #333;
}
/*404 Page CSS Rules End*/

/*Contact Page CSS Rules End*/
.contactPageWrapper {
}
.contactFormWrapper {
	margin-left: 24px;
	margin-right: 24px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #262626;
	padding-top: 23px;
}
.contactForm {
	margin-bottom: 27px;
}
.contactTitle {
	margin-bottom: 18px;
	padding-top: 0px;
}
.contactForm .formFieldWrapper {
	margin-bottom: 23px;
}
.contactForm .formTextareaWrapper {
	margin-bottom: 36px;
}
.contactForm label {
	margin-bottom: 13px;
	width: 100%;
	box-sizing: border-box;
	height: 18px;
	line-height: 18px;
}
.contactForm .formFieldWrapper input[type="text"], .contactForm .formTextareaWrapper textarea {
	margin-bottom: 0px;
	box-sizing: border-box;
	background-color: #232323;
	border: 3px solid #333;
	color: #999;
}
.contactForm .formFieldWrapper input[type="text"]:focus, .contactForm .formTextareaWrapper textarea:focus {
	background-color: #262626;
}
.contactForm .formFieldWrapper input[type="text"] {
	width: 100%;
	height: 36px;
}
.contactTextarea {
	width: 100%;
	max-width: 100%;
	height: 168px;
	box-sizing: border-box;
}
input.contactSubmitButton, input.contactSubmitButton:hover {
	height: 36px;
	line-height: 36px;
	background-color: #ffdf50;
	padding-left: 12px;
	padding-right: 12px;
	float: right;
	color: #333;
	border: none;
}
.formValidationError {
	display: none;
	height: 36px;
	line-height: 36px;
	margin-left: 0px;
	color: #cc0000;
	float: left;
}
input.fieldHasError, textarea.fieldHasError {
}
.formSuccessMessageWrapper {
	display: none;
	margin-bottom: 4px;
}
.formSuccessMessageWrapper > h4 {
	background: url(../images/icons/smallIcons/16/1/iconCheckmarkBg16.png) 0 center no-repeat;
	padding-left: 28px;
}

.contactMapWrapper {
	background-color: #262626;
	padding: 3px;
	padding-top: 23px;
	margin-bottom: 36px;
	margin-left: 24px;
	margin-right: 24px;
}
.contactMap {
	display: block;
	overflow: hidden;
	height: 168px;
	width: 100%;
	margin: 0px;
	border: none;
	padding: 0px;
	box-sizing: border-box;
}
/*Contact Page CSS Rules End  */


/*Footer CSS Rules Start*/

.footerWrapper {
	padding-left: 24px;
	padding-right: 24px;
	margin-top: 10px;
	background-color: #262626;
	height: 54px;
	border-top: 3px solid #232323;
}
.footerWrapper a {
	color: #ffdf50;
}
.copyrightWrapper {
	height: 54px;
	line-height: 54px;
	clear: both;
}
.copyright {
	color: #999;
	display: inline;
	float: left;
}
.backToTopButton {
	height: 54px;
	width: 24px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: #232323 url(../images/skins/default/backToTopButtonBg.png) center center no-repeat;
}

/*Footer CSS Rules End*/

/* Reset CSS Rules Start*/

.noPadding {
	padding: 0px;
}
.noMargin {
	margin: 0px;
}
.noBackground {
	background: none;
}

/* Reset CSS Rules End */