/* CSS Document */
@import url("/css/fensons_reset.css");
@import url("/css/fensons_columns.css");

/* NOTES

Each page needs a template property set as follows:
adl = Aqua Di Lara
qq = Qiss Qiss
*/

/* ======== GENERAL TAGS
====================================================== */
html,body { height: 100%; }
body { position: relative; font: 70%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #999; margin: 0; padding: 0; background: #fff; }
body.artcouture-home { background: url("/gr/ac/home-art-couture-aqua-di-lara2.png") center center repeat-x; }
#wrapper { width: 100%; height: 100%; margin: 0 auto; padding: 0;  }
#vcentre { width: 100%; height: 100%; }
#vcentre td { vertical-align: middle; margin: 0 auto; }


/*======= SITE STRUCTURE
=================================================*/
#siteholder { width: 990px; margin: 0 auto; }
#siteholder_content { }
#close { display: none; position: absolute; top: -20px; right: 10px; text-align: right; font-size: 0.85em; }

/*======= MAIN
=================================================*/
#main { }
#main_content  { position: relative; }
body.artcouture-home #main_content { text-align: center; xmargin-top: 200px; }
body.artcouture-home #main_content a { display: block; width: 100%; height: 400px; }



#logo, #links, #thumbs, #credits, #whatisit { position: absolute; width: 200px; }
#logo { top: 80px; left: 0; background: url("/gr/ac/logo-aqua-di-lara-art-couture.png") center no-repeat; width: 200px; height: 144px; }
#logo a { text-indent: -4000px; display: block; width: 100%; height: 100%; }
#links { top: 30px; left: 0; text-align: center; }
#links a { text-decoration: underline; }
#whatisit { top: 245px; left: 0; text-align: center; }
#whatisit a { color: #ccc; }
#whatisit a:hover { color: #999; }
#description { position: absolute; top: 280px; left: 225px; width: 300px; color: #000; }
#description h1 { font-weight: bold; margin-bottom: 10px; }
#description p { margin-bottom: 8px; }
#zoom { position: absolute; top: 0; left: 225px; width: *; min-height: 800px; }
#thumbs { top: 280px; left: 0; }
#thumbs a { display: block; float: left; width: 27px; height: 27px; background: url("/gr/ac/thumbs-aqua-di-lara-art-couture.jpg") 0 0 no-repeat; border: 1px solid #ccc; margin: 0 4px 4px 0; }
	#thumbs a.chris-nicholls { background-position: -270px 0; }
	#thumbs a.christopher-wadsworth { background-position: -27px 0; }
	#thumbs a.saad-al-hakkak { background-position: -189px 0; }
	#thumbs a.michael-davantes { background-position: -297px 0; }
	#thumbs a.red-reflection { background-position: -135px 0; }
	#thumbs a.yann-ostiguy { background-position: 0 0; }
	#thumbs a.pascale-therien { background-position: -216px 0; }
	#thumbs a.stephane-milhomme { background-position: -54px 0; }
	#thumbs a.mario-miotti { background-position: -81px 0; }	
	#thumbs a.donat-boulerice { background-position: -378px 0; }
	#thumbs a.maxime-bocken { background-position: -108px 0; }
	#thumbs a.mackenzie-duncan { background-position: -324px 0; }
	#thumbs a.malina-corpadean { background-position: -351px 0; }
	#thumbs a.marc-muri { background-position: -405px 0; }
	#thumbs a.jeff-rosenfield { background-position: -243px 0; }
	#thumbs a.riccardo-cellere { background-position: -162px 0; }
	#thumbs a.jacques-gauthier { background-position: -432px 0; }	
x#thumbs a:hover { background-position: fixed -27px; }

#credits { top: 420px; left: 0; width: 195px; text-align: right; }
#credits h1 { color: #333; font: 160%/120% Georgia, "Times New Roman", Times, serif; }		/* photographer name */
#credits h2 { font-size: 240%; line-height: 90%; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; color: #000; margin-bottom: 30px;  }	/* works title */
x#credits h2:before { content: "\00AB"; }
x#credits h2:after { content: "\00BB"; }
#credits h3 { font-size: 80%; line-height: 90%; text-transform: uppercase; margin: 10px 0 0 0; }		/* titles */
#credits p { margin: 0; padding: 0; color: #333; }
#credits a { text-decoration: underline; color: #333; }

/*======= FOOTER
=================================================*/
#footer { position: fixed; bottom: 0; width: 100%; background-color: #000; border: 1px solid #000; margin: 0 auto; text-align: center; }
#sponsor { height: 65px; vertical-align: middle; text-align: center; padding-top: 10px; }

/*======= MISC
=================================================*/
a { color: #888; text-decoration: none; }
em { font-style: italic; }
a:visited { color: #888; }
a:hover { color: #000; }
.line { border: 0; height: 1px; width: 50px; border-bottom: 1px dotted #999; margin-bottom: 10px; }
hr { width: 50px; border-style: none; border-bottom: 1px dotted #999; color: #000; margin: 10px 0; background: #000; }
.white { color: #fff; }
.pink { color: #FF3366; }
.small { font-size: 85%; }
.img-left { float: left; margin: 0 15px 5px 0; }
.img-right { float: right; margin: 0 0 5px 15px; }
.img-left, .img-right img { padding-bottom: 30px; }
input, select, textarea { border: 1px solid #777; border-color: #222 #444 #444 #222; font-size: 1.0em; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; background-color: transparent; xfilter: alpha(opacity=85); x-moz-opacity: 0.85; xopacity: 0.85; }
select { background-color: #000; color: #fff; }
input:focus, select:focus, textarea:focus { border: 1px solid #f06; }
body#adl.contact textarea { width: 300px; height: 100px; }
.designerswimwear { font: bold 100% Georgia, "Times New Roman", Times, serif; text-transform: uppercase; color: #fff; }
.button { background-color: #000; border: 1px solid #666; color: #FFF; }
.indent { margin-left: 20px; }
.indent2 { margin-left: 35px; }