html,body{
background-image: url("images/background.gif");
background-repeat: no-repeat;
background-color: #000000;
background-attachment:fixed;
background-position: top center;
margin:0px auto 0px auto;

}

h1 {
    width: 60px;
    height: 13px;
    background-image: url("images/header-welcome.gif");
    background-repeat: no-repeat;
    position: relative; top: 42px; left: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    line-height: 60px;
}

h2 {
    width: 87px;
    height: 15px;
    background-image: url("images/header-latest-project.gif");
    background-repeat: no-repeat;
    position: relative; top: 30px; left: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    line-height: 87px;
}


p.tabletext {
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
font-size: 8pt;
margin-top: 110px;
}

p.tabletext2 {
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
font-size: 8pt;
margin-top: 110px;
margin-left: 12px;
margin-right: 10px;

}

p.tabletext3 {
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
font-size: 8pt;
margin-top: 110px;
margin-left: 25px;
margin-right: 5px;

}

table.layout {
background-image: url("images/table-background-2.png");
background-repeat: no-repeat;
width: 520px;
height: 238px;
margin-top: 0px;
margin-left: 10px;
}

table.layout td {
width: 160px;
}



p.text {
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
font-size: 9pt;
margin-top: 200px;
margin-left: 10px;
}

p.contacttext {
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
font-size: 9pt;
margin-top: 30px;
margin-left: 10px;
}

p.welcometext{
text-align: left;
padding: 65px 30px 50px 30px ;
color: #7c7c7c;
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
font-size: 8pt;
}

p.latesttext{
text-align: left;
padding: 145px 30px 0px 30px ;
color: #7c7c7c;
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
font-size: 8pt;
}

p.under-construction-text{
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
font-size: 9pt;
margin-top: 0px;
margin-left: 10px;
}



img.contactheader {
width: 129px;
height: 28px;
margin-top: 20px;
}

img.spacer {
background-image: transparent;
width: 160px;
height: 100px;
}

#container {
background-image: url("images/wrapper-shadow.png");
background-repeat: no-repeat;
margin:0px auto 0px auto;
width:820px;
height: 967px;
padding:0px;
border: none;
}


#topbar{
background-image: url("images/top-bar.gif");
background-repeat: no-repeat;
margin:0px auto 0px auto;
width: 800px;
height: 20px;
font-family: Verdana, Arial, Sans-Serif;
font-size: 7pt;
}



#banner{
background-image: url("images/banner.gif");
background-repeat: no-repeat;
margin: 0px auto 0px auto;
width: 800px;
height: 121px;
}





#mainarea {
background-image: url("images/main-background.png");
background-repeat: no-repeat;
margin:0px auto 0px auto;
height: 695px;
width: 800px;
}


#portfolio-mainarea {
background-image: url("images/main-background-portfolio.png");
background-repeat: no-repeat;
margin:0px auto 0px auto;
height: 695px;
width: 800px;
}


#leftarea {
background-color: transparent;
height: 574px;
width: 250px;
float: left;
}

#welcomesect {
background-image: url("images/welcome-section.gif");
background-repeat: no-repeat;
width: 250px;
height: 294px;
}

#latestsect {
background-image: url("images/latest-projects-section.gif");
background-repeat: no-repeat;
width: 250px;
height: 279px;
padding: 0px;
}

#rightarea {
background-color: transparent;
height: 574px;
width: 550px;
float: right;
}

#flashsect {
background-image: url("images/banner-balls-2.png");
background-repeat: no-repeat;
width: 550px;
height: 200px;
float: right;
}



#webdesign{
background-image: url("images/new-webdesign-section.png");
background-repeat: no-repeat;
height: 260px;
width: 160px;
float: left;
margin-top: 200px;
margin-left:0px;
}

p.webdestext{
text-align: left;
padding: 25px 30px 50px 60px ;
color: #7c7c7c;
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
font-size: 8pt;
}

#flash-dev{
background-image: url("images/new-webdesign-section.png");
background-repeat: no-repeat;
height: 170px;
width: 270px;
margin-top: 200px;
margin-left: 170px;
}

p.flashdevtext {
text-align: left;
padding: 25px 30px 30px 60px ;
color: #7c7c7c;
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
font-size: 8pt;
}

#seo{
background-image: url("images/seo-section.png");
background-repeat: no-repeat;
height: 170px;
width: 270px;
float: left;
margin-top: 35px;
margin-left: 0px;
}

#logodesign{
background-image: url("images/new-webdesign-section.png");
background-repeat: no-repeat;
height: 260px;
width: 160px;
float: right;
margin-top: 200px;
margin-left: 300px;
}

p.logotext {
text-align: left;
padding: 25px 30px 30px 60px ;
color: #7c7c7c;
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
font-size: 8pt;
}

#otherservices{
background-image: url("images/services-banner-3.png");
background-repeat: no-repeat;
height: 100px;
width: 520px;
float: left;
margin-top: 23px;
margin-left: 10px;
}



#services{
height: 107px;
width: 775px;
float: left;
margin-top: 0px;
margin-left: 14px;
}

#flash {
margin: 0px auto 0 auto;
}



#footer{
background-image: url("images/footer.gif");
background-repeat: no-repeat;
width: 800px;
height: 101px;
clear: both;
margin:-11px auto 0px auto;
}



p#footer-text {
color: #ffffff;
font-family: Tahoma, Arial, Sans-Serif;
font-weight:normal;
font-size: 8pt;
padding-top: 65px;
padding-left: 72px;
}