@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0;}



body {

font-size: 62.5%;

text-align: center; /* center for ie */

margin: 0;

padding: 0;

background: #000;

}



P {

font-size: 1.2em;

}

h1 {

font-size: 2.8em;

}

h2 {

font-size: 2.2em;

}

#headercontainer {

width: auto;

margin-top: 0px;

padding-top: 0px;

margin-right: auto;

margin-left: auto;

margin-bottom: 0;

clear: both;

text-align: center;

}

#header {

width: 1050px;

background-color: #000;

position: relative;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

padding: 0;

border: 0;

color: #fff;

min-height: 175px;

text-align: left;

clear: both;

}



* html #header{height: 175px;}

#header h1 {position: absolute; right: 15px; top: 25px;}



#header #logo { 

position: absolute;

overflow: hidden;

margin: 0;

padding: 0;

width: 128px; 

height: 127px;

}

#header #logo span {

display: block;

position:absolute;

right: 0;

top: 0;

z-index: 1;

width: 128px;

height: 127px;

margin: 0;

padding: 0;

background: url("images/logo.jpg");

background-position: top right;

background-repeat: no-repeat;

cursor: pointer;

}

#header #logo a {

position: static;

display: block;

height: 127px;

white-space: nowrap;

color: #fff;

}

#header h2 {

font-family: Impact, Futura;

color: #4d4d4d;

font-size: 4.8em;

padding: 45px 0 0 15px;

font-weight: normal;

}

#navcontainer {

height: auto;

width: 250px;

margin: 0;

float: left;

padding-top: 45px;

}



#pagebody {

width: auto;

margin-top: 0;

padding-top: 1px;

margin-right: auto;

margin-left: auto;

text-align: center;

}

#uppercontent {

width: 1050px;

margin-right: auto;

margin-left: auto;

background: #000; /* url(images/upper_bg.jpg) top center no-repeat; */

clear: both;

border-top: solid 20px #999;

}

#upperpanoramic {

width: 1050px;

margin-right: auto;

margin-left: auto;

clear: both;

border-top: solid 0px #000;

}

/* added div container for mount css select */

#mountcontrol {

width: 1050px;

margin-right: auto;

margin-left: auto;

clear: both;

border-top: solid 0px #000;

}

#lowercontent {

width: 1050px;

margin-right: auto;

margin-left: auto;

background: #000; /* url(images/upper_bg.jpg) top center no-repeat; */

clear: both;

border-top: solid 20px #999;

}

#lowerpanoramic {

width: 1050px;

margin-right: auto;

margin-left: auto;

background: #000;

clear: both;

border-top: solid 20px #000;

}



#footercontainer {

background-color: #000;

width: auto;

margin-top: 0;

margin-right: auto;

margin-bottom: 10px;

margin-left: auto;

padding-bottom: 1px;

clear: both;

}





/*-- inner containers --*/





#mapcontent {

float: none;

width: 700px;

margin: 15px 0 0 0;

text-align: left;

}

#collections {

float: none;

width: 700px;

margin: 15px 0 0 0;

text-align: left;

}

#imagecontainer {

float: right;

width: 725px;

height: 408px;

min-height: 408px;

margin: 0px 0 0 0;

background: #000;

}

#pancontainer {

float: right;

width: 725px;

height: 408px;

min-height: 408px;

margin: 0 0 0 0;

} 

#ordercontainer {

float: right;

width: 725px;

margin: 0 0 0 0;

background: #000;

} 

#form {

float: left;

width: 255px;

margin: 25px 0 0 25px;

height: 321px;

min-height: 321px;

}

#contactusform {

float: left;

width: 255px;

margin: 25px 0 0 25px;

height: 321px;

min-height: 321px;

}



#footer {

width: 1050px;

background-color: #999;

position: relative;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

padding: 0;

border: 0;

color: #fff;

min-height: 75px;

text-align: left;

}







/* --- Global Navigation --------------------------------------------------*/

#nav {

font-size: 90%;

margin: 0;

line-height: 2.8em;

height: auto;

}

#nav ul {

margin: 0;

text-align: left;

padding: 0 0 8px 25px;

list-style: none;

/* margin: 0; */

}

#nav li {

list-style: none;

}

#nav li li {

list-style: disc;

color: #fff;

}

