img {border:0px;}
ul {list-style-type:disc; }
a { color: #00274C; }

.Button_Container {width:225px; margin:20px auto 0px;}

body
{	
    margin: 0px 0px 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 12px;
    color: #686C75;
    background-color: #757E87;
}

body html { height: 100%;}

h1,h2,h3,h4,h5,h6 {padding: 0px;}

h1 { font-size: 180%; }
h2 { font-size: 185%; }
h3 { font-size: 185%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; margin: 0px 0px 5px; }

/** Site Containers ******************************/
#HeaderContainer 
{
  position: relative;
  width: 100%;
  background-color: #6B747D;
   background : url(images/HeaderBG.jpg) no-repeat top left;
  height: 483px;
  padding: 0px 0px 0px 0px;
}

#ContentContainer
{
  position: relative;
  width: 100%;
  background-color: #959CA2;
  padding: 30px 0px 30px 0px;
}

#Footer
{
  position: relative;
  width: 100%;
  background-color: #757E87;
  padding: 10px 0px 30px 0px;
}

/** Header Styles ********************************/
#Header 
{
    position: relative;
  width: 858px;
  height: 124px;
   margin: 0px auto;
}

#Logo 
{
  position: relative;
  float: left;
    top: 10px;
    left:0px;
}

#MainNav 
{
  position: relative;
  width: 561px;
  top: 20px;
  #top: 17px;
  right: 6px;
  float: right;
   text-align: center;
}

#MainNav a  
{
  display: block;
  float: left;
  width: 101px;
  height: 34px;
  margin: 0px 5px; 
  padding: 10px 0px 0px; 
  list-style-type: none;
    background-image: url(images/NavOff.png);
    background-repeat: no-repeat;
    background-position: left top;
    #background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="images/NavOff.png", sizingMethod="image");
  color: #3F4C57; text-decoration: none;
  cursor: pointer;
}

#MainNav a:hover, #MainNav .Selected  
{
  display: block; 
  float:left;
  margin: 0px 5px; 
  padding: 10px 0px 0px; 
  list-style-type: none;
    background-image: url(images/NavOn.png);
    background-repeat: no-repeat;
    background-position: left top;
    #background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="images/NavOn.png", sizingMethod="image");
  color: #FFF; text-decoration: none;
  cursor: pointer;
}

/** BreadCrumb ******/
#BreadCrumb 
{
    position: absolute;
  text-align: right;
   top: 94px;
   right: 11px;
}

#BreadCrumb a
{
  display: block;
  float: left;
  color: #C7CACE;
  text-decoration: none;
  margin: 0px 7px;
  line-height: 30px;
  font-size: 11px;
}

#BreadCrumb a:hover, #BreadCrumb .subSelected
{
  color: #FFF;
  text-decoration: none;
   background: url(images/Arrow_White.gif) center bottom no-repeat;
   margin: 0px 7px;
  line-height: 30px;
}

/** Banner Styles ******/
#Home_Banner 
{
  position: relative;
  width: 858px;
  height: 323px;
  top: 0px;
    margin: 0px auto;
    background-image: url(images/Banner_Home.png);
    background-repeat: no-repeat;
  text-align: left;
}

#Home_Banner .Banner_Desc  
{
  position: relative;
  float: left;
  width: 450px;
  font-size: 14px; 
  color: #00274C;
    margin: 210px 0px 0px 40px;
  line-height: 20px;
}

#Home_Banner #Buttons 
{
  position: relative;
  float: left;
    margin: 230px 0px 0px 30px;
}

/** Why Glacier Banner **/
#WhyGlacier_Banner 
{
  position: relative;
  width: 858px;
  height: 323px;
  top: 0px;
    margin: 0px auto;
    background-image: url(images/Banner_WhyGlacier.png);
    background-repeat: no-repeat;
  text-align: left;
}

#WhyGlacier_Banner .Banner_Desc  
{
  position: relative;
  float: left;
  width: 470px;
  font-size: 14px; 
  color: #FFF;
    margin: 40px 0px 0px 300px;
  line-height: 20px;
}

#WhyGlacier_Banner #Buttons 
{
  position: absolute;
  float: left;
    top: 160px;
    left: 410px;
}

/** Services Banner **/
#Services_Banner 
{
  position: relative;
  width: 858px;
  height: 323px;
  top: 0px;
    margin: 0px auto;
    background-image: url(images/Banner_Services.png);
    background-repeat: no-repeat;
  text-align: left;
}

#Services_Banner .Banner_Desc  
{
  position: relative;
  float: left;
  width: 490px;
  font-size: 13px; 
  color: #99CCFF;
    margin: 40px 0px 0px 300px;
  line-height: 20px;
}

#Services_Banner #Buttons 
{
  position: absolute;
  float: left;
    top: 215px;
    left: 350px;
}

#Services_Banner strong 
{
  color: #FFF;
  line-height: 20px;
  font-weight: normal;
  font-size: 15px;
}

/** Marketing Banner **/
#Marketing_Banner 
{
  position: relative;
  width: 858px;
  height: 323px;
  top: 0px;
    margin: 0px auto;
    background-image: url(images/Banner_Marketing.png);
    background-repeat: no-repeat;
  text-align: left;
}

#Marketing_Banner .Banner_Desc  
{
  position: relative;
  float: left;
  width: 435px;
  font-size: 13px; 
  color: #99CCFF;
    margin: 40px 0px 0px 300px;
  line-height: 20px;
}

#Marketing_Banner #Buttons 
{
  position: absolute;
  float: left;
    top: 250px;
    left: 300px;
}

#Marketing_Banner strong 
{
  color: #FFF;
  line-height: 20px;
  font-weight: normal;
  font-size: 15px;
}

/** Web Design Banner **/
#WebDesign_Banner 
{
  position: relative;
  width: 858px;
  height: 323px;
  top: 0px;
    margin: 0px auto;
    background-image: url(images/Banner_WebDesign.png);
    background-repeat: no-repeat;
  text-align: left;
}

#WebDesign_Banner .Banner_Desc  
{
  position: relative;
  float: left;
  width: 435px;
  font-size: 13px; 
  color: #696D76;
    margin: 65px 0px 0px 300px;
  line-height: 16px;
}

#WebDesign_Banner #Buttons 
{
  position: absolute;
  float: left;
    top: 220px;
    left: 395px;
}

#WebDesign_Banner strong 
{
  color: #00274C;
  line-height: 16px;
  font-weight: normal;
  font-size: 16px;
}

/** Contact Banner **/
#Contact_Banner 
{
  position: relative;
  width: 858px;
  height: 323px;
  top: 0px;
    margin: 0px auto;
    background-image: url(images/Banner_Contact.png);
    background-repeat: no-repeat;
  text-align: left;
}

#Contact_Banner .Banner_Desc  
{
  position: relative;
  float: left;
  width: 395px;
  font-size: 14px; 
  color: #FFF;
    margin: 220px 0px 0px 430px;
  line-height: 18px;
}

/** Portfolio Banner **/
#Portfolio_Banner 
{
  position: relative;
  width: 858px;
  height: 323px;
  top: 0px;
    margin: 0px auto;
    background-image: url(images/Banner_Portfolio.png);
    background-repeat: no-repeat;
  text-align: left;
}

#Portfolio_Banner .Banner_Desc  
{
  position: relative;
  float: left;
  width: 436px;
  font-size: 13px; 
  color: #535862;
    margin: 55px 0px 0px 300px;
  line-height: 16px;
}

#Portfolio_Banner #Buttons 
{
  position: absolute;
  float: left;
    top: 240px;
    left: 340px;
}

#Portfolio_Banner strong
{
  color:#FFF;
  font-size: 15px;
  font-weight: normal;
}

/** Portfolio Banner **/
#Legal_Banner 
{
  position: relative;
  width: 858px;
  height: 323px;
  top: 0px;
    margin: 0px auto;
    background-image: url(images/Banner_Legal.png);
    background-repeat: no-repeat;
  text-align: left;
}

#Legal_Banner .Banner_Desc  
{
  position: relative;
  float: left;
  width: 436px;
  font-size: 13px; 
  color: #FFF;
    margin: 45px 0px 0px 300px;
  line-height: 20px;
}



/** Buttons *****************/
.Button_Port 
{
  float: left;
  display: block;
  width: 88px;
  height: 27px;
   background-image: url(images/GoToPortfolio.png);
   background-repeat: no-repeat;
   #background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="images/GoToPortfolio.png", sizingMethod="image");
  text-decoration: none;
  font-size: 11px;
  color: #FFF;
  padding: 6px 0px 0px 12px;
  text-align: left;
  cursor: pointer;
}

.Button_Quote 
{
  float: left;
  display: block;
  width: 91px;
  height: 27px;
   background-image: url(images/RequestQuote.png);
   background-repeat: no-repeat;
   #background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="images/RequestQuote.png", sizingMethod="image");
  text-decoration: none;
  font-size: 11px;
  text-align: left;
  color: #FFF;
   padding: 6px 0px 0px 7px;
   margin-left: 25px;
   cursor: pointer;
}

.Sub_Button_Port 
{
  float: left;
  display: block;
  width: 93px;
  height: 24px;
  #height: 20px;
   background-image: url(images/BannerGoToPortfolio.png);
   background-repeat: no-repeat;
   #background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="images/BannerGoToPortfolio.png", sizingMethod="image");
  text-decoration: none;
  font-size: 11px;
  color: #FFF;
  padding: 13px 0px 0px 19px;
  text-align: left;
  cursor: pointer;
}

.Sub_Button_Quote 
{
  float: left;
  display: block;
  width: 96px;
  height: 25px;
  #height: 21px;
   background-image: url(images/BannerRequestQuote.png);
   background-repeat: no-repeat;
   #background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="images/BannerRequestQuote.png", sizingMethod="image");
  text-decoration: none;
  font-size: 11px;
  text-align: left;
  color: #FFF;
   padding: 13px 0px 0px 14px;
   margin-left: 25px;
   cursor: pointer;
}



/** Main Content Styles *********************************/
#MainContent 
{
  position: relative;
  width: 858px;
   margin: 0px auto 30px;
   padding: 0px 0px 0px;
   background-image: url(images/MainContentRepeat.jpg);
   background-repeat: repeat-y;
}

#MainContentBottom 
{
  position: relative;
  width: 858px;
   margin: 10px 0px 0px 0px;
   padding: 0px 0px 0px;
}

#PageTitle 
{
  color: #FFF;
  width: 842px;
  height: 42px;
  font-size:24px;
  font-weight: normal;
    background-image: url(images/BottomSource.png);
    background-repeat: no-repeat;
    background-position: left bottom;
  margin: 0px auto 30px;
  padding: 0px 0px 0px 15px;
}

#ContentDesc 
{
  position: relative;
  float: left;
  width: 537px;
   margin: 0px 0px 0px 35px;
   #margin: -17px 0px 0px 35px;
}

#ContentDesc h3 
{
  font-size: 19px;
   color: #3C3F4B;
   margin: 0px;
   padding: 0px; 
  font-weight: normal;
}

#ContentDesc hr 
{
  border:0;
  color: #AEB5BB;
  background-color: #AEB5BB;
  height: 1px;
  width: 98%;
  text-align: left;
  margin: 5px 0px 15px;
  #margin: 0px 0px 10px;
}

.Links ul {position: relative; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; list-style-type: none; z-index: 10;}
.Links li {line-height: 20px;}
.Links li:hover {list-style-image: url(images/Arrow_Blue.jpg);}
.Links a { text-decoration: none;}

#ContentDesc .Desc 
{
  position: relative;
  float: left;
  width: 390px;
   margin: 0px 0px 0px 52px;
  font-size: 12px;
   z-index: 1;
}

/** Testimonial Container **/
#TestimonialContainer 
{
  position: relative;
  width: 192px;
  float: left;
   margin: 25px 0px 10px 39px;
   padding: 0px 0px 0px;
  background-image: url(images/TestimonialBoxRepeat.jpg);
  background-repeat: repeat-y;
  font-size: 0; line-height: 0;
}

#TestimonialBox 
{
  margin:0px;
  padding: 5px 12px;
  font-size: 11px;
  line-height: 13px;
  color: #686C75;
}

#TestimonialBox h5
{
  margin:0px 0px 5px;
  padding: 0px 0px 5px;
  width: 100%;
  font-size: 19px;
  font-weight: normal;
  color: #7092AA;
  border-bottom: 1px solid #AEB5BB;
  height: 18px;
}

/** Sub Testimonial Box **/
#SubTestimonialContainer 
{
  position: relative;
  width: 302px;
   margin: 25px 0px 10px 39px;
   padding: 0px 0px 0px;
  background-image: url(images/SubTestimonialRepeat.png);
  background-repeat: repeat-y;
  font-size: 0; line-height: 0;
}

#SubTestimonialBox 
{
  margin:0px;
  padding: 5px 12px;
  font-size: 13px;
  line-height: 17px;
  color: #686C75;
}

#SubTestimonialBox h5
{
  margin:0px 0px 5px;
  padding: 0px 0px 5px;
  width: 100%;
  font-size: 19px;
  font-weight: normal;
  color: #7092AA;
  border-bottom: 1px solid #AEB5BB;
  height: 18px;
}

/** Bottom Box *******************************************/
#BottomBoxContainer
{
  position: relative;
  width: 858px;
   margin: 25px auto 0px; 
}

.BottomBoxTop 
{
  padding: 12px 0px 0px 30px;
  #padding: 8px 0px 0px 30px;
   width: 212px;
   height: 54px;
  background-image: url(images/BottomBoxTop.jpg);
  background-repeat: no-repeat;
  font-size: 15px;
  color: #3C3F4B;
}

.BottomBoxRepeat 
{
  padding: 0px;
  background-image: url(images/BottomBoxRepeat.jpg);
  background-repeat: repeat-y;
}

.BottomBoxContent
{
  font-size: 11px;
  line-height: 18px;
  padding: 5px 30px 0px;
  #padding: 0px 30px 0px;
}

.BottomBoxContent a
{
  color: #686C75;
}

/** Gutter *******************************/
#Gutter
{
  position: relative;
  width: 858px;
  text-align: center;
  color: #C6C6C8;
  line-height: 20px;
  font-size: 10px;
    margin: 0px auto;
}

#Gutter a
{
  color: #C6C6C8;
  text-decoration: none;
   margin: 0px 5px;
}






/** Why Glacier Page Styles *******************************/
.Why_Glacier_Content {
  padding: 0px 60px 0px 42px;
}

.Why_Glacier_Content h1 {
  width: 526px;
  height: 28px;
    background-image: url(images/h1BG.png);
    background-repeat: no-repeat;
  font-size: 19px;
  font-weight: normal;
  color: #3C3F4B;
    margin: 5px 0px 10px -42px;
    padding: 2px 0px 0px 42px;
}

.Why_Glacier_Content p {
  margin: 5px 0px 20px;
}

.Why_Glacier_Content strong {
  display: block;
  margin: 5px 0px 15px;
  color: #00274C;
  font-weight: normal;
  font-size: 14px;
}

.Why_Glacier_Content h6 {
  margin: 5px 0px 0px;
  color: #00274C;
  font-size: 14px;
  font-weight: normal;
}


/** Services Page *************************/
.ServicesDesc
{
  padding: 0px 0px 0px 20px;
  font-size: 12px;
}

.ServicesDesc h5
{
  padding: 0px;
  margin: 10px 0px 10px;
  #margin: 0px 0px 10px;
    font-size: 19px;
    font-weight: normal;
  color: #3C3F4B;
}

.ServicesDesc .ServicesText
{
 width: 386px;
  padding: 0px 0px;
}

.ServicesDesc .ServicePic
{
 margin: 0px 0px 0px -9px;
}


/** Marketing Page Styles *******************************/
.Marketing_Content {
  padding: 0px 60px 0px 42px;
}

.Marketing_Content h1 {
  width: 526px;
  height: 28px;
    background-image: url(images/h1BG.png);
    background-repeat: no-repeat;
  font-size: 19px;
  font-weight: normal;
  color: #3C3F4B;
    margin: 5px 0px 10px -42px;
    padding: 2px 0px 0px 42px;
}

.Marketing_Content p {
  margin: 5px 0px 20px;
}

.Marketing_Content strong {
  margin: 5px 0px 15px;
  color: #00274C;
  font-weight: normal;
  font-size: 14px;
}

.Why_Glacier_Content h6 {
  margin: 5px 0px 0px;
  color: #00274C;
  font-size: 14px;
  font-weight: normal;
}

.MarketingTestimonialContainer 
{
  position: relative;
  width: 544px;
   margin: 25px 0px 10px 0px;
   padding: 0px 0px 0px;
  background-image: url(images/MarketingTestimonialRepeat.png);
  background-repeat: repeat-y;
  font-size: 0; line-height: 0;
}

.MarketingTestimonialBox 
{
  margin:0px;
  padding: 5px 12px;
  font-size: 13px;
  line-height: 17px;
  color: #686C75;
}

.MarketingTestimonialBox h5
{
  margin:0px 0px 5px;
  padding: 0px 0px 5px;
  width: 100%;
  font-size: 19px;
  font-weight: normal;
  color: #7092AA;
  border-bottom: 1px solid #AEB5BB;
  height: 18px;
}


/** Web Design Page Styles *******************************/
.WebDesign_Content {
  padding: 10px 60px 0px 20px;
}

.WebDesign_Content h2 {
  font-size: 19px;
  font-weight: normal;
  color: #3C3F4B;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

.WebDesign_Content p {
  margin: 5px 0px 20px;
}

.WebDesign_Content strong {
  margin: 5px 0px 15px;
  color: #00274C;
  font-weight: normal;
  font-size: 14px;
}

.WebDesign_Content h6 {
  margin: 5px 0px 15px;
  color: #00274C;
  font-size: 14px;
  font-weight: normal;
}

.WebDesign_Content #text {
  margin: 5px 0px 0px;
  padding: 10px 80px 0px 0px;
}

.WebDesign_Content .Button_Container {
  margin: 5px 0px 0px 100px;
}


/** Contact Page Styles ******************************/
#ContactContent 
{ 
 width: 792px;
  margin: 0px 0px 0px 35px;
}

#ContactContent h1
{ 
  font-size: 19px;
  margin: 10px 0px 20px;
  padding: 0px;
  font-weight: normal;
}

#ContactContent h5
{ 
  font-size: 17px;
  margin: 0px 0px 15px;
  padding: 0px;
  text-align: left;
  font-weight: normal;
}

#ContactContent h1 strong
{ 
  color: #00274C;
  font-weight: normal;
}

#ContactContent #submit { border:none;}

#ContactContent #CompanyProfile { font-size: 13px; color: #A5A7AD;}

#ContactContent #DesignNeeds { font-size: 13px; color: #A5A7AD;}

#ContactContent .ContactPDF { line-height: 34px; }
#ContactContent .ContactPDF a 
{ 
 display: block; 
 color: #686C75; 
 text-decoration: none; 
 line-height: 34px; 
  background-image: url(images/pdf.png);
  background-repeat: no-repeat;
  background-position: right center;
 padding: 0px 40px 0px 0px;
 white-space: nowrap;
}

/** Portfolio Styles *****************************/
#PortfolioContent 
{
  width: 792px;
  margin: 0px 0px 0px 35px;
}

#ArtBoardBG 
{
  position: relative;
  width: 726px;
  height: 388px;
    background-image: url(images/portfolio/PortFrame.png);
    background-repeat: no-repeat;
  margin: 5px auto 0px;
}

.LeftArrow
{
 position: absolute;
  width: 23px;
  height: 45px;
 top: 176px;
 left: 0px;
}

.LeftArrow a { cursor: pointer; }

.RightArrow
{
 position: absolute;
  width: 23px;
  height: 45px;
 top: 176px;
 right: 0px;
}

.RightArrow a { cursor: pointer; }

#ArtBoard 
{
  position: absolute;
  width: 673px;
  height: 356px;
  line-height: 356px;
   top: 18px;
   left: 25px;
  vertical-align: middle;
  text-align: center;
   display: table;
  #position: relative; overflow: hidden;
}

#LogoImages
{
  #position: relative;display: table-cell; vertical-align: middle;
}

#WebImages
{
  #position: relative;display: table-cell; vertical-align: middle;
}

#PrintImages
{
  #position: relative;display: table-cell; vertical-align: middle;
}

.Thumbnails img { cursor: pointer;}

#PortfolioContent h4
{
  color: #3C3F4B;
  font-size: 19px;
  margin: 15px 0px 15px;
  font-weight: normal;
}

#PortfolioContent .Thumbnails
{
  width: 720px;
  margin: 0px auto;
}

/** Why Glacier Page Styles *******************************/
.Legal_Content {
  padding: 0px 60px 0px 42px;
}

.Legal_Content h1 {
  width: 526px;
  height: 28px;
    background-image: url(images/h1BG.png);
    background-repeat: no-repeat;
  font-size: 19px;
  font-weight: normal;
  color: #3C3F4B;
    margin: 5px 0px 10px -42px;
    padding: 2px 0px 0px 42px;
}

.Legal_Content p {
  margin: 5px 0px 20px;
}

.Legal_Content strong {
  color: #00274C;
  font-weight: normal;
  font-size: 14px;
}

.Legal_Content h6 {
  margin: 5px 0px 0px;
  color: #00274C;
  font-size: 14px;
  font-weight: normal;
}




















/** IE PNG FIX ***************************/
* html img,
* html .png {
  azimuth: expression(
    this.pngSet?
      this.pngSet=true : 
        (this.nodeName == "IMG" ? 
          (this.src.toLowerCase().indexOf('.png')>-1 ? 
            (this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
                this.src = "/images/blank.gif") :
            '') :          
          (this.currentStyle.backgroundImage.toLowerCase().indexOf('.png')>-1) ?
            (this.origBg = (this.origBg) ? 
              this.origBg :             
              this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
              this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
              this.runtimeStyle.backgroundImage = "none") :
            ''
        ), this.pngSet=true
  );
}


/* classes for validator */
	.tfvHighlight
		{font-weight: bold; color: red;}
	.tfvNormal
		{font-weight: normal;	color: #424143;}
		
/* ************************************************************************************** */		
		

