.itemContainer
{
    width: 600px;
    list-style-type: none;
}

.itemContainer li
{
    height: 280px;
    width: 200px;
    float: left;
}

.itemContainer li img
{
    width: 180px;
    margin: 10px 20px 10px 0;
} 

*
{
    color: #666666;
    text-align: left;
}
body
{
    /* 
		Clears white space around the body.
	*/
    margin: 0 0 0 0; padding: 0;
    width: 100%; background-color: black;
}


h1
{
  /*
    Makes h1 elements smaller than their browser default.
  */
 font-size : 22px;
 font-weight:normal;
}

#Front h1 a
{
  /*
    Makes h1 elements smaller than their browser default.
  */
 font-size : 22px;
 font-weight:normal;
}

h2
{
  /*
    Makes h1 elements smaller than their browser default.
  */
 font-size : 18px;
 padding: 0px;
 margin:0px;
 font-weight:lighter;
}

.Introduction
{
  font-style: italic;
  color: #003399;
}
#bgplacer
{
    margin-left: auto; 
    margin-right: auto; 
    position:relative; 
overflow: hidden;
	width: 1100px;    margin-top: 0; padding: 0; color:White;
}
#bgwrapper
{
    background-position: center top;
    background-repeat: repeat-y;
    background-image: url('../Images/Resource/background.jpg');
    background-position:center top inherit;
    float: left;
    width: 1100px;
    min-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0;
    top:  0;
}
#PageWrapper
{
	/*
		Sets the total width for the entire page. 
	*/
	width: 1000px; 
	position: relative; 
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
	PADDING-LEFT: 50px; 
	PADDING-RIGHT: 50px; 
}

#Header
{
    /*
		Gives the header the same width as the PageWrapper. The height creates some room for the logo
		that is set with the background-image.
	*/
    background-position: inherit top;
    background-image: url('../Images/Resource/Frontpage_Top2.jpg');
    width: 1000px;
    height: 200px;
    background-repeat: no-repeat;
    visibility: visible;
    font-family: Times New Roman;
}

.HeaderLink
{
	/*
		The #HeaderLink is nested in the #Header. It provides a link to the contact page.
	*/
	width: 1000px; 
	height: 245px; 
	display: block;	
}
#Main
{
    background-image: url('../Images/Resource/FrontpageMain2.jpg');
    background-repeat:no-repeat;
    background-position:center top;
    width: 1000px;
    margin: 0px;
    padding: 0px;  
    float:left;
    position: relative;
}
#MainBot
{
    background-image: url('../Images/Resource/FrontpageMainBot.jpg');
    background-position:bottom;
    width: 1000px;
    height:110px;  
    margin: 0px;
    padding: 0px; position: relative;
}
#Nav
{
    width:147px;
    margin: 100px 8px 30px 15px;  
    padding-left:10px;
    float:left;
    position:relative;
    font-family: Times New Roman;
    z-index:98;
}
#MenuWrapper
{
    /*
		The menu spans the page width, right below the header.
		At the top and left a few pixels padding is applied to create some room.
	*/
    background-position: left top;
    /*background-image: url('../Images/Resource/FrontPageText.jpg');*/
    width: 700px;
    height: 80px;
    padding-left: 10px;
    background-repeat: no-repeat; margin-left: 100px;
}
#Menu
{
    /*
		The Menu gets a white border on all four sides.
	*/
    padding-right: 20px;
    height: 22px;
}
.Line
{
    width:750px;
    border-bottom-color:Black;
    border-bottom-style:solid;
    border-bottom-width:1px;
    margin-bottom:20px     
}
.MainMenu
{
    /*
		The Menu gets a white border on all four sides.
	*/
    height: 22px;
}

#SubMenuWrapper
{
    position: relative;
    float: left;
    width: 100px;
}
#SubMenu
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #660066;
    padding-left: 10px;
    padding-right: 10px;
}
.SubMenu A
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #660066;
}
#InfoBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #660066;
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto;
}
#SellSamples
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #660066;
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto;
}
.leftspace
{
    height:80px;
}
#Front
{
    font-size: 11pt;
   
    position: relative;
    padding: 0px;
    float: right;
    width: 780px;
    margin: 20px;
    font-family: Times New Roman;
    top: 0px;
    left: 0px;
    z-index: 0;
}
#Front p
{
    padding: 4px 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
}
#Front h3
{
    font-size: medium;
    margin:0px;
    padding-top:3px;  
    padding-bottom:0px;  
    padding-left:0px;  
    padding-right:0px; font-weight:lighter;  
}

