/* CSS Document */

/*
This is the global css document for annettbourquin.com
It includes default page styling and handlers for image layout for general pages. The top page will also use this document, although will not make use of all the css structures 

written by Michael Sheetal (mike at kokodesu.net) 2005.09.20
updated 2006.08.29

*/

body { background-color:#fff; margin:0; padding:0; font-size:10px; font-family:"Times New Roman", Times, serif; color:#777; }
p { color:#535353; }
a {color: #C1C1C1; text-decoration:none;}
a:hover { color: #535353; }

#trace { border:1px solid red; background-color:#FFCCCC; padding:5px; position:absolute; left:0; top:0; }
#trace p {  padding:0; margin:0 0 2px 0; }

#container { margin:50px auto; background-color:#fff; width:800px; height:500px;}
	#menu { position:absolute; left:70%; width:100px; height:388px;}
		#galleries {}
		#navigation {}
	#main { position:relative; width:70%; padding-top:520px; *width:600px; *height:520px; *padding-top:0; }
		#slides {position:absolute; right:0; top:0; height:470px; z-index:10; width:500px; text-align:right; }
		#contact {position:absolute; bottom:0; right:0; text-align:right; }

/* MENU */
	
#menu ul { list-style-type:none; margin:0; padding:0; text-align:right;}
#menu p { line-height:1.6em; margin:0; padding:0; font-size:1.1em;}
#menu p a.active { color:#333;}

#navigation {position:absolute; right:0; bottom:0;}
#navigation div {position:absolute;}
#navigation #nav_gallery { right:0; bottom:35px; font-size:1.2em; width:100px; text-align:right; color:#FFFFFF; }
#navigation #nav_count { right:0; bottom:5px; font-size:2em; width:100px; text-align:right; }
#navigation #nav_prev { right:30px; }
#navigation #nav_next { right:0;}
#navigation a {font-size:1.4em; color:#666;}



#slides div.slide { position:absolute; right:0; bottom:0; height:470px; width:600px; vertical-align:top; text-align:right; background-color:#FFF;  }
#slides div.slide img {margin:0 0 0 10px; text-align:right; }
#slides h1 { font-style:italic; font-size:1em; margin:20px 0 0 0; font-weight:normal;}
#slides p, #slides a { font-size:1.1em; color:#C1C1C1; }
#slides p a { font-size:1em; }
#slides a:hover {color:#535353;}
#extra {font-style:italic; color:#c1c1c1; position:absolute; right:100px; width:300px;}

/*   contact page   */

#contact_page { position:absolute; top:50%; width:95%; text-align:left; }
#contact_page h1, #contact_page h2, #contact_page p {padding:0 200px;}

#contact_page p { font-size:1.1em;}
#contact_page h2 { font-size:1.2em; margin-top:20px; color:#333;}

#contact_page a:hover { color:#333;}

/*   home page   */

#home_link { position:absolute; bottom:0; right:0; text-align:right;  }
#home_link h1 {padding:0 0;}

/* annett position text */
.annett h1 {  font-size: 1.5em; font-weight:normal;}
.annett h1 strong { font-weight:normal;} 
.annett a { color:#666; position:relative; text-decoration:none;}
.annett a span { display:none; position:absolute; right:-20px; font-size:14px; }
.annett a:hover span { display:inline; color:#666; }