html {
	height: 100%; 
	background-color: #fff; 
}

body { 
	height: 100%; width: 100%; 
	margin: 0; padding: 0;
		
	background-color: #fff; 
	color: #262626;
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    	
	display: table;
}

#container {
	height: 100%; width: 100%;
	display: table-cell;
	vertical-align: middle;
}

#content-container {
	width: 1000px; height: 635px; 
	margin-left: auto; margin-right: auto;
}

img { border: none; }
a { color: #262626; text-decoration: none; }
a:hover { color: #808080 } 

.box {  }

#header { height: 50px; padding-top: 10px; }
#logo { float: left; display: inline; width: 170px; height: 17px; }
#mainmenu { float: right; display: inline;  width: 800px; text-align: right; padding-top: 1px; text-transform: lowercase; }
#mainmenu a { color: #262626; margin: 0 5px; }
#mainmenu a:hover, #mainmenu a.active { color: #808080; }
#mainmenu a, #mainemnu a:hover { text-decoration: none; }

#content {  width: 1000px; height: 525px; }

#scrollbar { overflow: hidden; background: #eaeaea; display: none }
#dragger { cursor: pointer; }
#buttons { }

.box.horizontal#scrollbar { display: block; margin-top: 5px; width: 1000px; height: 10px;  }
.box.horizontal#scrollbar #dragger {  width: 65px; height: 10px;  background-image: url(/Assets/Images/dragger-horizontal.gif); }

.box.vertical#scrollbar { float: right; display: inline; width: 10px; height: 525px; margin-top: -525px }
.box.vertical#scrollbar #dragger {  width: 10px; height: 65px; background-image: url(/Assets/Images/dragger-vertical.gif); }

#body-content { height: 525px; overflow: hidden; }
.box.vertical #body-content { width: 985px }
.box.horizontal #body-content { width: 1000px }

.gallery { margin-bottom: 45px; }
	
.gallery h1, #details h1 {
	color: #4f4f4f;
    font-family: Helvetica, sans-serif;
    letter-spacing: -1px;
    font-size: 13px; 
    text-transform: uppercase; font-weight: 100;
    margin: 0 0 5px 0; clear: both;
}
.gallery h1 a, #details h1 a { color: #4f4f4f; text-decoration: none; }
.gallery h1 a:hover, #details h1 a:hover { color: #808080; text-decoration: none; }
.gallery .images {   }
.gallery .images .image { float: left; display: inline; height: 150px; margin: 0 5px 5px 0 }

.box.horizontal .images { white-space: no-wrap; }
.box.horizontal .images .image { float: left; display: inline; height: 525px; margin: 0 5px 0 0 } 

.imga { float: left; display: inline; width: 1px; height: 525px; background: red; visibility: hidden; }

#details { float: left; display: inline; background: #f3f3f3; width: 1000px; height: 525px; }
#details-text { width: 590px; height: 355px; margin: 15px auto 0 15px; overflow: hidden }
#details h1 { padding-top: 70px; margin-bottom: 5px; padding-left: 10px }
#details p { margin-top: 0; margin-bottom: 15px; padding-left: 10px }
#info { width: 590px; height: 85px; margin: 0 auto auto 25px }
#info dl { text-transform: uppercase; padding-left: 0; padding-top: 10px; margin: 0; list-style-position: inside; }
#info dt { width: 380px; float: left; display: inline; margin: 0; padding: 0; }
#info dd { padding-left: 0px; }

#footer { width: 1000px; text-align: right; color: #808080; margin-top: 25px; }
.box.horizontal#footer { margin-top: 25px }
.box.horizontal#footer {  }

#sharing { height: 32px; margin-right: 15px; margin-top: 20px;
	opacity: 0.7; -khtml-opacity: 0.7; -moz-opacity: 0.7
}
.sharing-icon { float: right; display: inline; margin-left: 10px }
.sharing-icon:hover { opacity: 0.7; -khtml-opacity: 0.7; -moz-opacity: 0.7 }

#page-image { float: right; display: inline; width: 330px; height: 450px; overflow: hidden; }
#page-content{ float: left; display: inline;  background: #f3f3f3; width: 660px; height: 450px; }
#page-content .pad { padding: 15px }
#page-content #the-text { height: 300px; overflow: hidden; }
#page-content #info { margin-top: 20px; height: auto; margin-left: 0; }
#page-content #info dt { width: 100px;  }
#page-content #info dd { padding-left: 100px; }

#intense { float: right; display: inline; margin-top: 1px; margin-left: 5px; margin-right: -1px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5 }
#intense:hover { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 }

#buttons { display: none; }