/**

centered, 932 main width... often with 11px padding left and right

*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* BASE */
html { background: #000 url(../images/bg-back.jpg); }
body { text-align: center;  position: relative; font-family: arial, helvetica, sans-serif; }
body#home { }
body #page-wrapper { width: 804px; margin: 20px auto 0; text-align: left; display: block; position: relative; background: url(../images/bg-body.jpg); }
a { text-decoration: none; color: inherit; }
a:hover { }
* a:active, * a:visited { outline: none; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
span.text-icon { font-family: "Courier New", courier, monospace; display: inline; margin-right: 4px; }
span.text-icon a:hover { text-decoration: underline; }

body div#main-content span.italicized { font-style: italic; }



/* HEADER */
body div#header { position: relative; z-index: 90; height: 26px; width: 100%; background: url(../images/bg-header_top.jpg) no-repeat; overflow: visible; margin-top: 0; }

body div#header h1#logo a {
	background:transparent url(../images/g-logo.png) no-repeat scroll 0 0;
	display:block;
	height:0;
	left:40px;
	overflow:hidden;
	padding-top:53px;
	position:absolute;
	top:30px;
	width:179px;
	z-index:99;
}

body div#header h1#logo a { }

/* NAV */
body div#nav-area { width: 100%; background: url(../images/bg-nav_area.gif) repeat-y; padding-left: 8px; margin-left: -8px; }
body div#nav-area ul#globalnav { background: none; margin: 0 0 0 auto; text-align: right; white-space: nowrap; height: 30px; }
body div#nav-area ul#globalnav { width:337px; }
body div#nav-area ul#globalnav li { display: block; float: left; height: 30px; }

body div#nav-area ul#globalnav li a {
background:transparent url(../images/bg-globalnav-back.gif) repeat scroll 0 0;
color:#B6B3AC;
display:block;
float:left;
font-size:12px;
height:18px;
overflow:hidden;
padding-left:6px;
padding-right:12px;
padding-top:12px;
}
body div#nav-area ul#globalnav li a:hover { color: #ffffff; background-position: 0 -60px; }

body div#nav-area ul#globalnav li#gn-about_us { }

body#home div#nav-area ul#globalnav li#gn-home a       { background-position: 0 -30px; color: #fff; }
body#home div#nav-area ul#globalnav li#gn-home a:hover { background-position: 0 -30px; color: #fff; }

body#about_us div#nav-area ul#globalnav li#gn-about_us a       { background-position: 0 -30px; color: #fff; }
body#about_us div#nav-area ul#globalnav li#gn-about_us a:hover { background-position: 0 -30px; color: #fff; }

body#projects div#nav-area ul#globalnav li#gn-projects a       { background-position: 0 -30px; color: #fff; }
body#projects div#nav-area ul#globalnav li#gn-projects a:hover { background-position: 0 -30px; color: #fff; }

body#gallery div#nav-area ul#globalnav li#gn-gallery a       { background-position: 0 -30px; color: #fff; }
body#gallery div#nav-area ul#globalnav li#gn-gallery a:hover { background-position: 0 -30px; color: #fff; }

body#news div#nav-area ul#globalnav li#gn-news a       { background-position: 0 -30px; color: #fff; }
body#news div#nav-area ul#globalnav li#gn-news a:hover { background-position: 0 -30px; color: #fff; }

body#contact div#nav-area ul#globalnav li#gn-contact a       { background-position: 0 -30px; color: #fff; }
body#contact div#nav-area ul#globalnav li#gn-contact a:hover { background-position: 0 -30px; color: #fff; }


/*body div#nav-area ul#globalnav li#gn-about_us a { background-position: 0 0; width: 66px; }
body div#nav-area ul#globalnav li#gn-projects a  { background-position: -66px 0; width: 62px; }
body div#nav-area ul#globalnav li#gn-gallery a  { background-position: -128px 0; width: 56px; }
body div#nav-area ul#globalnav li#gn-contact a  { background-position: -182px 0; width: 58px; }
body div#nav-area ul#globalnav li#gn-blog a  { background-position: -240px 0; width: 41px; }
body div#nav-area ul#globalnav li#gn-home a     { background-position: -281px 0; width: 49px; }

body div#nav-area ul#globalnav li#gn-about_us a:hover { background-position: 0 -30px; }
body div#nav-area ul#globalnav li#gn-projects a:hover  { background-position: -66px -30px; }
body div#nav-area ul#globalnav li#gn-gallery a:hover  { background-position: -128px -30px; }
body div#nav-area ul#globalnav li#gn-contact a:hover  { background-position: -182px -30px; }
body div#nav-area ul#globalnav li#gn-blog a:hover  { background-position: -240px -30px; }
body div#nav-area ul#globalnav li#gn-home a:hover     { background-position: -281px -30px; }*/

body div#page-utility { position: relative; min-height: 200px; width: 208px; height: auto; display: block; float: left; }
body div#page-utility ul#section-nav { width: 208px; height: auto; display: block; margin-top: -30px; }
body div#page-utility ul#section-nav li { display: block; }
body div#page-utility ul#section-nav li a { display: block; height: 30px; padding: 0 8px; line-height: 12px; background: url(../images/b-section_nav.gif); line-height: 30px; font-size: 12px; color: #dfdfdf; }
body div#page-utility ul#section-nav li ul { overflow: visible; }
body div#page-utility ul#section-nav li ul li { clear: left; }
body div#page-utility ul#section-nav li ul li a { background-position: 0 -30px; }
body div#page-utility ul#section-nav li ul li a:hover { background-position: -208px -60px; }
body div#page-utility ul#section-nav li ul li div { background: #000; padding: 8px; }

body div#page-utility ul#section-nav li ul li ul li a { padding: 0 8px 0 16px; color: #8f8f8f; font-size: 11px; }
body div#page-utility div#other-utility { background:transparent url(../images/b-page_utility.gif) repeat-x scroll 0 0; min-height: 321px; color: #a7a49d; font-size: 11px; line-height: 18px; }
body div#page-utility div#other-utility div#featured-callout { padding:16px 31px 0 8px; }

body div#page-utility ul#section-nav li a.section { height: 30px; position: relative; float: left; width: 192px; }
body div#page-utility ul#section-nav li a.section span.section { position: absolute; height: 34px; overflow: hidden; width: 208px; }
body#projects div#page-utility ul#section-nav li a span.section { height:40px; }
body div#page-utility ul#section-nav li a span.section object { position: absolute; }

body#gallery div#page-utility { min-height: 0; height: 0; }

body div#main-content ul.attributes { font-size: 11px; }
body div#main-content ul.attributes li { display: block; line-height: 12px; margin-bottom: 10px; }
body div#main-content ul.attributes li ul, body div#main-content ul.attributes li ul li { display: inline; }
body div#main-content ul.attributes li a { color: #dfdfdf; }
body div#main-content ul.attributes li a[href]:hover, body div#main-content ul.breadcrumb li a:hover { text-decoration: underline; }

body div#focus-content-container {
	clear: both;
}

body#home ul#slides { position: absolute; z-index: -1; left: -1000px; width: 400px; height: 400px; }
body div#focus-content {
	background:#161213 url(../images/bg-main_content.gif) repeat scroll 0 0;
	color:#EEEDEA;
	font-size:12px;
	line-height:24px;
	margin-left:208px;
	padding:4px 24px 50px 12px;
	min-height:385px;
	overflow: hidden;
	width:535px;
}

body#gallery div#focus-content { margin-left: 0; width:743px; }

body div#focus-content ul#breadcrumb { font-size: 11px; }
body div#focus-content ul#breadcrumb li { display: inline; padding-right: 6px; }
body div#focus-content ul#breadcrumb li a { color: #dfdfdf; }
body div#focus-content ul#breadcrumb li a:hover { text-decoration: underline; }



