* {
margin:0pt;
padding:0pt;
}
html {
height:100%;
}
body {
background:transparent url(../graphics/bg-bg.png) repeat scroll left top;
color:#FFFFFF;
font-family:verdana,helvetica,arial,sans-serif;
font-size:0.75em;
height:100%;
}
div#content {
background-color:#4B4B4B;
border-left:2px solid #000000;
border-right:2px solid #000000;
display:block;
margin:0px auto;
padding-bottom:100px;
width:850px;
}
a:link, a:hover, a:visited, a:active {
border:0pt none;
color:#FFFFFF;
text-decoration:none;
}
img {
border:0pt none;
}
a:hover {
color:#cccccc;
}
div#content {
min-height:100%;
position:relative;
}
div#header {
background:#111111 url(../graphics/bg-header.jpg) repeat-x scroll left bottom;
display:block;
height:107px;
width:100%;
}
div#header ul#header_menu {
float:right;
margin:-16px 95px 0pt 0pt;
}
div#header ul#header_menu li {
float:left;
list-style-position:inside;
list-style-type:none;
padding:0pt 10px 0pt 0pt;
}
div#header ul#header_menu li#facebook, div#header ul#header_menu li#blogger {
position: absolute;
top: 41px;
right: 24px;
height: 33px;
width: 40px;
text-decoration: none;
border: none;
overflow: hidden;
}

div#header ul#header_menu li#blogger {
right: 64px;
}

div#header ul#header_menu li#blogger a img, div#header ul#header_menu li#facebook a img {
padding-top: 0;
}

div#content_header {
display:block;
height:107px;
margin:0px auto;
padding:0pt;
width:850px;
}
div#header a, div#header img {
border:0pt none;
text-decoration:none;
}
div#header img {
padding:44px 0pt 0pt 10px;
}
div#main {
background:#4b4b4b url(../graphics/bg-left.jpg) no-repeat scroll 195px 37px;
display:block;
float:left;
margin:20px 0pt 0pt;
width:100%;
}
div#content_header, div#content_footer, div#content_main {
display:block;
margin:0px auto;
width:850px;
}
div#left {
float:left;
padding:0px 33px 33px 0px;
width:184px;
}
div#left ul#menu {
clear:both;
}
body.about div#left ul#menu, body.home div#left ul#menu, body.projects div#left ul#menu, body.blog div#left ul#menu {
padding:40px 0pt 0pt;
}
div#left img {
border:0pt none;
text-decoration:none;
}
div#left ul li {
list-style-type:none;
margin:0pt;
padding:0pt;
}
div#left ul#menu li {
clear:left;
}
div#right {
display:block;
float:left;
padding-bottom:40px;
width:600px;
}
#imgs-frame {
background-color:#4B4B4B;
float:left;
height:686px;
padding-bottom:20px;
width:600px;
}
#controller {
display:block;
width:100%;
z-index:10;
}
#controller ul {
display:block;
margin:0px auto;
width:184px;
}
#controller ul li {
color:#FFFFFF;
float:left;
list-style-type:none;
padding:0pt 0px 0pt 0pt;
}
#controller img {
border:0pt none;
text-decoration:none;
}
div#footer {
background:#111111 url(../graphics/bg-footer.jpg) repeat-x scroll left top;
clear:both;
display:block;
height:12em;
margin:-10em auto 0px;
position:relative;
width:850px;
}

