/* @group Global */

body {
	margin-left: 0px;
	margin-top: 0;
	background-image: url(images/MotifBG.png);
	background-color: #fff;
}

img {
	border-width: 0;
}

#containerCenter {
	width: 900px;
	height: 550px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#column1 {
	float: left;
	display: block;
	width: 900px;
	height: 550px;
	background: url(images/MainBGintro.jpg) no-repeat;
}

/* @end */

/* @group Top */

#containerTop {
	width: 900px;
	height: 123px;
	display: block;
	float: left;
	color: #7e003f;
	text-decoration: none;
	font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(images/TopBG.png) no-repeat;
}

#TopTop {
	float: left;
	width: 900px;
	height: 70px;
	display: block;
}

#LogoSidiese {
	float: right;
	padding-top: 10px;
	position: relative;
	top: 25px;
	right: 10px;
}

#TopBottom {
	float: left;
	display: block;
	height: 27px;
	padding-left: 78px;
}

#TopBottom a {
	height: 27px;
	float: left;
	display: block;
}

#NavMain1 {
	background: url(images/NavOff1.png) no-repeat;
}

#NavMain1:hover {
	background: url(images/NavOn1.png) no-repeat;
}

#NavMain2 {
	background: url(images/NavOff2.png) no-repeat;
}

#NavMain2:hover {
	background: url(images/NavOn2.png) no-repeat;
}

#NavMain3 {
	background: url(images/NavOff3.png) no-repeat;
}

#NavMain3:hover {
	background: url(images/NavOn3.png) no-repeat;
}

#NavMain4 {
	background: url(images/NavOff4.png) no-repeat;
}

#NavMain4:hover {
	background: url(images/NavOn4.png) no-repeat;
}

#NavMain5 {
	background: url(images/NavOff5.png) no-repeat;
}

#NavMain5:hover {
	background: url(images/NavOn5.png) no-repeat;
}



/* @end */

/* @group Left */

#containerLeft {
	width: 286px;
	height: 399px;
	display: block;
	float: left;
}

#leftNavigation {
	height: 306px;
	width: 286px;
	display: block;
	float: left;
}

#leftArrows {
	width: 286px;
	display: block;
	float: left;
}

#arrowNextDiv {
	position: relative;
	width: 55px;
	height: 55px;
	display: block;
	float: left;
	left: 755px;
	z-index: 5;
	opacity: 0;
}

#stickout {
	display: block;
	float: left;
	width: 93px;
	position: relative;
	z-index: 5;
	left: 745px;
	top: 60px;
}

#meetus {
	width: 120px;
	height: 87px;
	display: block;
	float: left;
}

#login {
	width: 120px;
	height: 196px;
	display: block;
	float: left;
}

#loginTop {
	width: 120px;
	height: 63px;
	display: block;
	float: left;
}

#loginFields {
	width: 120px;
	height: 72px;
	display: block;
	float: left;
	background: url(images/StickoutLoginBG.png) no-repeat;
}

#loginFields input {
	background: url(images/StickoutLoginFieldBG.png) no-repeat;
	display: block;
	position: relative;
	left: 10px;
	float: left;
	width: 77px;
	height: 18px;
	padding-left: 10px;
	padding-right: 10px;
	color: #8ba00d;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-style: none;
	border-width: 0;
}

#loginFields input.inputEmail {
	background-image: url(images/StickoutLoginBGemail.png);
}

#loginFields input.inputPassword {
	background-image: url(images/StickoutLoginBGpassword.png);
}

#loginBtn {
	width: 120px;
	height: 61px;
	display: block;
	float: left;
}

#loginFormUpdate {
	color: #fff;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 6px;
}



/* @end */

/* @group Bottom */

#containerBottom {
	width: 900px;
	height: 48px;
	display: block;
	float: left;
}

#ArrowsScroll {
	display: block;
	float: right;
	width: 23px;
	height: 31px;
	background: url(images/ArrowsScroll.png) no-repeat left;
	position: relative;
	top: -100px;
	right: 160px;
}



/* @end */

/* @group Survey */

#containerText {
	background: url(images/MainBGText.png) no-repeat;
	height: 399px;
	display: block;
	float: left;
	width: 565px;
	overflow:hidden;
	position: relative;
}

#containerTextOverflowBlock {
	height: 399px;
	display: block;
	float: left;
	width: 450px;
	overflow:hidden;
	position: relative;
}

#containerTextOverflow {
	height: 399px;
	display: block;
	float: left;
	width: 5500px;
	overflow:hidden;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.textPage {
	width: 487px;
	height: 330px;
	display: block;
	float: left;
	padding-left: 45px;
	overflow:hidden;
	
	position: relative;
}

.textTitle {
	width: 348px;
	display: block;
	float: left;
	padding-left: 35px;
	padding-top: 13px;
	height: 35px;
	padding-bottom: 10px;
}

.textPageContent {
	width: 355px;
	height: 285px;
	display: block;
	float: left;
	position: relative;
	padding-left: 35px;
}

.textPageContent p {
	color: #134863;
	font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

.textPageContent a img {
	position: relative;
	top: 8px;
}

.textPageContent h2 {
	color: #134863;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

.blue {
	color: #2ebbff;
	text-decoration: none;
}

.green {
	color: #8ba00d;
	text-decoration: none;
}

.grey {
	color: #bdbbbb;
	text-decoration: none;
}

.category {
	color: #00bdff;
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

.subcategory {
	color: #81a200;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

#Text5_1 input.contactField {
	background: url(images/ContactInputBG.png) no-repeat;
	display: block;
	position: relative;
	left: 10px;
	width: 106px;
	height: 16px;
	padding-left: 10px;
	padding-right: 10px;
	color: #567811;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-style: none;
	border-width: 0;
	clear: left;
}

#Text5_1 textarea {
	width: 200px;
	height: 130px;
	border: 1px solid #b9b9b6;
	color: #356680;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #eae9e5 no-repeat;
}

.formEl {
	display: block;
	float: left;
	height: 16px;
	width: 70px;
	color: #134863;
	text-decoration: none;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.formEl2 {
	visibility: hidden;
	display: none;
	float: left;
	height: 16px;
	width: 70px;
	color: #134863;
	text-decoration: none;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.formEl img {
	float: left;
}

#submitContactAnswer {
	width: 200px;
	min-height: 40px;
	display: block;
	float: left;
	padding-top: 10px;
	color: #00bdff;
	text-decoration: none;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.loading {
	background: url(images/Loading.gif) no-repeat;
}



/* @end */