/***************************************************
	artificialdesign.css
----------------------------------------------------
	Author : 			Tommy Rochette [www.tommyrochette.com] tom@troisiemeoeil.ca
	Licence :			Copyrigths, ALL RIGHT RESERVED
	Created :			march 14th  2007
	Last modification:	march 14th  2007
-----------------------------------------------------
	Description : 
	CSS layout for tomporary portfolio
----------------------------------------------------
	History of file
----------------------------------------------------
	2007-03-14 --> File created
***************************************************/ 
*{
	margin:0;
	padding:0;
	font-size:1em;
	font-family:"Century Gothic","Trebuchet MS",Arial,sans-serif;
}
body{
	background:url(../medias/pattern.jpg) repeat #2f2213;
}
h1 span, h2 span {
	display:none;
}
a{
	color:#b5aa9e;
}

a:hover{
	color:#d4c7b9;
	text-decoration:none;
}
/***************************************************
	Define div#id tag
***************************************************/
div#top{
	background:url(../medias/top_bg.jpg) top left repeat-x transparent;
}
div#background_holder{
	width:100%;
	height:691px;
	background:url(../medias/top.jpg) transparent top left no-repeat;
}
div#top div#top_content{
	width:425px;
	padding:135px 0 0 50px;
	
}
div#top div#top_content hr{
	width:425px;
	height:3px;
	margin:20px 0 10px 0;
	background-color:#ab463e;
	border:#ab463e solid 1px;
}
div#top div#top_content h3{
	color:#ffffff;
	font-weight:normal;
	font-size:0.8em;
	margin-top:20px;
	text-transform: uppercase;
}

div#top div#top_content p{
	font-size:0.7em;
	color:#b5aa9e;
}

div#top div#top_content p#contact_paragraph{
	font-weight:bold;
	margin-bottom:10px;
}

div#top div#top_content p#copyrigths_paragraph{
	font-size:0.6em
}

div#main_container .project_holder{
	background:url(../medias/pattern_project.jpg) repeat top left transparent;
	width:100%;
	margin-bottom:50px;
}
div#main_container .project_content_holder{
	width:850px;
	padding:15px 0 30px 60px;
}
div#main_container h2{
	display:block;
	height:21px;
	width:850px;
}
div#main_container .project_link{
	float:right;
	margin-top:-20px;
	font-size:0.75em;
	color:#ab463e;
}

div#main_container .project_link a{
	text-decoration:none;
	color:#ab463e;
}
div#main_container .project_link a:hover{
	text-decoration:underline;
	color:#bd4d45;
}

div#main_container .project_content_holder ul{
	font-size:0.70em;
	margin:10px 0 ;
	color:#b5aa9e;
}
div#main_container .project_content_holder li{
	list-style:none;
}
div#main_container .project_content_holder li span{
	color:#ab463e;
}
/********************************************************
	Generated styles
********************************************************/
div#main_container .project_33{
	background:url(../medias/projet_titre_33.png) no-repeat transparent top left;
}
div#main_container .project_32{
	background:url(../medias/projet_titre_32.png) no-repeat transparent top left;
}
div#main_container .project_31{
	background:url(../medias/projet_titre_31.png) no-repeat transparent top left;
}
div#main_container .project_30{
	background:url(../medias/projet_titre_30.png) no-repeat transparent top left;
}
div#main_container .project_29{
	background:url(../medias/projet_titre_29.png) no-repeat transparent top left;
}
div#main_container .project_28{
	background:url(../medias/projet_titre_28.png) no-repeat transparent top left;
}
div#main_container .project_27{
	background:url(../medias/projet_titre_27.png) no-repeat transparent top left;
}
div#main_container .project_26{
	background:url(../medias/projet_titre_26.png) no-repeat transparent top left;
}
div#main_container .project_25{
	background:url(../medias/projet_titre_25.png) no-repeat transparent top left;
}
div#main_container .project_23{
	background:url(../medias/projet_titre_23.png) no-repeat transparent top left;
}
div#main_container .project_22{
	background:url(../medias/projet_titre_22.png) no-repeat transparent top left;
}
div#main_container .project_21{
	background:url(../medias/projet_titre_21.png) no-repeat transparent top left;
}
div#main_container .project_20{
	background:url(../medias/projet_titre_20.png) no-repeat transparent top left;
}
div#main_container .project_19{
	background:url(../medias/projet_titre_19.png) no-repeat transparent top left;
}
div#main_container .project_18{
	background:url(../medias/projet_titre_18.png) no-repeat transparent top left;
}
div#main_container .project_17{
	background:url(../medias/projet_titre_17.png) no-repeat transparent top left;
}
div#main_container .project_16{
	background:url(../medias/projet_titre_16.png) no-repeat transparent top left;
}
div#main_container .project_15{
	background:url(../medias/projet_titre_15.png) no-repeat transparent top left;
}
div#main_container .project_14{
	background:url(../medias/projet_titre_14.png) no-repeat transparent top left;
}
div#main_container .project_13{
	background:url(../medias/projet_titre_13.png) no-repeat transparent top left;
}
div#main_container .project_12{
	background:url(../medias/projet_titre_12.png) no-repeat transparent top left;
}
div#main_container .project_11{
	background:url(../medias/projet_titre_11.png) no-repeat transparent top left;
}
div#main_container .project_10{
	background:url(../medias/projet_titre_10.png) no-repeat transparent top left;
}
div#main_container .project_09{
	background:url(../medias/projet_titre_09.png) no-repeat transparent top left;
}
div#main_container .project_08{
	background:url(../medias/projet_titre_08.png) no-repeat transparent top left;
}
div#main_container .project_07{
	background:url(../medias/projet_titre_07.png) no-repeat transparent top left;
}div#main_container .project_06{
	background:url(../medias/projet_titre_06.png) no-repeat transparent top left;
}div#main_container .project_05{
	background:url(../medias/projet_titre_05.png) no-repeat transparent top left;
}div#main_container .project_04{
	background:url(../medias/projet_titre_04.png) no-repeat transparent top left;
}div#main_container .project_03{
	background:url(../medias/projet_titre_03.png) no-repeat transparent top left;
}div#main_container .project_02{
	background:url(../medias/projet_titre_02.png) no-repeat transparent top left;
}
div#main_container .project_01{
	background:url(../medias/projet_titre_01.png) no-repeat transparent top left;
}