/* -- RESET -- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* -- SITE -- */
body {
font-family: times, times new roman, serif;
font-size: .75em;
line-height: 1.9em;
color: #fff;
background: #4c555a url(../img/body-bg.jpg) center top repeat-x;
}
a, a:link, a:visited, a:active {
color: #fff;
outline: none;
text-decoration: underline;
}
a:focus { 
-moz-outline-style: none; 
}

/* -- LAYOUT -- */
#main {
display: block;
width: 742px;
margin: 0 auto 0 auto;
background: #4c545a;
border-right: 20px solid #fff;
border-bottom: 20px solid #fff;
border-left: 20px solid #fff;
-moz-box-shadow: #111 7px 7px 7px;
-webkit-box-shadow: #111 7px 7px 7px;
}
#footer {
display: block;
width: 742px;
margin: 0 auto 0 auto;
clear:both;
}

/* -- MASTHEAD -- */
.banner, .nav {
border-bottom: 1px solid #fff;
}
ul#menu {
width: 100%;
height: 41px;
background: url(../img/nav-bg.jpg) repeat-x;
list-style: none;
margin: 0;
padding: 0;
}
ul#menu li {
float: left;
}
ul#menu li a {
background: url(../img/nav.jpg) no-repeat;
display: block;
height: 41px;
position: relative;
}
ul#menu li a.home {
width: 90px;
}
ul#menu li a.investments {
width: 113px;
background-position: -90px 0px;
}
ul#menu li a.management {
width: 119px;
background-position: -203px 0px;
}
ul#menu li a.projects {
width: 118px;
background-position: -322px 0px;
}
ul#menu li a.contacts {
width: 85px;
background-position: -440px 0px;	
}
ul#menu li a span {
background: url(../img/nav.jpg) no-repeat scroll bottom left;
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100;
}
ul#menu li a span:hover {
cursor: pointer;
}
ul#menu li a.home span {
background-position: 0px -41px;
}
ul#menu li a.investments span {
background-position: -90px -82px;
}
ul#menu li a.management span {
background-position: -203px -123px;
}
ul#menu li a.projects span {
background-position: -322px -164px;
}
ul#menu li a.contacts span {
background-position: -440px -205px;
}
ul#menu li span strong {
display: none;
}

/* -- CONTENT -- */
.content {
display: block;
height: 420px;
font-size:1.25em;
padding-bottom:20px;
}
.content .height260 {
height: 260px; 
}
.content .content-title, .content .content-left, .content .content-right, .content .content-title-project {
display: block;
float: left;
}
.content .content-title, .content .content-title-project {
width: 702px;
height: 40px;
padding: 40px 0 20px 40px;
background: url(../img/title-bg.jpg) right 30px no-repeat;
}
.content .content-title-project {
background: url(../img/title-bg-project.jpg) right 30px no-repeat;
}
.content .content-left {
padding: 0 0 0 40px;
width: 310px;
}
.content .content-left2 {
padding: 0 0 0 40px;
width: 210px;
float:left;
}
.content .content-left2 img {
margin-bottom: 20px;
}
.content .content-right {
width: 320px;
float: right; 
}
.content .padded  {
padding-left:45px;
float: left;
}
.content p {
font-size: 1.25em;
padding-bottom: 1.15em;
}
.content p.smallheadline {
font-family: arial, helvetica, sans-serif;
padding-left: 26px;
}
.content p.more {
text-align: right;
margin-top:20px;
}
.content p.more a {
display: block;
}

/* -- GALLERY -- */
ul.gallery {
list-style: none;
}
ul.gallery li {
float:left;
margin-left:16px;
padding:10px;
width:120px;
}
ul.gallery li a.thumb {
width: 130px;
height: 130px; 
cursor: pointer;
border: 6px solid #fff;
}
ul.gallery li a span {
width: 130px;
height: 130px;
overflow: hidden;
display: block;
}
ul.gallery li a.thumb:hover {
background: #333;
}
ul.gallery li h2 {
display: block;
padding-top: 10px;
font-family: arial, helvetica, sans-serif;
font-size: .95em;
line-height: 1.4em;
font-weight: normal;
width: 142px;
height: 44px;
}
ul.gallery li a {
text-decoration: none;
color: #aaa;
display: block;
}
div.galHolder {
	padding-left:40px;
}

