/* Reset css
=================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h1, h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

html {
  height: 100%;
	margin-bottom: 1px; 
}

body {
  height: 100%;
  margin: 0;
  padding: 0;	
  font-size: 62.5%;			/* This sets the default font size to be equivalent to 11px (100/16 x 11)  */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #ffffff;  
	background: #000000;
}

/* blocktext */
h1, h2, h3, h4, h5, p { 
	margin: 0;
	padding : 12px 0; 
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 130%;
}
h3 {
	font-size: 100%;
}
h4 {
	font-size: 100%;
}

strong {
	font-weight: bold;
}
		
em {
	font-style: italic;
}

.clear {
	clear: both;
}
img.right {
	float: right;
}

img.border {
	border: 2px solid #ffffff;
	margin-top: -12px;
}

/* a */
a, a:visited { 
	color : #ffffff; 
	text-decoration : underline;
} 
a:hover { 
	text-decoration : none;
}

p.price {
	font-size: 120%;
	font-weight: bold;
}


ul {
	list-style: disc;
	padding-left: 25px;
}

/* SIFR
=================================*/
h1.replace, h2.replace {
	margin: 0;
	padding: 0;
}
h1.replace {
	margin-bottom: -12px;
}
h3.replace {
	margin-bottom: -16px;
}
h3.replace-no-bottom {
	margin-bottom: -32px;
}



/* Main Blocks
=================================*/
#wrapper {
	margin: 0;
	position: relative;
	background: #000;
	height: 100%;
}

#flashcontent {
	position: absolute;
}

div#contentcont {
	position:  relative;
	top:  0;
	left:  0;
	width: 100%;
	height: 100%;
}

#inner-content {
	margin-right:  74px;
	margin-left:  0;
	margin-bottom:  0;
	margin-top:  0;
	padding:  0;
	height: 100%;
}
#logobar {
	position:  absolute;
	top:  0;
	right:  0;
	margin:  0;
	padding:  0;
	width:  74px;
	background: #c48d1a url("/site/images/frasergallery.gif") no-repeat right 35px;	
	height: 100%;
}
#logobar div {
	position:  absolute;
	top:  0;
	right:  0;
	margin:  0;
	padding:  0;
	width:  74px;
	background: transparent url("/site/images/standrews.gif") no-repeat bottom left;		
	height: 100%;
}
#inner-content-block {
  width: 760px;
  margin: 0 auto;
  position: relative;
  top: 100px;
}

#left-col {
	width: 338px;
}

#right-col {
	position:absolute;
	left: 368px;
	width: 392px;
	margin-top: 35px;
	*margin-top: 7px;
}



div.im-cont {
	width: 392px;
}
div.list-cont {
	width: 338px;
}
div.list-cont p {
	padding: 4px 0;
}
div.list-cont p a {
	font-size: 120%;
	color: #fffff;
	text-decoration: none;
	font-weight: bold;
}
div.list-cont p a:hover {
	color: #c48d1a;
	text-decoration: none;
}
div.list-cont-left {
	float: left;
	width: 160px;
}
div.list-cont-right {
	float: right;
	width: 170px;
}
div.list-cont p.reveal a {
	font-size: 120%;
	color: #c48d1a;
}
div.list-cont p.reveal a:hover {
	color: #c48d1a;
}

div.list-cont p.normal a {
	font-size: 100%;
	color: #fffff;
	text-decoration: underline;
	font-weight: normal;
}
div.list-cont p.normal a:hover {
	color: #ffffff;
	text-decoration: none;
}

div.detail-cont {
	padding-top: 200px;
}



div.back-small-none,
div.forward-small-none,
div.back-small,
div.forward-small {
	margin-bottom: 20px;
	font-size: 150%;
}
div.back-small-none {
	width: 100px;
	float: left;
}
div.forward-small-none {
	float: right;
	width: 100px;
}
div.back-small {
	padding-bottom: 10px;
	width: 100px;
	float: left;
	text-align: left;
	background: url("/site/images/small_back.png") no-repeat top left;	
	_background: url("/site/images/small_back.gif") no-repeat top left;	
}
div.forward-small {
	float: right;
	width: 100px;
	text-align: right;
	background: url("/site/images/small_forward.png") no-repeat top right;
	_background: url("/site/images/small_forward.gif") no-repeat top right;	
}
div.back-large-none {
	width: 100px;
	float: left;
	height: 48px;
}
div.forward-large-none {
	float: right;
	width: 100px;
	height: 48px;
}
div.back-large {
	width: 100px;
	float: left;
	text-align: left;
	background: url("/site/images/large_back.png") no-repeat left;	
	height: 48px;
	font-size: 400%;
	_background: url("/site/images/large_back.gif") no-repeat left;
}
div.forward-large {
	float: right;
	width: 100px;
	text-align: right;
	background: url("/site/images/large_forward.png") no-repeat right;	
	height: 48px;
	font-size: 400%;
	_background: url("/site/images/large_forward.gif") no-repeat right;	
}
div.back-small a, div.back-large a {
	text-decoration: none !important;
}
div.forward-small a, div.forward-large a {
	text-decoration: none !important;
}


div#map {
	position: relative;
	width: 392px;
	height: 246px;
	background: transparent url("/site/images/gallerymap.png") no-repeat 0 0;	
	_background: transparent url("/site/images/gallerymap.gif") no-repeat 0 0;	
}


p.rollhide {
	margin-top: 0;
	display: none;
}
p.rollshow {
	margin-top: -30px;
	display: block;
}
              
            


/* Navigation
=================================*/
div#nav-cont {
	position: relative;
	width: 100%;
}

#main-menu {
	list-style: none; /* remove the bullets */
	margin: 0; padding: 0; /* no need for margins or padding */
	position: relative;
	top: 30px;
	width: 100%; 
}

#main-menu li {
	float: left; /* we want these to display inline, but we want them block level for later so no display: inline; */
	width: 16%;
	text-align: center; /* center all text */
}


/* Navigation
=================================*/

label {
	float: left;
	width: 100px;
}

input.text {
	float: left;
	width: 250px;
	background: #000000;
	color: #ffffff;
	border: 1px solid #ffffff;
	fony-size: 120%;
}
textarea {
	float: left;
	width: 250px;
	background: #000000;
	color: #ffffff;
	border: 1px solid #ffffff;
	fony-size: 110%;
}
div#form-cont p {
	padding: 5px;
	margin: 0;
}

input.submit {
	width: 100px;
	color: #c48d1a;
	border: 2px solid #c48d1a;
	background: #000000;
	margin: 0;
	padding: 2px;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	cursor: pointer;
	margin-top: 10px;
}