#nav li h3 {

color: #fff;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.6em;

font-weight: normal;

padding: 0 0 0 10px;

}

#nav li a:link, #nav li a:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 1.6em;

color: #fff;

text-decoration: none;

padding: 0 5px 0 0px;

text-align: center; 

}



#nav li a:hover {

color: #cc0000;

}

#navcontainer #nav .navcurrent {

color: #cc0000;

}

/* --- Content Style ----*/



#image {

text-align: center;

margin-left: auto;

margin-right: auto;

padding: 0;

margin: 0;

}
#image .thankyoumsg {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-size: 1.4em;
padding: 50px 0 0 0;
}


#panimage {

text-align: center;

margin-left: auto;

margin-right: auto;

padding: 0;

margin: 25px 0 0 0;

background-image: url(images/panoramic_bg.jpg);

background-repeat: no-repeat;

background-position: top center;

}

#panimage img {

padding: 95px 0 140px 1px;

}

#selectmount {

width: 455px;

float: left;

text-align: left;

padding-left: 290px;
}

#selectmount p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 1.4em;

color: #fff;

}

#selectmount span {

font-weight: bold;

}

#selectmount a {

color: #fff;

text-decoration: none;

}

#selectmount .white {

background: url(images/whitemount.jpg);

background-repeat: no-repeat;

background-position: right;

padding: 0 45px 0 25px;

}

#selectmount .beige {

background: url(images/beigemount.jpg);

background-repeat: no-repeat;

background-position: right;

padding: 0 45px 0 25px;

}

#tooltip {

width: 255px;

float: right;

text-align: right;

padding-right: 5px;
}

#tooltip p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 1.0em;

color: #fff;

}





/*-- Contact Us Page Title -- */



#textarea {

position: relative;

width: 450px;

margin: 15px 0 0 0;

padding: 10px 0 10px 25px;

text-align: left;

float: left;

}

#textarea p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.4em;

line-height: 1.4em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;

color: #fff;

}

#textarea a:link, #text a:visited {

font-weight: bold;

color: #330000;

text-decoration: none;

}

#textarea a:hover, #text a:active {

text-decoration: underline;

}

#textarea h1 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.6em;

line-height: 1.6em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;

}


#textarea h2 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.6em;

line-height: 1.6em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;

}

#textarea h3 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.6em;

line-height: 1.6em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;

}

#textarea h4 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.6em;

line-height: 1.6em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;

}

#textarea h5 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.6em;

line-height: 1.6em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;

}

#textarea a:link, #textarea a:visited {
font-weight: bold;
color: #cc0000;
text-decoration: none;
}

#textarea a:hover, #textarea a:active {
text-decoration: underline;
}

#abouttextarea {

position: relative;

width: 1000px;

margin: 15px 0 0 0;

padding: 10px 0 10px 25px;

text-align: left;

float: left;

}

#abouttextarea p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.4em;

line-height: 1.4em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;

}

#abouttextarea h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;

line-height: 1.6em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;
}

#abouttextarea h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;

line-height: 1.6em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;
}

#abouttextarea h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;

line-height: 1.6em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;
}

#abouttextarea h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;

line-height: 1.6em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;
}

#abouttextarea h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;

line-height: 1.6em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;
}

#abouttextarea a:link, #abouttextarea a:visited {

font-weight: bold;

color: #cc0000;

text-decoration: none;

}

#abouttextarea a:hover, #abouttextarea a:active {

text-decoration: underline;

}

#abouttextarea h2 {

font-family: Helvetica, verdana, arial, sans-serif;

font-size: 2.0em;

font-weight: normal;

color: #330000;

padding-bottom: 10px;

}



#projecttext {

position: relative;

margin: 0;

padding: 15px 0 10px 345px;

text-align: left;

float: left;

width: 623px;

color: #fff;

}

#projecttext p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.2em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;

}

#projecttext span {

font-weight: bold;

}

#projecttext ul {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.2em;

font-weight: normal;

line-height: 1.6em;

}

#projecttext li {

list-style: disc;

}

#projecttext li a:link, #projecttext li a:visited {

color: #fff;

text-decoration: none;

}

#projecttext li a:hover, #projecttext li a:active {

color: #cc0000;

text-decoration: none;

}



