/* Spherical Snapshots CSS */

/* ---BASIC ELEMENTS--- */
body {font-style: normal; font-variant: normal; font-weight: normal; line-height: 150%; font-size: 80%; font-family: verdana, arial; color: #333333; background:  #ffffff; background-repeat: no-repeat; background-position: center; 	margin: 0px; padding: 0px;}
h1,h2,h3,h4 {margin: 0px; padding: 0px;}

#header {margin: 2px 0px 0px 245px; padding-bottom: 0px !important; font-size: 90%; font-family: Arial, Helvetica, sans-serif;}
#footer {margin: 0px 0px 20px 20px; !important;font-size: 150%; font-family: Arial, Helvetica, sans-serif;}
#pageHeader h1 {position: absolute; left: 2px; top: 10px; z-index: 2; width: 237px; height: 150px; margin: 0px; padding: 0px; background:  url(logo.png) center no-repeat;}
#pageHeader h1 span,#pageHeader h2 {position: absolute; left: -9999px; }

a {font-size: 90%; font-weight: normal; color: #0c0c6b; text-decoration: none; }
a:hover {font-size: 90%; font-weight: normal; color: #8C8FA2; border-bottom: dotted 1px; }	
a:active {font-size: 90%; font-weight: normal; color: #5f5faf; }	


/* ---GENERAL ELEMENTS--- */
p {font: 80%/175% verdana, arial; !important; font-size: 80%; text-align: justify; 	color: #666; line-height: 140%; margin-top: 0px; }
p.invisible {font: 5% verdana, arial; !important; font-size: 5%; color: white;}
p.panolink {padding: 5px 10px 0px 0px; font-weight: normal; font-style: normal; line-height: 150%; font-size: 80%; font-family: verdana, arial; color:#000000}
a.panolink {padding: 5px 10px 0px 19px; font-weight: normal; font-style: normal; line-height: 150%; font-size: 90%; font-family: verdana, arial; }

/* notes */
p.notes { color: 666666; width: 438px; height: 15px !important; height /**/:16px; padding: 5px 10px 0px 0px; font-weight: normal; font-style: italic; line-height: 150%; font-size: 70%; font-family: verdana, arial; border-top: 1px solid; }
p.notes.1 { border-top: 0px solid; text-align: left;}
#notes { margin-bottom: 20px;}
#notes h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 24px; left top no-repeat; display: block; overflow: hidden;}
#notes p { width: 510px; margin: 5px 0px 0px 0px; padding-top: 8px; border-top: none; background:  url(topbar3.png) 0px 0px no-repeat; font-size: 70%;}
.nounderline {
	font-size: 120%;
}
/* to delete #Notes {margin: 5px 0px 5px 20px; padding: 0px;  font-size: 40%; font-style: italic;} */


/* ---PAGE SPECIFIC ELEMENTS--- */
#container {background:  url(topbar3.png) 0px 0px no-repeat; width: 510px; margin: 5px 0px 0px 245px; padding-top: 8px;}
#supportingText {margin: 25px 0px 0px 30px; width: 458px; right top no-repeat; }

/* lselect */
#lselect {width: 512px; center top }
#lselect ul {margin: 0px; padding: 0px 0px 0px 10px; list-style-type: none; !important; font-size: 90%; font-family: Arial, Helvetica, sans-serif; }
#lselect li {padding: 0px 0px 0px 0px; margin: 0px; /*width: 300px !important*/; width /**/:512px; text-align: center; display: block; }

/* Spherical */
#Spherical { margin-bottom: 20px;}
#Spherical h2 { width: 458px; height: 0px !important; color:#345387; height /**/:24px; padding: 24px 0px 0px 0px; background:  url(welcome.png) center top no-repeat; display: block; overflow: hidden; }
#Spherical h3 { width: 458px; height: 0px !important; color:#345387; height /**/:24px; padding: 24px 0px 0px 0px; background:  url(aboutss.png) left top no-repeat; display: block; overflow: hidden; }
#Spherical h4 { width: 458px; height: 0px !important;height /**/:16px; padding: 16px 0px 0px 0px; background:  url(CSS/images/tit_02.gif) left top no-repeat; display: block; overflow: hidden; }
#Spherical p { margin: 5px 0px 5px 20px; padding: 0px; }

/* Panoramas */
#Panoramas { margin-bottom: 20px; }
#Panoramas h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 24px; background:  url(aboutpano.png) left top no-repeat; display: block; overflow: hidden; }
#Panoramas p { margin: 5px 0px 5px 20px; padding: 0px; }

/* Contact */
#Contact { margin-bottom: 20px;}
#Contact h3 { width: 458px; height: 0px !important; color:#345387; height /**/:24px; padding: 24px 0px 0px 0px; background:  url(contact.png) left top no-repeat; display: block; overflow: hidden; }
#Contact p { margin: 5px 0px 5px 20px; padding: 0px; }
p.Contact { width: 458px; height: 15px !important; height /**/:16px; padding: 5px 10px 0px 0px; font-weight: bold; line-height: 150%; font-size: 80%; font-family: verdana, arial; 
}

/* Deliverables */
#Deliverables { margin-bottom: 20px;}
#Deliverables h3 { width: 458px; height: 0px !important; color:#345387; height /**/:24px; padding: 24px 0px 0px 0px; background:  url(deliverables.png) left top no-repeat; display: block; overflow: hidden; }
#Deliverables p { margin: 5px 0px 5px 20px; padding: 0px; }
p.Deliverables { width: 458px; height: 15px !important; height /**/:16px; padding: 5px 10px 0px 0px; font-weight: bold; line-height: 150%; font-size: 80%; font-family: verdana, arial; }

/* Retouching */
#Retouching { margin-bottom: 20px;}
#Retouching h3 { width: 458px; height: 0px !important; color:#345387; height /**/:24px; padding: 24px 0px 0px 0px; background:  url(retouching.png) left top no-repeat; display: block; overflow: hidden; }
#Retouching p { margin: 5px 0px 5px 20px; padding: 0px; }
p.Retouching { width: 458px; height: 15px !important; height /**/:16px; padding: 5px 10px 0px 0px; font-weight: bold; line-height: 150%; font-size: 80%; font-family: verdana, arial; }

/* Portfolio */
#Portfolio { margin-bottom: 20px;}
#Portfolio h3 { width: 458px; height: 0px !important; color:#345387; height /**/:24px; padding: 24px 0px 0px 0px; background:  url(portfolio.png) left top no-repeat; display: block; overflow: hidden; }
#Portfolio p { margin: 5px 0px 5px 20px; padding: 0px; }
p.Portfolio { width: 458px; height: 15px !important; height /**/:16px; padding: 5px 10px 0px 0px; font-weight: bold; line-height: 150%; font-size: 80%; font-family: verdana, arial; }

/* PortfolioPrint */
#PortfolioPrint { margin-bottom: 20px;}
#PortfolioPrint h3 { width: 458px; height: 0px !important; color:#345387; height /**/:24px; padding: 24px 0px 0px 0px; background:  url(portfolioprint.png) left top no-repeat; display: block; overflow: hidden; }
#PortfolioPrint p { margin: 5px 0px 5px 20px; padding: 0px; }
p.PortfolioPrint { width: 458px; height: 15px !important; height /**/:16px; padding: 5px 10px 0px 0px; font-weight: bold; line-height: 150%; font-size: 80%; font-family: verdana, arial; }

/* PortfolioWeb */
#PortfolioWeb { margin-bottom: 20px;}
#PortfolioWeb h3 { width: 458px; height: 0px !important; color:#345387; height /**/:24px; padding: 24px 0px 0px 0px; background:  url(portfolioweb.png) left top no-repeat; display: block; overflow: hidden; }
#PortfolioWeb p { margin: 5px 0px 5px 20px; padding: 0px; }
p.PortfolioWeb { width: 458px; height: 15px !important; height /**/:16px; padding: 5px 10px 0px 0px; font-weight: bold; line-height: 150%; font-size: 80%; font-family: verdana, arial; }

/* PortfolioPanorama */
#PortfolioPanorama { margin-bottom: 20px;}
#PortfolioPanorama h3 { width: 458px; height: 0px !important; color:#345387; height /**/:24px; padding: 24px 0px 0px 0px; background:  url(portfoliopanorama.png) left top no-repeat; display: block; overflow: hidden; }
#PortfolioPanorama p { margin: 0px 0px 5px 20px; padding: 0px; font-weight: bold; }

p.PortfolioPanorama { width: 458px; !important; height /**/:16px; padding: 0px 10px 0px 0px; font-weight: bold; font-size: 80%; font-family: verdana, arial; }

ul.panotxt li {margin: -5px 0px -5px 0px;  padding: 0px 0px 0px 0px; !important; font-size: 75%; font-family: verdana, arial; /*width: 300px !important*/; width /**/:512px; text-align: left; display: block; color:#333333; list-style-type: none; }
a.panotxt {padding: 5px 10px 0px 19px; font-weight: normal; font-style: normal; line-height: 150%; font-size: 90%; font-family: verdana, arial; }

td.panopicinstr {padding: 0px 10px 0px 0px; font-weight: normal; font-style: normal; line-height: 100%; font-size: 60%; font-family: verdana, arial; color:#8C8FA2; }

/* benefits */
#benefits { margin-bottom: 20px; }
#benefits h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 24px; background:  url(CSS/images/tit_04.gif) left top no-repeat; display: block; overflow: hidden; }
#benefits p { margin: 5px 0px 5px 20px; padding: 0px; }

/* linkList */
#linkList { position: absolute; left: 13px; top: 176px; width: 212px; background:  url(CSS/images/leftside_bg.gif) left top repeat-x; }

/* larchives */
#larchives { width: 212px; background:  url(CSS/images/list_bg.gif) left top repeat-y; display: block; }
#larchives h3 { background:  url(CSS/images/archives_tit.gif) left top no-repeat; width: 212px; height: 0px !important;height /**/:26px; padding-top: 26px; display: block; overflow: hidden; }
#larchives ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type: none; font-size: 10px; !important;font-size: 70%; font-family: Arial, Helvetica, sans-serif; }
#larchives li { padding: 13px 5px 13px 5px; margin: 0px; width: 196px !important;width /**/:206px; text-align: center; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #e9e9e9; border-bottom-color: #FFFFFF; display: block; }
#larchives li:hover { background-color: #ffffff; }

/* lresources */
#lresources { width: 212px; background:  url(CSS/images/list_bg.gif) left top repeat-y; display: block; }
#lresources h3 { background:  url(CSS/images/archives_tit.gif) left top no-repeat; width: 212px; height: 0px !important;height /**/:26px; padding-top: 26px; display: block; overflow: hidden; }
#lresources ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type: none; font-size: 10px; !important;font-size: 70%; font-family: Arial, Helvetica, sans-serif; }
#lresources li { padding: 13px 5px 13px 5px; margin: 0px; width: 196px !important;width /**/:206px; text-align: center; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #e9e9e9; border-bottom-color: #FFFFFF; display: block; }
#lresources li:hover { background-color: #ffffff; }eNg/

/* extraDiv1 */
#extraDiv1 { position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 15px; background:  url() left top repeat-x; }

/* WON */
#WON { margin-bottom: 20px;}
#WON h2 { width: 458px; height: 0px !important; color:#345387; height /**/:24px; padding: 24px 0px 0px 0px; background:  url(welcome.png) center top no-repeat; display: block; overflow: hidden; }
#WON h3 { width: 458px; height: 0px !important; color:#345387; height /**/:24px; padding: 24px 0px 0px 0px; background:  url(WONevents.png) left top no-repeat; display: block; overflow: hidden; }
#WON h4 { width: 458px; height: 0px !important;height /**/:16px; padding: 16px 0px 0px 0px; background:  url(CSS/images/tit_02.gif) left top no-repeat; display: block; overflow: hidden; }
#WON p { margin: 5px 0px 5px 20px; padding: 0px; }


