@media screen {

	/**
	 * Global elements
	 */
	body {
		background  : #fff;
		margin : 0; 
		padding : 0;
		min-width : 900px;
		font-family : "Lucida Sans Unicode","Lucida Grande","Mukti Narrow", sans-serif;
		font-size   : 0.8em;
		color	   : #444;
	}

	h1, h2, h3, h4, h5 {
		color: #8d4474;
		font-family :"Lucida Sans Unicode","Lucida Grande","Mukti Narrow", sans-serif;
	}
	
	h1 { font-size : 16px; margin: 8px 0 1.2em 0; }
	h2 { font-size : 1.1em; margin-bottom: 0.7em; margin-top: 1.8em;}
	h3 { font-size : 1.0em; margin-bottom: 0.6em; }
	h4 { font-size : 0.9em; margin-bottom: 0.5em; }
	h5 { font-size : 0.8em; margin-bottom: 0.4em; }

	img { border : 0; }
	form { margin : 0; }
	table { width: 100%; }
	
	textarea {
		font-family: "MS Shell Dlg", Arial, Helvetica, sans-serif;
		font-size: 1.1em;
	}
	
	/**
	 * Layout
	 */
	#container {
		margin: 0 auto;
		width: 900px;
	}
	
	#header {
		width: 100%;
		height: 240px;		
		background  : url('../img/header-home.png') left bottom no-repeat;
	}
	
	#title-image {
		margin: 10px 0 16px 0;	
	}
	
	#main {
		width: 898px;
		float: left;
		border-left: #80426c solid 1px;
		border-right: #80426c solid 1px;
	}
	
	#content {
		width: 540px;
		float: left;
		padding-bottom: 24px;
	}
		
	#footer {
		clear: both;
		width: 100%;
		height: 40px;
		background  : url('../img/footer.png') left top no-repeat;
		padding-top: 24px;
		color: #aaa;
		font-size: 9px;
	}
	
	#footer a {
		color: #aaa;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #8d4474;
	}
	
	#footer .copyright {
		padding-left: 30px;
		float: left;	
	}

	#footer .development {
		padding-right: 30px;
		float: right;	
	}

	/**
	 * Content
	 */
	#content div a { color: #80426c; text-decoration: none; }
	#content div a:hover { color: #fff; background-color: #bb8fac; }
	
	#content div table a {
		color: #444;
		display: block;
		width: 100%;
	}

	div.description{
		margin-bottom: 0.8em;
	}
	
	div.description img {
		display: inline;
		float: right;
		margin: 3px 0 3px 10px;
	}
	
	div.back {
		margin-top: 24px;
		float: right;
	}

	/**
	 * Menu
	 */
	#menu {
		float: left;
		width: 179px;
	}
	
	#menu ul {
		margin: 0;
		padding: 0;
	}
	
	#menu li {
		width: 178px;
		height: 40px;
		list-style: none; 
	}

	#menu li a {
		margin-left: 1px;
		color: #fff;
	}
	
	#menu li a div {
		width: 178px;
		height: 40px;
	}

	#menu li#item1 a div {
		background-image: url('../img/menu/home.png');
	} 		

	#menu li#item2 a div {
		background-image: url('../img/menu/cv.png');
	} 		

	#menu li#item3 a div {
		background-image: url('../img/menu/clients.png');
	} 		

	#menu li#item4 a div {
		background-image: url('../img/menu/contact.png');
	} 	
	
	#menu li#item1 a:hover div, #menu li#item1.active a div {
		background-image: url('../img/menu/homemo.png');
	} 		

	#menu li#item2 a:hover div, #menu li#item2.active a div {
		background-image: url('../img/menu/cvmo.png');
	} 		

	#menu li#item3 a:hover div, #menu li#item3.active a div {
		background-image: url('../img/menu/clientsmo.png');
	} 		

	#menu li#item4 a:hover div, #menu li#item4.active a div {
		background-image: url('../img/menu/contactmo.png');
	} 		
	
	/**
	 * Admin menu
	 */
	#admin {
		float: right;
		width: 140px;
	}
	
	#admin ul {
		margin: 0;
		padding: 0;
	}
	
	#admin li {
		width: 140px;
		height: 40px;
		list-style: none; 
	}

	#admin li a {
		color: #fff;
	}
	
	#admin li a div {
		width: 140px;
		height: 40px;
	}
	
	#admin li#item1 a div {
		background-image: url('../img/menu/preview.png');
	}

	#admin li#item2 a div {
		background-image: url('../img/menu/logout.png');
	}

	#admin li#item1 a:hover div {
		background-image: url('../img/menu/previewmo.png');
	}

	#admin li#item2 a:hover div {
		background-image: url('../img/menu/logoutmo.png');
	}

	/**
	 * Forms
	 */
	div.error, div.success, div.message {
		padding-left: 16px;
		margin-bottom: 1.5em;
	}

	div.error {
		background: url('../img/error.png') left center no-repeat;
		color	  : #b00;
	}

	div.success {
		position: absolute;
		top: 220px;
		left: 50%;
		margin-left: -426px;
		text-align: center;
		background: url('../img/success.png') left center no-repeat;
		color	  : #191;
	}

	form .row div.error, form .row div.success {
		margin:  2px 0 4px 160px;
		font-size : 0.8em;
	}

	form .row { 
		margin : 8px 0; 
		clear : both;
	}

	form .row label {
		width	   : 160px;
		float	   : left;
		display	 : inline;
	}

	form .row input { 
		height : 17px;
		width : 280px;
	}
	
	form .row textarea {
		height: 100px; 
		width : 280px;
	}

	form .row div.formsub {
		margin-left: 160px;
	}
	
	form .compulsory {
		float: left;
		width	   : 160px;
		color: #666;
		font-size: smaller;
	}

	#contact {
		margin: 36px 0 24px 0;
	}
	
	#form_payoff {
		height: 34px;
	}
		
	form .add {
		float: right;
		margin-top: 16px;
	}
	
	form .submit {
		margin-top: 16px;
	}
	
	/*
	 * Admin
	 */
	form table.admin {
		border: solid 1px #e1dcd8;
		width: 100%;
	}
	
	form table.admin a {
		color: #867561;
	}
	
	form table.admin a:hover {
		color: #8d4474;
	}
		
	form table.admin thead {
		background-color: #e1dcd8;
	}

	form table.admin thead td{
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
	form table.admin tr.even {
		background: #eee;
	}
	
	form table.admin td input[type=text] {
		width: 99%;
	}
				
	form table.admin a {
		text-decoration: underline;
	}
	
	form table.admin tr.even a:hover {
		background: #eee;
	}
	
	form table.admin tr div.error {
		margin: 0;
		padding: 2px 0 4px 16px;
	}

	/*
	 * Admin - Clients
	 */
	
	form table.clients thead {
		color: #111;
		font-size: 1.1em;
		font-weight: bold;
	}

	form table.clients thead td {
		padding: 4px;
	}

	form table.clients tr.even input[type=text]{
		background: #eee;
	}
	
	/*
	 * Admin - Articles
	 */
	
	form table.articles td {
		padding: 2px;
	}
	
	form table.articles td.textarea {
		padding-top: 6px;
		vertical-align: top;
	}

	form table.articles td textarea {
		width: 97%;
	}
	
	form table.articles td.label {
		width: 100px;
		font-weight: bold;
	}
		
	div.intro textarea {
		width: 99%;
	}
}

@media print {

	/**
	 * Elements to hide
	 */
	#menu { display : none; }
}