/*
 * CSS Document 
 * Lucky Design
 * v1.0
 * By Remi De Oliveira
 * 27th November 2007
 */
/*
 * GENERAL PARAMETERS
 */
*{
	padding:0;
	margin:0;
}
body{
	background:url(body.jpg) repeat-x;	
}
img{
	border:0;
}
#website{}
.alert_error, .alert_ok{
	background-position:0 50%;
	padding-left:15px;
	font-weight:bold;
	font-family:Tahoma;
	font-size:0.6em;
}
.alert_error{
	background:url(ico_alert_error.jpg) no-repeat;	
	color:#FF0000;
}
.alert_ok{
	background:url(ico_alert_ok.jpg) no-repeat;
	color:#99CC00;
}
/*
 * HEADER
 */
#header{
	background:url(header.jpg) no-repeat;
	margin:auto;
	width:775px;
	height:250px;
}

/*
 * MENU
 */
#menu{
	float:right;
	margin-top:80px;
	padding-right:100px;
}
#menu ul{}
#menu ul li{
	margin-left:5px;
	list-style-type:none;
	background:url(bullet_check.gif) no-repeat;
	background-position:0 50%;
	padding-left:12px;
}
#menu ul li a{
	font-family:Georgia;
	font-size:0.8em;
	text-decoration:none;
	color:#0077cc;
}
#menu ul li a:hover{
	color:#bce300;
}

/*
 * PHOTO
 */
#photo{
	background:url(photo.jpg) no-repeat;
	position:absolute;
	height:290px;
	width:230px;
	z-index:0;
	margin-top:60px;
	margin-left:60px;
}

/*
 * LOGO
 */
#logo{
	position:absolute;
	/*width:320px;
	height:80px;*/
	width:500px;
	height:150px;
	margin-top:50px;
	margin-left:120px;
	
	z-index:1;
}

/*
 * CONTENT
 */
#content{
	width:775px;
	margin:auto;
	margin-top:-30px;
}
#content h2{
	font-family:Georgia;
	font-size:0em;
	padding-bottom:10px;
	margin-bottom:20px;
}
#content p{
	font-family:Tahoma;
	font-size:0.7em;
	line-height:15px;
	text-align:justify;
	color:#333;
}
#content p a{
	color:#996600;
	text-decoration:none;
	border-bottom:1px dotted #996600;
}
#content p a:hover{
	border-bottom:1px solid #996600;
}
#content strong{
	color:#996600;
}
/* 
 * SIDEBAR
 */
#sidebar{
	float:left;
	width:200px;
	padding-left:50px;
}

/*
 * CONTACT
 */
#contact{
	margin-bottom:20px;
}
.contact_title{
	background:url(contact_title.jpg) no-repeat;
	width:200px;
	height:100px;
	color:#fff;
}
.contact_form{
	font-family:Tahoma;
	font-size:0.7em;
	margin-top:15px;
}
.contact_form li{
	list-style-type:none;
	font-weight:bold;
	margin-bottom:5px;
}
.input_txt{
	width:190px;
	border:1px solid #ccc;
	background-color:#fff;
}
.send_button{
	border:1px solid #bce300;
	background:url(bg_button.jpg) repeat-x;
	width:70px;	
	height:22px;
	font-family:Tahoma;
	font-weight:bold;
	font-size:0.8em;
	color:#996600;
}
/*
 * ABOUT ME
 */
#about{
	margin-bottom:20px;
}
.about_title{
	background:url(about_title.jpg) no-repeat;
	width:200px;
	height:100px;
	color:#fff;
}
/*
 * WORK
 */
