/* CSS Document */



input {
background-color: #eee;
font-family:  "Report", "Georgia", "Verdana", "Arial", "Helvetica", sans-serif;
font-size: 12px;
line-height: 1.25em;
color: #666; /*666;*/
}
textarea {
background-color: #eee;
font-family:  "Report", "Georgia", "Verdana", "Arial", "Helvetica", sans-serif;
font-size: 12px;
line-height: 1.25em;
color: #666; /*666;*/
}
table {
background-color: white;
font-family:  "Report", "Georgia", "Verdana", "Arial", "Helvetica", sans-serif;
font-size: 12px;
line-height: 1.25em;
color: #39f; /*666;*/
}
body {
	margin: 0;
	padding: 0;
	background: #cbe1f2 url(images/bgTile.gif) top left;
	text-align: center;
	}
#container	{
	font-size: 0;
	position:relative; 
	width: 650px;
	margin: 20px auto;
	padding: 0;
/*	border: 1px dashed #000;*/
	}
p, h1, h2, h3, h4, ul, li {
	text-align: left;
	font-family:  "Report", "Georgia", "Verdana", "Arial", "Helvetica", sans-serif;
	}
p, ul, li	{
	font-family:  "Report", "Georgia", "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	line-height: 1.25em;
	color: #39f; /*666;*/
	}
#verticalPieces	{
	margin: 0 58px 0 0;
	padding: 0;
	background: url(images/bgPieces.gif) 546px 0 repeat-y;
	border-left: 1px solid #f60;
	border-right: 1px solid #f60;
	background-color:#fff;
	width: 648px;	
/*	border: 1px dotted #d0a;*/
	}	
* html #verticalPieces {  /* This is the Tan hack */
	width: 648px; 
	w\idth: 536px;
}
#header {
	margin: 0;
	padding: 0;	
	background: url(images/logoTop.gif) 12px 0 no-repeat;
	}
#header h1 {
	font-size: 22px;
	color: #999;
	font-weight: bold;
	margin: 0;
	padding: 0;
	height: 27px;
	text-indent: -999px;
	}
#logoBottom {
	margin: 0;
	padding: 0;
	height: 25px;
	background:url(images/logoBot.gif) 0 0 no-repeat;
	}
/*#headline	{
	margin: 0;
	padding:  0;
	height: 60px;
	background: url(images/headline_about.gif) 50px 26px no-repeat;	
	}*/
#headline h2	{
	font-size: 18px;
	color: #f60;
	margin: 0;
	padding: 0;
	text-indent: -999px;
	}
#content	{
	margin: 0;
	padding: 0 0 0 52px;
	text-align: right;
	width: 524px; 							
	/* border: 1px dotted #0f0;	green*/
	}
* html #content {  /*adjusts the for IE6 on PC*/
	width: 524px; 
	margin-left: -20px;		
	}
*:first-child+html #content {	/*adjusts the for IE7 on PC*/
	width: 524px; 
	margin-left: -70px;		
}
#contentSpacer	{
	margin: 10px 90px 0 10px;
	padding: 15px 0 15px 0;
	width: 14px;
	height: 242px;
	position: relative;
	float: right;
	/*border: 1px solid #f00;*/
}	
* html #contentSpacer {  /*adjusts the for IE6 on PC*/
	width: 14px; 
	margin: 10px 40px 10px 10px;
	padding: 15px 0 15px 0;
}
*:first-child+html #contentSpacer {	/*adjusts the for IE7 on PC*/
	width: 14px; 
	margin: 10px 70px 10px 10px;
	padding: 15px 0 15px 0;
}

#imageHolder {
	margin: 0;
	padding: 0px 0px 10px 0;
	/*border: 1px solid #0ff; turqouise */
}
#imageHome	{
	margin: 0;
	padding: 0;
	height: 306px;
	width: 388px;
	text-align: right;
	position: relative;
	top: 0px;
	left: 0px;
	/*float: left;*/
	border: 1px solid #999;
	background-color:#fff;
	background: url('images/home_img.jpg') 0 0 no-repeat;
}
* html #imageHome {  /*adjusts the for IE6 on PC*/
	margin-left: -100px;		
	left: -110px;
	}
*:first-child+html #imageHome {	/*adjusts the for IE7 on PC*/
	left:-130px
}



#imageAbout	{
	margin: 10px 10px 0 0;
	padding: 0;
	height: 151px;
	width: 226px;
	text-align: right;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;/**/
	border: 1px solid #999;
	background-color:#fff;
	background: url('images/about_img.jpg') 0 0 no-repeat;
}
* html #imageAbout {  /*adjusts the for IE6 on PC*/
	margin: 10px;
	}
*:first-child+html #imageAbout {	/*adjusts the for IE7 on PC*/
	}
#copy	{
	margin: 0 0 0 0;
	padding: 0;
	font-size: 0;
}
* html #copy {  /* This is the Tan hack */
	*margin: 0 0 0 25px;
}
*:first-child+html #copy {
	margin: 0 0 0 0px;
}
#parent	{ 
	width: 550px;
	margin: 0;
	padding: 0;
	text-align: right; 
	/*border: 1px solid #000; */
}
* html #parent {  /*adjusts the for IE6 on PC*/
	margin-left: 15px;		
	}
*:first-child+html #parent {	/*adjusts the for IE6 on PC*/
}

