/* ----------------- global styles ----------------- */


* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
font-family: verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
}

body {
text-align: center;
}
p, li, a {
text-align:left;
font: normal 14px 'lucida sans unicode', 'lucida grande', verdana, sans-serif;
line-height: 180%;
}

h2 {
color: #BFE6BF;
}

.clear {
clear: both;
}
#shell-background {
width:991px;
margin: 0 auto;
background: url(../images/background.png) repeat-y;
}

#shell {
background: url(../images/header-logo.png) no-repeat;
}


#shell h1 {
height: 135px;
text-indent: -9999px;
}


/* ------------------ navigation ------------- */
ul#nav {
margin: 0 auto;
width: 895px;
height: 33px;
border: 1px solid #BED0BE;
background: #5B655B;
clear: both;
}
ul#nav li {
display: inline;
}





ul#nav li#nav-home a:link, ul#nav li#nav-home a:visited {
width: 126px;
height: 33px;
background:url(../images/nav-home.png) no-repeat;
border-right: 1px solid #bed0be;

display: block;
text-indent: -9999px;
float: left;
}
ul#nav li#nav-home a:hover {
background: url(../images/nav-home.png) no-repeat 0 -32px;
} 


ul#nav li#nav-projects a:link, ul#nav li#nav-projects a:visited {
width: 157px;
height: 33px;
background: url(../images/nav-projects.png) no-repeat;
border-right: 1px solid #bed0be;
display: block;
text-indent: -9999px;
float: left;
}
ul#nav li#nav-projects a:hover {
background: url(../images/nav-projects.png) no-repeat 0 -32px;
} 


ul#nav li#nav-aboutus a:link, ul#nav li#nav-aboutus a:visited {
width: 162px;
height: 33px;
background: url(../images/nav-about-us.png) no-repeat;
border-right: 1px solid #bed0be;
display: block;
text-indent: -9999px;
float: left;
}
ul#nav li#nav-aboutus a:hover {
background: url(../images/nav-about-us.png) no-repeat 0 -32px;
} 


ul#nav li#nav-contactus a:link, ul#nav li#nav-contactus a:visited {
width: 176px;
height: 33px;
background: url(../images/nav-contact-us.png) no-repeat;
border-right: 1px solid #bed0be;
display: block;
text-indent: -9999px;
float: left;
}
ul#nav li#nav-contactus a:hover {
background: url(../images/nav-contact-us.png) no-repeat 0 -32px;
} 


ul#nav li#nav-documents a:link, ul#nav li#nav-documents a:visited {
width: 270px;
height: 33px;
background: url(../images/nav-technical-documents.png) no-repeat;
display: block;
text-indent: -9999px;
float: left;

}
ul#nav li#nav-documents a:hover {
background: url(../images/nav-technical-documents.png) no-repeat 0 -32px;

} 


/* ------------------- footer --------------- */

div#footer {
background: url(../images/footer-background.png) no-repeat bottom;
padding-bottom: 60px;
padding-top: 6px;
width:991px;
margin: 0 auto;
}

div#footer p {
border: 1px solid #bed0be;
width:895px;
margin: 0 auto;
padding: 9px 0 7px;
font: normal 11px corbel, candara 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
background: #5B655B;
color: #fff;
text-align: center;
}

/* ---------------- content -------------------- */


div#content {
margin: 6px auto 0;
width:895px;
border: 1px solid #bed0be;
}





div.documents, div.contact-us, div.about-us, div.projects {
padding: 40px 0;
background: #5B655B;
color: #fff;
}



/* -------------------------- documents -------------- */

div.documents h2 {
text-align: left;
margin: 0 40px 20px;
font: normal 24px georgia, 'times new roman', times, serif; 
}
div.documents ul {
margin: 0 40px;
}

div.documents ul li {
text-align: left;
margin-bottom: 20px;
border: 1px solid #777;
padding: 5px 5px 6px 65px;
height: 50px;
}

div.documents ul li a:link, div.documents ul li a:visited {
text-decoration: none;
color: #ccc;
font-size: 18px;
}

div.documents ul li a:hover {
background: #ccc;
color: #333;
}

div.documents ul li.doc1 {
background: url(../images/icon-word.png) no-repeat 5px 7px;
}

div.documents ul li.doc2 {
background: url(../images/icon-excel.png) no-repeat 5px 7px;
}
div.documents ul li.doc3 {
background: url(../images/icon-pdf.png) no-repeat 5px 7px;
}



/* --------------- about us ------------------------ */
div.about-us h2, div.about-us h3, div.about-us p {
text-align: left;
margin: 0 40px;
}

div.about-us h2 {
font: normal 24px georgia, 'times new roman', times, serif; 
}

div.about-us h3 {
font: italic 20px georgia, 'times new roman', times, serif; 
color: #333;
background: #ccc;
text-transform: lowercase;
margin: 20px 40px 10px;
padding: 3px 0;
}

div.about-us p {
padding-right: 40px;
margin-bottom: 20px;
}


/* ------------- home ---------------- */
div.home h1 {
background: url(../images/arhitectural-sculpture.png) no-repeat;
height: 76px !important;
margin-top:10px;
margin-left: 30px;
margin-bottom: 30px;
}

