/* From http://www.positioniseverything.net/articles/onetruelayout/ */

body
	{
	text-align: center;
	margin: 0px;
	padding: 0px 0px;
	}
#Header,
#SubHeader,
#ContentWrapper,
#Footer
	{
	margin: 0 auto;
	width: 760px;
	text-align: left;
	}
#Header
	{
	height: 70px;
	}
#SubHeader
	{
	height: 100px;
	}
#SubHeader
	{
	height: 100px;
	}
#ContentFooter
	{
	float: left;
	width: 760px;
	height: 20px;
	}

#Footer
	{
	height: 27px;
	}

#Primary,
#PrimaryHeader,
#Secondary,
#SecondaryHeader,
#Terciaria
	{
	float: left;
	}
* html #Primary,
* html #PrimaryHeader,
* html #Secondary,
* html #SecondaryHeader
	{
	display: inline; /* IE Doubled Float-Margin Bug */
	overflow-x: hidden;
	}

.Principal #Primary,
.Principal #PrimaryHeader
	{
	width: 760px;
	padding: 0px;
	}
.Articulo #Primary,
.Articulo #PrimaryHeader
	{
	width: 605px;
	margin-left: 155px;
	padding: 0px;
	}
.Album #Primary
	{
	position: relative;
	width: 364px;
	margin-left: 394px;
	padding: 0px;
	width: "366px";
	}

.Articulo #SecondaryHeader
	{
	width: 155px;
	margin-left: -760px;
	padding: 0px;
	}
.Articulo #Secondary
	{
	width: 130px;
	margin-left: -760px;
	padding: 0px 25px 0px 0px;
	width: "155px";
	}
.Album #Secondary
	{
	position: relative;
	width: 364px;
	margin-left: -760px;
	padding: 0px;
	width: "366px";
	}

.Album #Terciaria
	{
	width: 22px;
	margin-left: -392px;
	padding: 0px;
	width: "24px";
	}

#Primary .PrimaryWide,
#Primary .PrimaryThick,
#Primary .PrimaryThin,
#Secondary .SecondaryWide
	{
	float: left;
	clear: none;
	overflow: hidden; /* This prevents IE from messing up layout when content is too wide */
	}

.Principal #Primary .PrimaryWide
	{
	width: 730px;
	padding: 10px 15px;
	width: "760px";
	}
.Articulo #Primary .PrimaryWide
	{
	width: 575px;
	padding: 10px 15px;
	width: "605px";
	}
.Articulo #Primary .PrimaryThin
	{
	width: 175px;
	padding: 0px 15px;
	width: "205px";
	}
.Articulo #Primary .PrimaryThick
	{
	width: 370px;
	padding: 0px 15px;
	width: "400px";
	}
.Articulo #Secondary .SecondaryWide
	{
	width: 120px;
	padding: 10px 5px;
	width: "130px";
	}

.Album #Primary .AlbumImage
	{
	width: 324px;
	padding: 10px 20px;
	width: "364px";
	}

.Album #Primary .AlbumImage .ImageText
	{
	float: left;
	width: 224px;
	padding: 10px 10px 10px 0px;
	}
.Album #Primary .AlbumImage .ImageNav
	{
	float: right;
	width: 90px;
	padding: 10px 0px;
	}
.Album #Primary .PrimaryWide
	{
	position: absolute;
	bottom: 10px;
	width: 324px;
	padding: 10px 20px;
	width: "364px";
	}
.Album #Secondary .SecondaryWide
	{
	position: absolute;
	bottom: 60px;
	width: 324px;
	padding: 10px 20px 10px ;
	width: "364px";
	}



/* Special Trickery */

/* Start easy clearing */
#Content:after
	{
	content: 'Clearer'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#Content
	{
	display: inline-block;
	}
/*\*/
#Content
	{
	display: block;
	}
/* End easy clearing */

/* Equal height columns trick causes too many problems */