/* Template 2 Style Sheet: designed and edited by peacemaker graphics. */

/* Repeating page background image displayed behind the main container */
#pageBg {
 	  background: url('../images/bgRep.png') repeat-x;
}

/* Holds all header, body and footer content */
#container {
    padding: 3px 0 0 0;
    width:1024px; 
    margin:0 auto; 
}
 
/* Body font formatting */
body { 
	 font-family: Arial, Helvetica, sans-serif; 
	 font-size: 14px;
	 padding: 0;
	 margin: 0;
}


/* Header background picture */    
#header-bg {
   background: url('../images/header.png') no-repeat;
   width: 1024px; 
   height: 136px;
   margin: 0 auto;
}
   
/* Body background image properties */    
#body-container { 
   background: url('../images/bodyBgFront.png') no-repeat;	
	 width: 1024px; 
   height: 476px;
   margin:0 auto;
   padding: 0;
}

/* Body background image properties - Split */
#body-container-split { 
   background: url('../images/bodyBgSplit.png') no-repeat;	
	 width: 1024px; 
   height: 476px;
   margin:0 auto;
   padding: 0;
}

/* Body background image properties - Full */
#body-container-full {
   background: url('../images/bodyBgFull.png') no-repeat;
	 width: 1024px;
   height: 476px;
   margin:0 auto;
   padding: 0;
}

/* Content header 'size 1' properties */
h1 { 
	 margin: 0;
   font-weight: 100; 
	 font-size: 12px;
   color: #ddd;
}

/* Content paragraph left margin */
p { 
	 margin-left: 0.3em ;
}

/* Content paragraph left margin */
p:hover {
   color: #ccc;
	 margin-left: 0.3em ;
}

/* Nav Button Placement */	
#nav-buttons {
   float: left;
   padding: 12px 0 0px 90px;
}

/* Navigation button display (and button text) properties: Buttons from 1 to 8 */
#button-bg-1, #button-bg-2, #button-bg-3, #button-bg-4, #button-bg-5, #button-bg-6, #button-bg-7, #button-bg-8 {
   display: block; 
   float: left;
   background: url('../images/nButtonN.png') no-repeat;
   height: 21px;
   width: 101px;
   padding: 3px 5px 0 0 ;   
   text-align: center;  
}

/* Navigation button - with SWAP - display (and button text) properties: Buttons from 1 to 8 */
#button-bg-1-back:hover, #button-bg-2-back:hover, #button-bg-3-back:hover, #button-bg-4-back:hover, #button-bg-5-back:hover, #button-bg-6-back:hover, #button-bg-7-back:hover, #button-bg-8-back:hover {
   display: block; 
   float: left;
   background: url('../images/nButtonN.png') no-repeat;
   height: 21px;
   width: 101px;
   padding: 3px 5px 0 0 ;   
   text-align: center;  
}

/* Standard Page anchor properties */

a {
  color: #ccc;
  text-decoration: none;
}

a:hover {
  color: #eee;
  text-decoration: none;
  border-bottom: dotted 1px #656e84;
}

a:active {
	 color: #aaa;
   text-decoration: none;
}

/* Navigation button display (and button text) properties: Buttons from 1 to 8: Swap button background to hover state */
#button-bg-1:hover, #button-bg-2:hover, #button-bg-3:hover, #button-bg-4:hover, #button-bg-5:hover, #button-bg-6:hover, #button-bg-7:hover, #button-bg-8:hover {
   display: block; 
   float: left;
   background: url('../images/nButtonH.png') no-repeat;
   height: 21px;
   width: 101px;
   padding: 3px 5px 0 0 ;   
   text-align: center;  
}

/* Navigation button display (and button text) properties: Buttons from 1 to 8: Swap button background to pushed state */
#button-bg-1:active, #button-bg-2:active, #button-bg-3:active, #button-bg-4:active, #button-bg-5:active, #button-bg-6:active, #button-bg-7:active, #button-bg-8:active {
   display: block; 
   float: left;
   background: url('../images/nButtonP.png') no-repeat;
   height: 21px;
   width: 101px;
   padding: 3px 5px 0 0 ;   
   text-align: center;  
}

