/*
	position: absolute;
	left: auto; top: auto; right: auto; bottom: auto;
*/

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

1. Page configuration
			1.1 Colors
			1.2 Font Size
			1.3 Default Tags options
2. Blocks
			2.1 Form elements
				2.1.1 Input	|	.i
				2.1.2 Select	|	.s
				2.1.3 TextArea	|	.ta
				2.1.4 Submit Button	|	.sb
			2.2 Easy Button	|	.eb
			2.3 Box	|	.box
			2.4 Buttons Case	|	.bc
			2.5 Bookmarks Menu	|	.b-menu
			2.6 Bookmarks	|	.bms
			2.7 Copy	|	.copy
			2.8 Article	|	.art
			2.9 Gallery	|	.gal
			2.10 List	|	.list
3. Page Constructor
			3.1 Header | .header
			3.2 Content | .content
			3.3 Footer | .footer
4. Pages
			4.1 Main Page	|	.mp
			4.2 Inner Page	|	.ip

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



/*
----------------------------------------------------------------------------------------------------
[1. Page configuration]
----------------------------------------------------------------------------------------------------
*/
body{
	color: #fefdfd;
	background: #030303;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;	/* default page font size is 12px (1em) */
	min-width: 83.333em;	/* 1000 px */
}

	* { margin: 0; padding: 0; outline: none; }

	ul { list-style-type: none;}
	img { border: none; }
	table { border-collapse: collapse; }



