/* CSS Document */

/* Timeless Visions - Nadia Van der Westhuizen's modelling site 	*/
/* Designed and created by Andy Burgess	and SableIndustries			*/
/* http://www.sableindustries.org									*/
/* last update 05.11.2006											*/

/* HTML base tags */

body {
	background-color: black;
	color: white;
	font: italic 11px/16px Georgia, "Times New Roman", Times, serif;
	color: #916829;
}

/* Positioning tags */

#wrapper_front {
	position: absolute;
	width: 1024px;
	left: 40%;
	top: 0px;
	margin-left: -385px;
}

#wrapper_main {
	position: absolute;
	width: 638px;
	left: 55%;
	top: 0px;
	margin-left: -385px;
}

#wrapper_gallery {
	position: absolute;
	width: 955px;
	left: 42%;
	top: 0px;
	margin-left: -385px;
}

#copyright{
	position: absolute;
	width: 638px;
	left:0px;
	top: 768px;
	font: 9px/18px Arial;
	color: #996D2B;
	text-align: center;
}

#copyright_gallery{
	position: absolute;
	width: 955px;
	left:0px;
	top: 780px;
	font: 9px/18px Arial;
	color: #996D2B;
	text-align: center;
}

#copyright a {
	text-decoration: none;
	color: #CE943B;
}

#copyright_gallery a {
	text-decoration: none;
	color: #CE943B;
}

#copyright a:hover {
	text-decoration: underline;
	color: #CE943B;
}

#mainimage {
	position: absolute;
	top: 10px;
	width: 638px;
	height: 768px;
	background-image: url(../img/main_back.jpg);
}

#preludeimage {
	position: absolute;
	top: 10px;
	width: 638px;
	height: 768px;
	background-image: url(../img/prelude_back.jpg);
}

#timelessimage {
	position: absolute;
	top: 10px;
	width: 638px;
	height: 768px;
	background-image: url(../img/timeless_back.jpg);
}

#differentimage {
	position: absolute;
	top: 10px;
	width: 638px;
	height: 768px;
	background-image: url(../img/different_back.jpg);
}

#imageimage {
	position: absolute;
	top: 10px;
	width: 638px;
	height: 768px;
	background-image: url(../img/image_image.jpg);
	vertical-align: middle;
}

#imagewide {
	position: absolute;
	top: 10px;
	width: 768px;
	height: 638px;
	background-image: url(../img/image_wide.jpg);
	vertical-align: middle;
}

#contactimage {
	position: absolute;
	top: 10px;
	width: 638px;
	height: 768px;
	background-image: url(../img/contact_back.jpg);
}

#linksimage {
	position: absolute;
	top: 10px;
	width: 638px;
	height: 768px;
	background-image: url(../img/links_back.jpg);
}

#galleryimage {
	position: absolute;
	top: 10px;
	width: 955px;
	height: 768px;
	background-image: url(../img/gallery_back.jpg);
}

#mainmenu {
	position: absolute;
	top: 317px;
	left: 351px;
}

#differentmenu {
	position: absolute;
	top: 460px;
	left: 126px;
	width: 300px;
	line-height: 2px;
}

#timelessmenu {
	position: absolute;
	top: 209px;
	left: 172px;
	z-index: 10;
	line-height: 28px;
}


#maintext {
	position: absolute;
	top: 450px;
	left: 40px;
	width: 150px;
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #916829;
}

#maintext_prelude {
	position: absolute;
	top: 450px;
	left: 40px;
	width: 150px;
}

#maintext_timeless {
	position: absolute;
	top: 450px;
	left: 40px;
	width: 150px;
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #916829;
}

#maintext_different {
	position: absolute;
	top: 450px;
	left: 40px;
	width: 150px;
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #916829;
}

#maintext_contact {
	position: absolute;
	top: 450px;
	left: 40px;
	width: 150px;
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #916829;
}

#maintext_links {
	position: absolute;
	top: 450px;
	left: 40px;
	width: 150px;
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	color: #916829;
}

#preludetext {
	position: absolute;
	top: 83px;
	left: 60px;
	width: 522px;
	text-align: right;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #BD8837;
}

#preludetext a {
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #CE943B;
}

#preludetext a:hover {
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #CE943B;
}

#timelesstext {
	position: absolute;
	top: 520px;
	left: 170px;
	width: 340px;
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #694F25;
}

#contacttext {
	position: absolute;
	top: 144px;
	left: 115px;
	width: 210px;
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #916829;
}

#contacttext a {
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #CE943B;
}

#contacttext a:hover {
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	color: #CE943B;
}

#linkstext {
	position: absolute;
	top: 144px;
	left: 97px;
	width: 400px;
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #916829;
}

#linkstext a {
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #CE943B;
}

#linkstext a:hover {
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	color: #CE943B;
}

#timelesstext a {
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #CE943B;
}

#timelesstext a:hover {
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	color: #CE943B;
}

#preludeback {
	position: absolute;
	top: 718px;
	left: 540px;
}

#contactback {
	position: absolute;
	top: 385px;
	left: 270px;
}

#differentback {
	position: absolute;
	top: 550px;
	left: 515px;
}

#differentgalleryback {
	position: absolute;
	top: 710px;
	left: 35px;
}

#differentgallerynext {
	position: absolute;
	top: 714px;
	left: 560px;
}

#differentgallerywback {
	position: absolute;
	top: 580px;
	left: 35px;
}

#differentgallerywnext {
	position: absolute;
	top: 590px;
	left: 674px;
}

#timelessback {
	position: absolute;
	top: 614px;
	right: 113px;
}

#linksback {
	position: absolute;
	top: 457px;
	left: 510px;
}

#galleryback {
	position: absolute;
	top: 700px;
	left: 550px;
}

