/*
----------------------------------------------------------------------------------------------------
[Table of Contents]

1. Base page configuration and Global (.g- ) classes

2. Layout page constructor
			2.1 Header 									| .l-hdr
			2.2 Content 								| .l-cnt
			3.3 Footer 									| .l-ftr

3. Blocks
			3.1 Gallery									| .b-gal
			3.2 Forms Constructor
				3.2.1 Input								| .b-i
				3.2.2 TextArea							| .b-ta
				3.2.3 Submit							| .b-submit

4. Universal pages constructor
			4.1											| .p-

----------------------------------------------------------------------------------------------------
*/



/*
####################################################################################################
[1. Base page configuration]
####################################################################################################
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;	/* default page font size is 10px (1em) */

	background: #566062 url(../img/html-bg.jpg) 0 0 repeat;
}

	body,div,dl,dt,dd,ul,ol,li,form,table,tr,td,
	h1,h2,h3,h4,h5,h6,pre,p,span,b,i,
	input,textarea, fieldset { margin: 0; padding: 0; /*outline: none;*/ }

	ul { list-style-type: none;}
	img, fieldset { border: none; }
	table { border-collapse: collapse; border-spacing: 0; }

	/* remember to define focus styles! */
	/*:focus {	outline: 0; }*/


	h1 { font-size: 1.8em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.2em; }

	input, textarea, select, label { font-size: 1.2em; font-family: inherit; }
	input[type="checkbox"] { vertical-align: -2px; }
	input[type="submit"] { cursor: pointer; }

	p,a,span,b { font-size: 1.2em; }
	p,a,span { color: #020202; }

	a { text-decoration: underline; color: #00558f; }
	a:hover { text-decoration: none; }

	p a, p span, p b,
	h1 a, h2 a, h3 a, span a,
	h1 span, h2 span, h3 span,
	a b, span b, a b, label b,
	p label { font-size: 1.0em; }

	.png {  }	/* Medicine for IE6/PNG headache! */

/*
####################################################################################################
[2. Default content page constructor settings]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[2.1 Header]
----------------------------------------------------------------------------------------------------
*/
	div.l-hdr {
		position: relative;
		z-index: 1;
		height: 32.6em;
		/*background: url(../img/body-bg.png) 0 0 repeat-x;*/
	}
		/* decorations */
		div.l-hdr img { position: absolute; }
		div.l-hdr img.logo { left: 13em; top: .8em;  }
		div.l-hdr img.c-img { top: 4.4em; left: 50%; margin-left: -7.1em; }
		div.l-hdr img.light { top: 0; right: 0; }
		div.l-hdr img.light-l { top: 0; left: 0; }
		div.l-hdr img.bird { top: 8.7em; right: 22%; margin-right: -4.5em; }
		div.l-hdr img.losung { top: 3.6em; right: 14.5em; }
		div.l-hdr img.straw { top: 0; left: 0; }
		div.l-hdr div.shadow {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 30.1em;
			background: url(../img/body-bg.png) 0 0 repeat-x;
		}

		/* menu */
		div.menu { position: absolute; top: 20.1em; left: 0; width: 100%; }
		ul.menu { overflow: hidden; margin: 0 1.5em 0 3em }
			ul.menu li { float: left; margin-left: 2%; }
				ul.menu li div { padding: .6em 0em .8em 1.5em; background: #000; }
			ul.menu li.pf { width: 40%; margin: 0; }
				ul.menu li.pf div { margin-left: 15.7em; }
			ul.menu li.serv { width: 32%; }
			ul.menu li.cont { width: 22%; }
				ul.menu a { font-size: 1.8em; text-decoration: none; color: #fff; }


/*
----------------------------------------------------------------------------------------------------
	[2.2 Content]
----------------------------------------------------------------------------------------------------
*/
	div.l-cnt { overflow: hidden; position: relative; z-index: 2; padding: 0 1.5em 0 3.0em; }
		div.l-left, div.l-cntr, div.l-sb { float: left; margin-left: 2%; }
		div.l-left { width: 40%; margin-left: 0; }
		div.l-cntr { width: 32%; }
		div.l-sb { width: 22%; }

			div.contacts { padding: 0 0 3em; }
				div.contacts span.tel { display: block; padding: 0 0 8px; color: #fff; }
				div.contacts a { color: #1ec7fe; }

			div.b-brief { padding: .9em 0 1.8em; }
				div.b-brief input {  }
				div.b-brief label { margin-left: 10px; color: #000; }
					div.b-brief label i { font-style: normal; margin-left: 1em; }
				div.b-brief a { color: #b4b5b6; }



/*
----------------------------------------------------------------------------------------------------
	[2.3 Footer]
----------------------------------------------------------------------------------------------------
*/
	div.l-ftr { padding: 1.7em 0 1.2em 5.0em; }
		div.l-ftr p { color: #fff; }


/*
####################################################################################################
[3. Blocks]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[3.1 Gallery]
----------------------------------------------------------------------------------------------------
*/
	div.b-gal { overflow: hidden; _zoom: 1; }
		div.b-gal div {
			*position: relative;
			*left: 50%;
			*float: left;
		}

	ul.b-gal {
		overflow: hidden;
		border-left: 1px solid #a6a6a6;

		display: table;
		margin: 0 auto;

		*position: relative;
		*left: -50%;
		*float: left;
	}
		ul.b-gal li { float: left; border: 1px solid #a6a6a6; border-left: 0; position: relative;}
			ul.b-gal a {  }
				ul.b-gal img { display: block; }


/*
----------------------------------------------------------------------------------------------------
	[3.2 Forms Constructor]
----------------------------------------------------------------------------------------------------
----------------------------------------
		[3.2.1 Input]
----------------------------------------
*/
		div.b-i { position: relative; height: 2.7em; margin: 0 0 .9em; }
			div.b-i div { width: 1.8em; height: 100%; background: url(../img/form-i-bg.jpg) 0 -54px; no-repeat; }
			div.b-i div.l, div.b-i div.r { position: absolute; top: 0; }
			div.b-i div.l { left: 0; background-position: 0 0; }
			div.b-i div.r { right: 0; background-position: 0 -27px; }
			div.b-i div.c { width: auto; margin: 0 1.1em; }
				div.b-i div.c div { width: auto; background: transparent; }

			div.b-i input {
				position: relative;
				z-index: 2;

				display: block;
				width: 100%; height: 18px;
				padding: 5px 0 0;

				border: 0;
				background: transparent;
				color: #aeaeae;
			}

/*
----------------------------------------
		[3.2.2 TextArea]
----------------------------------------
*/
		div.b-ta { position: relative; margin: 0 0 .9em; }
		div.b-ta div { background: url(../img/form-ta-bg.jpg) 0 0 no-repeat; }

			div.b-ta div.tl, div.b-ta div.tr,
			div.b-ta div.bl, div.b-ta div.br {
				position: absolute;
				width: 1.9em; height: 2.0em;
			}
			div.b-ta div.tl { left: 0; top: 0; }
			div.b-ta div.tr { top: 0; right: 0; background-position: 0 -2em; }
			div.b-ta div.tc { margin: 0 1.9em; height: 2em; background-position: 0 -4em; }
			div.b-ta div.bl { left: 0; bottom: 0; background-position: 0 -6em; }
			div.b-ta div.br { right: 0; bottom: 0; background-position: 0 -8em; }
			div.b-ta div.bc { margin: 0 1.9em; background-position: 0 -10em; }
			div.b-ta div.tc, div.b-ta div.bc { background-repeat: repeat-x; height: 2.0em; }

			div.b-ta div.cl, div.b-ta div.cr { background: url(../img/form-ta-bg-lr.jpg) 0 0 repeat-y; }
			div.b-ta div.cr { background-position: 100% 0; }
			div.b-ta div.cc { margin: 0 1.9em; background: #525a5d; }

			div.b-ta textarea {
				display: block;
				margin: 0 -8px;
				height: 90px; width: 100%;
				border: 0;
				background: transparent;
				color: #aeaeae;
				overflow: auto;
			}

/*
----------------------------------------
		[3.2.3 Submit]
----------------------------------------
*/
		div.b-submit { background: url(../img/form-i-submit.jpg) 0 0 repeat-x; height: 2.7em; }
			div.b-submit input { display: block; width: 100%; height: 27px; border: 0; background: transparent; color: #fff; }


/*
####################################################################################################
[4. Universal pages constructor]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[4.1 ]
----------------------------------------------------------------------------------------------------
*/
.litletxt
{
visibility: hidden;
position:absolute;
overflow:hidden;

color: #fff;
font-size: 1.2em;
padding: 10px;
}

.bigtxt
{
visibility: hidden;
position:absolute;
overflow:hidden;

color: #fff;
font-size: 1.2em;
padding: 10px;
}

.litletxt a { color: #1ec7fe; }

.shad
{
position: absolute;
left:0; top:0; right:0; bottom:0;
width:100%; height:100%;
background: black;

filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.b-rext
{
color: #fff;
font-size: 1.2em;
}

.b-rext p
{
color: #fff;
font-size: 1.2em;
}