/*
 Blue:   #1E2172
 Brown:  #A39161
*/

body {
 font:13px Verdana Helvetica,Arial,sans-serif;
 background:#C7C8C3 url(images/page-bg.png) repeat scroll top center;
 text-align:center;
 margin:0;
 padding:0;
 min-width:1000px;
 width:100%;
 overflow-x:hidden;
 overflow-y:auto;
}
img {
 border:0;
 margin:0;
 padding:0;
}

a:link {
 text-decoration:none;
}
a:visited {
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}
a[name]:hover {
 text-decoration:none;
}

p {
 margin:8px 0;
}
#body.about p {
 margin:0;
}

#body {
 width:800px;
 text-align:left;
 margin:0 auto;
 min-height:500px;
 position:relative;
 background:#EFEFEF;
 margin-bottom:15px;
}

#banner {
 height:167px;
 width:800px;
 background:url(images/banner.png) no-repeat scroll left top;
 position:relative;
}

#body.about #banner {
 height:158px;
}

#menu {
 position:absolute;
 height:66px;
 top:92px;
 left:0;
 right:0;
}
#menu a {
 display:block;
 height:66px;
 position:absolute;
 background: no-repeat scroll left top
}
#menu a i {
 display:none;
}
#menu #menu-index {
 width:76px;
 left:113px;
 background-image:url(images/menu-home.png);
}
#menu #menu-casestudies {
 width:134px;
 left:212px;
 background-image:url(images/menu-casestudies.png);
}
#menu #menu-about {
 width:184px;
 left:370px;
 background-image:url(images/menu-about.png);
}
#menu #menu-contact {
 width:106px;
 left:577px;
 background-image:url(images/menu-contact.png);
}
#menu a.current-page,
#menu a:hover {
 background-position:left -66px !important;
}

#footer {
 text-align:right;
 color:#C7C8C3;
 font-size:10px;
 padding:8px 45px 10px 36px;
 background:url(images/footer-bg.png) no-repeat scroll left bottom;
}
#footer a {
 color:#C7C8C3;
 text-decoration:none;
 border-right:1px solid #C7C8C3;
 padding:0 8px;
}
#footer a:hover {
 color:#2B3948;
}
#footer a.footer-contact {
 padding-right:0;
 border:0;
}
#footer #copyright {
 float:left;
}


#content {
 background:url(images/content-bg.png) repeat-y scroll left top;
 padding:0 26px 0 25px;
}

.red-block {
 background:url(images/red-block.png) no-repeat scroll left top;
 width:800px;
 height:233px;
 position:relative;
}

.grey-block {
 background:url(images/grey-block.png) no-repeat scroll left top;
 width:755px;
 height:131px;
 position:relative;
 padding:60px 0 0 44px;
 font-size:10px;
}

.grey-block a {
 color:#535353;
 text-decoration:underline;
}
.grey-block a:hover {
 color:#BC142D;
}

.list {
 width:225px;
}
.list i {
 display:block;
 float:left;
 text-align:right;
 width:22px;
 margin-right:3px;
 font-style:normal;
}
.list a {
 display:block;
}


.index-casestudy1 {
 clear:both;
 display:block;
 width:769px;
 height:409px;
 background:url(images/index-casestudy1.png) no-repeat scroll left top;
 cursor:pointer;
}
.index-casestudy1:hover {
 background-position:left -409px;
}
.index-casestudy1 i {
 display:none;
}

.casestudies-bar {
 height:30px;
 padding:10px 42px 0 43px;
 text-align:right;
 position:relative;
 font-size:16px;
}
.casestudies-bar b {
 float:left;
 color:#BC142D;
}
.casestudies-bar b i {
 font-style:normal;
 color:white;
 margin-left:2px;
 font-weight:normal;
}
.casestudies-bar a {
 color:#EFEFEF;
 margin-left:20px;
 text-decoration:none;
}
.casestudies-bar a:hover {
 color:#BC142D;
}
.casestudies-bar a.casestudies {
 margin-right:67px;
}

.casestudies .text {
 color:#535353;
 font-size:11px;
 position:absolute;
 width:185px;
 left:532px;
 top:238px;
 line-height:12px;
}


.casestudies .thumb {
 display:block;
 float:left;
 margin:0 20px 20px 0;
 width:203px;
 height:208px;
 background:no-repeat scroll left top;
}
.casestudies .thumb i {
 display:none;
}
.casestudies .thumb:hover {
 background-position:left -208px;
}

.click-email {
 display:block;
 position:absolute;
 top:19px;
 left:42px;
 width:203px;
 height:225px;
 background:url(images/contact-info.png) no-repeat scroll left top;
}
.click-email i {
 display:none;
}
.click-email:hover {
 background-position:left -225px;
}

.thumb-bar {
 position:absolute;
 top:557px;
 left:68px;
 height:80px;
}
.thumb-bar a img {
 float:left;
 margin-right:20px;
}