div.home {
background: #5B655B;
}

div.home p {
margin: 0 35px;
color: #ccc;
}

div.home p span {
font-style: italic;
font-family: georgia, 'times new roman', times, serif;
}

div.home-right {
float:left; 
width: 230px; 
margin-top:20px;
margin-left: 17px;
}

div.home-left {
float:left; width: 630px; 
border-right: 1px solid #798479; 
margin-top:20px;
text-align: left;
}

div.home-left p {
font-size: 16px;
margin-bottom: 20px;
}

div.home-right h2 {
background: #3D463D;
text-transform: uppercase;
color: #F90;
font: normal 18px georgia, 'times new roman', times, serif;
text-align: left;
padding-left: 20px;
margin-bottom: 12px;
}

div.home-right h3 {
font: normal 14px 'lucida sans unicode', 'lucida grande', verdana, sans-serif;
text-align: left;
color: #c90;
margin-left: 20px;
margin-top: 12px;
}

div.home-right p {
margin-top: 10px;
margin-left: 25px;
font: italic 13px georgia, 'times new roman', times, serif;
line-height: 160%;
}

div.home-right img {
display:block; text-align:left; margin-left:23px;
}
div.home-right ul li {
list-style: circle;
margin-left: 23px;
color: #ccc;
font: italic 13px georgia, 'times new roman', times, serif;
line-height: 160%;
}

div.home-right p.link {
text-align: right;
margin-bottom: 15px;
}
div.home-right p.link a:link, div.home-right p.link a:visited {
text-decoration:underline;
color: #ffc;
font: italic 11px georgia, 'times new roman', times, serif;
}

/* ----------- projects ------------------- */


div.projects h2 {
font: normal 24px georgia, 'times new roman', times, serif;
text-align: left;
margin-bottom: 12px;
}

div.projects p {
margin-bottom: 10px;
}
div.projects {
padding-bottom: 10px !important;
}

div.projects, div.project-images {
padding-left: 30px;
}
div.project-images div.project-img {
float: left;
margin-right: 8px;
margin-bottom: 8px;

}

div.project-images div.project-img a:link img, div.project-images div.project-img a:visited img {
border: 1px solid #999;
text-decoration: none;
}

div.project-images div.project-img a:hover img {
border: 1px solid #fff;
}


div#project-description {
float:left; 
width:630px;
height: 750px;
}

div#project-description h3 {
margin-top: 16px;
font:normal 18px Georgia, "Times New Roman", Times, serif;
color: #ccc;
text-align:left;
}

div#project-description ul {
margin-top: 16px;
float:left;
width: 424px;
border-top: 1px solid #999;
border-left: 1px solid #999;
}

div#project-description ul li {
font-size: 10px;
border-bottom:1px solid #999;
border-right:1px solid #999;
padding: 3px;
}

div#project-description div#sml-images {
float: left;
margin-top: 16px;
padding-left: 10px;
width: 174px;
}


div#project-description div#sml-images img {
float:right;
margin-left: 10px;
margin-bottom: 10px;
}
div#project-description p {
margin-top: 8px;
font-size: 11px;
width: 575px;
}

div#project-description img {
display:block;
border:1px solid #ccc;
}


div#project-thumbs {
float:left;
width: 176px;
border: 1px solid #eee;
}


div#project-thumbs h3 {
font:italic 14px georgia, 'times new roman', times, serif;
font-weight:normal !important;
background: #4D5449;
padding: 3px 8px;
color:#eee;
text-align:left;
cursor: pointer !important;
}

#project-thumbs div.accordion-content div {
width: 75px;
height: 50px;
margin: 6px 0 6px 0;
border:1px solid #ccc;
cursor:pointer;
float: left;
}




div#project-thumbs div.accordion-content {
padding-left:7px;
}















/* ----------- contact us ----------------- */

div.contact-us {
text-align: left;
background:url(images/contact-us.jpg) no-repeat; height:517px; padding-left: 40px;

}


div.contact-us h2 {
font: normal 24px georgia, 'times new roman', times, serif;
text-align: left;
margin-bottom: 12px;
padding-left: 20px;
padding-top: 20px;
color: #666;
}

div.contact-us div.address h3 {
font: normal 15px 'ludica sans unicode', 'lucida grande', verdana, sans-serif;
text-align: left;
padding-top: 20px;
}

div.contact-us div.address, div.contact-us div.phone, div.contact-us div.email {
margin-left: 20px;
margin-bottom: 10px;
border: 1px solid #ccc;
padding: 8px;
margin-right: 20px;
}


div.contact-us div.address {
background:url(../images/contact-us-bg1.png) no-repeat;
}

div.contact-us div.phone {
background:url(../images/contact-us-bg2.png) bottom no-repeat;
}

div.contact-us div.email {
background: url(../images/contact-us-bg3.png) no-repeat;
}

div.contact-us div.email a:link, div.contact-us div.email a:visited {
text-decoration: underline;
color: #c30;
}




div.contact-us div.email a:hover {
text-decoration: none;
}