@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#bodyWrapperIndex {
	background-image: url(../images/top-bar-back.gif);
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
	background-position: top;
}
#bodyWrapperSurvey {
	background-image: url(../images/top-bar-back.gif);
	background-repeat: repeat-x;
	/* [disabled]height: 100%; */
	width: 100%;
	background-position: top;
	float: left;
}
#bodyWrapperSrevices {
	background-image: url(../images/services-back.gif);
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
	background-position: top;
}
#bodyWrapperContact {
	background-image: url(../images/contact-back.gif);
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
	background-position: top;
}
#bodyWrapperPortfolio {
	background-image: url(../images/portfolio-back.gif);
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
	background-position: top;
}
#bodyWrapperMembers {
	background-image: url(../images/members-back.gif);
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
	background-position: top;
}
#wrapper {
	margin: auto;
	width: 945px;
	background-image: url(../images/main-gecko-back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	padding-left: 10px;
}
#wrapperSurvey {
	margin: auto;
	width: 945px;
	background-image: url(../images/main-gecko-back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#wrapperServices {
	margin: auto;
	width: 945px;
	background-image: url(../images/services-back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	padding-left: 10px;
}
#wrapperContact {
	margin: auto;
	width: 945px;
	background-image: url(../images/contact-back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	padding-left: 10px;
}
#wrapperPortfolio {
	margin: auto;
	width: 945px;
	background-image: url(../images/portfolio-back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	padding-left: 10px;
}
#wrapperMembers {
	margin: auto;
	width: 945px;
	background-image: url(../images/members-back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	padding-left: 10px;
}
#titleBar {
	height: 50px;
	width: 945px;
}
#navBar {
	height: 22px;
	width: 945px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#pageTitle {
	height: 29px;
	width: 945px;
	padding-top: 100px;
}
#subTitle {
	height: 20px;
	width: 945px;
}
#contactLeftCol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #99CCCC;
	text-align: left;
	vertical-align: top;
	width: 80px;
	float: left;
}
#contacRightCol {
	vertical-align: top;
	width: 466px;
	float: left;
}
.contactSpacing {
	margin-bottom: 20px;
}
#body {
	width: 745px;
	float: left;
	height: 180px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
}
#bodyContact {
	width: 555px;
	float: left;
	height: 190px;
	padding-top: 20px;
}

#indexbody {
	width: 745px;
	float: left;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	height: 31px;
}
#bodyPortfolio {
	width: 755px;
	float: left;
	height: 315px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
}
#sideBar {
	width: 160px;
	padding-left: 20px;
	height: 289px;
	float: right;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	line-height: 1.4em;
}

#sideBarContact {
	width: 340px;
	padding-left: 20px;
	height: 310px;
	float: right;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
	background-image: url(../images/contact-phone.jpg);
	background-repeat: no-repeat;
	background-position: left 20px;
}
#socialMediaWrapper {
	width: 160px;
	/* [disabled]height: 21px; */
	float: right;
	padding-right: 10px;
	padding-left: 20px;
	clear: none;
}
.socialMediaIconBox {
	float: right;
	/* [disabled]width: 60px; */
	margin-left: 5px;
	height: 21px;
}
.socialMediaIconBoxTwitter {
	float: right;
	/* [disabled]width: 60px; */
	margin-left: 5px;
	height: 21px;
	/* [disabled]padding-top: 1px; */
}


.aniBox {
	padding: 5px;
	height: 60px;
	width: 60px;
	float: left;
}
.sitePicBox {
	float: right;
	height: 270px;
	width: 455px;
	padding-top: 5px;
	text-align: left;
	padding-left: 0px;
}
#siteTextBox {
	float: right;
	width: 455px;
	text-align: right;
	margin-top: 20px;
}
#picBox {
	float: left;
	height: 130px;
	width: 755px;
}
#indexpicBox {
	float: left;
	height: 279px;
	width: 755px;
}
#coregBox {
	float: left;
	height: 19px;
	width: 555px;
	padding-top: 111px;
}
#membersLoginform {
	margin-top: 20px;
	margin-bottom: 20px;
}
#membersWelcome {
	float: left;
	width: 745px;
	height: 70px;
}
#membersIndexBody {
	width: 745px;
	float: left;
	height: 180px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	background-image: url(../members/images/gecko-on-leaf-back.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#membersHomeButtonsContainer {
	float: left;
	height: 100px;
	width: 745px;
	margin-top: 10px;
}
.membersButton {
	background-image: url(../members/images/support_button.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 175px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.membersButtonRight {
	background-image: url(../members/images/support_button.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 175px;
	margin-bottom: 10px;
}
#surveyBody {
	width: 755px;
	float: left;
	padding-top: 20px;
	padding-bottom: 10px;
}
#surveyHeader {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
.surveyDivider {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}
.surveySectionWrapper {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
}
.surveySectionHeader {
	float: left;
	width: 100%;
	color: #999;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.formElementLeft {
	float: left;
	width: 45%;
}
.formField {
	float: right;
}

.formElementRight {
	float: right;
	width: 45%;
}
#footer {
	height: 8px;
	width: 755px;
	float: left;
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 10px;
}
#footerSurvey {
	height: 8px;
	width: 755px;
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 10px;
	float: left;
}
#footerServices {
	height: 8px;
	width: 755px;
	float: left;
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CC99CC;
	margin-top: 10px;
}
#footerContact {
	height: 8px;
	width: 755px;
	float: left;
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #99CCCC;
	margin-top: 10px;
}
#footerPortfolio {
	height: 8px;
	width: 755px;
	float: left;
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #9999CC;
	margin-top: 10px;
}
#footerMembers {
	height: 8px;
	width: 755px;
	float: left;
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CC9933;
	margin-top: 10px;
}