/* Navigation button text properties: a */
#button-bg-1 a, #button-bg-2 a, #button-bg-3 a, #button-bg-4 a, #button-bg-5 a, #button-bg-6 a, #button-bg-7 a, #button-bg-8 a {
   font-size: 12px;
	 color: #383f72;
	 text-decoration:none;
   padding-top: 7px;
}

/* Navigation button text properties: a: hover */
#button-bg-1 a:hover, #button-bg-2 a:hover, #button-bg-3 a:hover, #button-bg-4 a:hover, #button-bg-5 a:hover, #button-bg-6 a:hover, #button-bg-7 a:hover, #button-bg-8 a:hover {
   font-size: 12px;
	 color: #ddd;
   text-decoration:none;
   padding-top: 7px;
}

/* Navigation button text properties: a: active */
#button-bg-1 a:active, #button-bg-2 a:active, #button-bg-3 a:active, #button-bg-4 a:active, #button-bg-5 a:active, #button-bg-6 a:active, #button-bg-7 a:active, #button-bg-8 a:active {
   font-size: 12px;
	 color: #8484ab;
	 text-decoration:none;
   padding-top: 7px;
}

/* Content area formation properties : overflow used for content scrolling */    
#main-content {
   float:right;
	 margin: 25px 20px 0 0 !important; margin: 25px 10px 0 0;
   color: #bbb;
	 overflow: auto;
   height: 447px;
   width: 575px !important; width: 567px;
   font-size: 12px;
}

/* Footer background image properties */    
#footer-bg { 
	 background: url('../images/footer.png') no-repeat;
   width: 1024px; 
   height: 87px;
	 margin:0 auto;
   padding: 0;
}

/* Footer text properties */    
#footer-text {
   display: block;
   text-align: right;
   padding-right: 5px;
	 color:#999; 
	 font-size: 10px 
}
    
/* Welcome Text Area alignment */
#welcome-content {
   float: left;
   margin: 0 0 0 10px !important; margin: 0 0 0 3px; /* !important used for firefox type browsers */
   width: 410px; 
   height: 300px
}

#welcome-text {
   float: left;
   display: block;
   margin: 25px 0 0 16px !important; margin: 25px 0 0 10px; 
   width: 410px !important; width: 405px; 
   height: 120px;
   padding: 0;
}

#welcome-text p {
   color: #bbb;
   font-size: 13px;  
}

#welcome-text p:hover {
   color: #ccc;
   font-size: 13px;
}
   

/* Content alignment on Split-Content Pages */
#split-content {
   float: left;
   margin: 0 0 0 10px !important; margin: 0 0 0 3px; /* !important used for firefox type browsers */
   width: 410px; 
   height: 470px;   
}

#split-content p {
  color: #aaa;  
}

#split-content p:hover {
  color: #ccc;
}

#split-content blockquote {
  color: #aaa;
}

#split-content blockquote:hover {
  color: #ccc;
}

#split-title-text {
   float: left;
   display: block;
   margin: 25px 0 0 16px !important; margin: 25px 0 0 10px; 
   width: 390px !important; width: 390px; 
   height: 120px;
   padding: 0;
   line-height: 100% !important; line-height: 90%;   
}

/* A seperator line with a dotted bottom border */

#dotSeperator {
    width: 360px;
    margin: 5px 0 5px 10px !important; margin: 0 0 0 10px;
    border-top: dotted #555 1px;
}


#p-small {
   color: #999;
   font-size: 10px;
   margin: 0 0 0 10px;
}

#p-small:hover {
   color: #bbb;
   font-size: 10px;
   margin: 0 0 0 10px;
}

#p-small a {
	 color: #bbb;
   text-decoration: none;
}

#p-small a:hover {
	 color: #eee;
   text-decoration: none;
   border-bottom: dotted 1px #656e84;
}



/* Index page ADS text and link properties */
#p-small-ads {
	display: block;
	font-size: 11px;
	border-top: dotted #555 1px;
	color: #999;
	width: 571px !important; width: 536px;
}

