

/* standard elements */


a {
	color: #000;
	text-decoration: none;
}

a:link {color: #A50E0E}     /* unvisited link */
a:visited {color: #A50E0E}  /* visited link */
a:hover {color: #000000}   /* mouse over link */
a:active {color: #A50E0E}   /* selected link */

body {
	

	margin: 20px 0;
	text-align: center;

	 font:normal 76% georgia,helvetica,verdana,tahoma,arial,"sans serif";
}



.dialog {
 width:850px;
 margin:0px auto;
 min-width:20em;
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(img/tl.gif) no-repeat 0px 0px;
}

.dialog .hd .c {
 background:transparent url(img/tr.gif) no-repeat right 0px;
}

.dialog .bd {
 background:transparent url(img/ml.gif) repeat-y 0px 0px;
}

.dialog .bd .c {
 background:transparent url(img/mr.gif) repeat-y right 0px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(img/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(img/bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url(img/br.gif) no-repeat right 0px;
}


.clear {font-size: 1px; height: 1px}
/* content-specific */

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em georgia,helvetica,verdana,tahoma,arial,"sans serif";
}

html>body .dialog pre {
 font-size:1.1em;
}
.gfx a {
	background: #FFFFFF url(img/logo01.jpg) no-repeat;
	

	display: block;
	height: 110px;
	
}

/* header */
.header {
	background: #FFF;
	border-bottom: 1px solid #E5E5E5;
	font: bold 13pt Arial;
	/*line-height: 3em; */
}

/* main */
.main {
	background: #FFF;
	border: 3px double #ffffff;
	border-color: #E4E4E4 #CFCFCF #CCC #CFCFCF;
	margin: 20px auto auto auto;
	text-align: left;
	width: 700px;
}
.container {
	margin: 10px;
}



/* menu */
.menu a {
	background: #EEE;
	border-right: 1px solid #CECECE;
	border-top: 1px solid #E5E5E5;
	color: #000000;
	float: left;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 135px;
	height: 20px;
	text-align:center;
	font: bold 12pt georgia,helvetica,verdana,tahoma,arial,"sans serif";
}
.menu a span {
	padding-left: 4px;
}
.menu a:hover {
	background: #EEE url(img/bgmenu.gif) repeat-x;
	color: #555;
	
}
.menu a#last {
	width: 135px;
	border-right: none;
}

/* content */
.content {
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	clear: both;
}

.content a:link {

text-decoration: underline;

}

.content a:hover{

text-decoration: underline;
text-transform: uppercase;

}

.content a:visited{

text-decoration: underline;

}
.content h1 {
	margin: 0;
	font: bold 11pt georgia,helvetica,verdana,tahoma,arial,"sans serif";
	color: #000000;
}

.content h2 {
	margin: 0;
	font: bold 12pt georgia,helvetica,verdana,tahoma,arial,"sans serif";
	color: #000000;
}
.content p {
	margin: 3px 0 6px; color: #000000;
	font: 10pt georgia,helvetica,verdana,tahoma,arial,"sans serif";
}

.content center{
	margin: 0;
	font: bold 12pt georgia,helvetica,verdana,tahoma,arial,"sans serif";
	color: #000000;

}
.item {
	background: #FCFCFC url(img/bgitem.gif) repeat-x;
	padding: 10px;
}

/* footer */
.footer {
	padding: 5px;
	background: #F5F5F5;
	color: #000;
	border: 1px solid;
	font: 9pt georgia,helvetica,verdana,tahoma,arial,"sans serif";
	
}


.footer .left, .footer .right {padding: 0 12px;}
.footer .right, .footer .left a:active {color: #A50E0E; text-decoration: underline;
font-weight:bold;}
.footer .left a:hover {color: #A50E0E; text-decoration: underline;
text-transform: uppercase; font-weight:bold;}

/* floats */
.left {float: left;}
.right {float: right;}
.clearer {clear: both;}



#pic {
	background-color: #FFFFFF;
	left: 10px;
	position: relative;
	top: 10px;
	width: 135px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;

	
}
#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 333px;
	left: 350px;
	position: absolute;
	top: -100px;
	width: 500px;
}
#pic a.p1:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}

#map {
    margin:0;
    padding:0;
    width:250px;
    height:194px;
    background:url(img/products/nyc_new02.jpg) top left no-repeat #fff;
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
	position: relative;
}




#map li {
    margin:0;
    padding:0;
    list-style:none;
}