/*
----------------------------------------------------------------------------------------------------
	[1.1 Colors]
----------------------------------------------------------------------------------------------------
*/
/*
	Header 		|	#030
	Link 			|	#0a0
	Text 			|	#333
	TextField	|	#666
*/
	/*p, span { color: #333; }
	h1 { color: #030; }
	input, textarea, select { color: #666; }*/
	a { color: #fefdfd; }



/*
----------------------------------------------------------------------------------------------------
	[1.2 Font size]
----------------------------------------------------------------------------------------------------
*/
	h1 { font-size: 1.5em; }



/*
----------------------------------------------------------------------------------------------------
	[1.3 Defaults Tags options]
----------------------------------------------------------------------------------------------------
*/
	h1 {  }
	span {  }
	p {  }



/*
----------------------------------------------------------------------------------------------------
			[2.1.1 Input]
----------------------------------------------------------------------------------------------------
*/
	div.i { background-color: #fff; overflow: hidden; }

		/* title */
		div.i span {  }

		/* text field */
		div.i div { background-color: #fff !important; padding: 0 .25em; }
			div.i input {
				display: block;
				width: 100%;
				border: none;
				background: #fff;
				line-height: 1.25em;
				padding: .25em .5em;
			}



/*
----------------------------------------------------------------------------------------------------
			[2.1.3 Text Area]
----------------------------------------------------------------------------------------------------
*/
			div.ta {
				overflow: hidden;
				background-color: #fff;
			}
				div.ta textarea {
					width: 100%;
					display: block;
					border: none;
					background: #fff;
					font-size: 1em;
					height: 7.666em;
					font-family: Arial, Helvetica, sans-serif;
					padding: .5em;
				}



/*
----------------------------------------------------------------------------------------------------
			[2.1.4 Submit Button]
----------------------------------------------------------------------------------------------------
*/
			div.sb {  }

			div.sb,
			div.sb div,
			div.sb input {  }
				div.sb div {  }

				div.sb input {
					border: 0px solid transparent;
					display: block;
					width: auto;
					color: #fff;
					height: 1.916em;
					line-height: 1.916em;
					font-weight: bold;
					text-align: center;
					padding: 0 1.833em;
					font-size: 1em;
					cursor: pointer;
					overflow: visible;

					_cursor: hand;
					_width: 1%;
					_line-height: 1.833em;
				}


/*
----------------------------------------------------------------------------------------------------
	[2.5 Bookmarks Menu]
----------------------------------------------------------------------------------------------------
*/
	ul.b-menu { overflow: hidden; }
		ul.b-menu li { float: left; margin-right: .5em; }

			/* default button constructor */
			ul.b-menu li,
			ul.b-menu div,
			ul.b-menu a {
				background-image: url(../img/b-menu-def-bg.gif);
				background-position: 0 0;
				background-repeat: no-repeat;
			}
				ul.b-menu div { background-position: 100% -3.166em; }
					ul.b-menu a {
						display: block;
						height: 2.714em;
						line-height: 2.714em;
						color: #fff;
						padding: 0 2em;
						background-position: 0 -5.44em;
						background-repeat: repeat-x;
						background-color: #5f5e5e;
						margin: 0 .357em;
						font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
						text-decoration: none;
						font-size: 1.166em;
					}


/*
----------------------------------------------------------------------------------------------------
	[2.6 Bookmarks]
----------------------------------------------------------------------------------------------------
*/
	ul.bms { position: relative; top: -.916em; }
		ul.bms li { margin-top: -3.45em; }
			ul.bms img.ttl { display: block; position: relative; }
			ul.bms div.case { overflow: hidden; position: relative; padding: 0 0 0 1.833em; }
				ul.bms img.iflash {
					display: block;
					position: absolute;
					left: auto; top: 0; right: auto; bottom: auto;
				}

				ul.bms embed,
				ul.bms object { float: right; }
				ul.bms p { padding: 1.333em 0 0 0; margin-right: 29.833em; }
				ul.bms a { color: #96abd8; }
					ul.bms a.cat {
						position: absolute;
						left: auto; top: auto; right: 28.666em; bottom: 1.25em;
					}

				ul.bms div.btm {
					font-size: 0;
					background-repeat: no-repeat;
					background-position: 0 0;
					position: absolute;
					left: 0; top: auto; right: 0; bottom: 0;
					width: 100%;
					height: 5px;
				}
					ul.bms div.btm div { background-position: 100% -5px; background-repeat: no-repeat; height: 5px; }

		ul.bms li.i1 { margin-top: 0; }
			ul.bms li.i1 div.case { background-color: #030303; }
			ul.bms li.i1 div.btm { background-image: url(../img/bookmarks-item-1-btm.gif); height: 5px; }

		ul.bms li.i2 {  }
			ul.bms li.i2 div.case { background-color: #2d2d2d; }
			ul.bms li.i2 div.btm,
			ul.bms li.i2 div.btm div { background-image: url(../img/bookmarks-item-2-btm.gif); }
				ul.bms li.i2 div.btm div {  }

		ul.bms li.i3 {  }
			ul.bms li.i3 div.case { background-color: #393939; }
			ul.bms li.i3 div.btm,
			ul.bms li.i3 div.btm div { background-image: url(../img/bookmarks-item-3-btm.gif); }
				ul.bms li.i3 div.btm div {  }

    ul.bms li.i7 {  }
			ul.bms li.i7 div.case { background-color: #393939; }
			ul.bms li.i7 div.btm,
			ul.bms li.i7 div.btm div { background-image: url(../img/bookmarks-item-3-btm.gif); }
				ul.bms li.i7 div.btm div {  }

		ul.bms li.i4 {  }
			ul.bms li.i4 div.case { background-color: #4d4d4d; }
			ul.bms li.i4 div.btm,
			ul.bms li.i4 div.btm div { background-image: url(../img/bookmarks-item-4-btm.gif); }
				ul.bms li.i4 div.btm div {  }

		ul.bms li.i5 {  }
			ul.bms li.i5 div.case { background-color: #5e5d5d;}

				ul.bms li.i5 form { float: right; width: 24.083em; margin-right: 2.083em; padding: 1.333em 0 0; }
					ul.bms li.i5 div.i {  }
					ul.bms li.i5 div.ta { margin-top: 2em; }

				ul.bms li.i5 h1 { font-size: 1em; padding: 1.333em 0 0 0; }
				ul.bms li.i5 p { color: #d5d3d3; }

			ul.bms li.i5 div.btm,
			ul.bms li.i5 div.btm div { background-image: url(../img/bookmarks-item-5-btm.gif); }
				ul.bms li.i5 div.btm div {  }

		ul.bms li.i6 {  }
			ul.bms li.i6 div.case { background-color: #5e5d5d; }
			ul.bms li.i6 div.btm,
			ul.bms li.i6 div.btm div { background-image: url(../img/bookmarks-item-6-btm.gif); }
				ul.bms li.i6 div.btm div {  }


/*
----------------------------------------------------------------------------------------------------
	[2.7 Copy]
----------------------------------------------------------------------------------------------------
*/
	div.copy { height: 5.25em; position: relative; }
		div.copy p { color: #96ABD8; padding: 1em 0 0 2.416em; }
		div.copy input {
			position: absolute;
			left: auto; top: .75em; right: 3.666em; bottom: auto;
		}
		div.copy p.gray { color: #202020 }
		div.copy p.gray a { color: #202020 }



/*
----------------------------------------------------------------------------------------------------
	[2.8 Article]
----------------------------------------------------------------------------------------------------
*/
	div.art {  }

		/* top */
		div.art div.top,
		div.art div.top div {
			background-image: url(../img/art-top-bg.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			font-size: 0;
		}
			div.art div.top div { background-position: 100% -5px; }
				div.art div.top div div { margin: 0 5px; background: #030303; height: 5px; }

		/* data */
		div.art-data { background: #030303 url(../img/art-data-bg.jpg) 100% 100% no-repeat; padding: 1.166em 1.833em 4.166em; }
			div.art-data h1 {  }
			div.art-data p { padding: .5em 0; }




/*
----------------------------------------------------------------------------------------------------
	[2.9 Gallery]
----------------------------------------------------------------------------------------------------
*/
	ul.gal { overflow: hidden; padding: .5em 0; }
		ul.gal li { float: left; margin-right: .75em; }
			ul.gal a {  }
				ul.gal img {
					display: block;
					border-color: #3d3d3d;
					border-style: solid;
					border-top-width: 4px;
					border-bottom-width: 4px;
					border-left-width: 5px;
					border-right-width: 5px;

				}



/*
----------------------------------------------------------------------------------------------------
	[2.10 List]
----------------------------------------------------------------------------------------------------
*/
	ul.list { padding: 1.5em 0 0; }
		ul.list li { margin: auto; }
			ul.list a { color: #96abd8; }



/*
----------------------------------------------------------------------------------------------------
	[3.1 Header]
----------------------------------------------------------------------------------------------------
*/
	div.header { height: 5.416em; position: relative; }
		div.header h1 {  }
			div.header h1 a {
				color: #6e6d6d; text-decoration: none;
				position: absolute;
				left: 2.722em; top: 1.166em; right: auto; bottom: auto;
			}
		div.header p {
			position: absolute;
			left: 22.333em; top: 2.083em; right: auto; bottom: auto;
		}
		div.header ul.b-menu {
			position: absolute;
			left: auto; top: auto; right: 1.666em; bottom: 0;
		}



/*
----------------------------------------------------------------------------------------------------
	[3.2 Content]
----------------------------------------------------------------------------------------------------
*/
	div.content-case { overflow: hidden; position: relative; padding-top: .916em; margin: -.916em 0 0; }

		div.content-case img.flash {
			position: absolute;
			left: 18em; top: -10em; right: auto; bottom: auto;
			/*display: none;*/
		}

		div.bar { float: left; width: 19.666em; height: 66.166em; background: url(../img/bar-bg.jpg) 0 0 no-repeat; }
		div.bar div.data { background: url(../img/bar-uzor.jpg) 0 3px no-repeat; height: inherit; }

			div.bar img { padding: 25em 0 0 3.333em; display: block; }
			div.bar h1,
			div.bar p { text-align: center; }
				div.bar h1.www { padding: 3.111em 0 0; }
				div.bar h1.call { padding: 2.5em 0 0; }
				div.bar p.tel { font-size: 1.166em; line-height: 1.7em; padding: .5em 0 0; }
				div.bar p.txt { padding: 1.416em 0 0; }

		div.content { margin-left: 20em; background: url(../img/content-bg.jpg) 0 0 repeat-x; /*height: 66.166em;*/ }
			div.content div.data { background: url(../img/content-uzor.jpg) 0 0 no-repeat; padding: 0 1.583em 0 2em; }
			div.content img.logo {
				position: absolute;
				left: auto; top: 1.5em; right: 3em; bottom: auto;
			}



/*
----------------------------------------------------------------------------------------------------
	[3.3 Footer]
----------------------------------------------------------------------------------------------------
*/
	div.footer { height: 7.583em; background: url(../img/footer-bg.jpg) 100% 100% no-repeat; }



/*
----------------------------------------------------------------------------------------------------
	[4.2 Inner Page]
----------------------------------------------------------------------------------------------------
*/
	div.ip {  }

		/* bookmarks */
		div.ip ul.bms {  }
			div.ip ul.bms li { margin-top: auto; }
			div.ip ul.bms li.i5 div.case { padding-bottom: 0; }


/*--------------			*/
div.errors { padding-bottom:0.2em; color: #900; }
form .invalid { border: 1px solid #900; background:#eee; }

p.gray { color: #202020 }
p.gray a { color: #202020 }