body div#focus-content div.page-title { height:22px; overflow:visible; }
body div#focus-content h2 {
	font-size:18px;
	margin:0;
}
body div#focus-content h2 object { position: absolute; }

body div#focus-content div#related-content-container { float: right; width: 150px; background: url(../images/b-related_content.gif) no-repeat; min-height: 78px; padding: 0 5px 20px 16px; margin-left: 10px; }

body div#bottom-callouts { clear: left; }


body div#focus-content div#pagerContainer { }
body div#focus-content div#pageContainer { }
body div#focus-content .thumbnail { float: left; width: 100px; height: 100px; overflow: hidden; }

body div#focus-content ul.team li {
	line-height:16px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin-bottom:10px;
	margin-left:14px;
}

/* CATEGORY SEARCH */
body div#category-search { display: block; clear: both; height: 40px; position: relative; z-index: 49; }

/* MAIN CONTENT */
body div#main-content { margin-left: 25px; position: relative; z-index: 1; }

body div#main-content div#slideshow-container { background: #000; width: 779px; height: 339px; overflow: hidden; position: relative; z-index: 90; }
body div#main-content div#slideshow-container div#slideshow-header, body div#main-content div#page-banner div#banner-header { z-index: 10; position: absolute; left: 0; top: 0; background: url(../images/screen-light.png) no-repeat; width: 100%; height: 29px; }

body div#main-content div#page-banner { background:transparent url(../images/slideshow_goal.jpg) repeat scroll 17px -150px; width: 779px; height: 140px; overflow: hidden; position: relative; }

body#about_us div#main-content div#page-banner { background:transparent url(/_images/slide-suade_washroom.jpg) repeat scroll 0 -167px; }
body#contact div#main-content div#page-banner { background:transparent url(/_images/slide-closet.jpg) repeat scroll 0 -175px; }
body#projects div#main-content div#page-banner { background:transparent url(/_images/slide-kitchen2.jpg) repeat scroll 0 -169px; }
body#gallery div#main-content div#page-banner { background:transparent url(/_images/slide-cabinets.jpg) repeat scroll 0 -49px; }
body#news div#main-content div#page-banner { background:transparent url(/_images/slide-kichen.jpg) repeat scroll 0 -150px; }

body div#main-content div#slideshow-container div#slideshow div#slide-copy { width: 399px; height: 310px; background: url(../images/screen-dark.png); position: absolute; z-index: 95; right: 0; top: 29px; color: #fff; font-size: 12px; }
body div#main-content div#slideshow-container div#slideshow div#slide-copy div.copy-container {
	display:block;
	left:39px;
	line-height:18px;
	top:71px;
	width:302px;
	position: absolute;
}
body div#main-content div#slideshow-container div#slideshow div#slide-images img { position: absolute; top: 0; left: 0; }

body div#main-content div#slideshow-container div#slideshow div#slide-titles { color:#FFFFFF; font-size:18px; position:absolute; right:0; top:52px;; width:360px; z-index:96; }
body div#main-content div#slideshow-container div#slideshow div#slide-titles li { position: absolute; display: none; }
body div#main-content div#slideshow-container div#slideshow div#slide-titles li.focus {
	display:block;
	left:0;
	line-height:18px;
	top:0;
	width:302px;
}
body div#main-content div#slideshow-container div#slideshow div#slide-titles h4 { position:absolute; width: 300px; height: 20px; font-size: 13px; }
body div#main-content div#slideshow-container div#slideshow div#slide-titles h4.scriptina { color:#F9A01B; font-family:script; font-size:36px; display: block; position: absolute; left: 30px; top: 30px; width: 200px; height: 20px; }
body div#main-content div#slideshow-container div#slideshow div#slide-titles h4.scriptina object {
	left:52px;
	position:absolute;
	top:-42px;
}
body div#main-content div#slideshow-container div#slideshow div.slide-controls {
	left:419px;
	position:absolute;
	top:300px;
	z-index:99;
}

body div#main-content div#slideshow-container div#slideshow div.slide-controls a { cursor: pointer; padding-left: 4px; color:#F9A01B; font-weight: bold; font-size: 11px; }

