/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, table, th, td, object, embed { margin : 0; padding : 0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }

/* =html */
html { background : #000; padding : 10px; }	

/* =body */
body { font : 11px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }

/* =blocktext */
h1, h2, h3, h4, h5, p, blockquote, address, dl, ul, ol { margin : 0 15px; padding : 0 0 18px 0; }

/* =hx */
h2, h3, h4, h5 { font-weight : bold; }

/* =h1 */
h1 { position : absolute; left : 20px; top : 15px; width : 495px; height : 70px; margin : 0; padding : 0; background : url(../siteimages/h1-trans.png) no-repeat 0 0; text-indent : -9999px; overflow : hidden; }

/* =h2 */
h2 { clear : left; font-size : 170%; }
#content_main h2 { padding-top : 0; }

/* =h3 */
h3 { clear : left;  text-transform : uppercase; letter-spacing : 1px; }
li h3 { margin-left : 0; }

/* =h4 */
h4 { font-size : 100%; }
li h4 { margin-left : 0; padding-top : 0; }

/* =h5 */
h5 { font-size : 100%; }
li h5 { margin-left : 0; }

/* =p */
li p { margin-left : 0; }
dd p, blockquote p { margin-left : 0; padding-top : 0; }
h2 + p { font-weight : bold; margin-bottom : 15px; padding-bottom : 15px; border-bottom : 1px solid #666; }
.gallery #content_sub h2 + p { padding-bottom : 0; border-bottom-width : 0; }
ul + p { clear : left; }
p#siteinfo_legal { width : 400px; margin : 0 auto; padding-top : 40px; text-align : center; }

/* =blockquote */
blockquote { margin : 15px; padding-left : 15px; border-left : 1px dotted #fff; }

/* =kbd/del/ins */
kbd { text-decoration : underline; }
del { color : #999; }
abbr { cursor : help; }
ins { text-decoration : none; }

/* =strong/b/em/i */
strong, b { font-weight : bold; }
em, i { font-style : italic; }

/* =address */
address { font-style : normal; }
address span { display : block; }

/* =pre */
pre, code { font : 115% monospace; *font-size : 100%; }

/* =vcard */
.vcard  { padding-bottom : 30px; font-size : 100%; }
.vcard .street-address { display : block; }
.vcard .locality { display : block; }
.vcard .region { display : block; }
.vcard .country-name { display : none; }
.vcard .tel, .vcard .email { display : block; }
#siteinfo .vcard { width : 400px; min-height : 70px; margin : 0 auto; padding-bottom : 0;  background : url(../siteimages/address.png) no-repeat 0 50%; }
#siteinfo .vcard * { display : inline; }
#siteinfo .adr, #siteinfo .tel { display : block; }


/* =dl/dt/dd */
dt { font-weight : bold; }
dd { padding-bottom : .5em; }

/* =ul */
ul { list-style-type : none; }
dd ul { margin-left : 0; }

/* =ol */
ol ol { margin-left : 0; }

/* =img */
img, a img { border : none; }

/* =hr */
hr { display : none; }

/* =a */
a, a:visited { color : #cbb777; text-decoration : none; }
a:hover { text-decoration : underline; }
a:active, a:focus { text-decoration : underline; }
#videos a:hover { text-decoration : none; }
h1 a { display : block; width : 495px; height : 70px; }
#siteinfo a, #siteinfo a:visited { color : #fff; font-weight : bold; text-decoration : none; }
#siteinfo a:hover { text-decoration : underline; }

/* =div */
form div { padding : .5em 0; font-size : 85%; }

/* =nav */
#nav_main ul { float : left; margin : 0; padding : 10px 0; }
#nav_main li { float : left; display : block; border-right : 1px solid #555; }
#nav_main li:last-child { border-right-width : 0; }
#nav_main a { float : left; display : block; margin : 0 10px 0 10px; padding : 0 5px; border-bottom : 2px solid #292929; color : #fff; font-size : 92%; font-weight : bold; text-decoration : none; text-transform : uppercase; }
#nav_main li:first-child a { margin-left : 0; padding-left : 0; }
#nav_main li:last-child a { margin-right : 0; padding-right : 0; }
#nav_main a:hover { border-bottom : 2px solid #cbb777; }
#nav_main a:focus, #nav_main a:active { border-bottom : 2px solid #fff; } 
.murals #n02 a, .pools #n03 a, .fountains #n04 a, .projects #n05 a, .video #n06 a { border-bottom : 2px solid #cbb777; }

/* = categories */
#categories { margin : 0; padding : 0; }
#categories li { min-height : 4em; margin-bottom : 15px; border-bottom : 1px solid #333; }
#categories li#c03 { border-bottom-width : 0; }
#categories h3 { clear : none; padding : 0; }
#categories p { padding-top : 5px; color : #666; } 
#categories img { float : left; width : 44px; height : 44px; margin : 0 10px 10px 0; padding : 5px; border : 1px solid #666; } 

/* =layout */
#container { position : relative; width : 960px; margin : 0 auto; padding-top : 100px; background-color : #292929; border : 1px solid #fff; color : #fff; }
div[id="container"] { background : #292929 url(../siteimages/container.png) repeat-x 0 0; }
#branding { width : 900px; margin : 0 0 0 20px; padding : 10px; background-color : #000; border : 1px solid #333; }
#nav_main { overflow : hidden; width : 920px; margin : 0 20px 20px 20px; border-top : 1px solid #666; border-bottom : 1px solid #666; }
#content { float : left; width : 960px; }
#content_main { float : left; width : 49.5%; padding-bottom : 30px; }
#content_sub { float : right; width : 49.5%; padding-bottom : 30px; }
#siteinfo { clear : both; width : 940px; margin : 0 10px; padding : 60px 0; background : #666 url(../siteimages/siteinfo.png) repeat-x 0 100%; border-top : 1px solid #ccc; font-size : 92%; text-align : center; text-transform : uppercase; }

/* =index layout */
.index #content_main { width : 940px; margin : 0 10px; padding : 0 0 30px 0; }
.index #content_main div { float : left; /* min-height : 20em;  */ padding-top : 15px; }
.index #content_main div.one { width : 275px; margin-left : 15px; border-top : 1px solid #d1ceba; }
.index #content_main div.two { width : 275px; border-top : 1px solid #d1ceba; /* border-right : 1px solid #d1ceba; */ }
.index #content_main div.three { float : right; width : 359px; margin-top : -15px; }
.index h2 { width : 580px; margin-top : 30px; }
.index #content_main div p { margin : 0; padding-right : 15px; padding-left : 20px; }
.index #content_main .one p { padding-left : 0; /* border-right : 1px solid #666; */ }

.index #promo { padding : 10px; border : 1px solid #666; }
.index #promo h3 { padding-bottom : 5px; margin-left : 0; }
.index #promo p {  margin-left : 0; }
.index #promo img {  float : left; width : 44px; margin : 0 10px 10px 0; padding : 5px; border : 1px solid #666; }

/* =article layout */
.article #nav_main { margin-bottom : 0; }
.article #content { width : 960px; background : url(../siteimages/content.png) no-repeat 0 0; }
.article #content_main { float : right; width : 395px; margin-right : 170px; padding : 30px 0 15px 0; }
.article #content_sub { float : left; width : 210px; margin : 0 15px 0 170px; padding-top : 180px; text-align : right; }
.article h3 { margin-top : 30px; }
.article div#book { overflow : hidden; margin-bottom : 15px; margin-left : -30px;  padding : 10px; background-color : #212121; border : 1px solid #666; }
.article div#book h3 { margin : 0; padding : 0; }
.article div#book p { margin : 0; padding : 0; }
.article .vcard { padding-right : 15px; border-right : 1px solid #666; }
.contact .vcard { margin-left : 15px; padding-right : 0; border-right-width : 0px; }

/* =gallery */
.gallery #content { width : 840px; margin : 0 10px 30px 0; padding : 0 50px; }
.gallery #content_main { float : left; width : 540px;  }
.gallery #content_sub { float : right; width : 279px; border-left : 1px solid #666; }
.gallery #content_main li img { float : left; width : 88px; margin : 10px 10px 10px 0; padding : 5px; border : 1px solid #666; } 
.gallery #slideshow { width : 480px; margin : 0 0 30px 15px; padding : 15px; background-color : #000; border : 1px solid #666; }
.gallery dd img { float : left; margin : 5px 10px 10px 0; padding : 5px; border : 1px solid #666; } 

/* =projects */
#pools, #murals { padding : 0; font-size : 92%; }
#pools li, #murals li { float : left; width : 125px; min-height : 16em;  }
#pools li p, #murals li p { clear : left; margin : 0; padding-bottom : 0; line-height : 1.1; }
#pools li p+p, #murals li p+p { padding-top : 0; }

/* =videos */
.gallery #videos { padding : 1em 0; font-size : 92%; }
.gallery #videos li { float : left; width : 105px; min-height : 12em; margin-right : 10px; }
.gallery #videos li p { clear : left; margin : 0; padding-bottom : 0; line-height : 1.1; }
.gallery #videos li img { padding : 5px; border : 1px solid #666; } 

/* =photos */
ol#photos li { clear : left;  min-height : 14em; margin-bottom : 15px; border-bottom : 1px solid #666; }
ol#photos img { float : left; position : relative; left : -30px; margin : 0 -15px 10px 0; padding : 5px; border : 1px solid #666; }
ol#photos #book img { float : left!important; position : relative; left : 0; margin : 0 15px 0 0; padding : 5px; border : 1px solid #666; }

/* =book */
ul#book { padding : 1em 0; }
ul#book li { float : left; width : 115px; padding-bottom : 15px;  }
ul#book li img { padding : 5px; border : 1px solid #666; }
img.fl { float : left; height : 88px; width : 88px; margin : 0 15px 25px 0; padding : 5px;  border : 1px solid #666; }

/* =spec */
.spec { overflow : hidden; margin-left : 15px; padding : 10px; background-color : #212121; border : 1px solid #666; }
.spec h3 { margin : 0; padding : 0; }
.spec p { margin : 0; padding : 0 0 0 40px; background : url(../siteimages/ico_acrobat.png) no-repeat 0 5px; }

/* =qt */
.qt { overflow : hidden; margin : 15px 0 5px 15px; padding : 10px; background-color : #212121; border : 1px solid #666; }
.qt h3 { margin : 0; padding : 0; }
.qt p { margin : 0; padding : 0 0 0 40px; background : url(../siteimages/ico_qt.png) no-repeat 0 5px; }

/* =projects in detail */

/* =latest */
#latest dd { margin-bottom : 15px; padding-bottom : 5px; border-bottom : 1px solid #666; }

/* =pagination */
#pagination { padding-top : 15px; }
#pagination li { display : inline; }
#pagination #previous { margin-right : 15px; padding-right : 15px; border-right : 1px solid #666; }

/* =legacy */
#legacy li { min-height : 100px; margin-bottom : 15px; padding-bottom : 5px; border-bottom : 1px solid #666; }
#legacy li#l03 { border-bottom-width : 0; }
#legacy h4 { padding-bottom : 5px; }
#legacy p { overflow : hidden; }
#legacy img { float : left; margin : 0 10px 5px 0; padding : 5px;  border : 1px solid #666; }