body {
max-width:100%;
min-width:800px;
background-color: #ffffff;
text-align: center;
margin:0;
font-family: Verdana, Geneva, sans-serif;
font-size: 0.8em;
color: #5a5a5a;}

a:link {color: #5a5a5a;
text-decoration:none;}

a:visited {color: #aaaaaa;
text-decoration:none;}

a:hover {color: orange;}

#startpage {
margin: 10% 0 0 0;
width: 100%;
height: 510px;}

#sp0 {
height: 203px;
width: auto;}

#empty{
width: 13%;
height: 203px;
float: left;}

#empty12{
width: 12%;
height: 203px;
float: right;}

#sp1 {
background-position: center;
background-image: url(../images/sp1.jpg);
background-repeat: no-repeat;
width: 16%;
height: 203px;
float: left;}

#sp2 {
background-position: center;
background-image: url(../images/sp2.jpg);
background-repeat: no-repeat;
width: 16%;
height: 203px;
float: left;}

#sp3 {
background-position: center;
background-image: url(../images/sp3.jpg);
background-repeat: no-repeat;
width: 16%;
height: 203px;
float: left;}

#spcenter {
background-image: url(../images/top_bg.jpg);
height: 104px;
width: auto;}

#spcompany {
position: absolute;
left: 50%;
width: 464px;
margin: 0 0 0 -232px;
background-image: url(../images/header_l.jpg);
background-repeat: no-repeat;
height: 104px;}

#sp4 {
background-position: center;
background-image: url(../images/sp4.jpg);
background-repeat: no-repeat;
width: 16%;
height: 203px;
float: left;}

#sp5 {
background-position: center;
background-image: url(../images/sp5.jpg);
background-repeat: no-repeat;
width: 16%;
height: 203px;
float: left;}

#sp6 {
background-position: center;
background-image: url(../images/sp6.jpg);
background-repeat: no-repeat;
width: 16%;
height: 203px;
float: left;}

#header {background-image: url(../images/top_bg.jpg);
height: 104px;
width: auto;
margin-top: 20px;}

#leftheader {background-image: url(../images/header_l.jpg);
background-repeat: no-repeat;
height: 104px;
width: 464px;
float: left;
margin-left: 20px;}

#rightheader {background-image: url(../images/header_r.jpg);
height: 104px;
width: 7px;
float: right;
margin-right: 20px;}

#menu {background-image: url(../images/top_bg.jpg);
margin: 20px 0 30px 0;
width: 100%;
overflow: hidden;
height: 1%;
float: left;}

#menu1 {background-image: url(../images/menu1.jpg);
background-repeat: no-repeat;
background-position: 50% 0px;
height: 104px;
width: 15%;
float: left;}

#menu1:hover {
background-position: 50% -104px;}

#menu1:active {
background-position: 50% 0px;}

#menu2 {background-image: url(../images/menu2.jpg);
background-repeat: no-repeat;
background-position: 50% 0px;
height: 104px;
width: 14%;
float: left;}

#menu2:hover {
background-position: 50% -104px;}

#menu2:active {
background-position: 50% 0px;}

#menu3 {background-image: url(../images/menu3.jpg);
background-repeat: no-repeat;
background-position: 50% 0px;
height: 104px;
width: 14%;
float: left;}

#menu3:hover {
background-position: 50% -104px;}

#menu3:active {
background-position: 50% 0px;}

#menu4 {background-image: url(../images/menu4.jpg);
background-repeat: no-repeat;
background-position: 50% 0px;
height: 104px;
width: 14%;
float: left;}

#menu4:hover {
background-position: 50% -104px;}

#menu4:active {
background-position: 50% 0px;}

#menu5 {background-image: url(../images/menu5.jpg);
background-repeat: no-repeat;
background-position: 50% 0px;
height: 104px;
width: 14%;
float: left;}

#menu5:hover {
background-position: 50% -104px;}

#menu5:active {
background-position: 50% 0px;}

#menu6 {background-image: url(../images/menu6.jpg);
background-repeat: no-repeat;
background-position: 50% 0px;
height: 104px;
width: 14%;
float: left;}

#menu6:hover {
background-position: 50% -104px;}

#menu6:active {
background-position: 50% 0px;}

#menu7 {background-image: url(../images/menu7.jpg);
background-repeat: no-repeat;
background-position: 50% 0px;
height: 104px;
width: 15%;
float: right;}

#menu7:hover {
background-position: 50% -104px;}

#menu7:active {
background-position: 50% 0px;}

#containermain {
margin: 0px;
padding: 0 5% 2% 5%;
width: 90%;
overflow: hidden;
height: 1%;
text-align: justify;}

#webdesignleft {background-image: url(../images/webdesign.jpg);
height: 60px;
width: 464px;
float: left;
margin-left: 20px;}

#architectureleft {background-image: url(../images/architecture.jpg);
height: 60px;
width: 464px;
float: left;
margin-left: 20px;}

#designleft {background-image: url(../images/design.jpg);
height: 60px;
width: 464px;
float: left;
margin-left: 20px;}

#container {margin: 30px 0 0 0;
width: 100%;
overflow: hidden;
height: 1%;}

#container2 {margin: 30px 0 0 0;
width: 100%;
overflow: hidden;
height: 1%;
float:	left;}

#box1 {height: auto;
width: 33%;
float: left;}

#box2 {height: auto;
width: 34%;
float: left;}

#box3 {height: auto;
width: 33%;
float: right;}

#portfoliowebdesignleft {margin: 0px 0px 0px 0px;
width: 100%;
overflow: hidden;
height: 1%;}

#portfolio {margin: 30px 0 30px 0;
width: 100%;
overflow: hidden;
height: 1%;}

#small1 {height: auto;
width: 20%;
float: left;}

#small2 {height: auto;
width: 20%;
float: left;}

#small3 {height: auto;
width: 20%;
float: left;}

#small4 {height: auto;
width: 20%;
float: left;}

#small5 {height: auto;
width: 19%;
float: right;}

#container_big {background-image: url(../images/big_bg.jpg);
background-repeat: repeat-x;
margin: 10% 0 0 0;
height: 500px;}

#contactcontainer {margin: 30px 0 0 0;
width: 100%;
overflow: hidden;
height: 1%;}

#contact1 {
background-position: top;
background-image: url(../images/mailicon.jpg);
background-repeat: no-repeat;
width: 33%;
height: 162px;
float: left;}

#contact2 {
background-position: top;
background-image: url(../images/phoneicon.jpg);
background-repeat: no-repeat;
width: 33%;
height: 162px;
float: left;}

#contact3 {
background-position: top;
background-image: url(../images/icqicon.jpg);
background-repeat: no-repeat;
width: 33%;
height: 162px;
float: right;}

#contact1text {
width: 33%;
float: left;}

#contact2text {
width: 33%;
float: left;}

#contact3text {
width: 33%;
float: right;}

#containerfooter {height: auto;
width: auto;
border-top: 1px #5a5a5a dotted;
margin: 20px 72px 5px 72px;
padding-top: 8px;}

#footer {background-image: url(../images/footer_bg.jpg);
height: 60px;
width: auto;
margin-bottom: 20px;}

#leftfooter {background-image: url(../images/footer_l.jpg);
height: 50px;
width: 434px;
float: left;
margin-left: 20px;
padding: 5px 0 5px 30px;
text-align: left;
font-size: 14px;
color: #ffffff;}


#rightfooter {background-image: url(../images/footer_r.jpg);
height: 60px;
width: 7px;
float: right;
margin-right: 20px;}