/* @override 
	http://localhost/stylesheets/atelierdechantal.css?1278874234
	http://localhost/stylesheets/atelierdechantal.css?1279233646
	http://localhost/stylesheets/atelierdechantal.css?1279236626
	http://localhost/stylesheets/atelierdechantal.css?1279238546
	http://localhost/stylesheets/atelierdechantal.css?1279304272
	http://localhost/stylesheets/atelierdechantal.css?1279317502
	http://localhost/stylesheets/atelierdechantal.css?1279322932
	http://localhost/stylesheets/atelierdechantal.css?1279323144
	http://localhost/stylesheets/atelierdechantal.css?1279397579
	http://localhost/stylesheets/atelierdechantal.css?1279646877
	http://localhost/stylesheets/atelierdechantal.css?1279654543
	http://localhost/stylesheets/atelierdechantal.css?1279654844
	http://localhost/stylesheets/atelierdechantal.css?1279660909
	http://localhost/stylesheets/atelierdechantal.css?1279663788
	http://localhost/stylesheets/atelierdechantal.css?1279667670
	http://localhost/stylesheets/atelierdechantal.css?1279667699
	http://localhost/stylesheets/atelierdechantal.css?1279673785
	http://localhost/stylesheets/atelierdechantal.css?1279674568
	http://localhost/stylesheets/atelierdechantal.css?1279675073
	http://localhost/stylesheets/atelierdechantal.css?1279675217
	http://localhost/stylesheets/atelierdechantal.css?1279676264
	http://localhost/stylesheets/atelierdechantal.css
*/

@charset "UTF-8";



* { margin: 0; padding: 0;}
* {
	margin: 0;
	padding: 0;
}


body {
	background: #fff;
	text-align: center; /* for IE */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
}

/* =================== position elemnts =========================*/

div#mainWrapper {
	z-index: 1;
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left; /* for IE */
	background: #fff;
}

div#header { 
	width: 100%; 
	height: 120px; 
	background: url("../images/header_bg.gif") no-repeat 110px 35px; 
	}
	
div#header.admin {
	height: 60px;
	background-position: 110px 15px;
}

div#mainContent {
	width: 100%;
	clear:both;
	
}

div#leftColumn { 
	float:left;
	width: 369px;
	display: inline;
}

div#rightColumn {
	margin-left: 31px;
	width: 250px;
	position: relative;
	float: left;
	text-indent: -9999px;
	}
	
div#rightColumn.architecture {
	background: url("../images/text_architecture.jpg") no-repeat 0 0;

}

div#rightColumn.oneofakind {
		background: url("../images/text_one_of_a_kind.jpg") no-repeat 0 0;

}

div#rightColumn.wordy {
		background: url("../images/text_wordy.jpg") no-repeat 0 0;

}

	
div#menuBar{
	width: 250px;
	float: left;
	margin: 0;
}	

div#mainThumbs {
}	
/*  generic elements ====================== */

li {
	list-style-type: none;
}

a {
	text-decoration: none;	
}

p { 
	margin-top: 20px; 
}

.clear {
	clear:both;
}

img {
	border-style: none;
}

select {
	font-size: 110%;
}

input {
	font-size: 100%;
}

/* sitewide colors */

	
/* content elements ============== */

div#header h1, div#header a {
	display: block;
	width: 100%;
	height: 100%;
}

div#header h1 {
	text-indent: -9999px;
}


/* ========== menuBar ============= */


div#menuBar ul {
	float: left;
	margin: 0;
	padding: 0;
}

div#menuBar a {
	display: block;
	text-indent: -9999px;
	height: 100%;
	width: 100%;
}

div#menuBar li {
	margin-bottom: 20px;
	height: 86px;
	width: 217px;
}

div#menuBar li#architecture {
	background: url(../images/navigation_bg.gif) 0px -107px no-repeat;
}

div#menuBar li#architecture.current,
div#menuBar li#architecture a:hover {
	background: url(../images/navigation_bg.gif) 0px -17px no-repeat;
}

div#menuBar li#wordy {
	background: url(../images/navigation_bg.gif) 0px -285px no-repeat;
}

div#menuBar li#wordy.current,
div#menuBar li#wordy a:hover {
		background: url(../images/navigation_bg.gif) 0px -198px no-repeat;
}

div#menuBar li#oneofakind {
	background: url(../images/navigation_bg.gif) 0px -460px no-repeat;
}

div#menuBar li#oneofakind.current,
div#menuBar li#oneofakind a:hover {
	background: url(../images/navigation_bg.gif) 0px -372px no-repeat;
}

div#menuBar li#designer {
	background: url(../images/navigation_bg.gif) 0px -641px no-repeat;
}

