* {
	margin:0px;
	padding:0px;
	color:black;
	font-size:10pt;
	font-family:"Times New Roman", times, serif;
	border: none;
}

a {
	text-decoration: none;
}

ul {
	list-style-type: none;
}

.light {
	color: #777;
}

body {
	background-color: #EEEEEE;
	background-image: url("image/logo_ideas.png");
	background-repeat: repeat;
}

#main-box {
	z-index: 1;
	margin-left:auto;
	margin-right:auto;
	margin-top: 75px;
	height: 525px;
	width: 800px;
	border: 1px solid #BBB;
	background-color:white;
	position: relative;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 65px;
}

#logo {
	position: absolute;
	right: 30px;
	top: 15px;	
	height: 50px;
}

#footer {
	position:absolute;
	z-index:0;
	bottom: 10px;
	font-size: 0.9em;
	text-align: center;
	width: 100%;
}

#links {
	position: absolute;
	list-style-type: none;
	top: 75px;
	left: 30px;
}

#links li {
	height: 45px;
	font-size: 15pt;
	overflow: hidden;
	vertical-align: middle;
	cursor: pointer;
}

#links li a {
	font-size: 15pt;
}

/* Landing Page */

#content {
	position: absolute;
	z-index: 2;
	top: 80px;
	left: 120px;
	height: 415px;
	width: 650px;
}

#landing-photo {
	width: 550px;
	height: 380px;
	position: absolute;
	right: 58px;
	padding:10px;
	border: 1px solid #AAA;
}
#gray-box {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: black;
	opacity: 0.8;
	z-index: 100;
}

#white-box {
	z-index: 101;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: -490px;
	width: 500px;
	border: 1px solid black;
	background-color:white;
	padding: 15px;
	line-height: 1.4;
	font-size: 11pt;
	cursor: pointer;
}

#white-box p{
}
/* plan/design/paper */

#top-left {
	position:absolute;
	top: 40px;
}

#bottom-right {
	position:absolute;
	top: 200px;
}

#top{
		position:absolute;
		top: 45px;
}

#middle{
		position:absolute;
		top: 150px;
}

#bottom{
		position:absolute;
		top: 270px;
}

#content-text {
	position: absolute;
	top: 0px;
	left: 380px;
	width: 285px;
	height: 400px;
}

#content p {
	font-size: 11pt;
	padding-bottom: 4px;
	line-height: 1.1;
}

#content p.small {
	font-size: 9pt;
}

#content-photo {
	position: absolute;
	padding: 10px;
	border: 1px solid silver;
	height: 400px;
	width: 320px;
	top: 0px;
	left: 20px;
}

/* about */
#left-about-div {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 410px;
	width: 320px;
}

#right-about-div {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 410px;
	width: 320px;
}

.about-div-top {
	height: 200px;
}

.about-div-bottom {
	padding-top: 20px;
	height: 175px;
}

.about-div-top .about-photo {
	height: 200px;
}

.about-div-bottom .about-photo {
	height: 175px;
}

.about-photo {
	width: 150px;
	margin-right: 10px;
	background-color: #EEE;
	float: left;
}

.about-text-wrapper {
	position:relative;
	height: 100%;
}

.about-text-more {
	position: absolute;
	bottom: 0px;
	right: 15px;
	font-size: 10pt;
}

.about-text-more >* {
	cursor: pointer;
}

.about-text-header {
	font-size: 12pt;
	padding-bottom: 10px;
}

.about-text {
	font-size: 9pt;
	line-height: 1;
}

.more-text {
	display: none;
}

/* Press */
#press-content {
	position: absolute;
	top: 30px;
	left: 60px;
}

.press-box {
	float: left;
	width: 169px;
	height: 89px;
	margin-left: 35px;
	border: 1px solid silver;
}

.press-row {
	height: 110px;
	width: 650px;
	position:relative;
}

.press-box-big {
	float: left;
	height: 187px;
	padding-top: 13px;
	margin-left: 35px;
}

.press-box img {
	width: 169px;
	height: 89px;
}

/* Contact */
#contact-image {
	width: 350px;
	height: 290px;
	position: absolute;
	left: 20px;
	padding:10px;
	border: 1px solid #AAA;
}


#contact-form {
	position: absolute;
	right: 0px;
	width: 240px;
}

input {
	border: 1px solid #AAA;
	width: 240px;
	color: #555;
}

textarea {
	width: 240px;
	height: 150px;
	border: 1px solid #AAA;
	color: #555;
}

#send-form {
	position: absolute;
	bottom: -12px;
	right: 0px;
	font-size: 15px;
	cursor:pointer;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
 	border: 1px solid #AAA;
	text-align: right;	
}

#contact-people {
	position: absolute;
	bottom: 0px;
	left: -5px;
	width: 610px;
	height: 80px;
}

.contact-person {
	float: left;
	text-align: center;
	height: 100%;
	width: 175px;
	margin-left: 23px;
}

.contact-header {
	font-size: 12pt;
}

/* portfolio */
#gallery-main, #gallery-select {
    display:none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.subgallery-link{
    float: left;
    padding-left: 20px;
    width: 300px;
    height: 430px;
    text-align: center;
    position: relative;
}
.subgallery-thumb {
    cursor: pointer;
    height: 390px;
    width: 300px;
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0px;
    padding: 5px;
    border: 1px solid #AAA;
}

.subgallery-thumb-label {
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
    font-size: 1.3em;
}
.gallery-link {
	position: relative;
	height: 190px;
	width: 190px;
	float: left;
	margin-left: 23px;
	margin-bottom: 20px;
	cursor: pointer;
	text-align: center;
}

.gallery-thumb {
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 140px;
	border: 1px solid #AAA;
	padding: 5px;
}

.gallery-thumb-label {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	font-size: 11pt;
	height: 35px;
	width: 190px;
}

div.back-button {
	border:1px solid #AAA;
	height: 39px;
	width: 39px;
	font-size: 12pt;
	text-align: center;
	line-height: 2;
}

#photos-div {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

#gallery-single {
	display:none;
	position: absolute;
	height: 100%;
	width: 100%;
}

#thumbs-wrapper {
	position: absolute;
	top: 294px;
	right: 0px;
	height: 200px;
	width: 290px;
}

#gallery-info {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 260px;
	width: 290px;
}

#main-photo {
	position: absolute;
	top: 0px;
	left: 20px;
	width: 293px;
	height: 400px;
	padding: 10px;
	border: 1px solid #AAA;
	overflow: hidden;
}

.photo-link {
	float: left;
	padding-right: 5px;
}

.photo-thumb {
	height: 40px;
	width: 40px;
	cursor: pointer;
}

.display-photo {
	height:400px;
	width:293px;
}

#gallery-header {
	font-size: 12pt;
}

#gallery-location {
	padding-left: 1px;
	font-size: 10pt;
}

#gallery-description {
	font-size: 9pt;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 1.6;
}

#gallery-photographer, #gallery-feature, #gallery-feature a {
	font-size: 7pt;
}