/*  Common styles */

*				{ line-height: 1.6em; }
BODY			{ background: #000000 url('http://www.augustynski.net/images/body.gif') repeat-x left top; color: #FFFFFF; }

A					{ color: #FFFFFF; }
H1				{ color: #FF0000; font-size: 1.6em; }
H2				{ color: #FF0000; font-size: 1.4em; } 
H5				{ font-size: 1em; color: #606060; }
#Header			{ height: 150px; }
#Footer			{ width: 700px; font-size: 0.86em; text-align: center; margin: 2em auto;}
A			{ text-decoration: none; color: #FFFFFF; }
A:hover			{ text-decoration: none; color: #FF0000; }

.Counters		{ margin-top: 2.5em; text-align: center; }

#Logo			{ width: 200px; height: 127px; position: absolute; top: 24px; left: 100px; }

#MainMenu		{ display: block; margin: 0; padding: 0; position: absolute; top: 126px; left: 390px; list-style-type: none; font-size: 0.86em; }
#MainMenu LI	{ display: inline; margin: 0 20px 0 0; padding: 0; list-style-type: none; cursor: pointer; position: relative; }
#MainMenu LI.Selected	{ color: #FF0000; cursor: default; }
#MainMenu LI.Selected A	{ color: #FF0000; cursor: default; }
#MainMenu A.Parent		{ color: #FFFFFF; }
#MainMenu A				{ text-decoration: none; }
#MainMenu UL	{ position: absolute; width: 200px; margin-top: 5px;}
#MainMenu LI LI	{ display: block; margin: 0;}

.Submenu		{ display: block; margin: 0; padding: 0; list-style-type: none; }
.Submenu LI		{ display: block; margin: 0 0 0.2em 0; padding: 0; list-style-type: none; }
.Submenu A		{ color: #FFFFFF; }

.IndexPage		{ position: relative; top: 0; left: 0; }

/*  Content stripe */
#MetaContentStripe		{ width: 100%; height: 480px; overflow: hidden;}

#ContentStripe	{ margin: 0 0 30px 0; font-size: 0.86em; width: 6900px; }
.ContentItem	{ width: 840px; height: 475px; float: left; }

.LastPic		{ width: 390px; float: left; padding-top: 30px; height: 475px; background-repeat: no-repeat; background-position: left top;}
.IntroPic		{ background-repeat: no-repeat; background-position: 75% top; width: 394px; padding-top: 227px; }
.News			{ display: block; padding: 0; margin: 0 0 0 118px; list-style-type: none; width: 230px;}
.News DT		{ display: block; padding: 0; margin: 0; list-style-type: none; color: #FFFFFF; }
.News DD		{ display: block; padding: 0; margin: 0 0 1em 0; list-style-type: none; }

.News A			{ text-decoration: none; color: #FFFFFF; }
.News A:hover			{ text-decoration: none; color: #FF0000; }

.MainContent	{ margin-top: 30px; }
.OneOfTwo		{ width: 205px; float: left; margin-right: 20px; height: 250px; }
.OneOfTwo P:first-letter	{margin-left: 1.5em; }

.TwoOfTwo		{ width: 205px; float: left; height: 250px;}
.TwoOfTwo P:first-letter	{margin-left: 1.5em; }
.TwoOfTwo .Continue:first-letter		{ margin-left: 0; }



/* Concrete */
#Welcome			{ width: 450px; }

#Webdesign			{ width: 470px; }

#Catalog			{ width: 460px; }

#Pricing			{ width: 400px; }

#Links			{ width: 460px;}
#Links A		{ color: #FFFFFF; text-decoration: none; }
#Links A:hover			{ color: #FF0000; text-decoration: none; }

#Contact			{ width: 230px;}
#Contact A			{ color: #FFFFFF; text-decoration: none; }
#Contact A:hover			{ color: #FF0000; text-decoration: none; }

.InterContentItem		{ margin: 5px 0; float: left; height: 475px; margin-right:0px; }
.InterContentItem IMG	{ margin: 2px 2px 2px 2px; }

#BtnLeft			{ display: block; width: 8%; height: 400px;  position: absolute; top: 150px; left: 0; z-index: 98; }
#BtnRight			{ display: block; width: 8%; height: 400px;  position: absolute; top: 150px; right: 0; z-index: 98; }

#BtnLeft EM			{ display: block; width: 92px; height: 74px; background: url('http://www.augustynski.net/images/ArrowLeft.gif') no-repeat left top; position: absolute; top: 140px; left: 0; cursor: pointer; display: none; z-index: 99; }
#BtnRight EM		{ display: block; width: 92px; height: 74px; background: url('http://www.augustynski.net/images/ArrowRight.gif') no-repeat left top; position: absolute; top: 140px; right: 0; cursor: pointer; display: none; z-index: 99; }

#BtnLeft STRONG			{ display: block; height: 400px; background: white; position: relative; top: 0; left: 0; z-index: 95;}
#BtnRight STRONG		{ display: block; height: 400px; background: white; position: relative; top: 0; left: 0; z-index: 95; }



/* Catalog */

#MetaCatalogStripe						{ width: 100%; height: 330px; overflow: hidden;}
#MetaCatalogStripe #ContentStripe					{ margin: 20px 0 30px 0; font-size: 0.86em; width: 15900px; height: 446px; }
#MetaCatalogStripe .ContentItem				{ display: block; height: 446px; width: auto; float: left; line-height: 1.2em;}
#MetaCatalogStripe .ContentItem .Description		{ width: 200px; height: 110px; overflow: hidden; padding-right: 20px;}
#MetaCatalogStripe .ContentItem INS				{ cursor: pointer; }
#MetaCatalogStripe .ContentItem H2				{ font-weight: bold; color: #FF0000; font-size: 1.0em; text-transform: none; margin: 0; line-height: 1.2em;}
#MetaCatalogStripe .ContentItem H2 a				{ font-weight: bold; color: #FF0000; font-size: 1.0em; text-transform: none; margin: 0; line-height: 1.2em;}
#MetaCatalogStripe .ContentItem H2 a:hover				{ font-weight: bold; color: #B40000; font-size: 1.0em; text-transform: none; margin: 0; line-height: 1.2em;}
#MetaCatalogStripe .ContentItem H3				{ font-weight: bold; font-size: 1em; margin: 0; line-height: 17px; vertical-align: middle; color: #999999; padding-right: 20px; background-repeat: no-repeat; background-position: right center; float: left; min-height: 17px; }
* HTML #MetaCatalogStripe .ContentItem H3		{ height: 17px; }

#MetaCatalogStripe .ContentItem P					{ font-weight: normal; font-size: 1em; margin: 0; line-height: 1.2em; clear: left;}
H3.Girl									{ background-image: url('http://www.augustynski.net/images/IconGirl.gif'); }
H3.Boy									{ background-image: url('http://www.augustynski.net/images/IconBoy.gif'); }
H3.Unisex								{ background-image: url('http://www.augustynski.net/images/IconUnisex.gif'); }

#MetaCatalogStripe .WithImages			{ cursor: pointer; }
#MetaCatalogStripe .BigImages			{ display: none; }

#CatalogNavigation						{ height: 145px; margin: 0 auto; position: relative; top: 0; left: 0; }
#CatalogNavigation DIV					{ border: 2px solid #FF0000; height: 35px; position: absolute; top: 3px; width: 100px; z-index: 60;}
* HTML #CatalogNavigation DIV			{ top: 8px; }
#CatalogNavigation UL					{ display: block; margin: 5px 0 0 0; padding: 0; list-style-type: none; } 
#CatalogNavigation LI					{ display: block; margin: 5px 0 0 0; padding: 0; list-style-type: none; height: 35px; width: 10px; float: left; cursor: pointer; }
#CatalogNavigation LI IMG				{ display: block; margin: 0; padding: 0; height: 35px; }



/* Simple pages */
.SimpleContent	{ padding: 0 0 0 390px; }
.SimpleContent *	{ line-height: 1.4em; }
.SimpleContent H2	{ font-size: 1.2em; }

UL.Files			{ list-style-type: none; display: block; margin: 1em 0; padding: 0; }
UL.Files LI			{ list-style-type: none; display: block; margin: 0 0 0.5em 0; padding: 0;  }



/* Shops */

#MetaShops			{ position: relative; top: 0; left: 0; width: 100%; margin-top: 30px; background-repeat: no-repeat; background-position: 800px 0; margin-bottom: 30px; }
#MetaShops H1		{ margin-top: 0;}
#MetaShops DL		{ font-size: 0.9em;  margin: 0.5em 0 2em 0; }
#MetaShops DL *		{ line-height: 1.2em; color: #FFFFFF; }
#MetaShops DT		{ font-weight: bold; }
#MetaShops DD		{ margin-bottom: 1.5em; }

#ShopsContent		{ width: 400px; margin-left: 390px;  border-top: 1px solid white;}



/* News */

#MetaNews			{ position: relative; top: 0; left: 0; width: 100%; margin-top: 30px;  background-repeat: no-repeat; background-position: 860px 67px; overflow: hidden;}
#MetaNews H1		{ margin: 0 0 50px 0; text-indent: -9000px; font-size: 1px; width: 85px; height: 13px; background: url('http://www.augustynski.net/images/TitleNews.gif') no-repeat left top; }

#NewsSlogan			{ width: 390px; height: 475px; position: absolute; top: 0px; left: 0; }
#NewsSlogan DIV		{ width: 390px; height: 475px; background-position: 75% top; background-repeat: no-repeat; }

#NewsMainPics 		{ float: right; width: 250px; height: 475px; overflow: hidden; display: none; }

#NewsContent		{ position: relative; top: 0; left: 0; font-size: 0.86em; width: 450px;  margin-left: 390px;}

.NewsOne			{ float: left; height: 400px; width: 440px;} 
.NewsOne EM			{ display: block; color: #FFFFFF; font-size: 1.2em; font-style: normal; margin-bottom: 1em; }
.NewsOne DFN		{ display: block; margin: 0; padding: 0; }

.LinkToManyPhotos	{ display: block; clear: both; position: relative;  top: 2em; padding-left: 225px; }
.LinkToManyPhotos .NotShow { display: none; }

#NewsContent #BtnNext	{ position: absolute; top: 33em; left: 225px; }
#NewsContent #BtnPrev	{  position: absolute; top: 33em; right: 260px; }