/* Style sheet for Willem Racke Studio, Inc */
/* Created June 2009 */
/* Copyright 2009, Willem Racke Studio, Inc., all rights reserved */

/* Define basic styles for the whole site */

html {
	/*width:1002px;*/
}

body {
	margin: 0px 0px;
	padding: 0px; /* Need to set body margin and padding to get consistency between browsers when centering the site contents */
	text-align: center; /* Hack for IE5/Win when centering the pageContainer object (see below) */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%; /* medium */
	color: white;		/* font color */
	background-color: white;
	background-repeat:no-repeat;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight:normal;
	white-space:nowrap;
	margin:0;
	padding:0;
}

h1.largeGreyText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:48px;
	color:#666666;
	margin: 0;
	padding: 0;
}

h1.largeWhiteText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:46px;
	/*color:white;*/
	color:#6f6f6f;
	margin: 0;
	padding: 0;
	padding-top:14px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight:normal;
	margin:0;
	padding:0;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:normal;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight:normal;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:normal;
}

img {
	border:0;
	margin:0;
	padding: 0; 
	/*max-width: 100%;*/
}

table {
	margin:0;
	padding:0; 
	border-spacing: 0px;
	border-collapse: collapse; 
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/* define the sitewide anchor behaviour */
a {
	color:#6f6f6f;
	text-decoration:none;
}

a:link {
	color:#6f6f6f;
}

a:hover {
	color: black;
}

a:active {
	color:#6f6f6f;	
}

.inverseLink {
	color: #FF80FF;
	/*font-size:12px;*/
}

.biggerLetter {
	font-size:160%;
}

.blueText {
	color:blue;
}

.drkGrey01 {
	color:#666666;
}

.formButton {
	font-style:normal;
}

.formText {
	background-color:white;
}

.fadelight{
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}

.fadedark{
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

.thinGrayBar {
	width:756px; 
	height:26px; 
	background-color:#808080; 
	position:absolute; top:272px; left:0px;
}

.mediumGrayBar {
	width:756px; 
	height:174px; 
	background-color:#808080;
	position:absolute; top:129px; left:0px;
}

.normalText {
	font-weight:normal;
	font-size:medium;
}

.thankyouTextContainer {
	padding-top:60px;
	padding-bottom:60px;
	font-size:16px;
	line-height:140%
}

.titleBoxText {
}

/* define the page specific styles on the site */

/* main page */

#mainHalfTextContainer .contactFormContainer{
	margin-top:0;
	padding-left:0px;
	color:#6f6f6f;
	font-size:16px;
	font-weight:normal;
}

#mainHalfTextContainer .formButtonsContainer
{
	margin:0;
	padding:0;
	vertical-align:bottom;
	padding-left:0;
	white-space:nowrap;
	color:#666666;
}

#mainHalfTextContainer input
{
	margin:0;
	padding:0;
	vertical-align:bottom;
	padding-left:0;
	white-space:nowrap;
	color:#666666;
}

#mainHalfTextContainer .formButtons
{
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:16px;
	/*border-color:white;*/
	/*border-style: solid;*/
	border-width: 0px;
}

#mainHalfTextContainer .formButtons:hover
{
	cursor:pointer;
	color:black;
}

/* Home page */

#homePageContainer {
	width: 1000px;		/* this may have to be wider to account for IE border problems */
	margin: auto; /* Right and left margin widths set to auto to center the container in the window */
	text-align:left; /* Counteract to IE5/Win Hack */	
	padding:0;
	background-color: white; /* Khaki */
	/*background-image:url(../media/becpix-lead2.jpg);*/
	background-repeat:no-repeat;
	/*background-position: 0px 118px;*/	/* short (not tall) image starts farther down the container */
	/*background-repeat:no-repeat;*/
	position:relative;
}

#mainTitleContainer {
	text-align:center;
	white-space:nowrap;
	padding-top:0px;
	background-color:#D2D1B5;
	width:1000px;
	height:80px;
}

