body { background-color:#444; font-size:14px; line-height:1.1em; font-family:Georgia, Times New Roman, serif; margin:0px; color:#444; }
a img {border:none;}
#container { background-image: url(/art/bg.jpg); margin-left:auto; margin-right:auto; width:1032px; margin-bottom:50px; }
#content { margin-left:31px; width:970px; }
#content.grey { background-image: url(/art/grey-side-bg.jpg); background-repeat:repeat-y; background-position:left; }
#project-background{ position:absolute; z-index:1; top:0px; }
#header { height:350px; }
#header-sec { background:url(art/top-sec1.jpg) no-repeat right top #b8b194; height:139px; width:970px; }
#logo { z-index:5; position:relative; top:10px; left:30px; width:266px; }
#toc-shadow { background-color:#000; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.6; height:50px; position:absolute; z-index:1; top:35px; width:970px; }
#logo-shadow { position:relative; top:-70px; left:35px; width:266px; height:85px; background-color:#000; z-index:3; filter:alpha(opacity=40); -moz-opacity:.40; opacity:.4; }
#toc { position:absolute; width:970px; top:35px; z-index:5; text-align:right; }
#toc ul { list-style-type:none; margin-right:15px; margin-bottom:0px; } 
#toc ul li { display:inline; margin-right:20px; }
#toc ul li a { text-decoration:none; color:#fff; font-size:1.3em; }
#toc ul li a:hover { text-decoration:underline; } 
ul#sec-project-list, ul#project-list { background-color:#e0ddd8; float:right; width:310px; margin:0px; padding:15px 0px 0px 15px; list-style-type:none; z-index:5; position:relative; }
ul#sec-project-list li, ul#project-list li { padding-bottom:5px; border-bottom: 2px dotted #bb5a13; width:310px; float:left; clear:both; margin-bottom:10px; }
ul#sec-project-list h2, ul#project-list h2 { color:#203054; text-decoration:underline; font-weight:normal; font-size:1.3em; margin:0px; margin-bottom:8px; width:420px; }
ul#sec-project-list li img, ul#project-list li img { float:left; border:7px solid #fff; margin-right:10px; }
ul#sec-project-list li a.more, ul#project-list li a.more { background-color:#bb5a13; color:#fff; display:block; text-decoration:none; padding:2px 12px 2px 4px; font-size:.75em; line-height:1.1em; float:right; top:8px; position:relative; }
ul#sec-project-list li a.more:before, ul#project-list li a.more:before { content: ">"; margin-right:3px; }
ul#sec-project-list li a.more:hover, ul#project-list li a.more:hover { background-color:#c5773e; }
ul#sec-project-list li span.text, ul#project-list li span.text { float:right; width:210px; min-height:69px; font-size:.8em; line-height:1.1em; }
ul#sec-project-list li p, ul#project-list li p { margin:0px 0px 5px 0px; padding:0px; }
#content-sec ul#sec-project-list { float:right; width:535px; padding:15px; margin:0px; height:auto; list-style-type:none; }
ul#sec-project-list h2 { background:none; margin-left:0px; padding-left:0px; padding-top:3px; }
ul#sec-project-list h2:before { content: ""; display:none; }
ul#sec-project-list li { width:535px; margin-left:0px; padding-left:0px; }
ul#sec-project-list li img { margin-left:0px; padding-left:0px; }
ul#sec-project-list li span.text { width:430px; }
#side-toc { float:left; background: url(/art/side-sec1.jpg) no-repeat left top #dfddd6; width:257px; height:480px; }
#side-toc ul { list-style-type:none; background-color:#000; filter:alpha(opacity=80); -moz-opacity:.80; opacity:0.8; margin-top:180px; width:153px; padding:20px 33px 20px 40px; float:right; height:182px; }
#side-toc ul li { border-bottom: 2px dotted #bb5a13; padding-bottom:5px; margin-bottom:5px; }
#side-toc ul li.last { border-bottom:none; }
#side-toc ul li a { color:#fff; font-size:1.25em; text-decoration:none; }
#side-toc ul li a:hover { color:#bb5a13 }
#side-toc #contact { margin-left:70px; font-size:1.25em; line-height:1.1em; }
#side-toc #contact span.text { color: #1b2f60; display:block; text-decoration:underline; margin-bottom:4px; }
#side-toc #contact span.number { color:#bb5a13; }
div#title { background-color:#bb5a13; height:47px; margin-top:56px; width:610px; margin-left:35px; }
div#title img { margin-left:28px; margin-right:10px; margin-top:7px; float:left; }
div#title h1 { color:#fff; font-weight:normal; font-size:1.35em; line-height:1.1em; margin:0px; padding:0px; padding-top:12px; }
div#text { margin-left:35px; padding-left:35px; padding-right:35px; width:540px; }
div#text p { padding:0px; margin-top:25px; line-height:1.4em; }
#right { float:right; background-repeat:no-repeat; background-color:#fff; background-position:10px 10px; clear:none; width:108px; min-height:300px; }
ul.project-images { list-style-type:none; padding:0px 0px 0px 13px; margin:10px 0px 0px 0px; }
ul.project-images li { margin:0px 0px 5px 0px; }
ul.project-images li img { cursor:pointer; }
.project ul { margin-left:40px; }
#main-project-image { width:565px; margin-left:40px; margin-top:10px; }
#content-sec { margin-left:257px; margin-right:108px; min-height:480px; background-color:#fff; }
#content-sec.project { margin-top:80px; margin-bottom:0px; padding-bottom:10px; }
#content-sec p, #content-sec ul { padding-left:40px; line-height:1.2em; }
h1 { color:#fff; background-color:#bb5a12; font-weight:normal; text-transform:uppercase; font-size:1.25em; margin:0px; padding:15px; padding-left:40px; margin-bottom:40px; line-height:1.2em; }
h1.project-head { width:658px; float:right; }
#content-sec h2 { color:#fff; background-color:#1b2f60; font-weight:normal; padding:15px; font-size:1.25em; width:170px; margin:0px; margin-left:40px; padding-left:25px; margin-top:25px; }
#content-sec h2:before { content: ">"; margin-right:5px; }
#content-sec h2:after { content: ":"; }
.block { background-color:#cfc8af; margin-top:0px; margin-left:40px; padding:10px; margin-bottom:10px; }
.block ol { margin:0px; border:1px solid #fff; background-color:#e1dcc9; padding:15px; padding-left:50px; }
div#footer { background:url(/art/footer.jpg) no-repeat bottom; width:970px; padding:0px 31px 19px 31px; margin:0px auto; clear:both; }
div#footer span { display:block; text-align:center; padding:10px; background-color:#b8b194; border-top:20px solid #97927e; }
ul.projects { list-style-type:none; padding:0px 0px 20px 40px; margin:0px; }
ul.projects li { height:84px; padding:5px; }
ul.projects li.odd { background-color:#eee; }
ul.projects li.even { background-color:#ddd; }
ul.projects li img { float:left; background-color:#fff; padding:7px; border:1px solid #444; }
ul.projects li div.text { float:right; width:455px; }
ul.projects li div.text a.title { font-size:1.2em; display:block; margin-bottom:5px; color:#bb5a13; }
ul.projects li div.text a.title:hover { color:#000; }
div.clearme { clear:both; height:40px; }
.right-thumb { margin:11px 0px 0px 11px; }
/* contact pages */
dl.form { padding:5px 0 0 0; margin-left:31px;}
dl.form dt { color:#23333b; padding:0 0 3px; }
dl.form dd { margin:0 0 8px; }
dl.form dd input[type=text], dl.form dd textarea { width:600px; background:url(art/input-bg.gif) repeat-x #fff; border:1px solid #888; }
dl.form dd input[type=text]:focus, dl.form dd textarea:focus { border:1px solid #23333b; }
dl.form dd textarea { height: 150px; }
dl.form dd img { border:1px solid #23333b; }