body {font-family: arial, verdanna, tahoma; font-size: 12px; line-height: 14px; background: url("/images/pg-bg.jpg"); background-attachment: fixed; margin-top: 10px;}

#logo-red, #logo-municipal, #logo-projects, #logo-store, #logo-about {width: 86px; height: 608px; float: left;  margin-right: 84px;}
#logo-red {background: url("/images/logo-red.jpg") no-repeat;}
#logo-municipal {background: url("/images/logo-municipal.jpg") no-repeat; margin-right: 84px;}
#logo-projects {background: url("/images/logo-projects.jpg") no-repeat; margin-right: 84px;}
#logo-store {background: url("/images/logo-store.jpg") no-repeat; margin-right: 84px;}
#logo-about {background: url("/images/logo-about.jpg") no-repeat; margin-right: 84px;}
#logo-felt, #logo-baby {background: url("/images/logo-details.jpg") no-repeat; margin-right: 84px ;width: 86px; height: 650px; float: left; }
#logo-details {background: url("/images/logo-details.jpg") no-repeat; margin-right: 84px ;width: 86px; height: 865px; float: left; }
#logo-custom {background: url("/images/logo-details.jpg") no-repeat; margin-right: 84px ;width: 86px; height: 1000px; float: left; }
#logo-jewelry{background: url("/images/logo-jewelry.jpg") no-repeat; margin-right: 84px ;width: 86px; height: 1400px; float: left; }
#logo-bracelets{background: url("/images/logo-jewelry.jpg") no-repeat; margin-right: 84px ;width: 86px; height: 1050px; float: left; }
#logo-press{background: url("/images/logo-press.jpg") no-repeat; margin-right: 84px ;width: 86px; height: 700px; float: left; }
#logo-store-info {background: url("/images/logo-store-info.jpg") no-repeat; margin-right: 84px ;width: 86px; height: 1000px; float: left; }
#content {width: 730px; height: 608px; float: left;}

#nav-container {margin-top: 12px; height: 82px;}
#nav-left {width: 525px; height: 82px; float: left;}
#nav-right {width: 10px: height: 82px;}

