/* ------- Elements ------- */


body {
	margin: 0;
	padding: 0;
	font: small verdana, arial, helvetica, sans-serif;
	line-height: 1.5em;
	color: #fff;
	background: #0055a7;
	}

* {
	margin: 0;
	padding: 0;
	}

h1 {
	width : 90%;
	margin: 20px 0 0 45px;
	font-weight : normal;
	font-size: 110%;
	color : #fff;
	}

h2 {
	width: 90%;
	margin: 20px 0 .5em 45px;
	font-weight : normal;
	font-size: 110%;
	color: #fff;
	}

a {
	color : #ECD456;
	text-decoration : none;
	}

a:hover {
	color : #A6E3FF;
	text-decoration : none;
	}


/* --- columns --- */


div.shadow {
	float: left;
	width: 132px;
	margin: 0 0 0 45px;
	}

#content {
	margin-left: 190px;
	width: 300px;
	}


/* --- lists --- */


ul {
	margin: 1em 0;
	list-style: none;
	}

ul li {
	padding-left: 1em;
	background: url(img/bullet_normal.png) no-repeat 0 .6em;
	}


/* --- shadow --- */


.shadow {
	background: url(img/shadow_right.png) no-repeat 100% 0;
	}

.shadow div {
	line-height: 0;
	background: url(img/shadow_bottom.png) no-repeat 0 100%;
	}

.shadow img {
	padding: 0 16px 16px 0;
	background: url(img/shadow_corner.png) no-repeat 100% 100%;
	}