div#menuBar li#architecture.current,
div#menuBar li#wordy.current,
div#menuBar li#oneofakind,
div#menuBar li#designer.current {
	text-indent: -9999px;
}

div#menuBar li#designer.current,
div#menuBar li#designer a:hover {
	background: url(../images/navigation_bg.gif) 0px -550px;
}

	
div#mainText {
 	margin: 0 10px;
}
	
/* home navigation =====================*/

div#homeNavigation {
	width: 620px;
	margin-left: 160px;
}

div#homeNavigation li {
	float: left;
	display: inline;
	width: 280px;
	height: 280px;
}

div#homeNavigation li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

div#homeNavigation li#architecture {
	margin: 0 10px 10px 0;
	background: url(../images/architecture_tile_outline.gif) bottom right no-repeat;
}

div#homeNavigation li#architecture a {
  	background: url(../images/architecture_tile_bg.gif) bottom right no-repeat;

}

div#homeNavigation li#architecture a:hover {
	background-position: top left;
}

div#homeNavigation li#wordy {
	margin: 0 0 10px 10px;
	background: url(../images/wordy_tile_outline.gif) bottom left no-repeat;

}

div#homeNavigation li#wordy a {
	background: url(../images/wordy_tile_bg.gif) bottom left no-repeat;
}

div#homeNavigation li#wordy a:hover {
	background-position: top right;
}

div#homeNavigation li#oneofakind {
	margin: 10px 10px 0 0;
	background: url(../images/oneofakind_tile_outline.gif) top right no-repeat;
}

div#homeNavigation li#oneofakind a {
	background: url(../images/oneofakind_tile_bg.gif) top right no-repeat;
}

div#homeNavigation li#oneofakind a:hover {
	background-position: bottom left;
}

div#homeNavigation li#designer {
	margin: 10px 0 0 10px;
	background: url(../images/designer_tile_outline.gif) top left no-repeat;
}
	
div#homeNavigation li#designer a {
	background: url(../images/designer_tile_bg.gif) top left no-repeat;
}
	
div#homeNavigation li#designer a:hover {
	background-position: bottom right;
}
	
	
/* designerNavigation ==========*/

#designerNavigation {
	margin-top: 9px;
	width: 350px;
	height: 38px;
	background: url(../images/navigation_designer_bg.gif) 0px -50px no-repeat;
}

#designerNavigation li {
	display: inline;
	float: left;
	height: 38px;
}

#designerNavigation a {
	display: block;
	height: 100%;
	text-indent: -9999px;
}

#designerNavigation li.current {
	text-indent: -9999px;
}

#designerNavigation li#press {
	width: 84px;
}

#designerNavigation li#biography {
	margin-left: 15px;
	width: 130px;
}

#designerNavigation li#links {
	margin-left: 12px;
	width: 84px;
}

#designerNavigation li.current,
#designerNavigation a:hover {
	background: url(../images/navigation_designer_bg.gif) no-repeat;
}

#designerNavigation li#biography.current,
#designerNavigation li#biography a:hover {
	background-position: -99px 0px;
}

#designerNavigation li#press.current,
#designerNavigation li#press a:hover {
	background-position: 0 0;;
}

#designerNavigation li#links.current,
#designerNavigation li#links a:hover {
	background-position: -241px 0;
}
	
/* admin navigation ==================*/

#admin {
	
}	

#admin h2 {
	color:   #2d7316;
	letter-spacing: .2em;
}

#admin h3 {
	margin-top: 10px;
}

ul#adminMenu{
	float: left;
	padding: 5px;
	width: 876px;
	border: 2px solid #2d7316;
	background: #c4efc0;
}
ul#adminMenu li {
	float: left;
	margin-right: 20px;;
}

ul#adminMenu a {
	font-weight: bold;
	color:  #2d7316;
}

ul#adminMenu a:hover {
	text-decoration: underline;
	color: #282500;
}

#adminContent {
	clear: both;
}

ul#upload_instructions li {
	list-style-type: disc;
	margin-left: 1.2em;
	width: 600px;
	margin-top: 5px;
}

#adminContent ul {
	margin-top: 5px;
}

#adminContent li {
	margin-top: 10px;
}

div#file_upload, div#form {
	position: relative;
}

.form_fields li {
	padding-top: 15px;
}

#form .blue {
	color: #5287ef;
}

form.button-to {
	position: absolute;
	bottom: 0;
	left: 90px;
}

#press_admin a, #photos_show a {
	font-size: 80%;
	font-weight: bold;
	letter-spacing: .1em;
	color: #4b5e97;
}

#press_admin a:hover, #photos_show a:hover {
	color: #000;
	text-decoration: underline;;
}



/* login =============================*/

#login {
	margin: 15px 280px 
}

