/* CSS Document */
*{
margin:0; padding:0;
}
body{
background:#939598; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; text-align:center;
}
a:link, a:visited{
color:#FFFFFF; text-decoration:none;
}
a:hover{
color:#FFFFCC; text-decoration:none;
}
#container{
margin:0 auto;position:relative; width:830px; margin-top:40px;
}
#container h1 a, #container h1 a:link{
display:block; width:830px; height:530px;
}
#header{
width:830px; height:123px; position:absolute; top:0; left:0;
}
#leftnav{
position:absolute; top:123px; left:0; background:url(images/sidemenu.jpg) no-repeat; width:227px; height:363px; padding:35px 0 0 90px;
text-align:left;
}
#leftnav li{
list-style-type:none; color:#FFFFFF; font-size:0.7em; margin-bottom:3px; 
}
#leftnav h3{
color:#FFFFFF; text-transform:uppercase; font-size:1em;
}
#portfoliocontent{
background-color:white; position:absolute; top:123px; left:227px; width:603px; height:363px; text-align:center;
}
#portfoliocontent p{
text-transform:uppercase; color:#666; font-size:0.6em;
}
#portfoliocontent a:link, #portfoliocontent a:visited{
text-decoration:none; color:#666;
}
#aboutcontent{
position:absolute;background:url(images/about_background.jpg) no-repeat; top:123px; left:227px; width:603px; height:363px;
}
#servicescontent{
position:absolute;background:url(images/services_background.jpg) no-repeat; top:123px; left:227px; width:603px; height:363px; 
}
#welcomecontent{
position:absolute;background:url(images/welcome_background02.jpg) no-repeat; top:123px; left:227px; width:603px; height:363px; 
}
#refcontent{
position:absolute;background:url(images/ref-background.jpg) no-repeat; top:123px; left:227px; width:603px; height:363px; 
}
#approachcontent{
position:absolute;background:url(images/approach-background.jpg) no-repeat; top:123px; left:227px; width:603px; height:363px; 
}
#contactcontent{
position:absolute;background:url(images/contact-background.jpg) no-repeat; top:123px; left:227px; width:603px; height:363px; 
}
#welcomecontent p{
font-size:0.7em; color:#FFFFFF; text-align:left; margin:20px 0 0 250px;
}
#contactcontent p{
font-size:0.7em; color:#FFFFFF; text-align:left; margin:50px 0 0 250px;
}
#content{
width:487px; margin:45px 0 0 57px;
}
#welcomescroll {
width:450px; height: 300px; padding:0 20px 0px 0; position:absolute; left:130px; top:28px;
}
#contentscroll {
width:450px; height: 230px; overflow: auto; padding:0 20px 0px 0; position:absolute; top:50px; left:95px;
}
#scroll {
width:300px; height: 230px; overflow: auto; padding:0 20px 0px 0; position:absolute; top:50px; left:250px;
}
#aboutcontent img{
float:left; margin:0 15px 0 0px;
}
#aboutcontent p, #servicescontent p, #refcontent p, #approachcontent p{
color:#FFFFFF; font-size:0.7em; line-height:1.6em; text-align:left;
}
.uppercaseyellow{
color:#FFFFCC; text-transform:uppercase; font-weight:bold;
}
.largeyellow{
color:#FFFFCC; font-size:1.2em; font-weight:bold;
}
i{
color:#FFFFCC;
}
#button{
position:absolute; top:277px; left:200px;
}
#footer{
position:absolute; top:486px; left:0; background:url(images/footer.jpg) no-repeat; width:830px; height:44px;text-align:left;
}
#footer ul{
margin:13px 0 0 250px;
}
#footer li{
display:inline; text-transform:uppercase; font-size:0.6em; padding-right:50px;
}
/* safari ignores this statement */
#footer li{font-size:0.7em;}
#footer li.last{
padding:none;
}
#leftnav li,#footer li{
list-style-type:none; color:#FFFFFF;
}
.paddingimg{
padding-top:50px;
}
#active a{
border-bottom:1px dotted #FFFFFF;
}