@import url(/css/default_page_content.css);

html {
}
	body {
		background: #eaedf2;
		font-family: Arial, Helvetica, Tahoma, sans-serif;
	}
	input, textarea, select {
		font-family: Arial, Helvetica, Tahoma, sans-serif;
	}
	.header,
	.nav,
	.body,
	.footer {
		width: 910px;
		margin: 0 auto;
	}
	.header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.header { display: inline-block; }
	.header { display: block; }
	.nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.nav { display: inline-block; }
	.nav { display: block; }
	.body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.body { display: inline-block; }
	.body { display: block; }
	.footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.footer { display: inline-block; }
	.footer { display: block; }
	.header {
		padding: 10px 0 7px 10px;
	}
	.nav {
		background: url(/img/nav-bg.png) no-repeat;
		height: 47px;
		padding-top: 2px;
		position: relative;
	}
		.nav ul {
			margin: 0 5px 0;
			width: 910px;
			font-size: 12px;
			text-transform: uppercase;
		}
		.nav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		.nav ul { display: inline-block; }
		.nav ul { display: block; }
			.nav ul li {
				float: left;
			}
				.nav ul li a {
					float: left;
					color: #fff;
					line-height: 47px;
					padding-left: 20px;
					text-decoration: none;
				}
				.nav ul li a:hover {
					text-decoration: underline;
				}
				.nav ul li.current a {
					font-weight: bold;
				}
		.nav .social {
		}
			.nav .social a {
				position: absolute;
				top: -3px;
				right: -3px;
			}
			.nav .social a.secondary {
				top: 9px;
				right: 40px;
			}
	.body {
		background: url(/img/body-bg2.png) repeat-y;
	}
		.body .main-col {
			float: right;
			width: 520px;
			margin-right: 5px;
			padding: 35px 40px 40px 40px;
		}
			.body .main-col h1 {
				font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
				color: #466eb0;
				font-size: 28px;
				padding-bottom: 18px;
				border-bottom: 1px solid #eaedf2;
				margin-bottom: 24px;
			}
		.body .side-col {
			float: left;
			width: 300px;
			margin-left: 5px;
		}
			.body .side-col .set {
				position: relative;
				z-index: 1;
			}
			.body .side-col .set.active {
				z-index: 2;
			}
			.body .side-col .set.type-0 {
				width: 300px;
				height: 300px;
			}
			.body .side-col .set.type-1 {
				width: 300px;
				height: 150px;
			}
				.body .side-col .set .image {
					position: absolute;
				}
				.body .side-col .set .square1-active,
				.body .side-col .set .square2-active,
				.body .side-col .set .vertical-active,
				.body .side-col .set .horizontal-active {
					z-index: 1000;
				}
					
				.body .side-col .set .square1 {
					top: 0;
					left: 0;
				}
					.body .side-col .set .square1 img {
						width: 150px;
						height: 150px;
					}
				.body .side-col .set .square1-active {
					top: -10px;
					left: -10px;
				}
					.body .side-col .set .square1-active img {
						width: 170px !important;
						height: 170px !important;
					}
				
				.body .side-col .set .square2 {
					top: 150px;
					left: 0;
				}
					.body .side-col .set .square2 img {
						width: 150px;
						height: 150px;
					}
				.body .side-col .set .square2-active {
					top: 140px;
					left: -10px;
				}
					.body .side-col .set .square2-active img {
						width: 170px;
						height: 170px;
					}
				
				.body .side-col .set .vertical {
					top: 0;
					left: 150px;
				}
					.body .side-col .set .vertical img {
						width: 150px;
						height: 300px;
					}
				.body .side-col .set .vertical-active {
					top: -10px;
					left: 140px;
				}
					.body .side-col .set .vertical-active img {
						width: 170px;
						height: 320px;
					}
				
				.body .side-col .set .horizontal {
					top: 0;
					left: 0;
				}
					.body .side-col .set .horizontal img {
						width: 300px;
						height: 150px;
					}
				.body .side-col .set .horizontal-active {
					top: -10px;
					left: -10px;
				}
					.body .side-col .set .horizontal-active img {
						width: 320px;
						height: 170px;
					}
	.footer {
		background: url(/img/footer-bg.png) no-repeat bottom;
		height: 47px;
		padding-bottom: 8px;
		margin-bottom: 100px;
	}
		.footer p.copyright {
			font-size: 12px;
			line-height: 47px;
			color: #fff;
			text-align: center;
		}
			.footer p.copyright a {
				color: #fff;
			}

#flashMessage {
	margin: 0 auto 20px;
	font-style: italic;
}
#flashMessage.message {
	color: #47AF41 !important;
}
#flashMessage.bad {
	color: #AF4146 !important;
}
.error-message {
	color: #AF4146;
	font-weight: bold;
}
form {

}
	.buttons {
		margin-bottom: 20px;
	}
		.buttons input,
		.buttons a {
			margin-right: 5px;
		}
	form legend {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	form .rules {
		font-style: italic;
		color: #a0a0a0;
		margin-bottom: 0;
	}
		form .rules a {
			color: #a0a0a0;
		}
	form .input {
		margin-bottom: 10px;
		font-size: 12px;
	}
		form .input.text label,
		form .input.password label,
		form .input.select label,
		form .input.textarea label,
		form .input.date label,
		form .input.file label {
			display: block;
			line-height: 1.4;
		}
		form .input label,
		.label-like {
			text-transform: uppercase;
			color: #8C9398;
			font-weight: bold;
			font-size: 12px;
			line-height: 1.4;
		}
		form .input label a,
		.label-like a {
			color: #8C9398;
		}
		form .input label a.hlp,
		.label-like a.hlp {
			color: #0095DA;
		}
		form .input.text input,
		form .input.password input,
		form .input.select select,
		form .input.textarea textarea {
			width: 100%;
			padding: 2px 0;
			border: 1px solid #bababa;
		}
		form .input.date select {
			padding: 2px 0;
			border: 1px solid #bababa;
		}
		form .input.checkbox input {
			margin-left: 0;
		}
		form.thin .input.text input,
		form.thin .input.password input,
		form.thin .input.select select,
		form.thin .input.textarea textarea,
		form .input.text.thin input,
		form .input.password.thin input,
		form .input.select.thin select,
		form .input.textarea.thin textarea {
			width: 30%;
		}
		form .input.textarea textarea {
			height: 128px;
		}
#sb-container {

}
	#sb-container #sb-title-inner {
		font-size: 12px;
	}
		#sb-container #sb-title-inner a {
			color: #fff;
		}
.submits {
}
.submits:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.submits { display: inline-block; }
.submits { display: block; }
	.submits input {
		float: left;
		margin-right: 10px;
	}