#nav-item {margin-right: 20px; float: left;}
#nav-item-cart {float: left; position: relative; top: -10px;}
a.nav, a:visited.nav, a:active.nav  {color: #4C4C4E; text-decoration: none; font-size: 11px; margin-right: 15px;}
a:hover.nav {color: #EC4325; text-decoration: none;}

a.nav-selected, a:visited.nav-selected, a:active.nav-selected  {color: #EC4325; text-decoration: none; font-size: 11px; margin-right: 15px;}
a:hover.nav-selected {color: #EC4325; text-decoration: none;}

a.project-nav, a:visited.project-nav, a:active.project-nav  {color: #4C4C4E; text-decoration: none; font-size: 12px; margin-right: 15px;}
a:hover.project-nav {color: #EC4325; text-decoration: none;}

a.si, a:visited.si, a:active.si  {color: #EC4325; text-decoration: none; font-size: 12px;}
a:hover.si {color: #4C4C4E; text-decoration: none;}

a.f-link, a:visited.f-link, a:active.f-link  {color: #4C4C4E; text-decoration: none; font-size: 12px;}
a:hover.f-link {color: #EC4325; text-decoration: none;}

.nav-nolink {color: #4C4C4E; text-decoration: none; font-size: 11px; margin-right: 15px; cursor: pointer;}
.nav-nolink-selected {color: #EC4325; text-decoration: none; font-size: 11px; margin-right: 15px; cursor: pointer;}
.right-buffer {margin-right: -3px;}


#hp-grid{width: 780px; position: relative; top: -30px;}
#row-1-hp, #row-2-hp, #row-3-hp {margin-bottom: 10px;}

#desc-text {width: 540px; color: #4C4C4E; font-size: 13px; line-height: 15px;}

#store-grid{width: 780px; position: relative; top: -30px; left: -50px;}
#store-info-grid, #press-grid {color: #4C4C4E; width: 700px;}
#projects-grid {position: relative; left: -65px; top: -25px; width: 1000px;}
a.store-gray, a:visited.store-gray, a:active.store-gray {width: 42px; height: 146px; background: url("/images/store-gray.jpg") 0px -146px no-repeat; display: block;}
a:hover.store-gray {width: 42px; background: url("/images/store-gray.jpg") 0px 0px no-repeat; display: block;}

a.municipal-gray, a:visited.municipal-gray, a:active.municipal-gray {width: 42px; height: 146px; background: url("/images/municipal-gray.jpg") 0px -146px no-repeat; display: block;}
a:hover.municipal-gray {width: 42px; background: url("/images/municipal-gray.jpg") 0px 0px no-repeat; display: block;}

a.projects-gray, a:visited.projects-gray, a:active.projects-gray {width: 42px; height: 146px; background: url("/images/projects-gray.jpg") 0px -146px no-repeat; display: block;}
a:hover.projects-gray {width: 42px; background: url("/images/projects-gray.jpg") 0px 0px no-repeat; display: block;}

a.grid img  {border: 2px solid #EC4325;}
a.grid:hover img  {border: 2px solid #636466;filter:alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.80;}

#art-function {font-size: 275%; color: #4D4D4F; line-height: 100%;}

#footer {color: #636466; position: absolute; top: 510px;}
#footer-felt, #footer-baby {color: #636466; position: absolute; top: 560px;}
#footer-details {color: #636466; position: absolute; top: 770px;}
#footer-custom {color: #636466; position: absolute; top: 910px;}
#footer-store-info {color: #636466; position: absolute; top: 1000px;}
#footer-press {color: #636466; position: absolute; top: 700px;}
#footer-jewelry {color: #636466; position: absolute; top: 1300px;}
#footer-bracelets {color: #636466; position: absolute; top: 955px;}
#footer-contact {color: #636466; position: absolute; top: 605px;}

a.sub-nav, a:visited.sub-nav, a:active.sub-nav  {color: #636466; text-decoration: none; font-size: 12px; margin-right: 15px;}
a:hover.sub-nav {color: #EC4325; text-decoration: none;}

div.menu {width: 60px;}
div.popup a:hover {}
div.menu:hover div:first-child {border-bottom: none;}
div.menu div.popup {display: none;}
div.menu:hover div.popup {display: block; position: relative; left: -45px; top: 2px; width: 100px;}
div.menu div {}
div.popup div, div.popup a { display:block; text-decoration: none;}
div.popup div + div, div.popup a + a {} 

a.text, a:visited.text, a:active.text  {color: #EC4325; text-decoration: none; font-size: 13px;}
a:hover.text {color: #4C4C4E; text-decoration: underline;}

.AccordionTitle, .AccordionContent, .AccordionContainer {position:relative;width:125px;}
.AccordionTitle {overflow:hidden; cursor:pointer; font-family:Arial; font-weight:bold; vertical-align:middle; text-align:center; display:table-cell; background: #ffffff;; -moz-user-select:none; color: #355698;}
.AccordionContent {height:0px; display:none;}
.AccordionContainer {}
.AccordionOpen {height:90px; width: 125px; position: relative;}

a.main-n, a.main-n:visited, a.main-n:active {font-size: 105%; color: #FFFFFF; text-decoration: none; display: block; height: 20px; line-height: 20px; background: #4C4C4E; }
a.main-n:hover {color: #FFFFFF; text-decoration: none; background: #636466; display: block;}

a.sub-n, a.sub-n:visited, a.sub-n:active {color: #636466; text-decoration: none; font-size: 105%; display: block; height: 20px; line-height: 20px; margin: 0px;}
a.sub-n:hover {color: #EC4325; text-decoration: none; display: block; height: 20px; line-height: 20px; margin: 0px;}

.thumb-text-nb {padding: 0px 12px 5px 0px; color: #636466; line-height: 150%; height: 140px;}
.thumb-text {border: 1px dotted #000000; padding: 10px 12px 5px 12px; color: #636466; line-height: 150%; height: 140px;}
.thumb-text-mid {border-width: 1px 1px 1px 0px; border-style: dotted; border-color: #000000; padding: 10px 12px 5px 12px; color: #636466; line-height: 150%; height: 140px; }

a.cart, a:visited.cart, a:active.cart {width: 37px; background: url("/images/cart.jpg") 0 0 no-repeat; display: block;}
a:hover.cart {width: 37px; background: url("/images/cart.jpg") -37px 0 no-repeat; display: block;}	

a.addtocart, a:visited.addtocart, a:active.addtocart {width: 95px; background: url("/images/add-to-cart.jpg") 0 0 no-repeat; display: block;}
a:hover.addtocart {width: 95px; background: url("/images/add-to-cart.jpg") -95px 0 no-repeat; display: block;}

#details-text {font-size: 12px; line-height: 16px; color: #393939; width: 500px;}
.main-details {font-size: 12px; line-height: 20px; color: #393939;}
.thumb {float: left; margin-right: 2px;}
a.thumb img  {border: 1px solid #EC4325;}
a.thumb:hover img  {border: 1px solid #636466;filter:alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.80;}

#about-separator {background: #5E1735; border: 3px solid #5E1735; width: 1px; height: 500px; float: left; margin-left: 10px; margin-right: 10px;}
#projects-separator {background: #6A8CAF; border: 3px solid #6A8CAF; width: 1px; height: 475px; float: left; margin-left: 10px; margin-right: 10px;}
#municipal-separator {background: #77BB44; border: 3px solid #77BB44; width: 1px; height: 475px; float: left; margin-left: 10px; margin-right: 10px;}

#project-thumbs {float: left; width: 43px;}
#municipal-thumbs {float: left; width: 48px;}

.selected {color: #D93B20; text-decoration: none; font-size: 12px;}
   
	#press_right_arrow{font-size: 12px; color: #333; text-decoration:none; list-style-type:none;}
	#press_left_arrow{font-size: 12px; color: #333; text-decoration:none; list-style-type:none;}
	#press3_right_arrow{font-size: 12px; color: #333; text-decoration:none; list-style-type:none;}
	#press3_left_arrow{font-size: 12px; color: #333; text-decoration:none; list-style-type:none;}
	
	#arrow_down{}
	#arrow_up{}
	#arrow_righttt:hover img{visibility:hidden;}   

	#projsquare1, #projsquare2, #projsquare3, #projsquare4, #projsquare5, #projsquare6, #projsquare7, #projsquare8, #projsquare9
	{border: solid 4px transparent; width: 44px; height: 44px; padding: 2px;}
	 #projsquare1:hover, #projsquare2:hover, #projsquare3:hover, #projsquare4:hover, #projsquare5:hover, #projsquare6:hover, #projsquare7:hover, #projsquare8:hover, #projsquare9:hover
	  {border: solid 4px #CACACA;} 	
	 		 		 	
	#projsquare2_1, #projsquare2_2, #projsquare2_3, #projsquare2_4, #projsquare2_5, #projsquare2_6, #projsquare2_7, #projsquare2_8, #projsquare2_9
	{border: solid 4px transparent; width: 44px; height: 44px; padding: 2px;}
	 #projsquare2_1:hover, #projsquare2_2:hover, #projsquare2_3:hover, #projsquare2_4:hover, #projsquare2_5:hover, #projsquare2_6:hover, #projsquare2_7:hover, #projsquare2_8:hover, #projsquare2_9:hover
	  {border: solid 4px #698bad;}	 
	 
	#munisquare1, #munisquare2, #munisquare3
	{border: solid 4px transparent; width: 50px; height: 55px; padding: 2px;}
	 #munisquare1:hover, #munisquare2:hover, #munisquare3:hover
	 {border: solid 4px #CACACA;} 		 
	 
	 //.munisquare {border: solid 4px transparent; width: 50px; height: 60px; padding: 2px; font-size: 11px; color: #333333; text-align: center;}
 	 //.munisquare:hover  {border: solid 4px #CACACA;} 	
 	 a.munisquaretxt, a.munisquaretxt:active, a.munisquaretxt:visited, a.munisquaretxt:hover {font-size: 10px; color: #333333; text-align: center; text-decoration: none;}
	  	 
	 .project-title {font-size: 13px;}
	 
	 .buffer {padding: 1px;}
	 
	 .paypal-drop {position: relative; left: -4px;}
	 
	 .muni-title {font-size: 18px; color: #333333; font-weight: bold;}
	 .muni-list {font-size: 12px; color: #333333;list-style-position: inside; list-style: none; line-height: 18px;}
	 .muni-list li:before {content: url(/images/dot_green.jpg); margin-right: 3px; margin-left: 25px;}
	 
	 #muni-desc {font-size: 12px;}