/* -- PROJECTS -- */
.custom-hold {
width: auto;
padding-bottom: 20px;
overflow: hidden;
}
.number {
text-align:right;
padding-bottom: 5px;
color: #fff;
}
.number img{
border:0!important;
}
.number a {
text-decoration: none;
color: #ccc;
padding: 0 5px;
font-weight: bold;
}
.number a:hover {
color: #fff;
}
#projects {
width: auto;
float:right;
height: 310px; 
width: 338px;
position: relative;
}
#projects ul {
width: 100%;
clear: both;
}
#projects li {
position: absolute;
top: 0;
left: 0;
width: 138px;
float: left;
padding: 0 20px 25px 0;
}
.con-right {
float: right;
padding-right: 20px;
}	
.content-right-wide {
width: 390px;
float: right;
padding-right:60px;
}	
.content-right-wide img {
clear: both;
}
.content-right-wide table {
margin: 8px 0;
color: #515C5D;
background-color: #95A3A4;
}
.content-right-wide td {
padding: 5px;
}
.svw {
width: 50px;
height: 20px;
background: #fff;
} 
.svw ul {
position: relative;
left: -999em;
}
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #fff;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px;  
color: #ccc; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover{
text-decoration: underline;
} 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 
.Container {
top: 50px; left: 100px;
width: 400px;
height: 200px;
}
#Scroller-1 { 
position: absolute; 
overflow: hidden;
width: 300px;
height: 300px;
}
#Scroller-1 p {
text-align:justify;
margin: 0;
padding: 0 0 1.2em 0;
font-size: 1em;
}
#Scroller-1 p.nopad {
padding-bottom: 0;
}
#Scroller-1 ul {
margin: 0;
padding: 0 0 1.5em 1.5em;
font-size: 1em;
list-style: square;
}
.Scroller-Container {
position: relative;
top: 0px;
left: 0px;
}
.Scrollbar-Track {
background-color:#EEEEEE;
height:180px;
left:330px;
position:relative;
top:-195px;
width:10px;
}
.Scrollbar-Handle {
position: absolute;
top: 0px; left: 0px;
width: 10px; height: 30px;
background-color: #CCC;
}
#projects ul li { 
height: 340px;
width: 300px;
z-index: 8;
}
#projects ul li.active { 
display: block;
z-index: 10;
}
#projects ul li.last-active { 
display: block; 
z-index: 9;
}
#projects ul li a img { 
height: 290px;
width: 290px; 
border: 6px solid white; 
}
#projects ul li h2 a { 
color: white;
text-decoration: none; 
}
ul.slideshow {
list-style: none;
}
ul.slideshow li {
float:left;
display: block;
}
ul.slideshow li a {
cursor: pointer;
}
ul.slideshow li a span {
width: 290px;
height: 290px;
overflow: hidden;
display: block;
border: 6px solid #fff;
}
ul.slideshow li a {
text-decoration: none;
display: block;
}
#projects ul.slideshow li a img {
border: 0;
}
#opening {
text-align: center;
display: block;
width: 418px;
height: 402px;
margin: 0 auto 100px auto;
}
#intro {
display: block;
width: 418px;
height: 402px;
}
.content-left2 .height260 p {
font-size: 1em;
padding-bottom: 1.5em;
}
.content-right-wide table td {
font-family: arial, helvetica, sans-serif;
font-size: .85em;
}


/* -- FOOTER -- */
div.copyright {
	float: left;
}
div.disclaimer {
	float: right;
}
#footer p {
text-align: center;
padding: 1em;
font-family: arial, helvetica, sans-serif;
font-size: .95em;
color: #8b9398;
}