#gallery_previous {
	position: absolute;
	top: 623px;
	left: 45px;
}

#gallery_return {
	position: absolute;
	top: 615px;
	left: 604px;
}

#gallery_next {
	position: absolute;
	top: 615px;
	left: 840px;
}

h6 {
	font-size: 9px;
	line-height: 0px;
}

#gallerypicture_right {
	position: absolute;
	top: 140px;
	left: 470px;
	width: 429px;
	z-index: 10;
	border-color: black;
}

#gallerypicture_left {
	position: absolute;
	top: 140px;
	left: 50px;
	width: 370px;
	z-index: 10;
	border-color: black;
}


#gallerypicture_v1 {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 638px;
	z-index: 10;
	border-color: black;
}

#gallerypicture_v2 {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 638px;
	z-index: 10;
	border-color: black;
}

#gallerytext_left {
	position: absolute;
	top: 150px;
	left: 100px;
	width: 300px;
	color: #633A1A;
}

#gallerytext_right {
	position: absolute;
	top: 150px;
	left: 500px;
	width: 400px;
	color: #633A1A;
}

#gallerytext_v1 {
	position: absolute;
	top: 435px;
	left: 100px;
	width: 438px;
	text-align: center;
	color: #633A1A;
}

#gallerytext_v2 {
	position: absolute;
	top: 70px;
	left: 85px;
	width: 438px;
	text-align: left;
	color: #633A1A;
}

#gallerytext_v3 {
	position: absolute;
	top: 355px;
	left: 100px;
	width: 438px;
	text-align: center;
	color: #633A1A;
}

#gallerytext_v4 {
	position: absolute;
	top: 290px;
	left: 100px;
	width: 438px;
	text-align: center;
	color: #633A1A;
}

#gallerytext_v5 {
	position: absolute;
	top: 70px;
	left: 320px;
	text-align: left;
	color: #633A1A;
	width: 300px;
}

#gallerytext_v6 {
	position: absolute;
	top: 435px;
	left: 85px;
	width: 480px;
	text-align: center;
	color: #633A1A;
}

#thumbnail_1 {
	position: absolute;
	top: 500px;
	left: 58px;
}

#thumbtext_1 {
	position: absolute;
	top: 660px;
	left: 58px;
	text-align: center;
	color: #633A1A;
	width: 102px;
}

#thumbnail_2 {
	position: absolute;
	top: 500px;
	left: 198px;
}

#thumbtext_2 {
	position: absolute;
	top: 660px;
	left: 198px;
	text-align: center;
	color: #633A1A;
	width: 102px;
}
#thumbnail_3 {
	position: absolute;
	top: 500px;
	left: 338px;
}

#thumbtext_3 {
	position: absolute;
	top: 660px;
	left: 338px;
	text-align: center;
	color: #633A1A;
	width: 102px;
}

#thumbnail_4 {
	position: absolute;
	top: 500px;
	left: 478px;
}

#thumbtext_4 {
	position: absolute;
	top: 660px;
	left: 478px;
	text-align: center;
	color: #633A1A;
	width: 102px;
}

#timelesspic_nightmares {
	position: absolute;
	top: 235px;
	left: 340px;
	width: 185px;
	height: 250px;
	background-image: url(../img/nightmares_pic.gif);
}

#timelesspic_dark {
	position: absolute;
	top: 230px;
	left: 360px;
	width: 146px;
	height: 250px;
	background-image: url(../img/dark_pic.gif);
}

#timelesspic_earth {
	position: absolute;
	top: 230px;
	left: 320px;
	width: 189px;
	height: 250px;
	background-image: url(../img/earthbound_pic.gif);
}

#timelesspic_deep {
	position: absolute;
	top: 240px;
	left: 340px;
	width: 173px;
	height: 250px;
	background-image: url(../img/deep_waters_pic.gif);
}

#timelesspic_immortal {
	position: absolute;
	top: 230px;
	left: 360px;
	width: 157px;
	height: 250px;
	background-image: url(../img/immortal_longings_pic.gif);
}

#timelesspic_redasblood {
	position: absolute;
	top: 235px;
	left: 345px;
	width: 186px;
	height: 250px;
	background-image: url(../img/red_as_blood_pic.gif);
}

#timelesspic_mists {
	position: absolute;
	top: 220px;
	left: 330px;
	width: 208px;
	height: 250px;
	background-image: url(../img/mists_of_avalon_pic.gif);
}

#timelesspic_stardust {
	position: absolute;
	top: 220px;
	left: 340px;
	width: 188px;
	height: 250px;
	background-image: url(../img/stardust_pic.gif);
}

#timelesspic_fortunesfool {
	position: absolute;
	top: 230px;
	left: 370px;
	width: 142px;
	height: 250px;
	background-image: url(../img/fortunes_fool_pic.gif);
}
#timelesspic_oriental {
	position: absolute;
	top: 210px;
	left: 330px;
	width: 211px;
	height: 250px;
	background-image: url(../img/oriental_tales_pic.jpg);
}
#timelesspic_shadows {
	position: absolute;
	top: 230px;
	left: 330px;
	width: 210px;
	height: 250px;
	background-image: url(../img/shadows_of_the_past_pic.jpg);
}
#timelesspic_alice {
	position: absolute;
	top: 210px;
	left: 330px;
	width: 210px;
	height: 250px;
	background-image: url(../img/through_the_looking_glass_pic.jpg);
}

#timelesspic_battle {
	position: absolute;
	top: 220px;
	left: 350px;
	width: 155px;
	height: 250px;
	background-image: url(../img/battle_of_souls_pic.gif);
}


#linksback_left {
        position: absolute;
        top: 462px;
        left: 135px;
}