/* 	Designation 3.x style sheet 
	Craig Grannell, August 2001
	Copyright 2001 Designation
	www.designation.com
	This revision - version 1.0 - 210801
	Tested: 
*/

/* 
Main page structure
*/

body {background-color: transparent; color: #fff; margin-left: 0px; margin-top: 0px; margin-right: 0px; text-align: center;}
/* redundant tags used in NN4 */
.bodyWork {}
.bodyValues {}
.bodyRelax {}
.bodyContact {}
.bodyPeople {}
.bodyWhite {background-color: #fff;}
.bodyWhiteForm {margin: 10px; background-color: #fff; text-align: left;}

#frame {width:776px; margin:0px auto 0px auto; padding:0px 0px 10px 0px; text-align:left;}

#internalFrame {width:712px; padding:0px 0px 10px 0px; text-align:left;}

#topDiv {margin-top: 0px; margin-bottom: 0px; padding: 0px; height: 420px;}
.topValues	{background-image: url(holding_assets/values/background_top.gif);}
.topWork 	{background-image: url(holding_assets/work/background_top.gif);}
.topRelax	{background-image: url(holding_assets/relax/background_top.gif);}
.topPeople	{background-image: url(holding_assets/people/background_top.gif);}
.topContact	{background-image: url(holding_assets/background_top.gif);}

	#logo {padding-top: 11px; padding-left: 525px; height: 65px;}
	#navigation {margin-top: 66px; padding-left: 74px; height: 25px;}

	#imageBlock {margin-top: 5px; padding-left: 80px; height: 220px; color: #000;}

	#imageBlockFrame {margin-top: 5px; height: 220px; color: #000;}

	#imageBlockContact {width: 405px; float: left; padding-left: 80px; padding-right: 0px; font: 10px Verdana, Arial, sans-serif; color: #000; text-align: left;}
	#contactBlock {width: 200px; float: left; padding-left: 10px; font: 13px Verdana, Arial, sans-serif; color: #000;}

	#subNavigation {margin-top: 0px; padding-left: 80px; height: 12px;}
	#infoArrow {margin-top: 0px; padding-left: 665px; height: 24px;}
	#infoArrowSub {float: right; margin-top: 0px; padding-right: 42px; height: 24px;}
/*
old value for middleDiv was 198px
*/

#middleDiv {margin-top: 0px; margin-bottom: 0px; padding: 0px; height: 108px;}
.middleValues	{background-image: url(holding_assets/values/background_middle.gif);}
.middleWork 	{background-image: url(holding_assets/work/background_middle.gif);}
.middleRelax	{background-image: url(holding_assets/relax/background_middle.gif);}
.middlePeople	{background-image: url(holding_assets/people/background_middle.gif);}
.middleContact	{background-image: url(holding_assets/contact/background_middle.gif);}

#contentDiv {margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;}
.contentValues	{background-image: url(holding_assets/values/background_repeat.gif);}
.contentWork 	{background-image: url(holding_assets/work/background_repeat.gif);}
.contentRelax	{background-image: url(holding_assets/relax/background_repeat.gif);}
.contentPeople	{background-image: url(holding_assets/people/background_repeat.gif);}
.contentContact	{background-image: url(holding_assets/contact/background_repeat.gif);}

#bottomDiv {margin-top: 0px; margin-bottom: 0px; padding: 0px; height: 106px;}
.bottomValues	{background-image: url(holding_assets/values/background_bottom.gif);}
.bottomWork 	{background-image: url(holding_assets/work/background_bottom.gif);}
.bottomRelax	{background-image: url(holding_assets/relax/background_bottom.gif);}
.bottomPeople	{background-image: url(holding_assets/people/background_bottom.gif);}
.bottomContact	{background-image: url(holding_assets/background_bottom.gif);}

#whereAmI {width: 570px; float: left; padding-left: 14px; font: 10px Verdana, Arial, sans-serif; color: #000; text-align: left;}

#backToTop {width: 106px; float: right; padding-right: 28px; text-align: right; font: 10px Verdana, Arial, sans-serif; color: #000;}

.upArrow {float: right; margin-right: 43px;}

#spacer {background-color: #fff; height: 200px;}

/* content areas if needed */

#contentLeft {text-align: left; float: left; width: 600px;}

#contentRight {text-align: left; float: right; width: 176px;}

/* headers: 1- main title, 2- sub-header, 3- int. header */

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; text-align: left; margin-top: 0px; margin-bottom: -5px; padding-left: 90px;}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; text-align: left; margin-top: 20px; margin-bottom: -15px; padding-left: 90px;}

/* text */

p {font: 13px Verdana, Arial, sans-serif; color: #fff; text-align: left; padding-left: 90px; padding-right: 265px;}

td {font: 13px Verdana, Arial, sans-serif; color: #fff; text-align: left;}

li {font: 13px Verdana, Arial, sans-serif; color: #fff; text-align: left; margin-left: 90px; padding-right: 265px;}

.black {color: black; padding-left: 0px; padding-right: 0px;}
.front {padding-right: 190px;}
.frontQuote {padding-right: 190px; padding-left: 100px;}
.field {color: #fff; background-color: #6f98c3; font: 13px Verdana, Arial, sans-serif; border: solid 1px #fff;}
.fieldblack {color: #000; background-color: #fff; font: 13px Verdana, Arial, sans-serif; border: solid 1px #000;}
.tableleft {padding-left: 90px; padding-right: 10px;}
.nopad {padding: 0px;}
.nopadcenter {padding: 0px; text-align: center;}
.super {font-size: 10px; vertical-align: super;}
.netscape {display: none;}
.small {font-size: 10px;}

/* image positioning -- includes IE hack due to incorrect box model */

.thumb	{background-color: transparent; float: right; text-align: left; width: 64px; height: 64px; margin-top: 17px; padding-right: 50px;}
.subNavigation {margin-left: 30px;}

/* links */

a		{color: #fff; text-decoration: underline;}
a:active	{color: #fff; text-decoration: underline;}
a:visited	{color: #fff; text-decoration: underline;}
a:hover	{color: #000; text-decoration: underline;}

a.black		{color: #000; text-decoration: underline;}
a.black:active	{color: #000; text-decoration: underline;}
a.black:visited	{color: #000; text-decoration: underline;}
a.black:hover	{color: #666; text-decoration: underline;}

a.oplink		{color: #000; text-decoration: none;}
a.oplink:active	{color: #000; text-decoration: none;}
a.oplink:visited	{color: #000; text-decoration: none;}
a.oplink:hover	{color: #666; text-decoration: none;}

a.fakelink 		{text-decoration: none;}
a.fakelink:hover	{text-decoration: none;}