/*
main.css
Place only layout construction blocks here, you can set your
other settings in text.css, form.css or special_effects.css files.
*/

/* Document styles */
body.doc_style0 {
	background: #bcbcbc url(../images/bg_document_style0.jpg) repeat-y center;
}
body.doc_style1 {
	background: #a93e02 url(../images/bg_document_style1.jpg) repeat-y center;
}
body.doc_style2 {
	background: #131313 url(../images/bg_document_style2.jpg) repeat-y center;
}
body.doc_style3 {
	background: #c0a62f url(../images/bg_document_style3.jpg) repeat-y center;
}
body.doc_style4 {
	background: #9a9a9a url(../images/bg_document_style4.jpg) repeat-y center;
}
body.doc_style5 {
	background: #333333 url(../images/bg_document_style5.jpg) repeat-y center;
}
body.doc_style6 {
	background: #680031 url(../images/bg_document_style6.jpg) repeat-y center;
}
body.doc_style7 {
	background: #004c68 url(../images/bg_document_style7.jpg) repeat-y center;
}
body.doc_style8 {
	background: #006864 url(../images/bg_document_style8.jpg) repeat-y center;
}
body.doc_style9 {
	background: #5d6800 url(../images/bg_document_style9.jpg) repeat-y center;
}
body.doc_style10 {
	background: #680000 url(../images/bg_document_style10.jpg) repeat-y center;
}

.cleared { clear: both; line-height: 0; height: 0; }

#top { line-height: 0; font-size: 0; height: 0; border: 0; margin: 0; padding: 0; }

html,
body
{
	/* Make sure the document fills the whole browser window */
	width: 100%; height: 100%;
	margin: 0; padding: 0; border: 0;
}

body
{
	/* Add layout elements to document background here */
	text-align: center;
}

#Canvas
{
	position: relative;
	margin: 0 auto;
	width: 650px;
	min-height: 100%; height: 100%;
	background: none;
}


#MainFrame
{
	position: relative;
	width: 100%;
	min-height: 100%; height: 100%;
	margin-left: 150px;
	background: none;
}

#MainFrame-Shadow-Top
{
	position: relative;
	width: 100%; height: 25px;
	margin-top: -25px;
	background: transparent url(../images/shadow_top.png) repeat-x;
}

#MainFrame-Shadow-Top-Left
{
	float: left;
	display: block;
	width: 25px; height: 24px;
	margin-left: -25px;
	background: transparent url(../images/shadow_top_left.png) no-repeat;
}

#MainFrame-Shadow-Top-Right
{
	float: right;
	display: block;
	width: 25px; height: 24px;
	margin-right: -25px;
	background: transparent url(../images/shadow_top_right.png) no-repeat;
}

#MainFrame-Shadow-Left
{
	position: relative;
	width: 100%;
	min-height: 100%; height: 100%;
	background: transparent url(../images/shadow_left.png) repeat-y left;
}

#MainFrame-Shadow-Right
{
	position: relative;
	width: 100%;
	min-height: 100%; height: 100%;
	background: transparent url(../images/shadow_right.png) repeat-y right;
}

#MainFrame-Inside
{
	position: relative;
	min-height: 100%; height: 100%;
	margin: 0 25px;
	border: 1px solid #111111; border-bottom: none;
	background-color: #191919;
}
#MainFrame-Inside-Borders
{
	position: relative;
	min-height: 100%;
	border-left: 6px solid #fafafa; border-right: 6px solid #fafafa;
	background-color: #191919;
}

#MainFrame-Inside-Contents
{
	position: relative;
	border-top: 6px solid #fafafa;
	padding: 1em; padding-bottom: 5em;
	background: #dedede url(../images/bottomshapes.png) no-repeat bottom center;
	text-align: left;
}

#MainFrame-Inside-Contents-Left
{
	position: absolute;
	left: 0; top: 0;
	display: block;
	width: 25px; height: 75px;
	background: transparent url(../images/inside_left.png) no-repeat;
}

#MainFrame-Inside-Contents-Right
{
	position: absolute;
	right: 0; top: 0;
	display: block;
	width: 190px; height: 65px;
	background: transparent url(../images/inside_right.png) no-repeat;
}

#MainFrame-Logo
{
	position: relative;
	width: 430px; height: 230px;
	margin-bottom: -1px; margin-left: 10px;
	background: transparent url(../images/logoshapes.png) no-repeat left;
	z-index: 99;
}

#MainFrame-Footer
{
	padding: 2em;
	background: transparent url(../images/bg_footer.jpg) repeat-x top;
}

#NavBar
{
	position: absolute;
	left: -125px; top: 180px;
	width: 406px; height: 338px;
	background: transparent url(../images/navspeak.png) no-repeat;
}

#AdBar-Left
{
	position: absolute;
	left: -150px; top: 530px;
	width: 300px;
	text-align: right;
	background: none;
}

/* Common */
hr
{
	width: 80%; height: 1px;
	border: 0 solid #ddd;
	background-color: #ddd;
	color: #ddd;
}

#MainFrame-Footer hr
{
	width: 100%; height: 1px;
	border-top: 1px dashed #333;
	background: transparent;
}

.MainFrame-ButtonsBox
{
	float: right;
	margin-right: 25px;
}


/* Admin */
.admin_box
{
	clear: right;
	float: right;
	margin-top: 1em;
	margin-right: 2em;
	text-align: right;
}