/**************************************************************/
/* Basic Layout                                               */
/**************************************************************/

/*
Based on tile design approach in WebComposition.Euphoria: 
_________________
|     header    |
=================
|left|main|right|
=================
|     footer    |
-----------------
*/

/* ****************  page *************************************/

body, p, h1, h2, h3, h4, h5, h6, ul, li, p
{
	margin: 0px;
	padding: 0px;
}

body 
{
	padding-right: 5%;
	padding-bottom: 2em;
}

.clear
{
	clear: left;
}


/**************************************************************/
/* Layout of Tiles                                            */
/**************************************************************/

/* ****************  header tile ******************************/

#headerTile
{
/*
    border-width: 2px;
    border-style:solid;
*/
	width: 100%;
	height: 200px;
}

#headerTile .leftTile
{
	width: 665px;
	height: 100px;
}

#headerTile .leftTile img
{
	float: left;
}

#headerTile .footerTile
{
/*
    border-width: 2px;
    border-style:solid;
*/
    position:absolute;
    top: 140px;
	padding: 0 0 0 10px;
}

#headerTile .teaserTile
{

    border-width: 2px;
    border-style:solid;

    position:absolute;
    top: 10px;
    left: 700px;
	padding: 0 0 0 20px;
}

/* ****************  footer tile ******************************/

#footerTile
{
/*
    border-width: 2px;
    border-style:solid;
*/
	width: 100%;
	height: 200px;
	padding: 0 0 0 50px;
}

/* ****************  navigation tiles **************************/

#navigationTile
{
	width: 222px;
	float: left;
}

#landmarkTile
{
	position:relative;
	margin: 15px 0 0 20px;
	height: 30px;
	float: left;
}

/* ****************  content tile ******************************/

#contentTile
{

/*
    border-width: 2px;
    border-style:solid;
*/
    clear:left;
	width: 540px;
	margin-left: 20px;
	margin-top:3em; 
	padding-bottom: 2em;
	padding-left: 2px;
	padding-right: 1em;
	padding-top: 10px;
	float:left;
}



/* ****************  teaser ***********************************/

#teaser
{
	float: right;
	width: 33%;
}