h3 { color: #fff; }
body div#main-content div.title h3 { background: url(../images/txt-area_titles.gif) no-repeat; height: 0; overflow: hidden; padding-top:25px; }
body div#main-content div.title h3#txt-featured_news { background-position:-2px 8px; width:104px; }
body div#main-content div.title h3#txt-what_we_do { background-position:-2px -14px; width:104px; }
body div#main-content div.title h3#txt-featured_project { background-position:-2px -82px; margin-bottom:6px; width:122px; }










/* 804 - 25 7*/
body div#main-content div.col-left { width: 380px; float: left; }
body div#main-content div.col-left div.content { height:147px; padding-top: 5px; background: url(../images/b-borders.gif) right -23px; }

body div#main-content div.col-left div.index-content { color: #eeedea; background: #161213 url(../images/bg-main_content.gif); padding:0 14px 19px; height:128px; overflow: hidden; }
body div#main-content div.col-left div.index-content sub { font-size: 11px; color: #7e5166; }
body div#main-content div.col-left div.index-content h5 { color: #f9a01b; font-weight: normal; text-transform: uppercase; font-size:14px; line-height:16px; margin-bottom: 4px; }
body div#main-content div.col-left div.index-content h5.sIFR-replaced { margin-bottom: 0; height: 28px; }

body div#main-content div.col-left div.index-content div.description { font-size: 12px; line-height: 18px; }
body div#main-content div.col-left div.index-content div.description a.more { display: block; text-align: right; color: #fff; }
body div#main-content div.col-left div.index-content div.description a.more span.text-icon { font-size: 11px; }
body div#main-content div.col-left div.index-content div.description a.more span.text-icon span { color: #7e5166; }

body div#main-content div.col-left div.index-content div.description a.more:hover span { text-decoration: underline; }
body div#main-content div.col-left div.index-content div.description a.more:hover span.text-icon { text-decoration: none; }
body div#main-content div.col-left div.index-content div.description a.more:hover span.text-icon span { color: #f9a01b; text-decoration: none; }

body div#main-content div.col-right { width: 380px; margin-left: 380px; }
body div#main-content div.col-right div.content { background: #333; }
body div#main-content div.col-right div.content ul.callouts { display: block; width: 399px; overflow: hidden; height: 152px; }
body div#main-content div.col-right div.content ul.callouts li { height: 147px; float: left; padding-top: 5px; background: url(../images/b-borders.gif) right 0; overflow: hidden; position: relative; }
body div#main-content div.col-right div.content ul.callouts li ul { overflow: visible; }
body div#main-content div.col-right div.content ul.callouts li div.co-content { width: 133px; height: 147px; position: relative; z-index: 1; }
body div#main-content div.col-right div.content ul.callouts li div.co-content img { position: absolute; z-index: 2; }
body div#main-content div.col-right div.content ul.callouts li div.co-content div.co-title { background: url(../images/g-callout_title.gif) repeat-y; position: absolute; z-index: 3; bottom: 0; width: 100%; height: 24px; }
body div#main-content div.col-right div.content ul.callouts li div.co-content div.co-title strong { padding:0 6px; font-weight: normal; font-family: arial, sans-serif; color: #fff; font-size: 12px; }

body div#main-content div.col-right div.content ul.callouts li ul { }
body div#main-content div.col-right div.content ul.callouts li ul li { overflow: visible;  background: none; height: auto; width: auto; list-style: disc; float: none; margin: 0 12px; }

body.detail div#main-content div#left-col, body.index div#main-content div#left-col { width: 680px; font-family: tahoma; color: #51483d; }
body div#main-content div#left-col div#custom-description { font-family:tahoma,sans-serif; font-size:12px; line-height:22px; color: #51483d; width:660px }
body div#main-content div#left-col div#custom-description strong { font-weight: bold; }
body div#main-content div#left-col div#custom-description h5 { font-weight: bold; font-family: arial, sans-serif; }
body div#main-content div#left-col div#custom-description span.location { font-style: italic; }
body div#main-content div#left-col div#custom-description p { }
body div#main-content div#left-col div#custom-description a { color: #B02C2D; }
body div#main-content div#left-col div#custom-description a:hover { text-decoration: underline; }
body div#main-content div#left-col div#custom-description ul li { list-style: disc; margin-left: 15px; }

body div#main-content div.content-block { display: block; float: left; clear: left; width: 100%; }
body div#main-content .cb-bordered { border: solid #d39797; border-width: 1px 0 0 0; padding-top: 21px; }

body div#main-content div#left-col { margin-right: 220px; }

body div#main-content div#left-col div#category-search { clear: left; }

body.wide div#main-content div#left-col { margin-right: 11px; }
body.wide div#main-content div#left-col div#detail-bottom { float: left; clear: both; }

body div#main-content div#more-description a { color: #B02C2D; }
body div#main-content div#more-description a[href^=mailto]:hover, body div#main-content div#more-description a[href^=http]:hover { text-decoration: underline; }

body div#main-content div#more-description div.question { font-weight: bold; }
body div#main-content div#more-description div.question span { color: #b96c39; }
body div#main-content div#more-description div.answer { margin-bottom: 32px; }
body div#main-content div#more-description div.answer span { color: #d23586; font-weight: bold; }


body div#main-content div.page-title ul.paginator { float: right; display: block; line-height: 20px; padding-right: 4px; }
body div#main-content div.page-title ul.paginator li { display: inline; }
body div#main-content div.page-title ul.paginator li a { line-height: 10px; font-size: 10px; font-family: arial, sans-serif; vertical-align: bottom; }
body div#main-content div.page-title ul.paginator li a.selected { text-decoration: underline; }

body div#main-content div#left-col div#landing-top { font-family: arial; font-size: 14px; line-height: 22px; color: #333333; }

body div#main-content div#left-col div#landing-top img#join_us { margin-bottom:13px; margin-top:10px; }
body div#main-content div#left-col div#landing-top div.left {  width: 587px; float: left; padding-bottom:15px; }
body div#main-content div#left-col div#landing-top div.right { width: 316px; float: left; }
body div#main-content div#left-col div#landing-top div.right a#co-donate_now { margin: 51px 0; display: block; }
body div#main-content div#left-col div#landing-top div.left p { padding-left: 4px; }

body.detail div#main-content div#left-col div#detail-top { display: block; float: left; padding-bottom: 10px; margin-right: 20px; }
body.detail div#main-content div#left-col div#detail-bottom { display: block; clear: left; margin-right: 20px; border: solid #d39797; border-width: 1px 0 0 0; padding-top: 21px; }
body.landing div#main-content div#left-col div#detail-bottom { padding-left: 25px; }

body.detail div#main-content div#left-col div#detail-media { float: left; margin-right: 20px; }
body.detail div#main-content div#left-col div#detail-media img { margin-top: 4px; }

body#product_gallery.detail div#main-content div#left-col div#detail-media img { width: 352px; }

body.detail div#main-content div#left-col div#detail-media div#media-description { color: #b02c2d; font-size: 10px; line-height: 20px; font-family: tahoma; text-transform: uppercase; letter-spacing: -.5px; }

body.detail div#main-content div#left-col div.flash { color: #dd4020; border: solid 1px #ffc8a8; margin-bottom:14px; padding:4px 12px 6px 12px; background-color:#FFFAFA; width: 452px; }
body.detail div#main-content div#left-col div.flash p { line-height: 20px; }

body.detail div#main-content div#left-col div#detail-top { font-family: tahoma; font-size: 14px; line-height: 26px; color: #51483d; overflow:visible; width:659px;}
body#about_ata.detail div#main-content div#left-col div#detail-top { font-size: 14px; }

body#artisans div#main-content div#left-col div#detail-top { font-family: tahoma; font-size: 16px; line-height: 26px; color: #51483d; overflow:visible; width:659px;}

body.detail div#main-content div#left-col div#detail-top a { color: #B02C2D; }
body.detail div#main-content div#left-col div#detail-top p a { color: #B02C2D; }

body.detail div#main-content div#left-col div#detail-top p { }
body.detail div#main-content div#left-col div#detail-top ul.specifications { font-size: 12px; line-height: 18px; margin-top: 10px; }
body.detail div#main-content div#left-col div#detail-top ul.specifications li { list-style: none; margin: 0; }
body.detail div#main-content div#left-col div#detail-top ul.specifications li a { }


body.detail div#main-content div#left-col ul.content-nav {
	font-family: arial; display: block; border: solid #d39797; border-width: 1px 0 1px 0;
	margin:9px 0 19px;
	padding:4px 0;
}

body.detail div#main-content div#left-col ul li p { line-height: 20px; margin-bottom: 4px; }

body.detail div#main-content div#left-col div#detail-top ul.content-nav li { margin: 0; }
body.detail div#main-content div#left-col ul.content-nav li { display: inline; list-style: none; font-size: 12px; padding: 0; margin: 0; }
body.detail div#main-content div#left-col ul.content-nav li a { color: #B96C39; white-space:nowrap; }
body.detail div#main-content div#left-col ul.content-nav li a:hover { text-decoration: underline; }

body.detail div#main-content div#left-col div#detail-description { font-family: tahoma; font-size: 16px; margin-left: 373px; line-height: 26px; color: #51483d; }

/*
body#home div#main-content a.more { font-weight: bold; cursor: pointer; display: block; background: url(/img/arrows.gif) no-repeat -1px 0; line-height: 22px; padding-left: 24px; height: 22px; margin-top: 8px; font-family: "Courier New", courier, monospace; font-size: 16px; }
body.detail div#main-content div#left-col a.more { font-weight: bold; cursor: pointer; display: block; background: url(/img/arrows.gif) no-repeat -1px 0; line-height: 22px; padding-left: 24px; height: 22px; margin-top: 8px; font-family: "Courier New", courier, monospace; font-size: 16px; }
body.detail div#main-content div#left-col a.more span { font-family: "Courier New", courier, monospace; font-weight: bold; font-size: 16px; line-height: 22px; display: block; padding: 0 0 0 4px; }
body.detail div#main-content div#left-col a.more:hover span { text-decoration: underline; }

body.detail div#main-content div#left-col div#more-description { clear: left; font-family: tahoma; font-size: 14px; line-height: 26px; color: #51483d; margin-top: 0px; overflow: hidden; }
body.detail div#main-content div#left-col div#more-description div.long { font-size: 12px; line-height: 17px; }

body.detail div#main-content div#left-col div#more-description h4 { font-size: 14px; margin-bottom: 6px; }

body.detail div#main-content div#left-col div#more-description div.more-block { clear: both; overflow: hidden; } 
*/

body#sitemap div#main-content div#left-col ul { }
body#sitemap div#main-content div#left-col ul li { list-style: none; margin-left: 0; }
body#sitemap div#main-content div#left-col ul li a { background: url(/img/page_white.png) 0 center no-repeat; line-height: 16px; display: block; padding: 4px 0 4px 20px; }
body#sitemap div#main-content div#left-col ul li a:hover { background-image: url(/img/page_white_text.png); text-decoration: underline; }
body#sitemap div#main-content div#left-col ul li a:visited { opacity: .75; }
body#sitemap div#main-content div#left-col ul li ul { }
body#sitemap div#main-content div#left-col ul li ul li { margin-left: 16px; }
body#sitemap div#main-content div#left-col ul li ul li a { color: #51483d; }

