body {width: 100%; margin: 0; padding: 0; font-family: arial, sans-serif; font-size: 10pt; }

#toparea {width: 750px; height: 25px; margin: 20px auto 10px auto; padding: 0; }

#title {width: 340px; height: 25px; margin: 0 3px 0 0; padding: 0; float: left;  }
#title h3 {color: #0066cc; background: white; margin: 5px 0 0 0; padding: 0; font-weight: normal; font-size: 13pt; font-family: "myriad pro",sans-serif; }

#linksbox {width: 271px; height: 25px; margin: 0 3px 0 0; padding: 0; float: left;}
#linksbox p { padding: 7px 0 0 0; margin: 0; text-align: left; color: #999999; background: white; }
#linksbox a, #linksbox a:visited { color: #666666; background: white; font-weight: bold; font-size: 8pt; margin: 0; padding: 0 5px 0 0; text-decoration: none; }
#linksbox a:hover {color: #ff9900; background: white; font-size: 8pt; font-weight: bold; margin: 0; padding: 0 5px 0 0; text-decoration: none; }

#methodbox {width: 133px; height: 25px; margin: 0; padding: 0; float: left; }

#methodbox p { padding: 7px 0 0 0; margin: 0; text-align: right; }

#methodbox a, #methodbox a:visited { color: #666666; background: white; font-size: 8pt; margin: 0; padding: 0; font-weight: bold; text-decoration: none; }
#methodbox a:hover {color: #ff9900; background: white; font-size: 8pt; margin: 0; padding: 0; font-weight: bold; text-decoration: none; }

#viewer {width: 750px; height: 204px; color: #333333; background: white; margin: 0 auto 10px auto; padding: 0; border-bottom: 1px solid #ff9900; }

#viewer1 {width: 340px; height: 199px; color: #333333; background: white url(images/portfoliov1.jpg) no-repeat center; margin-right: 3px; padding: 0; float: left; }

#viewer2 {width: 134px; height: 199px; color: #333333; background: white url(images/portfoliov2.jpg) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#viewer2 a, #viewer2 a:visited, #viewer3 a, #viewer3 a:visited, #viewer4 a, #viewer4 a:visited  { color: white; background: transparent; font-size: 9pt; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }
#viewer2 a:hover, #viewer3 a:hover, #viewer4 a:hover {color: white; background: transparent; font-size: 9pt; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }

#viewer2 p, #viewer3 p, #viewer4 p, #hviewer2 p, #hviewer3 p, #hviewer4 p, #portfolioviewer2 p, #portfolioviewer3 p, #portfolioviewer4 p, 
#contactviewer2 p, #contactviewer3 p, #contactviewer4 p, #designviewer2 p, #designviewer3 p, #designviewer4 p { text-align: right; padding: 4px 6px 0 0; margin: 0; }

#viewer3 {width: 134px; height: 199px; color: #333333; background: white url(images/portfoliov3.jpg) no-repeat center; margin-right: 3px; padding: 0; float: left; }

#viewer4 {width: 133px; height: 199px; color: #333333; background: white url(images/portfoliov4.jpg) no-repeat center; margin: 0; padding: 0; float: left; }

#hviewer1 { width: 340px; height: 199px; color: #333333; background: white url(images/homev1.jpg) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#hviewer2 { width: 134px; height: 199px; color: #333333; background: white url(images/galleryv2.jpg) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#hviewer3 { width: 134px; height: 199px; color: #333333; background: white url(images/homev3.jpg) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#hviewer4 { width: 133px; height: 199px; color: #333333; background: white url(images/homev4.jpg) no-repeat center; margin: 0; padding: 0; float: left;}

#hviewer2 a, #hviewer2 a:visited, #hviewer3 a, #hviewer3 a:visited, #hviewer4 a, #hviewer4 a:visited  { color: white; background: transparent; font-size: 9pt; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }
#hviewer2 a:hover, #hviewer3 a:hover, #hviewer4 a:hover {color: white; background: transparent; font-size: 9pt; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }

#portfolioviewer1 { width: 340px; height: 199px; color: #333333; background: white url(images/show1left.jpg) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#portfolioviewer2 { width: 134px; height: 199px; color: #333333; background: white url(images/galleryv2.jpg) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#portfolioviewer3 { width: 134px; height: 199px; color: #333333; background: white url(images/galleryv3.jpg) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#portfolioviewer4 { width: 133px; height: 199px; color: #333333; background: white url(images/galleryv4.jpg) no-repeat center; margin: 0; padding: 0; float: left; }