div#footer p {
display:block;
padding:30px 20px 0pt 20px;
text-align:center;
}
body.blog h2 {
font-size:1.4em;
padding-top:20px;
}
body.blog h4 {
font-size:1.1em;
font-variant:small-caps;
}
body.blog p, body.about p {
padding-top:10px;
}
div#left ul#projects_list li {
padding:2px 0pt 9px 30px;
}
body.clients div#right ul {
padding:20px 0pt 0pt;
}
body.clients div#right ul li {
list-style-position:inside;
padding:5px 0pt;
}
ul#menu li a span {
height:1px;
margin-left:-9999px;
}
ul#menu li a.menu_item {
display:block;
height:33px;
margin:0pt;
padding:0pt;
width:184px;
}
ul#menu li a#residential {
background:transparent url(../graphics/btn_residential.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#residential:hover, body.residential ul#menu li a#residential {
background:transparent url(../graphics/btn_residential.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#interior {
background:transparent url(../graphics/btn_interior.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#interior:hover, body.interior ul#menu li a#interior {
background:transparent url(../graphics/btn_interior.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#retail {
background:transparent url(../graphics/btn_retail.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#retail:hover, body.retail ul#menu li a#retail {
background:transparent url(../graphics/btn_retail.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#medical {
background:transparent url(../graphics/btn_medical.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#medical:hover, body.medical ul#menu li a#medical {
background:transparent url(../graphics/btn_medical.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#hotel {
background:transparent url(../graphics/btn_hospitality.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#hotel:hover, body.hotel ul#menu li a#hotel {
background:transparent url(../graphics/btn_hospitality.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#office {
background:transparent url(../graphics/btn_office.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#office:hover, body.office ul#menu li a#office {
background:transparent url(../graphics/btn_office.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#education {
background:transparent url(../graphics/btn_education.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#education:hover, body.education ul#menu li a#education {
background:transparent url(../graphics/btn_education.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#engineering {
background:transparent url(../graphics/btn_engineering.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#engineering:hover, body.engineering ul#menu li a#engineering {
background:transparent url(../graphics/btn_engineering.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#product {
background:transparent url(../graphics/btn_product.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#product:hover, body.product ul#menu li a#product {
background:transparent url(../graphics/btn_product.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#projects {
background:transparent url(../graphics/btn_projects.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#projects:hover, body.projects ul#menu li a#projects {
background:transparent url(../graphics/btn_projects.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#covers {
background:transparent url(../graphics/btn_covers.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#covers:hover, body.covers ul#menu li a#covers {
background:transparent url(../graphics/btn_covers.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#personal {
background:transparent url(../graphics/btn_personal.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#personal:hover, body.personal ul#menu li a#personal {
background:transparent url(../graphics/btn_personal.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#abstracts {
background:transparent url(../graphics/btn_detail.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#abstracts:hover, body.abstracts ul#menu li a#abstracts {
background:transparent url(../graphics/btn_detail.gif) no-repeat scroll 0px -43px;
}
ul#menu li a#religious {
background:transparent url(../graphics/btn_religious.gif) no-repeat scroll 0px 0px;
}
ul#menu li a#religious:hover, body.religious ul#menu li a#religious {
background:transparent url(../graphics/btn_religious.gif) no-repeat scroll 0px -43px;
}
.clear_both {
clear:both;
display:block;
width:184px;
}
div#thumbnails {
color:#000000;
display:block;
float:left;
padding:0pt 0pt 10px 10px;
width:184px;
}
div#thumbnails a {
color:#000000;
}
div#thumbnails a {
background:transparent url(../graphics/bg-thumb.jpg) no-repeat scroll left top;
clear:none;
display:block;
float:left;
height:44px;
position:relative;
width:44px;
}
div#thumbnails img {
left:0pt;
position:absolute;
top:0pt;
}

body.about div#right ul {
padding: 20px 0;
}

body.about div#right ul li {
list-style-type: none;
list-style-position: inside;
font-size: 1em;
font-weight: bold;
font-style: italic;
}

body.about div#right p {
font-size: 1.1em;
}

*:first-child+html div#footer {
font-size: .8em;
}

*:first-child+html ul#projects_list li {
font-size: .8em;
}

*:first-child+html div#right {
padding-bottom: 60px;
}

div#right form ul li {
padding: 0 0 .5em 0;
font-weight: normal;
font-style: normal;
}