body#rss div#main-content div#left-col table {  border: solid #BED276; border-width: 3px 3px 0 3px; }
body#rss div#main-content div#left-col table td, body#rss div#main-content div#left-col table th { border: solid #BED276; border-width: 0 3px 3px 0; padding: 6px; }
body#rss div#main-content div#left-col table td { font-family: arial, sans-serif; font-size: 12px; color: #51483d; }
body#rss div#main-content div#left-col table th { font-family: tahoma; font-size: 14px; margin-bottom: 10px; color: #b96c39; }
body#rss div#main-content div#left-col table a  { color: #B02C2D; }

body#rss div#main-content div#left-col table tr:hover td { background-color: #fafafa; }

body#where_we_work div#main-content div#left-col div#more-description { margin-top: 22px; }
body.detail div#main-content div#left-col div#detail-top ul li, body.detail div#main-content div#left-col div#detail-bottom ul li { list-style: disc; margin-left: 14px; }
body.detail div#main-content div#more-description strong { font-weight: bold; }
body.detail div#main-content div#more-description div.copy-media { float: right; margin: 0 0 10px 10px; overflow: hidden; padding:8px 0 0; width: 200px; }
body.detail div#main-content div#more-description div.copy-media div.description { font-size: 12px; color: #B02C2D; font-size: 12px; line-height: 17px; }

body.index div#main-content div.banner-list { display: block; margin-bottom: 10px; }
body.index div#main-content div.banner-list ul { }
body.index div#main-content div.banner-list ul li { height: 97px; margin-bottom: 10px; }
body.index div#main-content div.banner-list ul li div { position: relative; height: 97px; }
body.index div#main-content div.banner-list ul li div img { position:absolute; z-index: 2; width: 97px; height: 97px; }
/*body.index div#main-content div.banner-list ul li div div.description { margin-left: 100px; font-family: arial, sans-serif; font-size: 12px; line-height: 19px; color: #51483d; position: relative; }*/
body.index div#main-content div.banner-list ul li div div.description { 
color:#51483D;
float:left;
font-family:arial,sans-serif;
font-size:11px;
height:auto;
left:104px;
line-height:19px;
margin-left:0;
position:absolute;
top:30px;
width:auto;
letter-spacing:-0.15px;
}
body.index div#main-content div.banner-list ul li div div.description h4 { font-family: arial, sans-serif; font-size: 12px; line-height: 19px; font-weight: bold; color: #b96c39; }
body.index div#main-content div.banner-list ul li div div.description h4 span { font-family: arial, sans-serif; font-size: 12px; line-height: 19px; font-weight: bold; color: #d23586; }
body.index div#main-content div.banner-list ul li div div.description a { line-height: 22px; height: 22px; display: block; background: url(/img/arrows.gif) no-repeat 0 -22px; padding-left: 26px; position: absolute; bottom: 0; left: 0; }
body.index div#main-content div.banner-list ul li div div.description a span { font-family: arial, sans-serif; font-size: 12px; line-height: 22px; font-weight: bold; color: #b96c39; }
body.index div#main-content div.banner-list ul li div div.description a:hover span { text-decoration: underline; }

body.index div#main-content div.banner-list ul li a.cell-title {
	background:transparent url(../images/b-banner_item_title.png) no-repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	height:93px;
	left:0;
	letter-spacing:-0.15px;
	padding-left:104px;
	padding-top:4px;
	position:absolute;
	top:0;
	width:405px;
	z-index:6;
}
body.index div#main-content div.banner-list ul li a.cell-title:hover { background-position: 0 -97px; }

body.index div#main-content div.banner-list ul.events li div div.description h4 span { color: #3aad9b; }

body div#main-content a.more-of-category { margin-top: 2px; display: block; clear: left; background: url(/img/arrows.gif) no-repeat -1px -176px; padding-left: 21px; line-height: 20px; font-family: arial, sans-serif; font-size: 11px; color: #d23586; }
body.detail div#main-content a.more-of-category { clear: none; float: left; }
body div#main-content a.more-of-category:hover { text-decoration: underline; }

body.index div#main-content div.grid-list { display: block; overflow: visible; }
body.index div#main-content div.grid-list ul { display: block; width: 100%; margin-left: -7px; margin-left: 0; overflow: hidden; }
body.index div#main-content div.grid-list ul h4 { font-family: arial, sans-serif; font-size: 14px; letter-spacing: 0; color: #b96c39; font-weight: normal; }
body.index div#main-content div.grid-list ul li { position: relative; float: left; margin: 0 0 10px 10px; display: block; width: 170px; height: 140px; }
body.index div#main-content div.grid-list ul li.first { margin-left: 0; }
body.index div#main-content div.grid-list ul li img {
	height:120px;
	left:7px;
	position:absolute;
	top:0;
	width:162px;
	z-index:5;
}

body.index div#main-content div.grid-list ul li a.cell-title {
	background:transparent url(../images/b-grid_item_title.png) no-repeat scroll 0 0;
	display:block;
	font-size:11px;
	height:40px;
	left:0;
	letter-spacing:-0.15px;
	padding-left:13px;
	padding-top:91px;
	position:absolute;
	top:0;
	width:157px;
	z-index:6;
	color: #fff;
}
body.index div#main-content div.grid-list ul li a.cell-title:hover { background-position: -170px 0; }

/*body.index div#main-content div.grid-list ul li div { float: left; text-align: center; width: 140px; }
body.index div#main-content div.grid-list ul li div:hover { border: solid 3px #efefef; }
body.index div#main-content div.grid-list ul li div img { width: 140px; height: 104px; }
body.index div#main-content div.grid-list ul li div span { display: block; line-height: 12px; }*/

body.landing div#main-content div#left-col { }
body.landing div#main-content div#left-col div#left-inner-col { width: 367px; float: left; }
body.landing div#main-content div#left-col div.col-element { border: solid #D39797; border-width: 0 0 1px 0; margin-bottom: 11px; }

body.landing div#main-content div#left-col div#left-inner-col div.col-element { width: 312px; margin-left: 24px; }
body.landing div#main-content div#left-col div#left-inner-col div.page-description { background: url(/images/torn-background.gif) 0 bottom; width: 367px; margin-left: 0px; border: none; }
body.landing div#main-content div#left-col div#left-inner-col div.page-description h2 { height: 64px; background: url(/images/torn-background.gif) right top; overflow: hidden; padding: 0 0 0 30px; }
body.landing div#main-content div#left-col div#left-inner-col div.page-description h2 span.section { background: url(/img/landing-titles.gif) no-repeat scroll 0 -7px; height: 0px; padding: 38px 0 0 0; display: block; float: left; overflow: hidden; }
body.landing div#main-content div#left-col div#left-inner-col div.page-description div.description { padding: 4px 30px 36px 32px; font-family: tahoma; color: #51483d; font-size: 12px; line-height: 20px; }
body.landing div#main-content div#left-col div#left-inner-col div.page-description ul li { list-style: disc; margin-left: 15px; }