#map li a {
    position:absolute;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions. */ 
      background:url(img/products/blank.gif);
}



#map li a span { display:none; }


#map li a:hover span {
    position:relative;
    display:block;
    width:500px;
    left:20px;
    top:20px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
	background-color: #ffffff;
	color: #000000;
	
    
}

#map a.red {
	
	width:125px;
	height:194px;
}
       
#map a.yellow {
	top:1px;
	left: 125px;
	width:125px;
    height:194px;
}

#map a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
	z-index:2;
}

#map a img {
	border: 0;
}

#map a.red, #pic a.red:visited {
	background: #FFFFFF;

	
}
#map a.red:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 333px;
	left: 310px;
	position: absolute;
	top: -100px;
	width: 500px;
}
#map a.red:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}


#map a.yellow, #pic a.yellow:visited {
	background: #FFFFFF;

	
}
#map a.yellow:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 333px;
	left: 150px;
	position: absolute;
	top: -100px;
	width: 500px;
}
#map a.yellow:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}

/* NYC MAP */


#nycmap li a span { display:none; }


#nycmap li a:hover span {
    position:relative;
    display:block;
    width:500px;
    left:20px;
    top:20px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
	background-color: #ffffff;
	color: #000000;
	    
}

#nycmap a.left {
	
	width:175px;
	height:250px;
}
       
#nycmap a.right {
	top:1px;

	width:175px;
	height:250px;
}

#map a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
	z-index:2;
}

#nycmap a img {
	border: 0;
}

#nycmap a.left, #pic a.left:visited {
	background: #FFFFFF;

	
}
#nycmap a.left:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 333px;
	left: 310px;
	position: absolute;
	top: -100px;
	width: 500px;
}
#nycmap a.left:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}


#nycmap a.right, #pic a.right:visited {
	background: #FFFFFF;

	
}
#nycmap a.right:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 333px;
	left: 150px;
	position: absolute;
	top: -100px;
	width: 500px;
}
#nycmap a.right:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}



/* for FLC image map */

#flcmap {
    margin:0;
    padding:0;
    width:250px;
    height:194px;
    background:url(img/products/ib01.jpg) top left no-repeat #fff;
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
	position: relative;
}




#flcmap li {
    margin:0;
    padding:0;
    list-style:none;
}

#flcmap li a {
    position:absolute;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions. */ 
      background:url(img/products/blank.gif);
}



#flcmap li a span { display:none; }


#flcmap li a:hover span {
    position:relative;
    display:block;
    width:500px;
    left:20px;
    top:20px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
	background-color: #ffffff;
	color: #000000;
	
    
}

#flcmap a.left {
	
	width:350px;
	height:236px;
}
       
#flcmap a.right {
	top:1px;
	left: 352px;
	width:246px;
    height:236px;
}

#flcmap a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
	z-index:2;
}

#flcmap a img {
	border: 0;
}

#flcmap a.left, #pic a.left:visited {
	background: #FFFFFF;

	
}
#flcmap a.left:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 333px;
	left: 500px;
	position: absolute;
	top: -100px;
	width: 500px;
}
#flcmap a.left:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}


#flcmap a.right, #pic a.right:visited {
	background: #FFFFFF;

	
}
#flcmap a.right:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 333px;
	left: 200px;
	position: absolute;
	top: -100px;
	width: 500px;
}
#flcmap a.right:hover {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}