#user {
	margin-top: 10px;
	width: 550px
}

#user .fieldWithErrors {
}
#login fieldset, #user fieldset {
	background: #c3c3c3;
	background: #fff;
}

#login legend, #user legend {
	margin: 10px;
	padding: 5px 10px;
	font-weight: bold;
	background: #930c0c;
	color: #fff;
}

#login label, #user label {

  width: 5em;
  float: left;
  font-size: 15px;
  text-align: right;
  padding-top: 0.2em;
  display: block;
  width:100px;  }

#login input, #user input {
  font-size: 14px;
  padding: .2em .3em;
  margin-left: 8px;
  width: 10em;
}

#login .submit, #user .submit {
  width: 5em;
  margin-left: 4em;
}

#login li, #login div, #user div, #user li, #user div.fieldWithErrors input {
  margin: 0.5em 0;
}

#user div.fieldWithErrors {
	width: 500px;
}

#login input.button {
	margin-left: 108px;
	margin-bottom: 10px;
	font-size: 15px;
	width: 4em;
}

#login #flash {
	font-weight: bold;
	margin-left: 10px;
	color:  #930c0c;
}

#users {
	padding: 10px;
	float: left;
	width: 170px;
	border: 1px #000 solid;
}

#users li {
	float: left;
	width: 170px;
}

#users li span {
	float: left;
	margin: 0;
	display: block;
	width: 100px;
	line-height: 15px;
}

#users .delete {
	color: #fff;
	width: 50px;
	text-align: right;
}

#users .user {
	width: 120px;
}

#users a {
	line-height: 15px;
	color: #aa2622;
	font-weight: bold;
	font-size: 80%;
}

#users a:hover {
	color: #000;
	text-decoration: underline;
	
}

/* admin ========================*/

div.spacer {
	clear: both;
	width: 100%;
	height: 0px;
}

#admin #flash, #admin #error_messages {
	margin-top: 10px;
	width: 876px;
	padding: 5px;
	font-weight: bold;
	background: #efaab0;
	border: 2px solid #af1700;
}

#admin #error_messages h2 {
	font-size: 15px;
	color: #af1700;
}

#admin #error_messages p {
	margin-top: 5px;
}



.adminSubMenu {
	float: left;
	clear: both;
	width: 876px;
	margin: 10px 0;
	padding: 5px;
	border: 2px solid #3e5e97;
	background: #cfdcf5;
}

#admin .adminSubMenu h3 {
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	line-height: 24px;
	font-size: 110%;
}

#admin .adminSubMenu h3 a {
	letter-spacing: 0;
	font-size: 80%;
}

.adminSubMenu a {
	float: left;
	display: block;
	font-weight: bold;
	line-height: 25px;
	font-size: 12px;
	letter-spacing: .1em;
	color: #3e5e97;
}

.adminSubMenu a:hover {
	color: #000;
	text-decoration: underline;
}

ul.admin_photos {
	float: left;
	width: 900px;
	
}

#adminContent img {
	border: 1px solid #d5d8d8;
}

ul.admin_photos img {
	
}

ul.admin_photos li {
	width: 100px;
	float: left;
	height: 176px;
	margin: 5px 10px 5px 0;
	position: relative;

}



#adminContent ul.photo_menu {
	height: 16px;
	width: 100px;
	float: left;
}

#adminContent ul.photo_menu li {
	width: auto;
	float: left;
	margin: 0 0 0 3px;
	line-height: 15px;
	height: 15px;
}

#adminContent ul.photo_menu li a {
	color: #3e5e97;
	font-weight: bold;
	font-size: 12px;
}

#adminContent ul.photo_menu li a.delete {
	color: #c61b02;
}

#adminContent ul.photo_menu li a.hidden {
	color: #cecece;
}

#adminContent ul.photo_menu li a.shown {
	color: #077200;
}



/* photos ==================*/

#photos_show img {
	float: left;
	margin-right: 10px;
}

#photos_show span {
	font-weight: bold;
}
	
/* =========== left column ===========*/







/* Designer pages ------*/

#biography, #press, #links {
	width: 369px;
	margin-bottom: 30px;
}

#biography h2,
#press h2,
#links h2 {
	letter-spacing: .1em;
	font-size: 18px;
	margin-top: 15px;
}

#biography li {
	list-style: disc;
	margin-left: 1em;

}

#biography li,
#press li,
#links li {
	letter-spacing: .1em;
	line-height: 1.3em;
	padding-top: .5em;
}

#biography a,
#press a,
#links a {
	color: #6d8199;
}

#biography a:hover,
#press a:hover,
#links a:hover {
	color: #930c0c;
}

img#chantal_images {
	margin-top: 14px;
}



/* ========= right column ========== */

#rightColumn {
	padding-left: 0;
	height: 480px;
}

