/* Projekts: Greeno log houses
 * Developer: SIA X IT, GRENO
 * Coding: X IT
 *
 * Location: system/application/views/css
 * Stylesheet: Lapas izkārtojuma stili
 * Versija: 0.5
 * Datums: 14.10.2009.
 *
 *
 *
 * Fails definē lapas pamatizkārtojuma blokus un galvenos vizuālos stilus
 *
 */

/* ================================================================================ */
/* 1 - vispārīgie elementu stili */
body {
    margin: 0;
    padding: 0;
    background: #f4f4f4;
    font: normal 62.7% / 1.4em sans-serif;
	color: #6c6c6c;
}

a {
    color: #0C7C36;
}

a:hover, a:active {
    color: #0C7C36;
}


div.clearer {
    clear: both;
}

table {
	
}

table td {
	vertical-align: top;
}

p {
	margin: 0 0 0.5em 0;
}

/* ================================================================================ */
/* 2 - Lapas bloku izkārtojums */
/* lapas ārējais konteiners --------------------------------------------- */
#cont {
	padding: 0;
    margin: 0;
}

.wrapper {
	width: 856px;
	margin: 0 auto;
	position: relative;
	background: #fff;
	border: 0px dotted red;
}
/* Logo josla ---------------------------------------------------------- */
#top {
	margin: 0;
 
}

#top .wrapper {
	padding: 90px 0 0 0;
}

#top img {
	display: block;
	margin: 0 auto;
	width: 690px;
	height: 300px;
}

#logo {
    position: absolute;
    top: 22px;
    left: 125px;
    width: 197px;
    height: 59px;
    background: url(../img/greeno_logo.png) no-repeat;
	border: 0px solid #ccc;
}


/* Valodu izvēlne ------------------------------------------------ */
#langs {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 40px;
	left: 630px;
	width: 150px;
	border: 0px dotted red;
}

#langs li {
	float: left;
	padding: 2px 4px;
	margin: 0 0.5em 0 0;
	list-style: none;
	font: normal 10px sans-serif;
	text-transform: uppercase;
	color: #F0EFEC;
}

#langs a {
	color: #9CA09F;
	padding: 0;
	text-decoration: none;
}

#langs a:hover {
	text-decoration: underline;
}

#langs .current {
	background: none;
}

#langs .current a {
	color: #063;
}

#langs img {
	width: 16px;
	height: 11px;
	border: none; 
}
/* Izvēlnes josla ------------------------------------------------------ */
#menu {
	width: 650px;
	height: 1.5em;
	margin: 20px auto 0 auto;
	padding: 0;
	color: #fff;
	font: normal 13px/1.2em sans-serif;
    list-style: none;
	border: 0px dotted green;
}


#menu li {
	float: left;
    margin: 0 1em;
    padding: 2px;
	list-style: none;
	text-transform: uppercase;
	
}

#menu a {
    font: normal 13px/1.2em sans-serif;
    color: #777;
    text-decoration: none;
}

#menu a:hover {
    text-decoration: underline;
}


#menu li.current {
}

#menu li.current a {
	color: #016D37;
	font-weight: bolder;
}



/* Satura kolonna ------------------------------------------------------------------------ */

#saturs {
	width: 595px;
	padding: 40px 0 70px 0;
	margin: 0 0 0 135px;
	font: normal 21px/1.5em serif;
	border: 0px dotted lime;
}





/* Content ilustration images */
img.ilustration {
	float: right;
	margin: 0 0 10px 20px;
}




/* Apakšējā josla ------------------------------------------------------------------------- */
#apaksa {
	font: normal 11px/1.4em sans-serif;
    clear: both;
	margin: 0;
    color: #828282;
}

#apaksa .wrapper {
	padding: 0 0 40px 0;
}



#apaksa a, #apaksa a:hover {
	color: #777;
	text-decoration: underline;	
}

#apaksa .wrapper div {
	margin: 0 0 0 205px;
	width: 375px;
}

#apaksa p.terms {
	position: absolute;
	top: 0px;
	left: 60px;
	width: 135px;
	height: 2em;
	margin: 0;
}



/* ================================================================================ */
/* 3 - Typography */

h1, h4 {
    margin: 0 0 0.4em 0;
    font: normal 34px / 1.2em sans-serif;
    color: #016D37;
}

h1 a {
	
}



h2 {
    margin: 1em 0 0.5em 0;
    font: bold 1.2em / 1.2em sans-serif;
    color: #016D37;
}

h2 a {
    color: #016D37;
}

h3 {
    color: #016D37;
	font: normal 1em / 1.2em sans-serif;
}



/* paragraph */
#saturs p {
    margin: 0 0 1em 0;
}


/* ================================================================================ */
/* 4 - contact form */

form {
	margin: 0;
	padding: 0;
}

div.contact {
	margin: -3em 0 0 1em;
	padding: 0 0 0 15px;
	float: right;
	width: 240px;
	border-left: 1px solid #eee;
}

.contact label {
	margin: 1em 0 0 0;
	padding: 0;
	font: normal 0.7em/1em serif;
}

.contact input.t1, .contact textarea {
	width: 225px;
	border: 1px solid #ccc;
	color: #777;
	padding: 2px 3px;
	margin: 0;
	font: normal 12px/1.2em sans-serif;
}

.contact textarea {
	height: 110px;
}

div.notice {
	position: absolute;
	top: 4px;
	left: 25%;
	width: 50%;
	padding: 0.4em 1.2em;
	margin: 0.4em 0 0.8em 0;
	color: #016D37;
	background-color: #efb;
	border: 2px solid #016D37;
	text-align: center;
	-moz-border-radius: 3px;
	font: bold 12px sans-serif;
	
}