#parent .col1	{
	width: 160px; 
	height: 721px; 
	float: left; 
	text-align: left; 
	/*border: 1px solid #369; 	*/
	background: url(images/featuresFPO.jpg) 0 0 no-repeat;
}
#parent .col2	{
	width: 250px; 
	height: 438px; 
	float: left; 
	text-align: left; 
/*	border: 1px solid #f00; */
}
#parent .col3	{
	width: 385px; 
	height: 304px; 
	margin: 0;
	float: left; 
	text-align: left; 
/*	border: 1px solid #f00; */
	background: url(images/features2models.jpg) 0 0 no-repeat;
}
#parent .clear	{ 
	clear: both; 
	width: 510px; 
	height: 40; 
	/*border: 1px solid #f00; 	*/
}

#parent .col1Order	{
	width: 180px; 
	height: 200px; 
	float: left; 
	text-align: left; 
/*border: 1px solid #999; 	*/
}
#parent .col2Order	{
	width: 220px; 
	padding: 0 20px;
	float: left; 
	text-align: left; 
/*border: 1px solid #f00; 	*/
}
#parent .clear	{ 
	clear: both; 
/*	border: 1px solid #f00; 	*/
}



#orderImage	{
	margin: 0 300px 0 0;
	padding: 0;
	height: 200px;
	width: 180px;
	position: relative;
	top: 0px;
	left: 0px;
/*	border: 1px solid #999;
	background: url(images/orderMain.jpg) 0 0 no-repeat;*/
}
#orderCopy	{
	margin: 0;
	padding: 0;
	height: 200px;
	width: 260px;
	font-size: 0;
	/*border: 1px solid #369; ibm dark blue */
	float: right; 
	position: relative;
	top: -1px;
	left: 180px;

}
/* the press table is used for links, press and a couple of other pages*/
#pressTable {
	padding: 0;
	margin: 0;
	*margin-left: -60px;		/*adjusts the margin for IE7 on PC*/
	width: 440px;
	*width: 420px;
	height: 200px;
	/*border: 1px dotted #f60;*/	
}
/* the class below is only on the links page*/
img.linkPage
{
	position: relative;
	float: left;
	left: 0;
	top: 0px;
}

#corner		{
	margin: 0;
	padding: 0;
	height: 62px;
	width: 648px;	
	background: url(images/cornerPiece.gif) 0 0 no-repeat;
/*	border: 1px solid #f00; */
	}
#bottom		{
	margin: 0;
	padding: 0;
	height: 10px;
	background: url(images/bottom.gif) 0 0 no-repeat;
	}
#footer	ul{
	height: 20px;
	width: 648px;
	padding: 0 auto 0 auto;
	margin: 6px  0 0 -40px;
	*margin: 6px  0 0 0;
/*	border: 1px solid #0f0; */
	}
#footer ul li { 
	display: inline; 
	}
#footer ul li a	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0 20px;
/*	border-left: 1px solid #f60;*/
	color: #999;
	text-decoration: none;
	float: left;
	}
#footer ul li.next	{
	border-left: 1px solid #f60;
	float: left;
	}
#footer ul li.first	{
	/*border-left: 1px solid #000;*/
	float: left;
	}

#footer ul li a:hover	{
	color: #666;
	}

/*=============================================*/


#navigation {
	position: absolute;
	left: 492px;
	top: 138px;
	padding: 0;
	margin: 0;
	width: 188px;
	background-color: white;
	}
#menuTop	{
	font-size: 0;	/* IE gap fix */
	padding: 0;
	margin: 0;
	height: 6px;
	background: url(images/menu_top.gif) 0 0 no-repeat;
	}
#menuWrapper	{
	/*border: 1px solid #333;*/
	padding: 0 0 0 5px;
	margin: 0;
	height: 250px;
	width: 183px;
	background: url(images/menu_right.gif) 0 0 repeat-y;
	background-position: top right;
	background-color: white;
	border-left: 1px solid #999;
	}
#menuBottom	{
	font-size: 0;
	padding: 0;
	margin: 0;
	height: 6px;
	background: url(images/menu_bot.gif) 0 0 no-repeat;
	}
#menu ul	{
	padding: 0;
	margin: 0;
	list-style-type: none;
	}	
#menu li	{
	padding: 0;
	margin: 0;
	}
#menu a {
	display: block;
	width: 171px;
	height: 22px;
	margin: 0; 
	padding: 0 0 10px 0;
	}

#menu a.home {
	background: url(images/menu_home.gif) 0 0 no-repeat;
	}
#menu a.features{
	background: url(images/menu_features.gif) 0 0 no-repeat;	
	}
#menu a.about{
	background: url(images/menu_about.gif) 0 0 no-repeat;	
	}
#menu a.order{
	background: url(images/menu_order.gif) 0 0 no-repeat;	
	}
#menu a.press{
	background: url(images/menu_press.gif) 0 0 no-repeat;	
	}
#menu a.retail{
	background: url(images/menu_retail.gif) 0 0 no-repeat;	
	}
#menu a.contact{
	background: url(images/menu_contact.gif) 0 0 no-repeat;	
	}
#menu a.links{
	background: url(images/menu_links.gif) 0 0 no-repeat;	
	}

#menu a:hover {	
	background-position: -171px 0;
	}
#menu a:active {	
	background-position: -342px 0;	
	}