@CHARSET "UTF-8";

#design_gallery_flash { float: left; height: 380px; width: 357px; background: url(/images/design-gallery/design-gallery-fpo.png) no-repeat; overflow: hidden; }

/**
 * Homepage categories
 */
#design_gallery_home #case_studies_nav { width: 258px; height: 380px; float: left; margin: 0 0 0 10px; padding-left: 30px; background-color: #12073e; }
#design_gallery_home #case_studies_nav span { color: #8a6da5; }

#design_gallery_home #photo_library_nav { width: 258px; height: 380px; float: right; background-color: #092a50; padding-left: 30px; }
#design_gallery_home #photo_library_nav span { color: #6b90bf; }

#design_gallery_home span.gallery_header { display: block; margin: 40px 0 20px 0; font-size: 18px; }

#design_gallery_home ul { margin-left: 10px; }
#design_gallery_home ul li { background: transparent; margin: 0; padding: 0; font-size: 14px; }

#design_gallery_home ul li,
#design_gallery_home ul li a:link,
#design_gallery_home ul li a:active,
#design_gallery_home ul li a:visited
{ text-decoration: none; color: #FFF; padding: 2px 0; display: block; line-height: 13px; }

#design_gallery_home ul li a:hover { background: transparent; color: #CCC; }


/**
 * base design gallery
 */

#design_gallery h2 { font-size: 1em; margin-bottom: 35px; position: relative; border-bottom: solid 1px #8f8f8f; height: 15px; }
#design_gallery h2 span.cover { position: absolute; top: 1px; background: #000; padding-right: 20px; }
#design_gallery h2 span.name { font-size: 1.5em; color: #d6d6d6; padding-left: 20px; background: url(/images/design-gallery/header-pipe.gif) no-repeat 9px 7px; }
#design_gallery h3 { color: #d6d6d6; font-size: 1.5em; border-bottom: solid 1px #2d2d2d; padding-bottom: 4px; margin-top: 10px; }

/**
 * Side Nav Categories
 */

#side_nav { width: 140px; float: left; background-color: #000; }

#nav_top { background-color: #FFF; padding-bottom: 10px; }
#nav_top { padding-bottom: 10px; }
#nav_bottom { background-color: #FFF; padding-top: 10px; }

#side_nav #case_studies_nav { padding: 20px 0; background-color: #12073e; color: #FFF; }
#side_nav #photo_library_nav { padding: 30px 0 20px 0; background: url(/images/design-gallery/photo_library_top_margin.gif) repeat-x #092a50; color: #FFF; }

#side_nav span.gallery_header { font-size: 14px; margin: 0 0 5px 12px; display: block; }
#side_nav #case_studies_nav span.gallery_header { color: #8a6da5; }
#side_nav #photo_library_nav span.gallery_header { color: #6b90bf; }

#side_nav ul { margin: 0; padding: 0; }
#side_nav ul li { margin:0; padding: 0; list-style-type: none; background: none; }

#side_nav ul li.coming_soon,
#side_nav ul li a:link,
#side_nav ul li a:active,
#side_nav ul li a:visited
{ padding: 2px 0 1px 20px; margin: 2px 0; display: block; color: #d6d6d6; text-decoration: none; font-size: 11px; line-height: 13px; }

#side_nav #case_studies_nav ul li a:hover { background-color: #333366; }
#side_nav #photo_library_nav ul li a:hover { background-color: #3c6185; }

#photo_library_nav ul li a.active:link,
#photo_library_nav ul li a.active:active,
#photo_library_nav ul li a.active:visited
{ background-color: #3c6185; }

#case_studies_nav ul li a.active:link,
#case_studies_nav ul li a.active:active,
#case_studies_nav ul li a.active:visited
{ background-color: #333366; }

/**
 * Case Studies
 */
#case_studies_display h2 { color: #8A6DA5; margin-bottom: 15px; }
	
#case_studies_content { width: 814px; float: left; color: #FFF; }
#case_studies_display { background-color: #000; margin: 0 10px; width: 475px; float: left; padding: 25px 20px; }
#case_studies_detail { background-color: #000; width: 279px; float: right; padding-bottom: 50px; font-size: 0.9em; }

#case_studies_detail h1 { color: #efca51; font-size: 1.3em; line-height: 1.1em; margin: 0 0 10px ; border: 0; font-weight: normal; }

#case_studies_detail h4 { color: #efca51; font-size: 1em; margin: 0; }

.boxes { padding: 25px 17px; }

#case_studies_detail .info { padding: 37px 17px 0; }

.arcadia-products { background-color: #1c1c1c; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; }
.arcadia-products ul { margin: 0; padding: 0; }
.arcadia-products ul li { margin: 0; padding: 0; background: none; font-size: 1em; }
.arcadia-products ul li a { color:#FFF; text-decoration: none; }
.arcadia-products li.highlight,
.arcadia-products li.highlight a { color: #EFCA51 !important; }


#case_studies_detail .bottom { background-color: #363636; border-bottom: solid 1px #CCC; padding: 16px 17px; }

a.printer-friendly { color: #FFF; text-decoration: none; background: transparent url(/images/products/pdf-download-icon.gif) no-repeat 0 0; padding-left: 18px; }

#case_study_image { width: 474px; height: 321px; margin-bottom: 15px; }


#case_study_image_nav_container { border-top: solid 1px #8f8f8f; height: 30px; position: relative; }
#case_study_image_nav_container ul { position: absolute; right: 0; top: -1px; margin: 0; padding: 0 0 0 18px; background-color: #000; }
#case_study_image_nav_container ul li { background: none; float: left; margin: 0; padding: 0; margin-left: 7px; }
#case_study_image_nav_container ul li.first { margin: 0; }
#case_study_image_nav_container ul li a { display: block; border: solid 1px #8f8f8f; background-color: transparent; width: 26px; height: 20px;}
#case_study_image_nav_container ul li a:hover,
#case_study_image_nav_container ul li a.active { background: #5b9700; }	

#case_studies_display p.architect { margin: 13px 0; font-size: 12px; }
.architect_label { color: #efca51; padding-right: 10px; }

/**
 * Photo Library
 */
#photo_library_content h2 { color: #60748c; }

#photo_library_content { background-color: #000; width: 764px; float: right; padding: 25px 20px;}

#photo_library_content ul { width: 765px; margin: 0; list-style-type: none; }
#photo_library_content ul li { margin: 0 15px 20px 0; padding: 0; float: left; font-size: 11px; background: none; }

#photo_library_content ul.small li { width: 135px; height: 175px; }
#photo_library_content ul.small li img { width: 135px; height: 89px; display: block; }

#photo_library_content ul.large li { width: 228px; height: 200px; margin: 0 23px 20px 0; }
#photo_library_content ul.large li img { width: 228px; height: 151px; display: block; }

.building_name { color: #d8c35c; margin-top: 8px; line-height: 13px; }
.location {  color: #838383; font-size: 10px; line-height: 12px; margin: 3px 0; }
#photo_library_content .architect { font-style:italic; color: #FFF; font-size: 10px; line-height: 12px; }
#photo_library_content .architect a:link,
#photo_library_content .architect a:active,
#photo_library_content .architect a:visited,
#photo_library_content .architect a:hover { color: #FFF; text-decoration: none;}