/* Stylesheet for reinatrase.lv page layout
 * Developer: Kristaps "KSP" Pilveris, kristaps@itlux.lv
 * Description: core stylesheet for screen layout
 * Destination: %system%/%css%/
 * */

body {
	padding: 0;
	margin: 0;
	font-size: 62.7%;
}



/* General page container */
div#cont {
	border-top: 6px solid #162645;
	background-color: #f4f4f4;
	background-image: url(images/header_bg.png);
	background-repeat: repeat-x;
	height: 113px;
	margin: 0;
}



/* page widht container */
div#pagecont {
	margin: 0 0 0 3%; /* left margin of page  */
	background-repeat: no-repeat;
	clear: both;
	overflow: visible;
	min-height: 720px;
	position: relative;
	border: 0px solid red;
}




/* container class defining content column width& position */
.column {
	margin: 0 20% 0 380px;
	padding: 0;
	border: 0px solid lime;
	min-width: 370px;
	clear: both;
}

/* Gray page header bar */
div#header {	
	height: 77px;
	background-image: url(images/header_tile.png);
}


/* Big snowflake in header part */
div#header div {
	background-image: url(images/header_snow.png);
	background-repeat: no-repeat;
	height: 77px;
	position: relative;
}

div#header div.tx-srlanguagemenu-pi1 {
	background-image: none;
	float: right;
	height: 30px;
	padding: 7px 10px 0 0;
}

div#header div.tx-srlanguagemenu-pi1 div {
	background: none;
}



div#lang {
	position: absolute;
	top: 0;
	left: 0;
}


/* horizontal menu */
div#menu {
	margin-left: 0;
	text-align: right;
	clear: both;
	height: 28px;
}

/* horizontal submenu */
div#submenu {
	clear: both;
	border: 0px solid lime;
	height: 34px;
	margin-top: -31px;
}

/* Background for submenu */
div#menurail {
	margin: 7px 0 0 376px;
	background-image: url(images/submenu_tile.png);
	background-position: 0 100%;
	background-repeat: repeat-x;
	height: 34px;
}

div#submenu ul {
	float: right;
	height: 21px;
	margin: 0;
	padding: 0 5em 0 2em;
}




/* News container */
div#zinas {
	background-repeat: no-repeat;
	padding: 4px 0 0 30px;
	margin-left: 360px;
	margin-top: -4px;
	clear: both;
}

div#zinas div.contents {
	padding: 1em 1.5em;
	min-height: 135px;
}




/* Generic content container */
div#content {
	background-color: #172645;
	padding: 2em 0 0 0;
	margin-top: 5px;
	clear: both;
	min-height: 470px;
}


/* Container with stylized tab */
div.nametab {
	padding: 20px 0 0 4px;
	margin: 1.2em 1.5em;
	background-image: url(images/nametab.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* Left floated stylized tab */
div.floattab {
	float: left;
	padding: 20px 0 0 4px;
	margin: 1.2em 1.5em;
	background-image: url(images/nametab.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/* Image gallery position & size */
div#galcontainer {
	position: absolute;
	top: 600px;
	left: 1%;
	width: 305px;
	padding: 0 0px;
	border: 0px solid green;
}

div#gallery {
	width: 305px;
}

/* Thumbnail container div*/
div#gallery #container {
	/*position: relative;*/
	padding: 6px 0;
	
}

div#galcontainer #scrollleft, div#galcontainer #scrollright {
	position: absolute;
	top: 46px;
	border: 0px solid red;
}

#scrollleft {
	left: -7px;
	width: 15px;
	height: 19px;
	background-image: url(images/previmg.png);
}

#scrollright {
	right: -10px;
	width: 15px;
	height: 19px;
	background-image: url(images/nextimg.png);
}

div#gallery div#images {
	padding: 0 0 0 9px;
}






/* Bottom line  */
div#bottom {
	clear: both;
	height: 28px;
	background-image: url(images/bottom_tile.png);
	background-position: 93% 0;
	position: relative;
}


/* Copyrigth is pulled down form content section to ensure proper posiotining */
div#copyright {
	position: absolute;
	top: 0;
	right: 19.4%;
	height: 28px;
	width: 42em;
	border: 0px solid red;
}

div#dev {
	position: absolute;
	top: 0;
	right: 0;
	width: 19%;
	height: 28px;
}


/* Logos at the bottom */
div#logos {
	height: 80px;
	background-color: #d0d0d0;
	overflow: visible;
	background-image: url(images/bottom_bg.png);
}

div#logos img {
	position: relative;
	margin-top: -37px;
	left: 2.8%;
}