/*css document */


/* common styling*/
body {color: #fff; 
font-family: Arial, Helvetica, sans-serif;
background: #000 url("http://www.lachambremagique.com/include/ims/background-main.jpg") repeat-y right;
}

img {border: 0; margin: 0;}
img.art {border: 5px solid #fff;}
img.white-border {border: 1px solid #fff;}
img.right{ margin : 0 0 8px 18px; border: 1px solid #fff;}
img.left{ margin : 0 18px 8px 0; border: 1px solid #fff;}

a:link{text-decoration: underline; color: #fff;}
a:visited{text-decoration: underline; color: #fff;}
a:hover{text-decoration: none; color: #DDA4B3; }

/* inject some space between list items*/
#space li, ul.space li, ol.space li {margin: 5px 0 5px 0;}

h1 {/*height: 1.5em;*/
	margin: 0 0 20px 0;
	font-size: 1.3em;
	color: #DDA4B3;}

h2 {margin: 5px 0 5px 0;
	font-size: 1.1em;
	color: #DDA4B3;}
	
h3 {margin: 5px 0 2px 0;
	font-size: 1.1em;
	color: #555;}

th {text-align: left;}

#breadcrumb{text-transform: lowercase; margin-bottom: 10px; height: 1em;}

#print {margin: 10px 0 10px 0; clear: both; float: left; width: 100%;}

	

/***************HEADER START******************/
#header {margin-top: 5px;
width: 755px;
margin-left: auto;
margin-right: auto;
height: 150px;
}
/***************HEADER END******************/

/***************HEADER2 START******************/
#header2 {margin-top: 1px;
width: 755px;
margin-left: auto;
margin-right: auto;
text-align:center;
font-size: 0.8em;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 4px 0 4px 0;
color:#FFFFFF;
}

div#header2 ul {
	list-style: none;
       margin: 0;
	   padding: 1px;
       }

div#header2 ul li {
	display: inline;
	padding: 7px;
	border: 0;	
margin: 0;
line-height: 1.5;
}

div#header2 ul li.first {
	border-left: 0px none;
	}
div#header2 ul li a {
	font-size: 0.9em;
	}

div#header2 a:link{text-decoration: none; color:  #fff;}
div#header2 a:visited{text-decoration: none; color: #fff;}
div#header2 a:hover{text-decoration: none; color: #DDA4B3; }

/**************HEADER2 END******************/

/***************TABLE BODY******************/

table.body{
width:600px;
border:0px;
}

td.body-left{
width:300px;
text-align:justify;
padding: 0 0 0 0;
}

td.body-right{
width:300px;
padding: 0 0 0 0;
}

/***************TABLE BODY END******************/

/***************TABLE ARTWORK******************/


table.art-main td{
text-align:center;
}

td.art{
padding:0 0 0 25px;
vertical-align:top;
}

/***************TABLE ARTWORK END******************/




/******************FORM *********************/

td.send {padding: 4px 0 0 4px}

td.order_form_1 {
border-bottom:1px solid #DDA4B3;

}

td.order_form_tickbox {
border-bottom:1px solid #DDA4B3;
width: 20px;
text-align:right;
}

tr.order_form_text td { 
padding: 4px 4px 4px 4px;  
vertical-align: middle;
}

tr.order_form_message td { 
padding: 4px 4px 4px 4px;  
vertical-align: top;
}

input.input_box{
margin: 3px 0px 2px 4px;
padding: 2px 4px 4px 4px;  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em; 
background-color: #666; 
color: #000; 
border:1px solid #DDA4B3;
}

textarea { 
padding: 4px 4px 4px 4px;  
font-size: 0.9em;
font-family: Verdana, Arial, Helvetica, sans-serif; 
width: 150px; 
background-color: #666; 
margin-left: 3px;
border: 1px solid #999;
color: #000; 
}

/******************FORM END*********************/

/***************FLASH HOLDER******************/
#flash-holder{border:1px solid #FFF;
width: 130px;
}
/***************FLASH HOLDER END***************/


/** Gallery and home page photo thumbs **/

img.thumb {/*width: 112px;  height: 75px; */}
div.photo {background-image: url('http://www.lachambremagique.com/include/ims/pd-gallery-film.gif'); 
background-repeat: no-repeat;
width: 116px; height: 110px; 
text-align: center; 
padding: 17px 0 0 0;
margin: 0 0 25px 0;}

/* list of parties on gallery.php */
#party li {padding-bottom: 9px;}


/** side **/
.style1 {color: #666699}