#Front a
{
    color: #CC6600;
    text-decoration: none;
}
#Front Table
{
    
}
#Front a:hover
{
    color: #FFcc33;
}

#Font
{
    position: relative;
    float: left;
    width: 700px;
}
.Font p
{
    padding-right: 10px;   
}
#Front td
{
    font-size:small;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

#page
{
    /*
		Defines the main content area. The #MainContent element has a minimum height of 500 pixels, but can grow if necessary.
		The font-size is 80% of its parenty element, which in this case comes down to 80% of the font
		the user has specified as the default font in the browser.
	*/
    font-size: 0.8em;
    width: 1073px;
    border-left: 0px;
    border-right: 0px;
    padding-left: 51px;
}

#SpaceTopHome
{
    height:68px;
}
#HomeImg
{
    padding-left: 15px;
}
#SpaceMidHome
{
    height:148px;
}
#HomeBoxWrapper
{
    width:900px;
    padding-left: 10px;
}
#SpaceBotPortMenu
{
    height:20px;
}

#aboutme
{
	/*
		Defines the main content area. The #MainContent element has a minimum height of 500 pixels, but can grow if necessary.
		The font-size is 80% of its parenty element, which in this case comes down to 80% of the font
		the user has specified as the default font in the browser.
	*/
	font-size: 0.8em;
	width: 1073px;
	border-left: 0px;
	border-right: 0px;
	padding-left: 51px;
	background-image: url('../Images/Resource/Contact.jpg');
	background-repeat:no-repeat;
	background-color: #ffffff;
    min-height: 500px;
}
#SpaceTopAbout
{
    height:167px;
}
#aboutmemain
{
    padding-top: 10px;
    padding-left:55px;
    width:1073px;
}

#FootWrap
{
    width: 1000px;
    clear: both;
    float: left;
   position: inherit;    
}
#FooterImg
{
    /*
		The footer is positioned below all other content (yet still within PageWrapper).
		At the top, it gets a border with a dashed style, while all other sides have no border.
		clear: both is used to clear the impact of the float properties used for #MainContent and #SideBar.
	*/
    background-position: top;
    width: 1000px;
    clear: both;
    float: left;
    visibility: visible;
    z-index: inherit;
    position: inherit;
    background-image: url('../Images/Resource/FrontpageFooter.jpg');
    background-repeat: no-repeat;
    height: 118px;
    background-position: center top;
    margin:0px;
    padding:0px;
}

#Footer
{
    /*
		The footer is positioned below all other content (yet still within PageWrapper).
		At the top, it gets a border with a dashed style, while all other sides have no border.
		clear: both is used to clear the impact of the float properties used for #MainContent and #SideBar.
	*/
    background-position: center top;
    text-align: center;
    font-size: small;
    clear: both;
    float: left;
    width: 980px;
    background-color:white;
    height: 80px;
    position: inherit;
    margin:10px;
    font-family: arial;
}
#Footer p
{
    font-size: small;
    font-family: arial;
    color:Black;
    padding-top:0px;
    padding-bottom:3px;
    margin-bottom:0px;
    margin-top:3px;
    text-align:center; 
        
}
#Footer a
{
    font-size: small;
    color: #999999;
}

#Footer td
{
    text-align: center;
    font-size: 0.7em;
    font-weight: bold;
}
#Footer td a
{
    text-align: center;
    font-weight: bold;
    color:#BB3882;
    font-size: 1em;
}

.MyButton
{
	color: #308462;
}
/*.StaticSelectedStyleP a
{
    color: #AAAAAA;
    height: 36px;
    width:137px; min-width: 137px;
}*/
.StaticSelectedStyleP , .StaticSelectedStyleP a
{
    background-image: url('../Images/Resource/SelNavM.jpg'); background-position:left;
    color: #AAAAAA;
    padding-top:0px;
    padding-bottom:0px;
   
}
.StaticMenuItemStyleP, .StaticMenuItemStyleP a 
{
    text-decoration: none;
    height: 24px;
    width:137px;
    color: #666666;
    font-size: 18px;
    padding-left:0px;
}
.StaticHoverStyleP a
{
    color: #000000;
    text-decoration: none;
    z-index: 99;
}
/*
.StaticMenuItemStyleP
{
    text-decoration: none;
    font-size: 1em;
    height: 36px;
    width:137px;
    color: #666666;
    font-size: large;
}
.StaticSelectedStyleP
{
    color: #AAAAAA;
    background-image: url('../Images/Resource/SelNavM.jpg'); background-position:right;
}
*/
.StaticSelectedStyleS , .StaticSelectedStyleS a
{
    background-image: url('../Images/Resource/SelNavS.jpg'); background-position:left;
    color: #AAAAAA;
    padding-top:0px;
    padding-bottom:0px;
   
}
.StaticMenuItemStyleS 
{
    text-decoration: none;
    height: 20px;
    width:137px;
    color: #666666;
    font-size: 14px;
}
.StaticMenuItemStyleS a
{
    padding-left:10px;
    margin-left:0px;
}
.StaticHoverStyleS a
{
    text-decoration: none; color:Black;
}
/*
.StaticMenuItemStyleS
{
    text-decoration: none;
    font-size: 1em;
    height: 20px;
    color: #666666;
    margin-left: 10px;
    font-size:medium;
}

.StaticHoverStyleS
{
    color: #000000;
    text-decoration: none;
}
.StaticSelectedStyleS
{
    color: #CCCCCC;
    text-decoration: none;
}
.StaticHoverStyleS a, .StaticMenuItemStyleS a
{
    text-decoration: none;
}
*/
.MainMenu a:hover
{
    color: #FFFFFF;
}
#LightBox a a:visited
{
    color: #FFFFFF;
    font-size: xx-small;
}

#LightBox
{
    float: left; width: 900px; position: inherit;
}
.arrow
{
    font-size: 0.85em;   
}
.info
{
    font-size: small;
}
.info ul
{
    font-size:small;
    padding-top:0px; 
    margin-top:0px;   
}
ul
{
    font-size:small;
}
.info p
{
    font-size:small;
    padding-bottom:0;
    margin-bottom:0;
}

.info table
{
    margin-left:auto;
    margin-right:auto;    
}
#leftpics
{
    position: relative;
    float: left;
    width: 140px; 
    padding-top: 5px;   
    padding-bottom: 5px;   
}
#toppics
{
    position: relative;
    float: left; 
    padding-top: 5px;   
    padding-bottom: 5px;   
}
#rangetext
{
    position: relative;
    padding-right: 5px;
    float: right;
    width: 545px; 
    padding-top: 5px;   
}
#leftpics img
{
    padding-top: 2px;
    padding-bottom: 2px;
}
#SubMenu a
{
    color: #006699;
    text-decoration: none;
}
#SubMenu a:hover
{
    color: #0066FF;
}
#SubMenu p, #SubMenu b
{
    color: #003F5E;
}
#Nav H1
{
    color: #666666;
    font-size: large;
}
.ranges th
{
    font-size:small;
    color:#666666;
    font-weight:normal;
    padding-top:6px;
}
.ranges td, .ranges img a
{
    border-width:1px;
    border-color: Black;
    border-style:solid;
    width: 246px;
    height: 246px;
    padding:0px;
    margin:0px;
    vertical-align:middle;
    
}
.ranges
{
    padding-bottom:20px;
    margin-top:10px;    
}
.cards th
{
    font-size:small;
    color:#666666;
    font-weight:normal;
    padding-top:6px;
}
.cards td, .ranges img a
{
    border-width:1px;
    border-color: Black;
    border-style:solid;
    width: 246px;
    height: 185px;
    padding:0px;
    margin:0px;
    vertical-align:middle;
    
}
.cards
{
    padding-bottom:20px;
    margin-top:10px;    
}
.gold
{
    color: #FF9900;
}
#form table
{
    width:100%
}
#form td
{ text-align:left
}
.leftbox
{
    position:relative; width:356px;
    border-bottom:0;
    padding-bottom:0;
    top: 0px;
    left: 0px;
}
.leftimg
{
    float:left; margin-right:20px;
}
menu
{
    font-size:8px;  
}
SubMenu
{
    font-size:8px;  
}
#prices td
{
    font:arial;
    border-bottom-style:dotted;
    border-bottom-width:1px;
    border-bottom-color:Gray;
}
#prices td a
{
    font:arial;
}
#prices p
{
    margin-bottom:2px;
    margin-top:8px;
    padding-bottom:0;
}