/* general styles */
html,body,#wrapper {
margin:0px auto;
background-color:#fff;
height:100%;
padding:0px;
border:none;
}
table#wrapper {
margin: 0 auto;
vertical-align: middle;
}
a {
text-decoration: none;
font-family : "Arial Narrow", arial, helvetica sans-serif;
font-size : 14px;
color: #000000;
border-color: #000;
font-weight: bold;
}
img { border:0px; }
h3 {
font-family : "Arial Narrow", arial, helvetica sans-serif;
font-size : 18px;
color: #000;
text-align:center;
margin:0;
padding:10px 0 0 0;
}
h4 {
font-family : "Arial Narrow", arial, helvetica sans-serif;
font-size : 12px;
color: #000;
text-align:center;
font-weight:bold;
margin:0px;
padding:0px
}
p {
font-family : "Arial Narrow", arial, helvetica sans-serif;
font-size : 14px;
color: #000;
text-align:center;
}
table {
margin:0px;
padding:0px;
border:none;
}
a.white {
text-decoration: none;
font-family : "Arial Narrow", arial, helvetica sans-serif;
font-size : 14px;
color: #fff;
border-color: #000;
font-weight: bold;
}
/* main container */
div#container {
position: relative;
margin: 0px auto;
text-align:left;
margin-top:0%;
width: 700px;
height: 420px;
z-index:1;
}
/* header and components within header */
div#transparent_layer {
position:relative;
left:0px;
top:0px;
margin:0px;
width:100%;
height:50px;
background-image:url("textures/sand02.jpg");
filter:alpha(opacity=45);
-moz-opacity:0.45;
opacity:0.45;
z-index:4;
}
div#header {
position:absolute;
left:0px;
top:0px;
margin:0px;
width:100%;
height:50px;
z-index:5;
}
div#sidebar {
position:absolute;
top:0px;
left:0px;
width:150px;
height:420px;
margin:0px;
padding:0px;
background-image:url("textures/rock063.jpg");
z-index:2;
}
div#content {
position:absolute;
top:0px;
left:150px;
padding:40px 20px 20px 20px;
margin:0px;
width:510px;
height:360px;
background:transparent url("textures/sand06.jpg") 0 0;
z-index:2;
}
div#text {
position:relative;
top:10px;
left:0px;
margin:0;
padding:0;
width:510px;
height:210px;
overflow:auto;
background:transparent;
z-index:2;
}
h2#title {
position:absolute;
left:20px;
top:10px;
margin:0px;
padding:0px;
font-family : "Arial Narrow", arial, helvetica sans-serif;
font-size : 22px;
color: #fff;
z-index:5;
}
ul#details_list {
position:absolute;
top:15px;
left:440px;
margin:0px;
padding:0px;
z-index:5;
}
ul#details_list li {
display:inline;
margin-left:30px;
z-index:5;
}
ul#details_list li#phone_number {
text-decoration: none;
font-family : "Arial Narrow", arial, helvetica sans-serif;
font-size : 14px;
color: #fff;
border-color: #000;
font-weight: bold;
}
/* sidebar navigation options */
ul#gen_options {
position:relative;
margin-left:0px;
margin-top:0px;
padding:0px;
left:20px;
top:70px;
}
ul#gen_options li {
display:block;
list-style-type: none;
padding-top:0em;
}
/* gallery stuff..... title then lists */
h2#gallery_options {
position:relative;
font-family :"Arial Narrow", arial, helvetica sans-serif;
font-size : 20px;
color: #fff;
margin:0 0 10px 20px;
padding:0;
top:70px;
height:20px;
}
ul#galleries {
position:relative;
padding:0;
margin:0;
top:70px;
left:0px;
}
ul#galleries li {
display: block;
list-style-type: none;
margin:0 0 0 20px;
padding:0;
}
#sidebar a,img {
margin:0;
padding:0;
}
/* thumbnails and thumb navigation */
div.thumbs {
position:absolute;
top:260px;
left:150px;
width:550px;
height:140px;
/*
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
*/
z-index:3;
}
div.gallery_nav {
position:relative;
top:-10px;
left:0px;
width:550px;
height:20px;
z-index:4;
}
a#right_nav {
position:absolute;
right:20px;
font-family : "Arial Narrow", arial, helvetica sans-serif;
font-size : 18px;
color: #000;
}
a#left_nav {
position:absolute;
left:20px;
font-family : "Arial Narrow", arial, helvetica sans-serif;
font-size : 18px;
color: #000;
}
table#gallery_name {
position:absolute;
top:-5px;
left:175px;
}
/* projections requires background colour to cover layers underneath */
div.projection {
position:absolute;
top:50px;
left:150px;
width:550px;
height:370px;
background-image:url("textures/sand06.jpg");
z-index:3;
}
img#fullsize {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
a#back2thumbs {
position:absolute;
left:250px;
top:350px;
}
/* prices page */
ul#prices01 {
text-align:center;
position:relative;
margin:0 0 5px 0;
padding:0px;
}
ul#prices02 {
text-align:center;
position:relative;
margin:0px;
padding:0px;
}
ul#prices01 li {
display:inline;
list-style-type: none;
margin-left:1em;
font-family : "Arial Narrow", arial, helvetica sans-serif;
font-size : 14px;
color: #000;
}
ul#prices02 li {
display:block;
list-style-type: none;
padding-top:0em;
font-family : "Arial Narrow", arial, helvetica sans-serif;
font-size : 14px;
color: #000;
}