#contactviewer1 { width: 340px; height: 199px; color: #333333; background: white url(images/contactv1.jpg) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#contactviewer2 { width: 134px; height: 199px; color: #333333; background: white url(images/contactv2.jpg) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#contactviewer3 { width: 134px; height: 199px; color: #333333; background: white url(images/contactv3.jpg) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#contactviewer4 { width: 133px; height: 199px; color: #333333; background: white url(images/contactv4.jpg) no-repeat center; margin: 0; padding: 0; float: left; }

#contactviewer2 a, #contactviewer2 a:visited, #contactviewer3 a, #contactviewer3 a:visited, #contactviewer4 a, #contactviewer4 a:visited  { color: white; background: transparent; font-size: 9pt; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }
#contactviewer2 a:hover, #contactviewer3 a:hover, #contactviewer4 a:hover {color: white; background: transparent; font-size: 9pt; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }

#portfolioviewer2 a, #portfolioviewer2 a:visited, #portfolioviewer3 a, #portfolioviewer3 a:visited, #portfolioviewer4 a, #portfolioviewer4 a:visited  { color: white; background: transparent; font-size: 9pt; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }
#portfolioviewer2 a:hover, #portfolioviewer3 a:hover, #portfolioviewer4 a:hover {color: white; background: transparent; font-size: 9pt; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }

#designviewer1 { width: 340px; height: 199px; color: #333333; background: white url(images/designv1.gif) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#designviewer2 { width: 134px; height: 199px; color: #333333; background: white url(images/designv2.gif) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#designviewer3 { width: 134px; height: 199px; color: #333333; background: white url(images/designv3.gif) no-repeat center; margin-right: 3px; padding: 0; float: left; }
#designviewer4 { width: 133px; height: 199px; color: #333333; background: white url(images/designv4.gif) no-repeat center; margin: 0; padding: 0; float: left; }

#designviewer2 a, #designviewer2 a:visited, #designviewer3 a, #designviewer3 a:visited, #designviewer4 a, #designviewer4 a:visited  { color: white; background: transparent; font-size: 9pt; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }
#designviewer2 a:hover, #designviewer3 a:hover, #designviewer4 a:hover {color: white; background: transparent; font-size: 9pt; font-weight: bold; margin: 0; padding: 0; text-decoration: none; }

#thumb1, #thumb2, #thumb3, #thumb4, #thumb5, #thumb6 {width: 67px; height: 67px; color: #333333; background: #cccccc; margin: 0 10px 0 0; padding: 0; float: left; }
#thumb1 img, #thumb2 img, #thumb3 img, #thumb4 img, #thumb5 img, #thumb6 img {width: 67px; height: 67px; border: none; margin: 0; padding: 0; }

#thumb7 {width: 67px; height: 67px; color: #333333; background: #cccccc; margin: 0 10px 0 0; padding: 0; float: left; }
#thumb7 img {width: 67px; height: 67px; border: none; margin: 0; padding: 0; }

#content {width: 750px; height: 220px; margin: 0 auto 10px auto; padding: 0;}
#content a { border: none; margin: 0; padding: 0; }


#contentnumbers a, #contentnumbers a:visited { color: #666666; font-weight: bold; background: transparent; margin: 0; padding: 0 5px 0 0; text-decoration: none; font-size: 9pt; }
#contentnumbers a:hover { color: #ff9900; background: white; text-decoration: underline; margin: 0; padding: 0 5px 0 0; font-weight: bold; font-size: 9pt; } 
#contentnumbers { width: 200px; margin: 0 0 0 460px; padding: 0;  }
#contentnumbers p { color: #999999; text-align: left; font-weight: bold; }
#contentnumbers a.current { color: #ff9900; background: white; margin: 0; padding: 0 5px 0 0; text-decoration: underline; }