#mainTitleContainer h1 a:hover {
	color: #5c5c5c;	/* lower number is darker shade of gray */
}

#mainTitleContainer .titleBox {
	position:absolute; top:4px; left:20px;
	height:70px;
}

#mainImageAndNavContainer {
	/*float:left;*/
	margin:0;
	padding:0;
	width:1000px;
	/*height:630px;*/
}

#mainImageContainer {
	margin:0;
	padding:0;
	position:absolute; top:98px; left:100px;
}

#mainImageContainer img {
	width:900px;
	height:550px;
	margin:0;
	padding:0;
}

#mainImageContainerWithThumbs {
	margin:0;
	padding:0;
	position:absolute; top:98px; left:100px;
}

#mainImageContainerWithThumbs .thumbCaption01{
	color:#6f6f6f;
}

#mainImageContainerWithThumbs02 {
	margin:0;
	padding:0;
	position:absolute; top:0px; left:100px;
}

#mainHalfImageContainer {
	margin:0;
	padding:0;
	width:450px;
	height:550px;
	position:absolute; top:98px; left:100px;
}

#mainHalfImageContainer img {
	margin:0;
	padding:0;
}

#mainHalfTextContainer {
	margin:0;
	padding:0;
	position:absolute; top:98px; left:560px;
	width:450px;
	height:550px;
	color:#6f6f6f;
	font-size:14px;
	margin-top:0;
	padding-top:0;
}

#mainHalfImageContainer h2 {
	font-size:15px;
	margin-top:0;
	padding-top:0;
}

#mainHalfTextContainer .nextLines {
	font-size:14px;
	line-height:22px;
}

#mainVerticalNavBox {
	background-color:#D2D1B5;
	position:absolute; top:98px; left:0px;
	width:100px;
	height:550px;
}

#mainVerticalNavBox .thumbnails01 {
	 position:absolute; top:40px; left:8px;
}

#mainVerticalNavBox .firstTitle {
	padding-top:15px;
	padding-left:7px;
	font-size:15px;
	color:#6f6f6f;
}

#thumbnailsPageNumber {
	font-size:14px;
}

#thumbnailsPageNumber a {
	color:white;
	text-decoration:none;
}

#thumbnailsPageNumber a:link {
	color:white;
}

#thumbnailsPageNumber a:hover {
	color: black;
}

#thumbnailsPageNumber a:active {
	color:white;	
}


#middleNavBar {
	font-size:14px;
	padding-top:60px;
	padding-left:7px;
	font-size:14px;
}

#middleNavBar a {
	color:white;
	text-decoration:none;
}

#middleNavBar a:link {
	color:white;
}

#middleNavBar a:hover {
	color: black;
}

#middleNavBar a:active {
	color:white;	
}

#bottomNavBar {
	font-size:16px;
	position:absolute; top:470px; left:7px;
}

#bottomNavBar a {
	color:white;
	text-decoration:none;
}

#bottomNavBar a:link {
	color:white;
}

#bottomNavBar a:hover {
	color: black;
	color:#5c5c5c;
}

#bottomNavBar a:active {
	color:white;	
}


#aboutImageContainer {
	/*float:left;*/
	margin:0;
	padding:0;
	width:540px;
	height:288px;
	/*background-image:url(../media/sanchez-2.jpg);*/
	font-size:15px;
}

#aboutImageContainer .descriptionText {
	/*margin-top:-210px;*/
	/*padding-left:1em;*/
	line-height:112%;
	position:absolute; top:78px; left:130px;
}

#designPhilosophyImageContainer {
	/*float:left;*/
	margin:0;
	padding:0;
	width:540px;
	height:288px;
	/*background-image:url(../media/des-phil10.jpg);*/
	font-size:16px;
}

#designPhilosophyImageContainer .descriptionText {
	/*margin-top:-270px;*/
	/*padding-left:1em; */
	line-height:120%;
	position:absolute; top:24px; left:130px;
}

