html,body{
padding:0px;
border:0px;
margin:0px;
height:100%;
background-color:#252525;
}

a,img{
text-decoration:none;
border-style:none;
color:#448ccb;
}
a:hover{
color:#555555;
}

p{
margin:0px;
padding:0px;
}

#homebox{
text-align:center;
width:608px;
margin-left:100px;
margin-right:100px;
margin-top:80px;
float:left;
}

#main{
margin:auto;
width:808px;
min-height:100%;
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
font-family:Georgia, Calisto, Verdana;
font-size:10pt;
line-height:15pt;
color:#555555;
position: relative;

}

#mainshell{
float:left;
width:808px;
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
padding-bottom:50px;
}

#maincontainer{
float:left;
width:484px;
margin-left:162px;
margin-top:60px;
}

#maincontainernoheader{
float:left;
width:484px;
margin-left:162px;
margin-top:20px;
}

#headerbox{
height:200px;
background-color:white;
margin-left:52px;
margin-right:52px;
}

#logo{
float:right;
width:329px;
margin-top:48px;
height:152px;
background-image: url(../images/logo.jpg);
}

.line{
float:left;
width:242px;
height:1px;
background-image: url(../images/line.jpg);
}

.companyline{
float:left;
width:484px;
height:1px;
background-image: url(../images/company_line.jpg);
margin-top:10px;
margin-bottom:10px;
}
.servicesline{
float:left;
width:484px;
height:1px;
background-image: url(../images/company_line.jpg);
margin-top:20px;
margin-bottom:20px;
}
.servicesline1{
float:left;
width:484px;
height:1px;
background-image: url(../images/company_line.jpg);
margin-top:0px;
margin-bottom:20px;
}

#leftbox{
width:242px;
float:left;
height:180px;
margin-top:20px;
}

#company{
width:242px;
height:29px;
background-image: url(../images/company.jpg);
float:left;
}

#services{
width:242px;
height:29px;
background-image: url(../images/services.jpg);
float:left;
}

#portfolio{
width:242px;
height:29px;
background-image: url(../images/portfolio.jpg);
float:left;
}

#people{
width:242px;
height:29px;
background-image: url(../images/people.jpg);
float:left;
}

#contact{
width:242px;
height:29px;
background-image: url(../images/contact.jpg);
float:left;
}

#companygrey{
width:242px;
height:29px;
background-image: url(../images/company.jpg);
float:left;
background-position: 0px 29px;
}
#companygrey:hover{
background-position: 0px 0px;
}

#servicesgrey{
width:242px;
height:29px;
background-image: url(../images/services.jpg);
float:left;
background-position: 0px 29px;
}
#servicesgrey:hover{
background-position: 0px 0px;
}

#portfoliogrey{
width:242px;
height:29px;
background-image: url(../images/portfolio.jpg);
float:left;
background-position: 0px 29px;
}
#portfoliogrey:hover{
background-position: 0px 0px;
}

#peoplegrey{
width:242px;
height:29px;
background-image: url(../images/people.jpg);
float:left;
background-position: 0px 29px;
}
#peoplegrey:hover{
background-position: 0px 0px;
}

#contactgrey{
width:242px;
height:29px;
background-image: url(../images/contact.jpg);
float:left;
background-position: 0px 29px;
}
#contactgrey:hover{
background-position: 0px 0px;
}

.linkspacer{
width:242px;
float:left;
height:10px;
}

#boxesmain{
width:624px;
margin-left:84px;
margin-right:100px;
margin-top:60px;
float:left;
}

#portboxesmain{
width:624px;
margin-left:84px;
margin-right:100px;
margin-top:0px;
float:left;
}

.boxouter{
width:296px;
height:137px;
margin-left:16px;
background-image: url(../images/box.jpg);
float:left;
margin-bottom:36px;
}

.boxinner{
margin:7px;
width:282px;
height:123px;
float:left;
}

#webportlink{
background-image: url(../images/portfoliobuttons/web.jpg);
width:282px;
height:123px;
float:left;
}
#webportlink:hover{
background-position: 0px 123px;
}

#graphicportlink{
background-image: url(../images/portfoliobuttons/graphic.jpg);
width:282px;
height:123px;
float:left;
}
#graphicportlink:hover{
background-position: 0px 123px;
}

#logoportlink{
background-image: url(../images/portfoliobuttons/logo.jpg);
width:282px;
height:123px;
float:left;
}
#logoportlink:hover{
background-position: 0px 123px;
}

#softwareportlink{
background-image: url(../images/portfoliobuttons/software.jpg);
width:282px;
height:123px;
float:left;
}
#softwareportlink:hover{
background-position: 0px 123px;
}



#displayportfolio{
width:608px;
margin-left:100px;
margin-right:100px;
margin-top:20px;
float:left;
}

#porttopbox{
width:608px;
float:left;
margin-bottom:20px;
}

#close{
background-image: url(../images/exit.jpg);
width:29px;
height:29px;
float:right;
}

#close:hover{
background-position: 0px 29px;
}

#porttoptext{
background-color:white;
padding:5px;
margin-right:10px;
float:right;
}

.bigboxouter{
width:608px;
height:280px;
background-image: url(../images/big_box.jpg);
float:left;
margin-bottom:20px;
}

.bigboxinner{
margin:10px;
width:588px;
height:260px;
float:left;
}

#portfoliotext{
width:588px;
padding:10px;
float:left;
background-color:white;
margin-bottom:20px;
}

.pinktext{
color:#ed145b;
}
.bluetext{
color:#448ccb;
}
.blacktext{
color:#464646;
}

.servicestitle{
font-size:25pt;
text-transform:Uppercase;
font-weight:bold;
}

#footerbox{
height:70px;
text-align:center;
float:left;
}

#footerimg{
text-align:center;
margin-top:30px;
margin-left:172px;
}