#content table { width: 750px; margin: 20px 0 0 0; padding: 0; float: left;  }
#content tr { margin: 0; padding: 0; }
.header { width: 74px; color: #0066cc; background: white; margin: 0; padding: 0 0 8px 0; font-weight: bold; font-size: 11pt; line-height: 0.9em; }
.infobold { width: 369px; color: #666666; background: white; margin: 0; padding: 0 0 8px 0; font-weight: bold; font-size: 11pt; text-align:left;  }
.infoplain { width: 550px; text-align: justify; color: #999999; background: white; margin: 0; padding: 0; font-weight: bold; font-size: 9pt;  }

#homeinfo { width: 340px; height: 180px; margin: 0; padding: 0; float: left; }
#homeinfo p { text-align: justify; line-height: 1em; margin: 0; padding: 0;}
#homeinfo img { width: 128px; height: 61px; margin: 8px 0 0 0; padding: 0; border: none; }
.maincopy { color: #999999; background: white; margin: 0; padding: 0; font-size: 10pt; font-weight: normal; }

#Kathrine { width: 133px; height:220px; margin: 0; padding: 0; float: right; background:#666; }

#designinfo { width: 750px; margin: 0; padding: 0; }
#designinfo h5 { color: #0066cc; background: white; padding: 0; margin: 0 0 15px 0; clear: left; font-size: 10pt;}
#designinfo p { color: #999999; background: white; padding: 0; margin: 0 0 15px 0; text-align: left; line-height: 0.9em; font-size: 9pt; font-weight: bold; }
.numbers { font-weight: bold; color: #ff9900; background: white; margin: 0; padding: 0 10px; }
.divider { color: #ff9900; background: white; font-weight: bold; padding: 0 5px; }

#profileinfo { width: 477px; height:220px; margin: 0; padding: 0; float:left; }
#profileinfo p { text-align: justify; line-height: 0.9em; margin: 0; padding: 0; }

#portfolioinfo { width: 200px; margin: 0; padding: 0 0 0 5px; float: left;}
#portfolioinfo p { text-align: justify; line-height: 1.1em; margin: 0; padding: 0; }

#links { width: 450px; margin: 0 68px 0 0; padding: 0; float: left; }
#links p { margin: 5px 0 10px 0; padding: 0; width: 75%; text-align: justify; }
#links a, #links a:visited { color: #666666; font-weight: bold; background: transparent; margin: 0; padding: 0 5px 0 0; text-decoration: none; font-size: 9pt; }
#links a:hover { color: #ff9900; background: white; text-decoration: underline; margin: 0; padding: 0 5px 0 0; font-weight: bold; font-size: 9pt; } 

#contactinfo { width: 232px; margin: 0; padding: 0; float: left;}
#contactinfo p { margin: 0; padding: 0 0 0 98px; width: 57%; text-align: justify; }
h5 { color: #666666; background: white; margin: 0; padding: 0; font-size: 10pt;}
.contactletter { color: #0066cc; background: white; margin: 0; padding: 0 8px 0 0; }
.contacttelfax { color: #0066cc; background: white; margin: 0; padding: 0 5px 0 125px; }
#contactinfo a, #contactinfo a:visited { color: #666666; background: white; margin: 0; padding: 0; text-decoration: none; font-size: 9pt;}
#contactinfo a:hover { color: #ff9900; background: white; margin: 0; padding: 0; text-decoration: none; font-size: 9pt;}

#workgallery1 {width: 340px; height: 199px; margin-right: 3px; padding: 0; float: left; }
#workgallery1 img {width: 340px; height: 199px; margin: 0; padding: 0; border: none; }
#workgallery2 {width: 271px; height: 199px; margin-right: 3px; padding: 0; float: left;}
#workgallery2 img {width: 271px; height: 199px; margin: 0; padding: 0; border: none; }
#workgallery3 {width: 133px; height: 199px; margin: 0; padding: 0; float: left;}
#workgallery3 img {width: 133px; height: 199px; margin: 0; padding: 0; border: none; }

#footer {width: 750px; height: 20px; margin: 0 auto; padding: 0; border-top: 1px solid #cccccc; }
#footer .web { color: #999999; background: white; margin: 0 0 0 135px; padding: 0; font-size: 8pt; }
#footer .copyright { color: #999999; background: white; margin: 0; padding: 0; font-size: 8pt; text-align: left; }
#footer a, #footer a:visited { color: #666666; font-weight: bold; background: transparent; margin: 0 0 0 4px; padding: 0; text-decoration: none; font-size: 8pt; }
#footer a:hover { color: #ff9900; background: white; text-decoration: none; margin: 0 0 0 4px; padding: 0; font-weight: bold; font-size: 8pt; }