#p-small-ads:hover {
	border-top: dotted #555 1px;
	color: #bbb;
}

#p-small-ads a {
	font-size: 11px;
	color: #bbb;
    text-decoration: none;
}

#p-small-ads a:hover {
	border-top: dotted #888 1px;
	color: #eee;
    text-decoration: none;
}

#p-small-ads a:active {
	border-top: dotted #777 1px;
	color: #aaa;
   text-decoration: none;
}

#para {
   color: #bbb;
   font-size: 13px; 
   margin: 8px 0 0 0;
}

#para:hover {
   color: #ddd;
   font-size: 13px;
   margin: 8px 0 0 0;
}

#concept-text {
   float: left;    
   display: block;
   width: 89px;
   height: 136px;
   font-size: 11px;
   text-align: center;
   color: #ddd;
   margin: 30px 0 0 12px !important; margin:  13px 0 0 8px;
}

#webTemplates-text {
   float: left;    
   display: block;
   width: 89px;
   height: 136px;
   font-size: 11px;
   text-align: center;
   color: #ddd;
   margin: 30px 0 0 12px !important; margin:  13px 0 0 10px;
}

#sketches-text {
   float: left;    
   display: block;
   width: 89px;
   height: 136px;
   font-size: 11px;
   text-align: center;
   color: #ddd;
   margin: 30px 0 0 12px !important; margin:  13px 0 0 12px;
}

#featuredSkin-text {
   float: left;    
   display: block;
   width: 89px;
   height: 136px;
   font-size: 11px;
   text-align: center;
   color: #ddd;
   margin: 30px 0 0 12px !important; margin:  13px 0 0 13px;
}

#text-container {
   float: left;
   display: block;
   font-size: 12px;
   color: #ddd;
   margin: 13px 0 0 12px !important; margin: 11px 0 0 8px;
   width:390px;
   height:140px;     
}

#title-text {
   margin: 0 0 0 5px;
}

/* Skin Concepts, Web Templates, Sketches, Featured Skin Properties: Firefox Alpha Settings and Margin */

#inner-text img {
   margin: 2px 0 0 1px;
   color: #aaa;      
   width: 87px;
   height: 120px;
   filter:alpha(opacity=60);
   opacity: 0.6;
}

#inner-text:hover img {
   margin-top: 1px;     
   width: 87px;
   height: 120px;
   filter:alpha(opacity=100);
   opacity: 1;
}

#inner-text:active img {
   margin-top: 2px;
   width: 87px;
   height: 120px;
   filter:alpha(opacity=80);
   opacity: 0.8;
}

/* 88 x 33 px Active, Hover and Normal Opacity Properties */
#Icon8833 {
   filter:alpha(opacity=60);
   opacity: 0.6;
}

#Icon8833:hover {
   filter:alpha(opacity=100);
   opacity: 1;
}

#Icon8833:active{
   filter:alpha(opacity=80);
   opacity: 0.8;
}


#inner-lower-text {
   margin: 0 0 0 5px;
   color: #aaa;
}

/* Dotted Square "[>]" Link Properties */
#squareDotLink {  
  color: #ccc;
  padding: 0 3px 0 3px;
  border: dotted #888 1px;
}

#squareDotLink:hover {
  color: #fff;  
  background-color: #778899;
  padding: 0 3px 0 3px;
  border: dotted #aaa 1px;
}

#squareDotLink:active {
  color: #aaa;
  background-color: #445577;
  padding: 0 3px 0 3px;
  border: dotted #888 1px;
}

/* Top "[^Top]" Link Properties */
#top {
  float: right; 
  color: #ccc;
  border: dotted #888 1px;  
  margin: 0 10px 5px 0 ;
  padding: 0 3px 0 3px;
} 

#top:hover {
  float: right; 
  color: #fff;
  background-color: #778899;
  border: dotted #888 1px;  
  margin: 0 10px 5px 0 ;
  padding: 0 3px 0 3px;
} 