body#how_to_help div#main-content div#left-col div#landing-bottom div.page-description { background: #fff url(/img/torn-blue.gif) no-repeat 0 bottom; width: 325px; margin-right: 16px; float: left; padding-right: 11px; }
body#how_to_help div#main-content div#left-col div#landing-bottom div.page-description h2 { height: 92px; width: 306px; overflow: hidden; padding: 0 0 0 30px; background: url(/img/torn-blue.gif) 0 top; }
body#how_to_help div#main-content div#left-col div#landing-bottom div.page-description h2 span.section { background: url(/images/g_donate.gif) no-repeat scroll 0 40px; height: 0px; padding: 70px 0 0 0; display: block; float: left; overflow: hidden; width: 100px; }
body#how_to_help div#main-content div#left-col div#landing-bottom div.page-description div.description { padding: 4px 31px 36px 31px; font-family: tahoma; color: #51483d; font-size: 12px; line-height: 20px; }
body#how_to_help div#main-content div#left-col div#landing-bottom div.page-description ul { float: none; }
body#how_to_help div#main-content div#left-col div#landing-bottom div.page-description ul li { float: none; width: auto;  margin-bottom: 18px; list-style: none; margin-left: 0; font-family: arial; line-height: 17px; font-size: 12px; color: #333; position: relative; padding-bottom: 0; }
body#how_to_help div#main-content div#left-col div#landing-bottom div.page-description ul p { opacity: .99; margin-bottom: 10px; width: auto; }
body#how_to_help div#main-content div#left-col div#landing-bottom div.page-description ul li h4 { color: #b96c39; font-family: "Courier New", courier, monospace; font-weight: bold; line-height: 22px; font-size: 22px; margin-bottom: 6px; }
body#how_to_help div#main-content div#left-col div#landing-bottom div.page-description ul li a {  }
body#how_to_help div#main-content div#left-col div#landing-bottom div.page-description ul li a.more {
	background:transparent url(/img/arrows.gif) no-repeat scroll -1px -196px;
	display:block;
	font-family:"Courier New",courier,monospace;
	font-size:16px;
	height:19px;
	line-height:22px;
	margin-top:0;
	padding-left:0;
	width:19px;
	position: absolute;
	right: 0;
	bottom: 0;
}
body#how_to_help div#main-content div#left-col div#landing-bottom div.page-description ul li a.more span {
	font-family: "Courier New", courier, monospace; font-weight: bold; font-size: 16px; line-height: 22px; display: block; padding: 0 0 0 4px;
}

body#how_to_help div#main-content div#left-col div#landing-bottom h2#other-ways-to-give { background:transparent url(/images/g_other_ways.gif) no-repeat scroll 0 40px; height: 0; overflow: hidden; padding-top: 96px; margin-top: 10px; }


body#how_to_help div#main-content div#left-col div#landing-bottom ul { float:left; }
body#how_to_help div#main-content div#left-col div#landing-bottom ul li { float: left; width: 280px; margin-bottom: 18px; list-style: none; margin-left: 0; font-family: arial; line-height: 17px; font-size: 12px; color: #333; position: relative; padding-bottom: 0; }
body#how_to_help div#main-content div#left-col div#landing-bottom ul li.first { clear: left;}
body#how_to_help div#main-content div#left-col div#landing-bottom ul p { opacity: .99; margin-bottom: 10px; width: 200px; }
body#how_to_help div#main-content div#left-col div#landing-bottom ul li h4 { color: #3aad9b; font-family: "Courier New", courier, monospace; font-weight: bold; line-height: 22px; font-size: 22px; margin-bottom: 6px; }
body#how_to_help div#main-content div#left-col div#landing-bottom ul li a {  }
body#how_to_help div#main-content div#left-col div#landing-bottom ul li a.more {
background:transparent url(/img/arrows.gif) no-repeat scroll -1px -373px;
display:block;
font-family:"Courier New",courier,monospace;
font-size:16px;
height:19px;
line-height:22px;
margin-top:0;
padding-left:0;
width:19px;
position: absolute;
right: 19px;
bottom: 0;
}








body#what_we_do div#main-content div#left-col div#left-inner-col div.page-description h2 span.section { width: 162px; background-position: 0 -32px; margin-top: 25px; }
body#contact_us div#main-content div#left-col div#left-inner-col div.page-description h2 span.section { width: 162px; background-position: 0 -99px; margin-top: 25px; }
body#about_ata div#main-content div#left-col div#left-inner-col div.page-description h2 span.section { width: 162px; background-position: 0 -137px; margin-top: 25px; }
body#training_and_resources div#main-content div#left-col div#left-inner-col div.page-description h2 span.section { width: 267px; background-position: 0 -67px; margin-top: 25px; }
body#buy_and_source div#main-content div#left-col div#left-inner-col div.page-description h2 span.section { width: 166px; background-position: 0 2px; margin-top: 25px; }

body.landing div#main-content div#left-col div#left-inner-col div.callout, body.landing div#main-content div#left-col div#right-inner-col div.callout { padding-bottom: 11px; }

body.landing div#main-content div#left-col div#right-inner-col { float: right; width: 329px; padding-top: 6px; }
body.landing div#main-content div#left-col div#right-inner-col div.col-element { margin-left: 10px; }
body.landing div#main-content div#left-col div#right-inner-col div#what_we_do-wheel { background: url(/images/what_we_do-wheel.gif) no-repeat; padding-top: 283px; width: 100%; overflow: hidden; height: 0; }

body.landing div#main-content div#left-col div#right-inner-col div#co-location { margin-top: 20px; }

body.landing div#main-content div#left-col div#right-inner-col div#co-small_grants { display: block; background: url(/img/co-small_grants.gif) no-repeat; position: relative; width: 319px; }
body.landing div#main-content div#left-col div#right-inner-col div#co-small_grants h4 { display: block; overflow: hidden; height: 0; background: url(/img/co-small_grants.gif) no-repeat; padding-top: 42px; width: 319px; }
body.landing div#main-content div#left-col div#right-inner-col div#co-small_grants img { position: absolute; top: 52px; left: 12px; }
body.landing div#main-content div#left-col div#right-inner-col div#co-small_grants div.description {
	color:#FFFFFF;
	font-size:11px;
	line-height:17px;
	margin-left:156px;
	margin-right:17px;
	margin-top:14px;
	position: relative;
}

body.landing div#main-content div#left-col div#right-inner-col div#co-small_grants a.more {
	position: absolute; bottom: 0; right: -4px; width: 0; overflow: hidden; background: url(/img/arrow-lightbrown.gif);
	height:21px;
	padding-left:20px;
}

/* FORMS */
div.form-fields { display: block; width: 478px; }

