/* Start of CMSMS style sheet 'stylesV2' */
/*CSS for Chadel Arts and Design V2 --- Sept. 2007*
Jerome Chadel*/

/*GLOBAL----------------------------------------*/
html{ font-size:100%; }
body{
	font-size:1em;
	}

/*LINKS-----------------------------------------------------*/
a, a:active{
	text-decoration:none;
	color:#222222;
	border-bottom:0.1em solid #ccc;
}
a:hover{
	border-bottom:0.18em solid #FF9900;	
}
#topmenu ul li a{
	color:#222222;
}
#main1 h2 a{
	border:none;
	/*inherited:none;*/
}
#links a{
	}


/*FONTS-----------------------------------------------------*/
body{
	font-family:georgia, serif;
	color:#222;
	text-align:center;
}


.title_items{
	text-transform: uppercase;
}
h1 { 
  	font-size: 1.5em; 
  	line-height: 1.5em;
}
h2 { 
  	font-size: 1.2em; 
  	line-height: 1.5; 
	font-weight:100;
}
h3 { 
  	font-size: 1em; 
  	line-height: 1.5;
}

h4 {font-size:0.875em;
	line-height:1.313;
	color:#444;
}

p, li{
	font-size: 0.750em; 
  	line-height: 1.25;
	color:#444;
}

.firstprice{text-decoration: line-through;}
.promotion{color:#FF9900;}
#footer, #links h2{text-transform:uppercase}

/*LAYOUT----------------------------------------------------*/
#wrapper{
	width:100%;
	background:#FFF;
	border-top:0.187em solid #FF9900;
}
.content, .otherpages_content{
	width:49.5em;
	margin:0 auto;
	padding-left:3em;
	padding-right:3em;
	text-align:left;
}


/*GLOBAL LAYOUT-----------------------------*/
#intro, #main0, #main1, #main2, #links, .unicol, .floatreset{clear:both;}		
			
			/*Tfour_col : 4 colonnes Titres*/
			.Tfour_col, .Tfour_col_last{
				width:11.25em;
				float:left;
				margin-right:1.5em;
				text-transform:uppercase;
				border-top:0.187em solid #222; 
			}
			.Tfour_col_last{margin-right:0;}
			
			/*pfour_col : 4 colonnes paragraphe*/
			.pfour_col, .pfour_col_last,.photo180{
				width:11.25em;
				float:left;
				margin-right:1.5em;
				color:#555;
				margin-top:0.75em;
				margin-bottom:0.75em;
				}
			.pfour_col_last{margin-right:0;}
			
			/*Tbicol : 2 colonnes Titres*/
			.Tbicol1, .Tbicol2{
				width:24em;
				float:left;
				margin-right:1.5em;
				margin-top:1.5em;
				margin-bottom:1.5em;
				text-transform:uppercase;
				border-top:0.187em solid #222; 
			}
			.Tbicol2{margin-right:0;}
			
			/*pbicol : 2 colonnes paragraphe*/
			.pbicol1, .pbicol2{
				width:24em;
				float:left;
				margin-right:1.5em;
				margin-top:0.75em;
			}
			.pbicol2{margin-right:0;}
			
			/*Ttier : 2 colonnes Titre*/
			.Ttier1, .Ttier2{
				width:36.75em;
				float:left;
				margin-right:1.5em;
				border-top:0.187em solid #222;  
				text-transform:uppercase;
				margin-top:1.5em;
				margin-bottom:1.5em;
				}
			.Ttier2{
				width:11.25em;
				margin-right:0;
			}
			
			/*ptier : 2 colonnes paragraphe*/
			.ptier1, .ptier2{
				width:36.75em;
				float:left;
				margin:0 1.5em 1.5em 0;
				}
			.ptier2{
				width:11.25em;
				margin:0 0 1.5em 0;
			}
			
			/*unicol*/
			.Tunicol {
				width:49.5em;
				clear:both;
				margin:0 0 1.5em 0;
				border-top:0.187em solid #222;
				text-transform:uppercase;
			}
			
			/*punicol*/
			.punicol {
				width:49.5em;
				clear:both;
				margin:0 0 1.5em 0;
			}

/*TopMenu=============================================*/
			#topmenu{
				margin-top:3em;
			}

			#topmenu h2 a{
				float:left;
				margin-bottom:1.5em;
				
				}
			#topmenu h2{
				font-size:1.35em;
				line-height:3.625em;
				text-indent:4.25em;
				text-transform:uppercase;
			}
			#topmenu h2 a{
				width:21em;
				height:3.625em;
				background:url(images/logo1.gif) no-repeat left;
				border:none;
			}
			#topmenu ul li{
				line-height:3.625em;
				vertical-align:bottom;
				display:block;
				float:right;
				margin-top:2.1em;
			}
			#topmenu ul li a{
				padding:0.67em;
			}			
			
						
/*Main0 - txt + photo==================================*/
			#main0{
			}	
			#main0 .pfour_col h3{
				text-transform:uppercase;
			}
			#main0 .pfour_col h3 em{
				color:#000;
				font-style:normal;
			}
			.photo180{
				margin-right:0;
				border:none;
			}
			.photo180 img{
				width:11.25em;
				height:11.25em;
			}
			
/*Main1 - fourcol======================================*/
			#main1{
				padding-top:1.5em;
			}
			
			.Tfour_col:hover, .Tfour_col_last:hover{
				border-top:0.187em solid #FF9900;
			}
			.Tfour_col h3, .Tfour_col_last h3{
				text-transform:lowercase;
			}
			.Tfour_col_last{
				margin-right:0;
			}
			.Tfour_col a:hover, .Tfour_col_last a:hover{
					color:#FF9900;
			}
			

/*INTRO - topcol1 & topcol2============================*/
			
			.bicol2{
				margin-right:0;
			}
			.bicol2 h3{
				padding-bottom:1.5em;
			}
			.author{float:right;}


/*Main2 - Works - Inspiration==========================*/
			#main2{
			}

			.pbicol1 img{
				width:23.93em;
				border:0.0625em solid #999;
				margin-bottom:1.5em;
			}
				
			.ptier1 img{
				border:0.187em solid #ccc; 
				width:36.376em;
				
			}
			.ptier1 img:hover{
				border:0.187em solid #FF9900;
				
			}
			#main2 .pbicol1 img{
				border:0.187em solid #ccc; 
			}
/*FOOTER==============================================*/
			#footer{
				border-top:0.0625em solid #ccc;
				padding-top:0.75em;
				padding-bottom:1em;
				clear:left;}

/*PORTFOLIO===========================================*/
#portfolio .ptier1  a{
	border:none;
}
#portfolio .ptier1 p a{
	border-bottom:0.1em solid #ccc;
}
#portfolio .ptier1 p a:hover{
	border-bottom:0.18em solid #FF9900;
	
	}
.ptier1 p {margin-bottom:1.5em;}	
/*WRAPLINKS - LINKS===================================*/
			.unicol{
				padding-top:1.5em;
				}
			#links{
				border-top:0.187em solid #222;
				text-align:left;
				width:49.5em;
				margin:0 auto;
			}
			#links h3{text-transform:uppercase;}
			
			
/*MAINTENANCE===================================*/
#maintenance #main2 {
	padding-top:7.5em;
}
#maintenance #main2 h1{
	margin-top:3em;
}


/*MOCKUPS-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#mockups .punicol img{
	width:49.126em;
	border:0.187em solid #ccc;
}
/* End of 'stylesV2' */