#lowercontent #projecttext .currentselect {

color: #cc0000;

}





#pantextarea {

position: relative;

width: 565px;

margin: 15px 0 0 0;

padding: 10px 0 10px 25px;

text-align: left;

float: left;

}

#pantextarea p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.4em;

line-height: 1.4em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;

color: #fff;

}

#pantextarea a:link, #pantextarea a:visited {

font-weight: bold;

color: #cc0000;

text-decoration: none;

}

#pantextarea a:hover, #pantextarea a:active {

text-decoration: underline;

}

#pantextarea h2 {

font-family: Helvetica, verdana, arial, sans-serif;

font-size: 2.0em;

font-weight: normal;

color: #330000;

padding-bottom: 10px;

}

#pantextright {

position: relative;

width: 375px;

margin: 15px 0 0 0;

float: right;

background: #000;
}

#pandetails {

padding: 10px 0 20px 0;

text-align: left;

font-family: Verdana, Arial, Helvetica, sans-serif;

line-height: 1.4em;

font-weight: normal;

color: #fff;

}

#pandetails p {

font-size: 1.2em;

color: #fff;

}

#pandetails span {

font-weight: bold;

}

.orderprints {

text-align: left;

padding-top: 10px;
}

.orderprints a img {

text-align: left;

border: none;

}



#tourlinks {

position: relative;

margin: 0;

padding: 15px 0 10px 395px;

text-align: left;

float: left;

width: 623px;

color: #ccc;

}

#tourlinks p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.2em;

font-weight: normal;

color: #fff;

padding-bottom: 10px;

}

#tourlinks ul {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.2em;

font-weight: normal;

line-height: 1.6em;

}

#tourlinks li {

list-style: disc;
display: inline;
padding-right: 3px;
font-weight: bold;
}

#tourlinks li a:link, #tourlinks li a:visited {

color: #fff;

text-decoration: none;

font-weight: normal;

border-right: solid 1px #fff;

padding-right: 5px;
}

#tourlinks li a:hover, #tourlinks li a:active {

color: #cc0000;

text-decoration: none;

font-weight: normal;

border-right: solid 1px #fff;

padding-right: 5px;
}



#lowercontent #tourlinks .currentselect {

color: #cc0000;

}



#tourstextarea h2 {

font-family: Helvetica, verdana, arial, sans-serif;

font-size: 2.0em;

font-weight: normal;

color: #330000;

padding-bottom: 10px;

}



#tourstextarea ul {

margin-left: 25px;

list-style: disc;

}

#tourstextarea li {

list-style: disc;

margin: 0 0 0 25px;

}



/* -- order form --*/



#orderform {

border-top: solid 20px #000;

width: 680px;

padding: 25px 0 25px 0; 

}

#orderform p {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #fff;

font-size: 1.2em;

text-align: left;

padding: 0 45px 15px 0;

}

#orderform .contactform fieldset {

border: none;

}

#orderform .contactform legend {

display: none;

}



#orderform h2 {

color: #fff;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.4em;

margin: 0;

text-align: left;

padding: 0 0 15px 0;

}

#orderform h3 {

color: #fff;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.4em;

margin: 0;

text-align: left;

padding: 0 0 15px 0;

}



.contactform .fixedwidth {

display: block;

width: 175px;

float: left;

}

.contactform #title {

width: 220px;

margin: 0;

font-size: 1.4em;

background: url(images/form_bg.jpg);

background-repeat: no-repeat;

background-position: top left;

border: none;

}

.contactform #first_name {

width: 220px;

margin: 0;

font-size: 1.4em;

background: url(images/form_bg.jpg);

background-repeat: no-repeat;

background-position: top left;

border: none;

}

.contactform #surname {

width: 220px;

margin: 0;

font-size: 1.4em;

background: url(images/form_bg.jpg);

background-repeat: no-repeat;

background-position: top left;

border: none;

}

.contactform #address {

width: 220px;

margin: 0;

font-size: 1.4em;

background: url(images/addr_bg.jpg);

background-repeat: no-repeat;

background-position: top left;

border: none;

}

.contactform #post_code {

width: 220px;

margin: 0;

font-size: 1.4em;

background: url(images/form_bg.jpg);

background-repeat: no-repeat;

background-position: top left;

border: none;

}

.contactform #tel {