#rightColumn ul {
	margin-top: 10px;
}

#rightColumn li {
	padding: 2px;
	font-size: 13px;
}

#rightColumn li a {
	color: #6d8199;
}

#rightColumn li a:hover {
	color: #930c0c;
}

#designer {
	float: left;	
	width: 575px;
	height: 480px;
	background: red;
}




/* == Slideshow == */

#slideshow {
	cursor: default;
	position: relative;
	display: block;
	z-index: 1000;
	width: 369px;
	height: 520px;
	margin: 10px 0;
	background: #fff;
}

#slideshow img {
	margin: 0;
	width: 325px;
	height: 475px;
}

#slideshow #slide_one,
#slideshow #slide_two {
	position: absolute;
	top: 0;
	left: 22px;
	background-color: #fff;
}

#slideshow #slide_one {
	z-index: 2;
}

#slideshow #slide_two {
	z-index: 1;
}

#slideshow_navigation {
	float: left;
	z-index: 1;
	position: absolute;
	top: 485px;
	left: 34px;
	width: 303px;
	height: 33px;
	background: #fff url("../images/slideshow_navigation_bg.gif") -1px -98px no-repeat;
}

#slideshow_navigation li {
	z-index: 1;
	text-align: center;
	color: #fff;
	height: 30px;
	float: left;
	line-height: 30px;
}

#slideshow_navigation a {
	text-indent: -9999px;
	display: block;
	height: 100%;
	width: 100%;
	color: inherit;
}

#slideshow_navigation li#previous {
	width: 53px;
}

#slideshow_navigation li#previous a {
	background: none;
}

#slideshow_navigation li#previous a:hover {
	background: url("../images/slideshow_navigation_bg.gif") -1px -66px no-repeat;
}

#slideshow_navigation li#indicator {
	text-indent: -9999px;
	width: 61px;
}

#slideshow_navigation li#indicator.playing {
	background: url("../images/slideshow_navigation_bg.gif") -54px -33px no-repeat;
;
}

#slideshow_navigation li#place {
	width:	74px;
	padding-top: 1px;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
}

#slideshow_navigation li#slideshow_control {
	width: 58px;
}

#slideshow_navigation li#slideshow_control span {
	display: block;
	width: 100%;
	height: 100%;
}

#slideshow_navigation li#slideshow_control .stop_button {
		background: url("../images/slideshow_navigation_bg.gif") -189px -33px no-repeat;
	
}

#slideshow_navigation li#slideshow_control .stop_button a:hover {
		background: url("../images/slideshow_navigation_bg.gif") -189px -0px no-repeat;
	
}


#slideshow_navigation li#slideshow_control a {
	background: none;
}

#slideshow_navigation li#slideshow_control .start_button a:hover {
		background: url("../images/slideshow_navigation_bg.gif") -189px -66px no-repeat;

}

#slideshow_navigation li#next {
	width: 54px;
}

#slideshow_navigation li#next a {
	background: none;
	background-color: transparent;

}

#slideshow_navigation li#next a:hover {
	background: url("../images/slideshow_navigation_bg.gif") -247px -66px no-repeat;

}



#exit {
	margin: 10px;
	text-align: center;
}


	


/*========= footer ========*/


div#footer {
	clear: both;
	padding-top: 30px;
	padding-left: 300px;
	margin-bottom: 280px;
	background: url(../images/footer_bg.gif) 46px 28px no-repeat;
}

div#footer a {
	text-indent: -9999px;
	display: block;
	width: 270px;
	padding-left: 0px;
	}

div#footer a:hover {
	background: url(../images/email_highlight.gif) 10px 6px no-repeat;

}

div#footer_wordy,
div#footer_architecture,
div#footer_oneofakind {
	clear: both;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	width: 600px;
	margin-left: 130px;
	text-indent: -9999px;
	
}

div#footer_wordy {
	background: url(../images/text_footer_wordy_bg.gif) 70px 0px no-repeat;
}

div#footer_architecture {
	background: url(../images/text_footer_architecture_bg.gif) 75px 0px no-repeat;
}

div#footer_oneofakind {
	background: url(../images/text_footer_oneofakind_bg.gif) 29px 0px no-repeat;
}

/* test **************/

#test {
	margin: 0 220px;
	height: 200px;
	background: red;
}

#test p {
	color: whitesmoke;
	line-height: 200px;
	font-weight: bold;
	font-size: 20px;
}

#test p a {
	color: #000;
}

#test p a:hover {
	color: yellow;
}

#test p a:visited {
	color: purple;
}

/* under construction */

#under_construction {
	text-align: center;
}

#under_construction h3 {
	background: url("../images/favicon.gif") no-repeat 325px 3px;
}