/* @group DEFAULTS */

a img,:link img,:visited img {
	border: none
}

a,a:link {
	outline: none !important;
}

ul,ol {
	list-style: none
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0
}

address {
	font-style: normal
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */

/* @group BASICS */

html,body {
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #040301;
	margin: 0;
	padding: 0;
	width: 100%;
}

a,a:link,a:active,a:visited {
	color: #000;
}

a:hover {
	color: #cb0000;
}

/* @end */

/* @group MESSAGES */

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../images/messages/info.png);
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/messages/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/messages/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/messages/error.png');
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../images/messages/validation.png');
}

/* @end */

/* @group CONTENT */

#container {
	width: 900px;
	height: 650px;
	margin: 0 auto;
	overflow: hidden;
}

h1 {
	width: 1px;
	height: 1px;
	overflow: hidden;
	text-indent: -9999px;
}

ul#navigation {
	position: absolute;
	margin:  179px 0 0 725px;
	width: 145px;
	height: 40px;
}

/* My Comment */

ul#navigation li a,ul#navigation li a:link {
	display: block;
	width: 145px;
	height: 40px;
	text-indent: -9999px;
}

.home {
	background-image: url(../images/home.jpg);
}

.contact {
	background-image: url(../images/contact.jpg);
}

#content {
	font-size: 1.2em;
}

p {
	margin-bottom: 20px;
}

.home #content {
	position: absolute;
	text-align: center;
	margin: 290px 0 0 250px;
	width: 400px;
}

.contact #content {
	position: absolute;
	margin: 250px 0 0 80px;
	width: 350px;

}

/* @end */