width: 220px;

font-size: 1.4em;

background: url(images/form_bg.jpg);

background-repeat: no-repeat;

background-position: top left;

border: none;

}

.contactform #mobile {

width: 220px;

font-size: 1.4em;

background: url(images/form_bg.jpg);

background-repeat: no-repeat;

background-position: top left;

border: none;

}

.contactform #email {

width: 220px;

margin: 0;

font-size: 1.4em;

background: url(images/form_bg.jpg);

background-repeat: no-repeat;

background-position: top left;

border: none;

}

.contactform #qty {

width: 40px;

margin: 0;

font-size: 1.4em;

background: url(images/form_bg.jpg);

background-repeat: no-repeat;

background-position: top left;

border: none;

}



.contactform #image_title {

width: 220px;

margin: 0;

border: none;

}

.contactform #size_a {

margin: 0;

}

.contactform #white_mount {

margin: 0;

}

.contactform #cream_mount {

margin: 0;

}



.contactform .btn {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.0em;

width: 102px;

margin: 0;

padding: 0 0 25px 0;

}

/*-- mail signup form --*/

#form .signupform fieldset {

border: none;

}

#form .signupform legend {

display: none;

}

.signupform .fixedwidth {

display: block;

width: 195px;

float: left;

}

.signupform #name {

width: 195px;

margin: 0 0 15px 0;

}

.signupform #email {

width: 195px;

margin: 0 0 15px 0;

}

.signupform .btn {

font-family: Helvetica, verdana, arial, sans-serif;

font-size: 1.0em;

width: 75px;

margin: 15px 45px 0 0;

}



#map_canvas {

text-align: center;

margin-right: auto;

margin-left: auto;

padding-bottom: 15px;

width: 500px;

height: 245px;

}



#pagebottom p {

font-family: Helvetica, verdana, arial, sans-serif;

font-size: 2.4em;

color: #ccffcc;

font-weight: normal;

padding-top: 33px;

padding-left: 45px;

text-align: left;

}



/* -- footer style --*/



#footer p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 2.4em;

color: #fff;

font-weight: normal;

text-align: left;

padding: 10px 0 0 25px;

}



#copy {

padding: 0;

}

#copy p{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.0em;

font-weight: normal;

color: #fff;

text-align: left;

}







.clear {

display: block;

height:1px;

clear:both;

margin: 0;

} 



             

/* slider css - normal gallery  */

#container {

	float: right;

	position: relative; /* important */

	overflow: hidden; /* important */

	width: 725px; /* important */

	height: 408px; /* important */

	margin: 0;

	background: #000;

	min-height: 408px;

}

#pancontainer {

	float: right;

	position: relative; /* important */

	overflow: hidden; /* important */

	width: 755px; /* important 755 */

	height: 408px; /* important */

	margin: 25px 0 0 0;

	background: #000;

	min-height: 408px;

}

/*	background: #000 url(../images/panoramic_bg.jpg);


	background-position: top center;

	border-top: solid 20px #000;


/*

#frame {

position: relative;

padding: 370px 0 0 0;

}



#previous {float: left;}

#next {float: right;}

#content {

	position: absolute;

	top: 0;

	left: 0;

	margin: 0;

}



#content #content li {

	list-style: none;

	margin: 0;

	padding: 0;

}

	#content {

		width: 725px;

	}

	#container_bd #container ul li {

		display: block;

		float: left;

		margin: 0;

		padding: 0;

		border: none;

		background-color: #000;

	}



#container_bd #container ul li img {

	display: block;

	border: 0;

}

#content a img {

border: 0;

}

			 

			 

/* slider css - Panoramic gallery */


/*
#panframe {

position: relative;

padding: 340px 0 0 0;

}



#pancontent {

	position: absolute;

	top: 0;

	left: 0;

	margin: 0;

}



#pancontent #pancontent li {

	list-style: none;

	margin: 0;

	padding: 0;

}

	#pancontent {

		width: 755px;

	}

	#pancontainer_bd #pancontainer ul li {

		display: block;

		float: left;

		margin: 0;

		padding: 0;

		border: none;

		background-color: #000;

	}



#pancontainer_bd #pancontainer ul li img {

	display: block;

	border: 0;

}

#pancontent a img {

border: 0;

} */