Simplicity is the ultimate form of sophistication.
Leonardo da Vinci

#splash:hover #splash-pic {left:-100%;}
#splash-left, #splash-right, #splash-middle {display:inline-block; height:325px; width:26%; float:left; position:inherit; overflow:hidden;}
#splash-right {float:right;}
#splash-mobile, #splash-middle {width:48%; background:#e2e2e2; border:1px solid #3c3c3c; background-clip:padding-box; border-radius:10px; box-shadow:2px 2px 4px 2px #666 inset; font-size:.8em; line-height:1em; font-family:"Courier New", Courier, monospace; color:#999;}
#splash-pic, #splash-mobile-pic {display:block; width:100%; position:absolute; top:0;; left:0; background:#3c3c3c; text-align:center; -webkit-transition: left 1.7s; -moz-transition: left 1.7s; transition: left 1.7s; z-index:7; border:1px solid #2f2f2f; background-clip:padding-box;}
#splash-pic img {width:325px; height:325px !important; }
#splash-left p, #splash-right p {font-size:1.2em; display:inline-block; margin-top:50%; text-align:left;}
#content {padding:0;}
#content-left, #content-right {display:block; width:50%; padding:.5em 1em 1em 1em; float:left;}
}
@media only screen and (min-width:479px) {

nav li a {width:46%; margin:.5em 2%;}
#lang-su {margin:0 0 0 5%;}
#lang-en {margin:0 5% 0 0;}

Design is not just what it looks and feels like. It’s how it works.
Steve Jobs

#splash:hover #splash-pic {left:-100%;}
#splash-left, #splash-right, #splash-middle {display:inline-block; height:325px; width:26%; float:left; position:inherit; overflow:hidden;}
#splash-right {float:right;}
#splash-mobile, #splash-middle {width:48%; background:#e2e2e2; border:1px solid #3c3c3c; background-clip:padding-box; border-radius:10px; box-shadow:2px 2px 4px 2px #666 inset; font-size:.8em; line-height:1em; font-family:"Courier New", Courier, monospace; color:#999;}
#splash-pic, #splash-mobile-pic {display:block; width:100%; position:absolute; top:0;; left:0; background:#3c3c3c; text-align:center; -webkit-transition: left 1.7s; -moz-transition: left 1.7s; transition: left 1.7s; z-index:7; border:1px solid #2f2f2f; background-clip:padding-box;}
#splash-pic img {width:325px; height:325px !important; }
#splash-left p, #splash-right p {font-size:1.2em; display:inline-block; margin-top:50%; text-align:left;}
#content {padding:0;}
#content-left, #content-right {display:block; width:50%; padding:.5em 1em 1em 1em; float:left;}
}
@media only screen and (min-width:479px) {

nav li a {width:46%; margin:.5em 2%;}
#lang-su {margin:0 0 0 5%;}
#lang-en {margin:0 5% 0 0;}

Style

Since 1997 SAWD has been creating elegant, bespoke digital media which embodies the spirit of the client. The design process is based on a clear communication objective. Quality and attention to detail permeate every aspect of each project.

Website visitors are served by usability and aesthetics. They are helped without being dominated. They gain confidence in the client.

Substance

SAWD's focus on graceful, efficient coding has remained fundamental throughout the Internet's evolution from rigid websites built with HTML3 to today's shape-shifting responsive sites for mobile, tablet and desktop devices. Core coding is currently HTML5, CSS3, and jQuery.

Search Engine Optimisation is critical to a website's effectiveness. SAWD implements rigorous SEO at every stage of production.