.work_title{
	background:url(work_title.jpg) no-repeat;
	width:200px;
	height:100px;
	color:#fff;
}
#work{
	width:400px;
	margin-left:50px;
	float:left;
}
#work_list{
	margin-top:20px;
	font-family:Tahoma;
	font-size:0.7em;
}
#work_list a{
	text-decoration:none;
}
#work_list li{
	list-style-type:none;
}
#work_list li ul{
	width:400px;
	height:21px;
	border:1px solid #ccc;
	margin-top:2px;
}
#work_list li ul li{
	float:left;
	list-style-type:none;
	height:18px;
	padding-top:3px;
}
.work_infos{
	border:1px solid #ccc;
	border-top:none;
	width:400px;
}
.work_infos h4{
	text-align:left;
	background-color:#eee;
	border-top:1px solid #ccc;
	padding:2px;
	font-size:1em;
	font-weight:normal;
	color:#000;
}
.work_infos span{
	display:block;
	text-align:justify;
	padding:5px;
	line-height:1.4em;
	text-indent:2em;
	font-size:1.1em;
	width:370px;
}
.work_infos span a{
	color:#996600;
	border-bottom:1px dotted #996600;
}
.work_infos span a:hover{
	border-bottom:1px solid #996600;
}
.work_more_info{
	width:12px;
	background-color:#bce300;
}
.work_number{
	background-color:#bce300;
	width:20px;
	text-align:center;
	font-weight:bold;
	border-right:1px solid #ccc;
	color:#fff;
}
.work_date{
	width:100px;
	padding-left:3px;
	padding-right:3px;
	color:#fff; /* #92cd5e = Colour of the arrow on the left */
	border-left:1px solid #ccc;
	text-align:right;
	background-color:#00cccc;
}
.work_name{
	width:257px;
	font-weight:bold;
	padding-left:3px;
	background-color:#bce300;
}
.work_name a{
	color:#fff;
	border-bottom:1px dotted #fff;
}
.work_name a:hover{
	border-bottom:1px solid #fff;
}
.more_info_r{
	background:url(arrow_down.gif) no-repeat;
	background-position:0 45%;
	padding-left:13px;
}
.more_info_d{
	background:url(arrow_up.gif) no-repeat;
	background-position:0 45%;
	padding-left:13px;
}
/* RATING SYSTEM */
.rating{
	position:relative;
}
.rate{
	width:16px;
	height:76px;
	margin-right:3px;
	margin-top:5px;
	position:absolute;
	background:url(star_rating.gif) no-repeat;
	right:0;
	top:0;
}
ol.rate li a{
	position:absolute;
	height:16px;
	width:16px;
	z-index: 200;
	font-size:0em;/*To hide the text.*/
}
ol.rate li.voteone a {top:0}
ol.rate li.votetwo a {top:16px;}
ol.rate li.votethree a {top:32px;}
ol.rate li.votefour a {top:48px;}
ol.rate li.votefive a {top:64px;}

ol.rate li a:hover{
	z-index:2;
	width:16px;
	height:76px;
	overflow:hidden;
	background:url(star_rating.gif) no-repeat;
	top:0;
}

ol.rate li.voteone a:hover {background-position:-96px 0;}
ol.rate li.votetwo a:hover {background-position:-112px 0;}
ol.rate li.votethree a:hover {background-position:-128px 0;}
ol.rate li.votefour a:hover {background-position:-144px 0;}
ol.rate li.votefive a:hover {background-position:-160px 0;}

.zerostar{background-position:0 0;}
.onestar{background-position:-16px 0;}
.twostars{background-position:-32px 0;}
.threestars{background-position:-48px 0;}
.fourstars{background-position:-64px 0;}
.fivestars{background-position:-80px 0;}

.average{
	position:absolute;
	right:0;
	background:url(average.png) no-repeat;
	height:12px;
	width:12px;
	font-size:0em;
	margin-right:4px;
	margin-top:90px;
}
/*
 * FOOTER
 */
#footer{
	background:url(footer.jpg) repeat-x;
	height:350px;
}
#footer_top{
	background:url(footer_top.jpg) no-repeat;
	width:400px;
	height:110px;
}
#footer_top span{
	font-family:Verdana;
	font-variant:small-caps;
	font-size:0.6em;
	font-weight:bold;
	position:absolute;
	margin-top:95px;
	margin-left:280px;
}
#footer_top span a{
	color:#996600;
	text-decoration:none;
	border-bottom:1px dotted #996600;
}
#footer_content{
	width:520px;
	height:180px;
	margin:auto;
	padding-top:10px;
}
#footer_content ul{
	float:left;
	width:160px;
	padding-left:10px;
}
#footer_content ul li{
	list-style-type:none;
}
#footer_content ul li h5{
	font-family:Georgia;
	font-size:1.2em;
	font-weight:normal;
	font-variant:small-caps;
	text-align:center;
	color:#fff;
	border-bottom:1px dashed #fff;
}
#footer_content ul li a{
	background:url(bullet_check.gif) no-repeat;
	background-position:0 50%;
	padding-left:12px;
	text-decoration:none;
	color:#0077cc;
	font-family:Tahoma;
	font-size:0.7em;
	font-weight:bold;
}
#footer_content ul li a:hover{
	background:url(bullet_check_hover.gif) no-repeat;
	background-position:0 50%;
}
#footer_content ul li a:hover{
	color:#996600;
}
#footer_bottom{
	width:755px;
	padding-left:10px;
	padding-right:10px;
	margin:auto;
}
#footer_bottom p{
	font-family:Tahoma;
	font-size:0.7em;
	color:#fff;
	line-height:15px;
	text-indent:2em;
	text-align:justify;
}
#footer_bottom p a{
	color:#ccc;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
}
#footer_bottom p a:hover{
	border-bottom:1px solid #ccc;
}