#CurrentInfo {
	background-color: #999999;
	margin: 10px 10px 5px;
	padding: 5px;
	float: left;
	width: 40%;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
/* IAM.css
 * used to format Internet-art-marketing main subscriber site
 $Date: 2005-06-28 15:21:07 -0400 (Tue, 28 Jun 2005) $
 $Rev: 207 $
 $Author: alan $
 ©Copyright SIME Corp, 2002-2005
 */
 
/* main body now has graphic in upper left corner for banner with title */
body {
	color: #600;
	background-color: #999;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-image: url(images/bannerIAM.jpg);
	background-repeat: no-repeat;
	width: 1000px;
}

/* comment out display line to enable counters */
object#Production {
/*display: none;*/
}

#BodyContentArea {
position: static;
top: 0em;
left: 0em;
padding-left: 20px;
padding-right: 20px;
width: 1000px;
}

/* tollFree is the field showing the toll free text and number */
#TollFree {
position: absolute;
top: 20px;
left: 70%;
background-color: #ffffff;
border: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
font-weight: bold;}

/* left nav is the navigation area floated on the left */
#LeftNav {
margin: 2em 0em 10px 10px;
width:12em;
font-size: .8em;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
float: left;}

/* right nav is the navigation area floated on the right */
#RightNav {
width:12em;
font-size: .8em;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
margin-top: 5em;
margin-right: 10px;
float: right;}

#RightNav h2 {
font-size: 1em;
font-weight: bold;}

#PageTitle {
font-size: 3em;
font-weight: bold;
margin-bottom: .5em;
text-align:center;}

#pagePhoto{
float: left;
padding: inherit;
padding-right: 1em;
padding-bottom: 1em;}

#ContentArea {
	font-size: 0.8em;
	margin-left: 11em;
	margin-right: 160px;
	margin-top:5em;
	padding: 1em;
	background-color: #CCC;
	width: 800px;
	clear: none;
}


div#wrap{
width: 1150px;}

#pagePhoto.img{
width: 30px;}


#pageImageGrid{
width: 30%;
padding-left: 10px;
padding-right: 10px;}

#Column1 {
margin-top: 0em;
width: 45%;
float: left;}

#Column2 {
width: 45%;
float: right;
}


/* area below title that contains menu and content */

#Footer {
text-align: center;
color: #000000;
font-size: .7em;
margin-top: 1em;
position: static;}


/* next is the catalogs and thier sub compinents
 * catalogs are ade up of a list of Catalog blocks, each with thumbnail and short description */
#Catalogs {
background-color: #ffeaa5;
border: 1px #000000 solid;
color: #000000;
}

#Catalogs img {
float: left;
margin: .5em;
border-width:0;}

#Catalogs p {
padding-left: .5em;
font-size: 1em;
padding-right: .5em;
padding-bottom: .5em;
padding-top: .2em;
margin: 0em;}

#Catalogs h1{
text-align: center;
font-weight: bold;
font-size: 1.2em;
padding-top: .2em;
margin: 0em;}

#Catalogs a {
text-decoration: none;
color: #000000;
display:block;
width:100%;}

#Catalogs a:hover {
background: #ccb94a;
color: #000000;
width:100%;
}

#Catalogs a:active {
background: #ccb94a;
color: #000000;
width:100%;
}

#Catalogs a.CurMenu {
background: #ccb94a;
color: #000000;
width:100%;
}


/* testimonials block is mad up of small Testimonial blocks with small photo
 * behavior is the link to the testimonial page clicking anywhere?? */
#Testimonials {
background-color: #ffeaa5;
border: 1px #000000 solid;
color: #000000;
margin-bottom: 10px;}


#Testimonials p {
padding-left: 1em;
margin-top: .2em;
margin-bottom: .2em;
font-size: 1em;}


#Testimonials img {
float: right;
margin: .5em;
border-width:0;}

#Testimonials p.shortTestimonialText {
padding-left: 1em;
margin-top: .2em;
margin-bottom: .2em;}

#Testimonials p.name{
position: relative;
text-align: center;
margin-top: .5em;
margin-bottom: .5em;
font-size: .7em;
font-weight: bold;}

#Testimonials h1{
position: relative;
text-align: center;
font-weight: bold;
font-size: 1.2em;
margin: 0em;
padding-top: .2em;}

#Testimonials a {
text-decoration: none;
color: #000000;
display:block;
width:100%;
}

#Testimonials a:hover {
background: #ccb94a;
color: #000000;
width:100%;
}

#Testimonials a:active {
background: #ccb94a;
color: #000000;
width:100%;
}

#Testimonials a.CurMenu {
background: #ccb94a;
color: #000000;
width:100%;
}


/* content area is the center information panel
 * the panel then contains 2 columns that are placed directly
 */



#ContentArea h1{
font-size: 1.2em;
font-weight: bold;}

#ContentArea h2{
font-size: 1.2em;
font-weight: normal;}

#ContentArea p{
margin-left: 1.2em;
}

/* the menu is relieved buttons where the active page is shown by 
 * setting the anchor class to curmenu
 */
div.Menu {
width: 9em;
background-color: #000000;
font-weight: bold;
font-weight: bold;
padding: 0em;
text-align: center;
/*margin-left: -190px;*/
border: 2px #000000 solid;
color: #ffffff;
font-size: 1em;
font-family: sans-serif;}

div.Menu a {
background: #ed30ff;
color: #ffffff;
padding-bottom: 5px;
padding-left: .5em;
padding-right: 1em;
padding-top: 5px;
text-decoration: none;
width: 100%;
border: outset;
display: block;
font-size: 1em;
}



div.Menu a:hover {
background: #2e77ff;
color: #000000;
border: outset;}

div.Menu a:active {
background: #2e77ff;
color: #000000;
border: inset;}

div.Menu a.CurMenu {
background: #2e77ff;
color: #000000;
border: inset;
}

/* used inside the meny at the top, showing the page they are on (coupled with the page button being pressed
 * like frenchie says
 */
/*
#TitleElement {
z-index: 1;
color: #000000;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
text-align: left;
top: 0em;
background-color: #ffeaa5;
padding: 1em;
width: 100%;
position: relative;
font-weight: normal;}
*/


#CreditCards {
margin-top: 1em;
margin-bottom: 1em;
text-align: center;}

#CreditCards a {
text-decoration: none;
margin: 5px;}

#CreditCards img {
border: none;}

#logo {
float: none;
/* margin-top: 70px; */
margin-right: 10px;
position: absolute;
top: 1em;
left:20px;
}


#header h1{
top: 1em;
position: absolute;}

#header{
padding-left:100px;
}

#pageText {
/*margin-left: 2em;
margin-bottom: 1em;
margin-right: 2em;
*/
}

#Panorama {
float: right;
margin: 1em 0em 1em 1em;
}