div.form-fields fieldset { border:1px solid #DEDEDE; margin-bottom:14px; padding:4px 12px; }
div.form-fields fieldset legend { font-family: arial, sans-serif; font-size: 12px; line-height: 19px; font-weight: bold; color: #b96c39; margin-left: -2px; }

div.form-fields h2 { font-size: 16px; }

div.form-fields div.field { display: block; overflow: hidden; border: solid #ddddef; border-width: 0 0 0 0; margin-bottom: 4px; }
div.form-fields div.required input, div.form-fields div.required select { background-color: #fffdef; }
div.form-fields div.buttons { border: solid #888; border-width: 1px 0 0 0; padding: 7px 0 0 0; }

body.detail div#main-content div#left-col div#detail-top div.form-fields ul li { margin-left: 0; }

div.form-fields div.field ul li { list-style: disc; }
div.form-fields div input.textfield { width: 190px; }
div.form-fields div select { width: 190px; }
div.form-fields div label { clear: left; width: 132px; padding: 3px 5px 0 0; display: block; float: left; text-align: left; color: #333; line-height: 12px; }
div.form-fields div label.long { width: auto; }

div.form-fields div input, div.form-fields div select, div.form-fields div option, div.form-fields div label, div.form-fields div a { display: block; font-size: 12px; font-family: arial; }

div.form-fields div input.textfield, div.form-fields div input.password { /* border: solid 1px #888; margin-bottom: 7px;*/ }
div.form-fields div select.dropdown  { /* border: solid 1px #888; margin-bottom: 7px; */ }
div.form-fields div textarea  { /* border: solid 1px #888; margin-bottom: 7px; */ }
div.form-fields div.buttons a { display: block; color: #333; text-decoration: none; display: block; float: left; background: #eee; padding: 4px 6px; border: solid 1px #ddd; margin-right: 7px; }

div.form-fields input.hidden { visibility: hidden; display: none; }
div.form-fields input.submit { width: auto; float: left; }
div.form-fields div a { line-height: 14px; }
div.form-fields div a span.plus { font-family: "Courier New", courier, monospace; display: block; float: left; margin-right: 4px; }
div.form-fields div a:hover { color: #B02C2D; }
div.form-fields div a:hover span.plus { color: #51483D; }

div#reset-email-field { height: 0; overflow: hidden; }

div.form-fields div option  { }

div.form-fields .checkboxes { display: block; float: left; }
div.form-fields .checkboxes input { float: left; clear: none; }
div.form-fields ul.checkboxes { display: block; float: left; padding-bottom: 10px; clear: right; }
div.form-fields ul.small { padding-bottom: 0px; }
body.detail div#main-content div#left-col div#detail-top ul.small li { margin-left: 0px; }

div.form-fields ul.checkboxes li { display: block; padding-bottom: 4px; float: left; clear: both; }
div.form-fields .checkboxes li input { clear: left; }
div.form-fields .checkboxes label { float: left; clear: right; width: auto; }

div.form-fields div#current-product-set ul li { width: 102px; display: block; float: left;  margin-left: 13px; }
div.form-fields div#current-product-set ul li.left { clear: left; margin-left: 0; }

div.form-fields div#current-product-set ul li a { padding: 6px 6px 3px 6px; display: block; margin-bottom: 3px; }
div.form-fields div#current-product-set ul li img { width: 90px; height: 90px; }
div.form-fields div#current-product-set ul li div { font-family: arial, sans-serif; font-size: 12px; width: 90px; text-align: center; line-height: 12px; padding: 0 6px 6px 6px; }
/* CUSTOM DESCRIPTION */

div.description-section {
	width: 640px; clear: both; background: #fff url(/images/article-detail-background.gif) repeat-y;
}

div.description-section .image-column {
	width: 160px; padding: 12px 12px 12px 13px; background-color: #ebd4c6; float: left; color: #B02C2D; font-family: arial, sans-serif; font-size: 11px; line-height: 17px;
}

div.description-section .image-column img {
	width: 160px; padding: 0; margin: 0;
}

div.description-section h4 { font-family: arial; font-weight: bold; font-size: 12px; color: #b96c39; margin: 0; }
div.description-section h4 span.date { color: #d23586; }

div.description-section span.date { color: #d23586; }
div.description-section h3 { font-family: tahoma; font-weight: normal; font-size: 16px; color: #b96c39; margin: 0; }
div.description-section h3 span.date { color: #d23586; }

div.description-section div.intro-text {
	font-size: 12px; font-family: tahoma, sans-serif; color: #51483d; padding: 0 0 0 12px; line-height: 22px; border: solid #fff; border-width: 0 0 0 4px;
	display: block; margin-left: 185px; background: #fff;
	border: solid #b96c39; border-width: 0 0 0 4px;
}

div.description-section div.description-text {
	font-size: 12px; font-family: tahoma, sans-serif; color: #51483d; padding: 0 0 0 12px; line-height: 22px; border: solid #fff; border-width: 0 0 0 4px;
	display: block; margin-left: 185px; background: #fff;
}

br.clear { clear: both; display: block; height: 0; }



/* CALLOUTS */
body div#main-content div#left-col div#detail-bottom div.callout { display: block; float: left; overflow: hidden; padding-bottom: 4px; width: 183px; margin-left: 40px; padding: 0 0 4px 4px; }
body div#main-content div#left-col div#detail-bottom div.co-wide { width: 300px; margin-bottom: 11px; float: none; }

body#contact_us div#main-content div#left-col div#detail-bottom div.callout { width: 290px; }

body div#main-content div#left-col div#detail-bottom div.first { margin-left: -4px; }

body.index div#main-content div#left-col div#index-bottom div.callout { display: block; float: left; overflow: hidden; padding-bottom: 4px; width: 183px; margin-left: 40px; padding: 0 0 4px 4px; }
body#home  div#main-content div.callout { width: 195px; float: left; margin-left: 17px; padding: 0 0 4px 4px; }




body.index div#main-content div#left-col div#index-bottom div.first { margin-left: -4px; }
body#home div#main-content div.first { margin-left: -4px; }

body div#main-content div.callout h4 { font-family: "Courier New", courier, monospace; font-weight: bold; font-size: 22px; margin-bottom: 6px; }
body div#main-content div.callout div.description { font-family: arial, sans-serif; font-size: 12px; line-height: 19px; margin-right: 5px; }
body div#main-content div.callout div.description ul { }
body div#main-content div.callout div.description ul li { list-style: disc; margin-left: 15px; }
body div#main-content div.callout div.description ul li span { font-weight: normal; display: block; margin-bottom: 4px; }
body#home div#main-content div.callout div.description { font-size: 11px; }
body div#main-content div#left-col div#detail-bottom div.co-wide div.description { margin-right: 100px; }

body div#main-content div.callout div.description a.more { display: block; width: 52px; background: url(/img/arrows.gif) no-repeat -1px 0; line-height: 22px; padding-left: 24px; height: 22px; margin-top: 8px; font-family: "Courier New", courier, monospace; font-size: 16px; }
body div#main-content div.callout div.description a.more span { font-family: "Courier New", courier, monospace; font-weight: bold; font-size: 16px; line-height: 22px; display: block; padding: 0 0 0 4px; }
body div#main-content div.callout div.description a.more:hover span { text-decoration: underline; }
body div#main-content div.callout div.description a.long { width: auto; }
body div#main-content div.callout div.description a.long span { font-size: 11px; width: auto; }
body div#main-content div.callout div.co-text { border: solid #d39797; border-width: 0 1px 0 0; height: 184px; overflow: visible; padding: 0 10px 0 0; width: 184px; }

body div#main-content div.callout a:hover { text-decoration: underline; }

body div#main-content div.co-magenta { color: #d23586; }
body div#main-content div.co-magenta div.description a.more, body div#main-content div#more-description div.co-magenta div.description a.more, body div#main-content div#left-col div.co-magenta div.description a.more { background-position: -1px 0; color: #d23586; }

body div#main-content div.co-brown { color: #b96c39; }
body#home div#main-content div.co-brown a.more, body div#main-content div.co-brown div.description a.more, body div#main-content div#more-description div.co-brown div.description a.more, body div#main-content div#left-col div.co-brown div.description a.more { background-position: -1px -22px; color: #b96c39; }

body div#main-content div.co-purple { color: #8f7fa3; }
body#home div#main-content div.co-purple a.more, body div#main-content div.co-purple div.description a.more { background-position: -1px -44px; color: #8f7fa3; } 

body div#main-content div.co-teal { color: #3aad9b; }
body div#main-content div.co-teal a { color: #E57D30; }
body#home div#main-content div.co-teal a.more, body div#main-content div.co-teal div.description a.more, body div#main-content div#more-description div.co-teal div.description a.more, body.detail div#main-content div#left-col div.co-teal a.more { background-position: -1px -329px; color: #3aad9b; }

body#home.commercial-client  div#main-content div.callout { width: 310px; float: left; margin-left: 17px; padding: 0; }
body#home.commercial-client  div#main-content div.callout img { width: 310px; height: 122px; }
body#home.commercial-client  div#main-content div.callout div.description { width: 310px; }
body#home.commercial-client  div#main-content div.first { margin-left: 0; }

body#home div#main-content div#co-view_artisan_profiles { height: 122px; width: 256px; }
body#home div#main-content div#co-view_artisan_profiles a { display: block; overflow: hidden; height: 0px; padding-top: 122px; background: url(/img/co-view_artisan_profiles.gif); width: 256px; }
body#home div#main-content div#co-view_artisan_profiles a:hover { background-position: 0 -124px; }

body div#main-content div#more-description div.callout div.description a { color: inherit; }
body div#main-content div#more-description div.callout div.description a[href] { font-weight: bold; }
body div#main-content div#more-description div.callout div.description a[href]:hover { text-decoration: underline; }

body div#main-content div#left-col div#more-description ul.callout-grid { margin-top: 10px; }
body div#main-content div#left-col div#more-description ul.callout-grid li { float: left; height:335px; width:310px; list-style: none; margin-left: 0; margin-right: 20px; }
body div#main-content div#left-col div#more-description ul.callout-grid li div.callout { width: 100%; }
body div#main-content div#left-col div#more-description ul.callout-grid li div.callout div.co-text { width: 100%; padding-right: 0px; }
body div#main-content div#left-col div#more-description ul.callout-grid li div img { width: 100%; height: 123px; }

#join-us {
	width: 234px;
	margin: 0;
	float: right;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(/images/bg_joinus.gif);
	background-repeat: no-repeat;
	height: 53px;
	padding: 185px 0 0 23px;
}

.jumpmenu    {
	margin: 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-repeat: no-repeat;
	color: #e6e9d1;
	background-color: #7E8739;
	border: solid 1px #666666;
	width: 165px;
}



/* RIGHT COLUMN */

body div#main-content div#right-col { /* width = 209px - (border = 1px) - (padding = 30px) = 178px */ width: 189px; padding-left: 30px; border: solid #d39797; border-width: 0 0 0 1px; float: right; margin-bottom: 10px; }

body#sitemap div#main-content div#right-col, body#rss div#main-content div#right-col, body#contact_us div#main-content div#right-col { padding-top: 7px; }


body div#main-content div#right-col div#co-aid_to_artisans-video h4 { background: url(/images/b_artisans_video.gif); height: 0; overflow: hidden; padding-top: 51px; width: 164px; }
body div#main-content div#right-col div#co-aid_to_artisans-video { margin-bottom: 20px; }

body div#main-content div#right-col div#sidevideos-area { margin-bottom: 20px; }
body div#main-content div#right-col div#sidevideos-area ul {  }
body div#main-content div#right-col div#sidevideos-area ul li { display: block; position: relative; }
body div#main-content div#right-col div#sidevideos-area ul li a { font-size: 12px; font-family: arial, helvetica, sans-serif; color: #BED276; line-height: 40px; height: 40px; background: url(/img/video_vignettes.gif) no-repeat; display: block; padding: 0 0 0 40px; }
body div#main-content div#right-col div#sidevideos-area ul li a:hover { background-position: 0 -46px; }
body div#main-content div#right-col div#sidevideos-area ul li a span.wrapper { line-height: 12px; vertical-align: middle; }
body div#main-content div#right-col div#sidevideos-area ul li a span.wrapper span { line-height: 12px; vertical-align: middle; }

body div#main-content div#right-col div#sidequote-area {  }
body div#main-content div#right-col div#sidequote-area div.quote-text { position: relative; color:#7D8E5B; font-family:"Courier New",Courier,monospace; font-size:13px; font-weight:bold; line-height:1.25; padding: 30px 10px 30px 0; }
body div#main-content div#right-col div#sidequote-area div.quote-start, body div#main-content div#right-col div#sidequote-area div.quote-end { width: 29px; position: absolute; background: url(/img/big_quotes.gif); height: 27px; }
body div#main-content div#right-col div#sidequote-area div.quote-start { top: 0; left: 0; }
body div#main-content div#right-col div#sidequote-area div.quote-end { bottom: 0; right: 10px; background-position: 0 -27px; }

body div#main-content div#right-col div#sidequote-area div.quotee { font-family:"Courier New",Courier,monospace; margin:15px 0 0; padding:0; color: #BED276; font-size: 12px; }
body div#main-content div#right-col div#sidequote-area div.quotee span { color: #7D8E5B; }

/* FOOTER */
body div#footer { clear: both; text-align: center; background: url(../images/bg-footer.jpg) repeat-x; width: 100%; height: 159px; margin-top: 25px; }
body div#footer ul#footernav { }
body div#footer ul#footernav li { overflow: hidden; }
body div#footer ul#footernav li ul { clear: both; }
body div#footer ul#footernav li ul li { display: inline; color: #fEe1d6; font-size: 12px; font-family: arial, sans-serif; margin: 0 1px; }
body div#footer ul#footernav li ul li#footer-login { overflow: hidden; display: inline; }
body div#footer ul#footernav li ul li#footer-login form { display: inline; width: 100px; clear: none; }
body div#footer ul#footernav li ul li#footer-login form div { display: inline; white-space: nowrap; }
body div#footer ul#footernav li ul li#footer-login form div label { display: inline; color: #545452; font-size: 12px; font-family: arial, sans-serif; text-transform: uppercase; }
body div#footer ul#footernav li ul li#footer-login form div input.textfield { width: 100px; margin: 0 2px; }

body div#footer ul#footernav li ul li#site-credits a { font-size: 10px; color: #545452; }
body div#footer ul#footernav li ul li#site-credits span { font-size: 10px; color: #545452; }


body div#footer ul#footernav li ul li a, body div#footer ul#footernav li ul li span { font-size: 12px; font-family: arial, sans-serif; color: #545452; text-transform: uppercase; }

body div#footer ul#footernav li ul li a:hover { color: #fff; }

ul.resources { 
	border-color:#D39797;
	border-style:solid;
	border-width:1px 0 0;
	clear:left;
	display:block;
	margin-right:20px;
	padding:4px;
	clear: left;
}
ul.resources li h4 { font-style: italic; color: #aaa; font-size: 10px; font-family: arial; margin-bottom: 2px; }
ul.resources li ul li a { font-size: 12px; font-family: arial, sans-serif; color: #674f25; text-transform: uppercase; }
ul.resources li ul li a:hover { text-decoration: underline; }

ul.resources li ul li { display: block; float: left; margin-right: 12px; }

a.icon {
background:url(/images/interactive-icons.gif);
float:left;
display:block;
overflow:hidden;
width:47px;
height:0;
padding-top:16px;
margin:0 6px 6px 0;
}

a.details {
width:47px;
background-position:0 0;
}

a.pdf {
width:24px;
background-position:-48px 0;
}

a.mp3 {
width:27px;
background-position:-144px 0;
}

a.video {
width:27px;
background-position:-192px 0;
}

a.vcard {
width:28px;
background-position:-96px 0;
}

a.calendar {
width:28px;
background-position:-240px 0;
margin-top:3px;
}

a.print {
width:43px;
background-position:-336px 0;
float:right;
margin:0;
}

body#videos { width: 500px; height: 500px; text-align: center; background: url(/img/pop_up-video-loading.gif) center 50px no-repeat; }
body#videos embed { margin: 0 auto; }

div#GB_window a.close-btn {
	background:transparent url(/img/popup-close.gif) repeat scroll 0 0;
	height:22px;
	overflow:hidden;
	position:absolute;
	right:36px;
	top:23px;
	width:54px;
	cursor: pointer;
}

div#GB_window a.close-btn:hover { background-position: 0 -24px; }


body div#main-content form.contact { display: block; width: auto; line-height:16px; font-size: 12px; }
body div#main-content form.contact div.left-col { display: block; overflow: hidden; width: 270px; float: left; }
body div#main-content form.contact div.left-col input.textfield { width: 240px; }
body div#main-content form.contact div.right-col { display: block; overflow: hidden;  width: 250px; }
body div#main-content form.contact div.bottom {
	clear:left;
	display:block;
	padding:24px 0;
	width:auto;

}
body div#main-content form.contact label { display: block; font-size:12px; margin-top:6px;}
body div#main-content form.contact input.submit {
	float: left;
	clear: left;
	margin: 10px 0 15px
}

body div#main-content form.contact input#address { display: none; }

p.notice {
	clear:both;
	float:left;
	font-size:12px;
	line-height:17px;
	margin:10px 0;
}


body div#attribute-search-widget { font-size: 12px; width: auto; }
body div#attribute-search-widget div.form-fields { width: auto; }
body div#attribute-search-widget ul { width: 120px; float: left; }
body div#attribute-search-widget ul.first { clear: left; }
body div#attribute-search-widget ul li div { width: 200px; float: left; }
body div#attribute-search-widget ul li { font-size: 12px; display: block; float: left; margin-bottom: 4px; overflow: hidden; width: 115px; }
body div#attribute-search-widget ul li input.checkbox { float: left; display: block; }
body div#attribute-search-widget ul li label { display: block; width: 92px; float: left; margin-left: 4px; clear:none; }

body div#attribute-search-widget h5 { color: #B02C2D;  }
body div#attribute-search-widget div.block { clear: left; }




#bottomCols{float: left; background: url(/images/bg_where_bottom.jpg) 0 bottom no-repeat; }

#countries-list-container { background:transparent url(/images/bg_where_bottom.jpg) no-repeat scroll 0 bottom; float:left; }
#countries-list {float:left; width:450px; background: url(/images/bg_where_stretch.jpg) 0 0 no-repeat; margin-bottom: 30px; }
#countries-list div { width:129px; float:left;}
#countries-list div#leftCol {margin-left:40px;}



#bottomRightCol{display:inline; float:left; width:473px; }

#bottomRightCol p{text-align: left; font-family:Tahoma; font-size: 16px; line-height: 1.5; color:#eb2791; margin-left:32px; margin-right:32px; margin-top:21px; width:418px;}

#bottomRightCol img{display:block; margin-left:153px; margin-right:153px; margin-top:75px;}



#note {float:left; line-height:1.5; margin-left:40px; margin-top:15px; width:355px; height:40px; font-family: Tahoma; font-size: 12px; color:#51483d;}

#note span{color:#d23586;}



#info {float:left; line-height:1.5; margin-left:0px; margin-top:16px; padding-top:16px; width: 910px; height:40px; font-family: Tahoma; font-size: 12px; color:#51483d; border-top: solid 1px #d39797}



/*-- list stuff ---------------------- */



#countries-list ul{

	text-align: left;

	font-family:Tahoma;

	font-size: 12px;

	line-height: 1.5;

	margin: 8px 0 0 0;

	list-style:none;

	width:129px;

	}

#countries-list h1{

	width: 105px;
font-family:tahoma;
	color: #a92e30;

	font-size: 15px;

	margin-top:30px;

	}

body#where_we_work div#countries-list ul li ul li {
	color:#a5a4a4;
	margin:0 0 0 12px;
	padding:0;
}

body#where_we_work div#countries-list ul li a { color: #A5A4A4; }
body#where_we_work div#countries-list ul li.active a { color: #353434; }
body#where_we_work div#countries-list ul li.active a:hover { text-decoration: underline; }

body#where_we_work div#countries-list ul li ul {
	margin:0 0 0 14px;
	padding:0;
}

body#where_we_work div#countries-list ul {
	font-family:Tahoma;
	font-size:12px;
	line-height:1.5;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:8px 0 0;
	text-align:left;
	width:129px;
}

body#where_we_work div#countries-list-container { width:450px; }

body#where_we_work p.note {
	color:#51483D;
	float:left;
	font-family:Tahoma;
	font-size:12px;
	height:40px;
	line-height:1.5;
	margin-left:40px;
	margin-top:15px;
	width:355px;
	clear: left;
}

body#where_we_work p.note span { color: #D23586; }


body#where_we_work div.highlight {
	color:#EB2791;
	font-family:Tahoma;
	font-size:16px;
	line-height:1.5;
	margin-left:32px;
	margin-right:32px;
	margin-top:21px;
	text-align:left;
	width: 396px;
	float: left;
}
body#where_we_work div.highlight img#co-select_a_region { 
	display:block;
	margin: 20px auto;
}



.where_search{float:right; width:415px; position:relative; left:-4px}

.where_search p{float:left; display:block; font-size:12px; font-family:Courier New, Courier, monospace;}

.where_search input {

	height: 16px;

	font-family: "Courier New", Courier, monospace;

	font-size: 11px;

	margin: 0 0 0 20px;

	padding: 0;

	float: right;

}

.where_search  input.button {

	font-size: 11px;

	margin: 0 0 0 2px;

	border: 0;

	padding: 0;

	float: right;

	height: 18px;

	width: 18px;

}

body#how_to_help div#left-col ul#founders-society-list li { }
body#how_to_help div#left-col ul#founders-society-list li ul { margin-bottom: 20px; }
body#how_to_help div#left-col ul#founders-society-list li ul li { margin-left:20px; }

body#about_ata div#main-content div#left-col div#detail-top div#more-description ul li { margin-bottom: 10px; }
body#about_ata div#main-content div#left-col div#detail-top div#more-description ul li ul li { list-style: none; clear: left; font-size: 12px; margin-bottom: 0; }

body#about_ata div#main-content div#left-col div#more-description ul li h3 {
color:#B96C39;
font-family:tahoma;
font-size:18px;
margin-bottom:0px;
}


body#about_ata.detail div#main-content div#left-col div#detail-top strong, body#about_ata.detail div#main-content div#left-col div#detail-top b { font-weight: bold; }




.vignette { position: relative; height:147px; overflow: visible; width: 133px; }

.vignette .image .image-screen {
background:url(../images/bg-white-transparent.png);
font-family:arial;
display:block;
position:absolute;
top:0;
width:132px;
height:190px;
z-index:2;
line-height:16px;
font-size: 12px;
}

.vignette .image .border-top,.vignette .image .border-bottom {
position:absolute;
width:132px;
overflow:visible;
}

.vignette .image .border-top {
height:25px;
z-index:98;
top:0;
background-color: #f9a01b;
font-size: 13px;
width: 132px;
line-height: 24px;
font-weight: bold;
}

.vignette .image .border-bottom {
background:transparent url(../images/g-callout_title.gif) repeat-y scroll 0 0;
bottom:0;
height:24px;
position:absolute;
z-index:99;
border: solid #222; border-width: 0 1px 0 0;
}


.vignette .column .blue .border-top,.vignette .column .blue .border-bottom {
background-color:#0061a5;
}

.vignette .column .orange .border-top,.vignette .column .orange .border-bottom {
background-color:#ff9000;
}

.vignette .column .green .border-top,.vignette .column .green .border-bottom {
background-color:#8ec63f;
}

.vignette .column .light-blue .border-top,.vignette .column .light-blue .border-bottom {
background-color:#01aef0;
}

.vignette .image .image-screen .screen-content {
margin-top:5px;
margin-left:12px;
font-size: 11px;
line-height: 14px;
z-index: 5;
}

.vignette img { position: absolute; z-index: 1; }

.vignette .image .image-screen h4 {
font-weight:700;
margin-bottom:10px;
}

.vignette .image .image-screen span {
color:#644;
text-decoration:none;
}

.vignette .image .border-top span,.vignette .image .border-bottom span {
color:#fff;
margin-left:12px;
font-family:arial;
}

.vignette .image .border-top a,.vignette .image .border-bottom a {
color:#fff;
margin-left:12px;
font-family:arial;
position:absolute;
font-size: 12px;
line-height:24px;;
}



body#gallery div#pageContainer { overflow: hidden; }

body#gallery div#bigImage { }

body#gallery div.gallery {
float:left;
height:90px;
overflow:hidden;
width:90px;
display: block;
}
body#gallery div.gallery a { width: 90px; height: 90px; overflow: hidden; display: block; }

body div#page-utility ul#section-nav li ul li div form { opacity: .9; width: 200px; overflow: hidden; }
body div#page-utility ul#section-nav li ul li div form input[name=q] { width: 100px; }