body { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px;
 behavior:url("csshover3.htc"); 
} 
.ColorBrown { color: #663300; }
.ColorBGBrown { background-color: #663300; }
.ColorGreen { color: #669900; }
.ColorBGGreen { background-color: #669900; }
.ColorBGDarkGray { background-color: #808080; }
.ColorLtGray { color: #666666; }

.ColorBox1 { background-color: #808080; } 
.ColorBox2 { background-color: #6db43e; } 

div.BodyWrap { width: 930px; margin-left: auto; margin-right: auto; }
.TextColor { color: #666666; }

div.OuterBorderTL { width: 15px; height: 90px; background: transparent url(Images/Sprites.gif) no-repeat -107px 0px; }
div.OuterBorderTLI { float: left; width: 20px; height: 90px; background: transparent url(Images/Sprites.gif) no-repeat -122px 0px; }
td.OuterBorderTM { height: 25px; background: transparent url(Images/HSprites.gif) repeat-x 0px 0px; }
div.OuterBorderTR { width: 20px; height: 90px; background: transparent url(Images/Sprites.gif) no-repeat -276px 0px; }
div.OuterBorderTRI { float: right; width: 10px; height: 90px; background: transparent url(Images/Sprites.gif) no-repeat -266px 0px; }
td.OuterBorderLM { width: 13px; background: transparent url(Images/VSprites.gif) repeat-y 0px 0px; }
td.OuterBorderRM { width: 15px; background: transparent url(Images/VSprites.gif) repeat-y -116px 0px; }
div.OuterBorderBL { width: 15px; height: 25px; background: transparent url(Images/Sprites.gif) no-repeat 0px -130px; }
div.OuterBorderBLI {float: left; width: 30px; height: 25px; background: transparent url(Images/Sprites.gif) no-repeat -15px -130px; }
td.OuterBorderBM { height: 25px; background: transparent url(Images/HSprites.gif) repeat-x 0px -26px; }
div.OuterBorderBR { width: 15px; height: 25px; background: transparent url(Images/Sprites.gif) no-repeat -37px -26px; }
div.OuterBorderBRI {float: right; width: 10px; height: 25px; background: transparent url(Images/Sprites.gif) no-repeat -27px -26px; }

td.OuterBorderTMT { height: 90px; background: transparent url(Images/HSprites.gif) repeat-x 0px -52px; }

.SelectedPage { background: transparent url(Images/Sprites.gif) no-repeat -133px 0px; }

div.OptionBox { height: 90px; width: 430px; display: block; float: right;}

div.TopOption { height: 65px; width: 102px; padding: 25px 4px 0px 0px; text-align: center; float: right; color: #669900;}
.TopOption a {font-size: 15px; font-weight: bold; color: #669900; text-decoration: none; } 
.TopOption:hover a {color: #CCCCCC; } 

div.TopOptionHover { height: 65px; width: 102px; padding: 25px 4px 0px 0px; text-align: center; float: right; color: #669900; background: transparent url(Images/Sprites.gif) no-repeat -152px 0px;}
.TopOptionHover a {font-size: 15px; font-weight: bold; color: #FFFFFF; text-decoration: none; } 

div.SelectedOption { height: 65px; width: 102px; padding: 25px 4px 0px 0px; text-align: center; float: right; color: #669900;  background: transparent url(Images/Sprites.gif) no-repeat -152px 0px;}
.SelectedOption a {font-size: 15px; font-weight: bold; color: #FFFFFF; text-decoration: none; } 
.SelectedOption a:hover {color: #CCCCCC; } 

div.InnerBorderTL { width: 25px; height: 25px; background: transparent url(Images/Sprites.gif) no-repeat -0px -52px; }
div.InnerBorderTR { width: 28px; height: 25px; background: transparent url(Images/Sprites.gif) no-repeat -73px -52px; }
td.InnerBorderLM { width: 25px; background: transparent url(Images/VSprites.gif) repeat-y -62px 0px; }
td.InnerBorderRM { width: 28px; background: transparent url(Images/VSprites.gif) repeat-y -87px 0px; }
div.InnerBorderBL { width: 25px; height: 25px; background: transparent url(Images/Sprites.gif) no-repeat -0px -78px; }
div.InnerBorderBLI {float: left; width: 25px; height: 25px; background: transparent url(Images/Sprites.gif) no-repeat -25px -78px; }
div.InnerBorderBR { width: 28px; height: 25px; background: transparent url(Images/Sprites.gif) no-repeat -73px -78px; }

td.InnerBorderTM { height: 25px; background: transparent url(Images/HSprites.gif) repeat-x 0px -143px; }
td.InnerBorderBM { height: 25px; background: transparent url(Images/HSprites.gif) repeat-x 0px -169px; }

div.RightContent { width: 200px; float: right; }

div.TopArea { width: 100%;  height: 180px; }
div.TopSpacer { width: 100%; height: 114px; }
div.LogoSpacer { width: 100%; height: 40px; }
div.LogoBox {width: 300px; padding-left: 38px; float: left;}
div.LogoTag {
	height: 40px;
	float: left;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
}

div.ViewPortfolioBox { margin: 24px 0 0 28px; width: 166px; height: 42px; padding: 18px 0 0 0; background: transparent url(Images/Sprites.gif) no-repeat 0 -158px; text-align: center;}
.ViewPortfolioBox a { color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 12px;}
.ViewPortfolioBox a:hover { color: #CCCCCC; }

div.MiddleBar { width: 100%; height: 11px; }
div.BottomArea {width: 100%; padding: 24px 0px 24px 0px; }

div.PorfolioMenu { float: left; top: 0; padding: 11px 0px 0px 30px; width: 240px; }

.PorfolioMenu ul { padding: 0px; margin: 0px; }
li.PorfolioMenu { list-style: none; list-style-image: none; height: 25px; font-size: 16px; color: #666666; }
li.PorfolioMenuHover { list-style: none; list-style-image: none; height: 25px; font-size: 16px; color: #666666;  background-color: #e5e5e5;}

div.MenuLeft { float: left; width: 8px; height: 25px; background: transparent url(Images/Sprites.gif) no-repeat 0px -104px; }
div.MenuRight { float: right; width: 8px; height: 25px; background: transparent url(Images/Sprites.gif) no-repeat -9px -104px; }
div.MenuLabel { padding-top: 2px;}

div.LeftCopy { float: left; margin-top: auto; margin-bottom: auto; color: #666666; line-height: 18px; font-size: 12px;  padding: 11px 0px 0px 38px; width: 600px; }
.LeftCopy p { margin: 0px; padding: 0px 0px 22px 0px; line-height: 20px; } 
.LeftCopy a { color: #666666; text-decoration: none; }
.LeftCopy a:hover { color: #000000; }

div.LeftAbout { margin: 0px; float: left; top: 0; padding: 11px 0px 0px 38px; width: 285px; }
.LeftAbout p { margin: 0px; font-size: 12px; padding: 0px 0px 8px 0px; line-height: 18px; } 
ul.FrontPage { padding: 0px 0px 0px 14px; list-style-position: outside; margin: 0;}
div.PortfolioBox { float: right; width: 480px; height: 198px; padding: 5px 22px 0px 0px;}
div.HiddenSample { position: absolute; z-index: 100; top: 0; left: 0; visibility: hidden; width: 480px; height: 198px; }
div.RecomendationBox { width: 271px; height: 290px; float: right; top: 0; display: inline;} 
.RecomendationBox p { color: #FFFFFF; font-size: 12px; margin: 0px; line-height: 15px;}
div.MarginFix { margin-right: 24px; } 
div.FloatRight { align: right; } 
div.FloatLeft { align: left; } 

div.PortfolioPositioner { float: right; width: 536px; margin-right: 21px; display: inline; } 
div.PortfolioHolder { position: relative; width: 520px; height: 255px; overflow: hidden; }
div.PortfolioHolderHolder { margin-left: 47px; position: relative; width: 473px; height: 255px; overflow: hidden; }
div.PortfolioMask   { position: absolute; top: 0; z-index: 200; width: 473px; height: 275px; visibility: hidden;}
div.PortfolioStart  { position: absolute; top: 0; z-index: 240; width: 520px; height: 275px; }
div.PortfolioEmail  { background-color: #FFFFFF; position: absolute; top: 0; z-index: 241; width: 520px; height: 275px; visibility: hidden; }
a.PortfolioEmail { color: #592204; text-decoration: none; } 
p.GreenCopy { color: #669900; font-size: 12px; text-align: justify; line-height: 18px;}
p.PortfolioCopy { color: #545454; font-size: 12px; text-align: justify; line-height: 18px;}

a.BrownLink { color: #592204; text-decoration: none; } 
a.BrownLink:visited { color: #592204; text-decoration: none; } 

div.SampleBox       {  position: absolute; opacity: 1.0; top: 0; z-index: 100; margin: 11px 0px 0px 11px; width: 446px; height: 209px; visibility: hidden;}
div.BackgroundBox   { position: absolute; top: 0; z-index: 50; margin: 11px 0px 0px 11px; width: 446px; height: 209px; visibility: hidden;}

div.SmallPicPositioner { float: right; width: 224px; margin-right: 21px; display: inline;} 
div.SmallPicHolder { position: relative; width: 224px; height: 230px; overflow: hidden; }
div.SmallPicMask   { position: absolute; left: 0; top: 0; z-index: 200; width: 224px; height: 224px; }
div.SmallPic       { position: absolute; left: 0; top: 0; z-index: 100; margin: 11px 0px 0px 10px; width: 213px; height: 208px; }
div.SmallPicBG     { position: absolute; left: 0; top: 0; z-index: 50; margin: 11px 0px 0px 10px; width: 213px; height: 208px; }

td.ControlBG { height: 49px; background: transparent url(Images/HSprites.gif) repeat-x 0px -195px }
div.ControlBox { margin: 9px 0px 0px 140px; width: 140px; height: 49px; background: transparent url(Images/Sprites.gif) no-repeat -3px -347px; } 
div.ControlLeft { display: inline; margin-left: 23px; float: left; width: 20px; height: 49px; background: transparent url(Images/Sprites.gif) no-repeat -146px -347px;} 
div.ControlLeft:hover { background: transparent url(Images/Sprites.gif) no-repeat -167px -347px;} 
div.ControlLeft:over { background: transparent url(Images/Sprites.gif) no-repeat -167px -347px;} 
div.ControlRight {display: inline;  margin-left: 50px; float: left; width: 20px; height: 49px; background: transparent url(Images/Sprites.gif) no-repeat -209px -347px;} 
div.ControlRight:hover { background: transparent url(Images/Sprites.gif) no-repeat -188px -347px;} 
 
div.FooterMenu { padding-top: 10px; color: #666666; margin-left: auto; margin-right: auto; width: 268px; text-align: center;  display: block; }
div.FooterMenu a { color: #666666; text-decoration: none;} 
div.FooterMenu a:hover { color: #000000; text-decoration: none;} 
div.FooterMenu ul { display: inline; list-style: none; padding: 0px; margin: 0px; font-size: 14px; }
div.FooterMenu ul li { display: inline; list-style: none; padding: 0px 3px 0px 3px; }
div.FooterMenu ul li.node { display: inline; list-style: none; padding: 0px 3px 0px 5px; border-left: 1px solid #666666; }
div.FooterCopyRight {
	width: 120px;
	color: #666666;
	font-size: 9px;
	padding-top: 18px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}