body {
	background-color: #565656;
	background-image: url("../images/fade.jpg");
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 54px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

img {
	border: 0;
}

.MainDiv {
	width: 996px;
	position: relative;
	text-align: left;
}

.ContactButton {
	position: absolute;
	top: 420px;
	left: 23px;
	z-index: 10;
}

.AllKinds {
	position: absolute;
	top: 488px;
	left: -2px;
	z-index: 10;
}

.Browse {
	position: absolute;
	top: -2px;
	left: 22px;
	z-index: 101;
	width: 646px;
	text-align: center;
}


.SplashPortfolioTotals {
	position: absolute;
	left: 268px;
	top: 437px;
	font-size: 11px;
	font-weight: bold;
	z-index: 101;
	color: #909094;
}

.SplashPortfolioDetailsInner {
	position: relative;
	top: 20px;
	font-size: 11px;
	font-weight: bold;
	z-index: 111;
	color: #908F94;
	border: 0px solid yellow;
}

.PortfolioDetailsInner {
	position: relative;
	top: 20px;
	font-size: 11px;
	font-weight: bold;
	z-index: 111;
	color: #FFFFFF;
	border: 0px solid yellow;
}

.SplashPortfolioTotalsInner {
	position: absolute;
	left: 148px;
	top: 437px;
	font-size: 11px;
	font-weight: bold;
	z-index: 101;
	color: #FFFFFF;
	border: 1px solid red;
}

.SplashPortfolio {
	width: 695px;
	height: 483px;
	position: absolute;
	left: 300px;
	top: 0px;
}

.SplashPortfolioInner {
	width: 695px;
	height: 483px;
	position: absolute;
	left: 244px;
	top: 0px;
}

.TopControl {
	position: absolute;
	left: 22px;
	top: 0px;
	z-index: 100;
}

.LeftControl {
	position: absolute;
	left: 0px;
	top: 0px;
}

.RightControl {
	position: absolute;
	right: 1px;
	top: 0px;
}

.BottomControl {
	position: absolute;
	left: 22px;
	bottom: 5px;
}

.SplashPortfolioContent {
	 background-color: #C0C0C3;
	 position: absolute;
	 top: 14px;
	 left: 66px;
	 height: 450px;
	 width: 561px;
	 border: 0px solid red;
}

.PortfolioContent {
	 background-color: #C0C0C3;
	 position: absolute;
	 top: 14px;
	 left: 66px;
	 height: 450px;
	 width: 561px;
	 border: 0px solid red;
}

.ColumnText {
	width: 218px;
	font-size: 12px;
	line-height: 23px;
	text-align: left;
	background-color: #908F94;
	padding: 10px;
	padding-bottom: 16px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.LeftCol {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 218px;
	font-size: 12px;
	line-height: 23px;
	text-align: center;
}

.LeftCol .Spacer {
	height: 5px;
	width: 200px;
}


.Col1 {
	position: absolute;
	top: 580px;
	left: 0px;
	width: 238px;
	font-size: 12px;
	line-height: 23px;
	text-align: center;
}

.Col2 {
	position: absolute;
	top: 580px;
	left: 253px;
	width: 238px;
	font-size: 12px;
	line-height: 23px;
	text-align: center;
}

.Col3 {
	position: absolute;
	top: 580px;
	right: 253px;
	width: 238px;
	font-size: 12px;
	line-height: 23px;
	text-align: center;
}

.Col4 {
	position: absolute;
	top: 580px;
	right: 0px;
	width: 238px;
	font-size: 12px;
	line-height: 23px;
	text-align: center;
}

.Notes {
	padding-bottom: 100px;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 21px;
	width: 997px;
}

.FootNotes {
	position: absolute;
	top: 950px;
	left: 20px;
	text-align: center;
	padding-bottom: 100px;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 21px;
	width: 997px;
}

.YellowBar {
	background-color: #FFF200;
	height: 14px;
	width: 238px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.LeftCol .YellowBar {
	background-color: #FFF200;
	height: 12px;
	width: 172px;
	margin-top: 12px;
	margin-bottom: 12px;
	position: relative;
	left: 23px;
}

.LeftCol img {
	margin-bottom: 4px;
}

.White {
	color: #FFFFFF;
}

.InnerText {
	position: relative;
	top: 510px;
	left: 260px;
	width: 700px;
	font-size: 14px;
	line-height: 21px;
	color: #FFFFFF;
}

.InnerText h1 {
	color: #FFF200;
	font-weight: normal;
	line-height: normal;
}

.InnerTextContent {
	position: relative;
	top: 0px;
	left: 290px;
	width: 700px;
	font-size: 14px;
	line-height: 21px;
	color: #FFFFFF;
}

.InnerTextContent h1 {
	color: #FFF200;
	font-weight: normal;
	line-height: normal;
}

.InnerTextContent .White {
	font-size: 11px;
}

.ServeText {
	width: 142px;
	font-size: 11px;
	padding: 10px;
	padding-top: 0px;
	padding-left: 29px;
	line-height: 20px;
	text-align: left;
}

.NavGreyBox {
	text-align: left;
	background-color: #908F94;
	padding: 10px;
	padding-bottom: 16px;
	margin-top: 6px;
	margin-bottom: 12px;
	width: 152px;
	position: relative;
	left: 23px;
}

.ContactBox {
	background-color: #FFF200;
	padding: 20px;
	width: 528px;
	height: 555px;
	
}

.ContactBox td {
	font-weight: bold;
	color: #565656;
	line-height: normal;
}

.BigGo {
	position: absolute;
	top: 536px;
	left: 400px;
}

.Bigger {
	font-size: larger;
}

a:link
{
	text-decoration: underline;
	color: #FFFFFF;
}
a:active
{
	text-decoration: underline;
	color: #FFFFFF;
}
a:visited
{
	text-decoration: underline;
	color: #CCCCCC;
}
a:hover
{
	text-decoration: underline;
	color: #FFF200;
}


.PhotoCounter {
	position: absolute;
	top: 493px;
	right: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	width: 100px;
}

.SplashPhotoCounter {
	position: absolute;
	top: 493px;
	right: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #908F94;
	width: 100px;
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid red;
overflow: scroll; /*leave this value alone*/
width: 561px; /*Width of Carousel Viewer itself*/
height: 450px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
text-align: center;
vertical-align: middle;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
/*overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 541px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}