#copyright {
	width: 1000px;		/* this may have to be wider to account for IE border problems */
	margin: auto; /* Right and left margin widths set to auto to center the container in the window */
	margin-top:0px;
	text-align:left; /* Counteract to IE5/Win Hack */	
	padding:0;
	/*position:absolute; top:550px; left:26px;*/
	font-size:12px;
	color:#B6B28E;
	position:absolute; top:650px; left:6px;
}

#copyright .copyrightSymbol {
	color: #D2D0B5;
}

/* slideshow pages */

#ssEnlargement {
	height:288px;
}

#ssThumbnails {
	margin-top:9px;
	padding-bottom:8px;
	text-align:right;
}

#ssThumbnails a {
	padding-right:10px;
}

#ssThumbnails a {
	color:#FDFDF9;		/* font color */
	font-size: 11px;	
	text-decoration:none;
}

#ssThumbnails a:link {
	color: #FDFDF9;
	font-size: 11px;
}

#ssThumbnails a:hover {
	color:#FF80FF;
	font-size: 11px;
}

#ssThumbnails a:active {
	color:#FDFDF9;
	font-size: 11px;	
}

#contactFormColRight {
	float:left;
	width:350px;
}

#contactFormColRight .descriptionText {
	margin-left:20px;
}

#contactFormColRight .h2Container {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
}

#contactFormH1Container {
	padding-top:0px;
	padding-left:25px;
}

#contactInfoColRight {
	float:left;
	width:350px;
}

#contactInfoColRight .blueText {
	color:blue;
}

#contactInfoColRight .descriptionText {
	margin-top:160px;
	padding-left:30px;
	font-size:90%;
	line-height:140%;
}

#contactInfoColRight .contactInfoText {
	margin-top:30px;
	padding-left:30px;
	font-size:80%;
	line-height:140%;
	white-space:nowrap;
}

#contactInfoColRight .formLink {
	font-size:100%;
	color:blue;
	line-height:140%;
}

#contactInfoColRight .h1Container {
	padding-top:0px;
	padding-left:25px;
	position:absolute; top:0px; left:0px;
}

#contactInfoColRight .navBar {
	clear:both;
	font-style:italic;
	font-size:80%;
	text-align:right;
	margin-top:128px;
}

/* small navigation bar - fixed location */

#navBar {
	font-size:14px;
	color:white;
	position:absolute; top:368px; left:600px;
}

#navBar a {
	color:white;
}

#navBar a:link {
	color:white;
}

#navBar a:hover {
	color:#FF80FF;
}

#navBar a:active {
	color:#FF80FF;	
}

/* wide horizontal nav bar */

#navBarWide {
	/*clear:both;*/
	/*width:1280px;*/
	width:1000px;
	text-align:justify;	
	padding-left:0px;
	/*position:relative; top:336px; left:0px;*/
	/*text-align:center;*/
	font-size:18px;
	color: #6A6A6A;		/* font color */
	position:absolute; top:78px; left:0px;
}

#navBarWide ul {
	/*width:1280px;*/
	width:1000px;
	list-style-type:none;
	list-style-image:none;
	margin:0;padding:0;
	/*margin-top:12px;*/
	white-space:nowrap;
	text-align:justify;
	color: #6A6A6A;		/* font color */
}

#navBarWide ul li {
	display:inline;
	/*padding-left:1%;*/
	/*padding-right:16%;*/
	padding-right: 168px;
	color: #6A6A6A;		/* font color */
}

#navBarWide ul li a {
	color: #6A6A6A;		/* font color */
	text-decoration:none;
}

#navBarWide ul li a:link {
	color: #6A6A6A;
}

#navBarWide ul li a:hover {
	color: black;
}

#navBarWide ul li a:active {
	color:black;	
}

/* specialize the navbar division */


#shortImageContainer {
	width:760px;
	float:left;
	margin-top:118px;
	text-align:right;
}

#tallPhotoColumnLeft {
	float:left;
	text-align:right;
	padding-left:78px;
}

#tallPhotoContainer {
	float:right;
	width:160px;
	border:none;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

#thumbnailColumnLeft {
	float:left;
	padding-left:0px;
}