* {
margin: 0;
padding: 0;
border: 0;
}

body {
background-color: #F6F6F6;
background-image: url(img/biz-card.jpg);
background-position: top left;
background-repeat: no-repeat;
color: #333;
font-family: trebuchet ms, sans-serif;
font-size: 12px;
}

A:link, A:visited, A:active {
color: #CE3536;
text-decoration: none;
font-weight: bold;
}

A:hover {
color: #C98980;
}

p {
text-align: justify;
line-height: 17px;
padding-bottom: 15px;
}

#portfolio-info p {
padding-bottom: 7px;
font-size: 11px;
line-height: 15px;
}

h1 {
font-size: 12px;
}

h2 {
font-size: 18px;
font-weight: normal;
padding-bottom: 15px;
}

h3 {
font-size: 12px;
font-weight: bold;
padding-bottom: 15px;
}

#canright {
position: absolute;
width: 730px;
height: 514px;
left: 240px;
top: 60px;
background-image: url(img/box.gif);
background-position: top left;
background-repeat: no-repeat;
}

#canright h1 {
position: absolute;
top: 24px;
left: 39px;
font-size: 18px;
font-weight: normal;
}

#box {
position: absolute;
width: 730px;
height: 514px;
left: 290px;
top: 70px;
background-image: url(img/box.gif);
background-position: top left;
background-repeat: no-repeat;
}

#logo {
position: absolute;
left: 20px;
top: 0px;
}

#intro {
position: absolute;
width: 763px;
height: 614px;
left: 300px;
top: 0px;
}

/*Menu*/

#nav-container {
position: absolute;
left: 44px;
top: 170px;
width: 200px;
}

#main li{
left: 10px;
list-style: none;
line-height: 19px;
color: #CE3536;
font-weight: bold;
}

#main li ul {
padding: 0 0 15px 15px;
}

#main li ul li {
list-style: none;
font-size: 11px;
font-weight: bold;
line-height: 16px;
color: #C98980;
}

/*Product Overview Pages*/

#matrix-table {
position: absolute;
top: 50px;
left: 26px;
width: 685px;
font-size: 11px;
font-weight: normal;
color: #7A7A7A;
}

#matrix-table th {
width: 200px;
text-align: left;
padding-left: 20px;
}

#matrix-table td{
padding-left: 17px;
border: 0px;
height: 32px;
width: 100px;
}

#matrix-table .odd {
background-color: #F2F2F2;
}

#matrix-table b {
color: #333;
font-size: 12px;
}

#product-copy {
position: absolute;
left: 39px;
top: 71px;
width: 345px;
}

#product-copy li {
list-style-type: circle;
font-size: 12px;
line-height: 17px;
margin-left: 17px;
padding: 0 0 2px 0;
}

#product-slideshow {
position: absolute;
left: 394px;
top: 36px;
width: 345px;
height: 271px;
}


#product-slideshow img {position:absolute;top:0px;left0px}

#featured-projects  {position:absolute; top:250px; left:375px; width:400px}
#featured-websites  {position:absolute; top:270px; left:375px; width:130px}
#featured-architects{position:absolute; top:270px; left:510px; width:160px}


#featured-projects li, #more-featured li {
list-style: none;
font-size: 11px;
line-height: 15px;
}

/*Portfolio*/

#portfolio-slideshow {
position: absolute;
top: 30px;
left: 350px;
}
#portfolio-slideshow img {position:absolute;top:0px;left0px}

#portfolio-copy {
position: absolute;
left: 370px;
top: 520px;
width: 550px;
}

#portfolio-info {
position: absolute;
left: 380px;
top: 490px;
width: 480px;
}

#portfolio-content {
position: absolute;
left: 710px;
top: 520px;
width: 210px;
}

/*Pages*/

#copy {
position: absolute;
left: 39px;
top: 71px;
width: 655px;
height: 395px;
line-height: 17px;
overflow: auto;
}

#info {
position: absolute;
left: 39px;
top: 71px;
width: 320px;
height: 395px;
line-height: 17px;
overflow: auto;
}

#info table td, #content table td {
font-size: 12px;
line height: 17px;
padding: 0 3px 3px 0;
}

#content {
position: absolute;
left: 374px;
top: 71px;
width: 320px;
height: 395px;
font-weight: normal;
line-height: 17px;
overflow: auto;
}

#copy p, #info p, #content p {
text-align: justify;
line-height: 17px;
padding: 0 10px 15px 0;
}

#copy li, #info li, #content li {
list-style-type: circle;
font-size: 12px;
line-height: 17px;
margin-left: 17px;
padding: 0 0 2px 0;
}

/*Testimonial Collection*/

#testimonials {
position: absolute;
width: 745px;
height: 1250px;
left: 290px;
top: 70px;
background-image: url(img/testimonials-box.gif);
background-position: top left;
background-repeat: no-repeat;
}

#testimonials-content {
position: absolute;
left: 39px;
top: 71px;
width: 655px;
}

#testimonials-table {
width: 655px;
line-height: 17px;
}

#testimonials-content td {
text-align: justify;
font-size: 12px;
line-height: 17px;
padding: 0 10px 15px 0;
}

/*Price Calculator Page*/

#calculator-content {
position: absolute;
left: 39px;
top: 71px;
width: 655px;
}

#FormContent {
position: absolute;
left: 374px;
top: 71px;
width: 350px;
height: 395px;
font-weight: normal;
font-size: 12px;
line-height: 17px;
overflow: auto;
}

#FormContent table td {
font-size: 12px;
line-height: 17px;
padding: 0 3px 6px 0;
}

#desc_firm, #desc_part, #desc_solo, #desc_corn,
#desc_tool, #desc_host, #desc_pdfs, #desc_broc, #desc_port
{
display: none;
position: absolute;
left: 374px;
top: 71px;
width: 320px;
height: 395px;
font-weight: normal;
font-size: 12px;
line-height: 17px;
overflow: auto;
}

/*Contact Page*/

#map {
position: absolute;
bottom: 30px;
right: 20px;
}

#address {
position: absolute;
top: 14px;
left: 350px;
width: 200px;
}

/*Footer*/

#footer {
position: absolute;
left: 20px;
bottom: 20px;
}

#footer li {
list-style: none;
font-size: 11px;
color: #999;
line-height: 15px;
}