#top:active {
  float: right; 
  color: #aaa;
  background-color: #445577;
  border: dotted #888 1px;  
  margin: 0 10px 5px 0 ;
  padding: 0 3px 0 3px;
} 

/* Featured Skin page properties */

#featuredSkinBg {
  display: block;
  background: url('../images/pWBgFull.png') no-repeat;
  height: 500px;
  width: 400px;
  padding: 0;
  margin: 0;
}

#featuredTitle {
	 padding: 25px 0 0 25px;
   font-weight: 100;
	 font-size: 12px;
   color: #ddd;
}

#fsAlign {
  margin: 0 0 0 65px;
}

#pWin {
  color: #bbb;
  font-size: 12px;
  padding: 0 0 0 22px;
}

#pWin:hover {
  color: #ddd;
  font-size: 12px;
  padding: 0 0 0 22px;
}

#closeWin {
  color: #bbb;
  font-size: 12px;
  text-align: center;
  margin: 0 0 0 147px;
  padding: 0 2px 0 2px;
  width: 103px;
  height: 15px;
  border: dotted #888 1px;
}

#closeWin:hover {
  color: #fff;
  background-color: #778899;
  text-align: center;
  font-size: 12px;
  margin: 0 0 0 147px;
  padding: 0 2px 0 2px;
  width: 103px;
  height: 15px;
  border: dotted #888 1px;
}

#closeWin:active {
  color: #aaa;
  background-color: #445577;
  text-align: center;
  font-size: 12px;
  margin: 0 0 0 147px;
  padding: 0 2px 0 2px;
  width: 103px;
  height: 15px;
  border: dotted #888 1px;
}

/* End of Featured Skin page properties */

#intDesUrls {
  margin: 0 0 0 10px;
}

#frontList {
  margin: 10px 0 0 -15px !important;  margin: 10px 0 0 25px;
  height: 150xp;
}

#frontListPText {
  margin: 10px 0 0 10px;
}

#frontList:hover {
  color: #ccc;
  margin: 10px 0 0 10px;
}

/* Promotion Banners */

#KP_Sales_Banner {
  background: url('../images/promo/KPSalesBanner.png') no-repeat;	
  width: 507px; 
  height: 232px;
  margin:20px 0 0 0;
  padding: 0;
  filter:alpha(opacity=50);
  opacity: 0.5; 
}

#KP_Sales_Banner:hover {
  filter:alpha(opacity=90);
  opacity: 0.9; 
}

#blinkbot {
  background: url('../files/skins/blinkbot/blinkbotpic.png') no-repeat; 
  width: 400px; 
  height: 374px;
  margin:20px 0 0 0;
  padding: 0;
  filter:alpha(opacity=50);
  opacity: 0.5; 
}

#blinkbot:hover {
  filter:alpha(opacity=100) !important; filter:alpha(opacity=50);
  opacity: 1 !important; opacity: 0.5; 
}

a bbbox {
   border: none;  
}

a bbbox:hover {
  border: dotted 1px #656e84;
  
}

a bbbox {
   border: none; 
}

a bbbox:hover {
  border: dotted 1px #656e84;
  filter:alpha(opacity=60);
  opacity: 0.6;
}

#affils {
  display: block;
  top: 597px;
  position: fixed;
  background: url('../images/glassHighlight.png') #666f84 repeat-x;
  width: 558px; 
  height: 16px;
  font-size: 11px;
  border-top: dotted #555 1px;
  color: #999;
  margin: 0 0 0 -2px;

}

#affils:hover {
    display: block;
	border-top: dotted #555 1px;
	color: #bbb;
}

#affils a {
	font-size: 11px;
	color: #bbb;
    text-decoration: none;
}

#affils a:hover {
	border-top: dotted #888 1px;
	color: #eee;
    text-decoration: none;
}

#affils a:active {
	border-top: dotted #777 1px;
	color: #aaa;
   text-decoration: none;
}

#pageTop {
   filter:alpha(opacity=60);
   opacity: 0.6;
}

#pageTop:hover {
   filter:alpha(opacity=100);
   opacity: 1;
}