body { margin: 0; padding: 0; background: #01223a url(../images/body-bg.jpg) repeat-x top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #939598; text-align: left; }
a { color: #498fc3; text-decoration: underline; }
a:hover { color: #498fc3; text-decoration: none; }
img { border: 0; }
strong { color: #a2c966; }
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #660000; margin: 10px 0 0 20px; padding: 0; line-height: 1.2em;}
h2 { margin: 5px; padding: 0; line-height: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #3a4d81;}
h3 {font-size: 12px; color: #00325d; margin: 0 0 5px 15px; padding: 0; line-height: 1.2em;}
h4 { margin: 2em 0 .5em 0; font-size: 12px; color: #961717; }
p { margin: 0; padding: 1.0em; line-height: 1.4em; }
.clear { clear: both; }

a.sub {display: block; margin: 10px 0 0 10px; padding: 5px; width: 100%; font-size: 16px; background: #02223b; color: #498fc3; text-decoration: none;}
a.sub:hover {display: block; margin: 10px 0 0 10px; width: 100%; font-size: 16px; background: #01182e; color: #fff; text-decoration: none;}

div#container {margin: 0 auto; padding: 0; width: 800px; overflow: hidden;}

div#container div#top {margin: 0; padding: 0; width: 800px; height: 170px; background: url(../images/top.jpg) no-repeat; text-indent: -9000em; overflow: hidden;}

div#container div#top a.logo {display: block; float: left; margin: 30px 0 0 30px; padding: 0; width: 203px; height: 114px; overflow: hidden;}
div#container div#top .tag {display: block; float: right; margin: 80px 0 0 0; padding: 0; width: 253px; height: 28px; text-indent: -9000em; overflow: hidden;}
div#container div#content {margin: 0; padding: 0; overflow: hidden; }
a.construction {display: block; float: left; margin: 0; width: 800px; height: 269px; background: url(../images/contruction.gif) no-repeat; overflow: hidden; text-indent: -9000em;}


div#container div#nav {display: block; margin: 0; padding: 0; width: 800px; height: 32px;  background: url(../images/nav-bg.jpg) repeat-x; text-indent: -9000em; overflow: hidden;  }
div#container div#nav ul {margin: 0 0 0 0; padding: 0; list-style: none; }
div#container div#nav ul li {float: left; margin: 0; padding: 0;  }
div#container div#nav ul li a {display: block; text-indent: -9000em; overflow: hidden; height: 32px;}
div#container div#nav ul li a.home {margin: 0 0 0 30px; background: url(../images/nav-home.jpg) no-repeat top; width: 47px;}
div#container div#nav ul li a.home:hover {background: url(../images/nav-home.jpg) no-repeat bottom;}
div#container div#nav ul li a.about {margin: 0 0 0 5px; background: url(../images/nav-about.jpg) no-repeat top; width: 56px;}
div#container div#nav ul li a.about:hover {background: url(../images/nav-about.jpg) no-repeat bottom;}
div#container div#nav ul li a.portfolio {margin: 0 0 0 5px; background: url(../images/nav-portfolio.jpg) no-repeat top; width: 71px;}
div#container div#nav ul li a.portfolio:hover {background: url(../images/nav-portfolio.jpg) no-repeat bottom;}
div#container div#nav ul li a.contact {margin: 0 0 0 5px; background: url(../images/nav-contact.jpg) no-repeat top; width: 61px;}
div#container div#nav ul li a.contact:hover {background: url(../images/nav-contact.jpg) no-repeat bottom;}

div#container div#content {width: 800px; margin: 0; padding: 0;}

div#container div#content div#wide {float: left; margin:0 0 0 20px; padding: 0; width: 100%; overflow: hidden;}
div#container div#content div#wide h1.title-portfolio {display: block; margin: 30px 0 0 0; height: 54px; background: url(../images/title-portfolio.jpg) no-repeat; text-indent: -9000em; overflow: hidden;}

div#container div#content div#left-side {float: left; margin:0 0 0 20px; padding: 0; width: 65%; overflow: hidden;}
div#container div#content div#left-side h1.title-home {display: block; margin: 30px 0 0 0; height: 54px; background: url(../images/title-home.jpg) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#content div#left-side h1.title-about {display: block; margin: 30px 0 0 0; height: 54px; background: url(../images/title-about.jpg) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#content div#left-side h1.title-contact {display: block; margin: 30px 0 0 0; height: 54px; background: url(../images/title-contact.jpg) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#content div#left-side h1.title-portfolio {display: block; margin: 30px 0 0 0; height: 54px; background: url(../images/title-portfolio.jpg) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#content div#left-side h1.title-thanks {display: block; margin: 30px 0 0 0; height: 54px; background: url(../images/title-thanks.jpg) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#content div#left-side h1.title-oops {display: block; margin: 30px 0 0 0; height: 54px; background: url(../images/title-oops.jpg) no-repeat; text-indent: -9000em; overflow: hidden;}


div#container div#content div#right-side {float: left; margin:0 0 0 20px; padding: 0; width: 30%; overflow: hidden;}
										a.side-portfolio {display: block; float: left; margin: 30px 0 0 20px; width: 225px; height: 108px; background: url(../images/side-portfolio.jpg) no-repeat top; text-indent: -9000em; overflow: hidden;}
										a.side-portfolio:hover {background: url(../images/side-portfolio.jpg) no-repeat bottom; }
										a.side-contact {display: block; float: left; margin: 20px 0 0 20px; width: 225px; height: 108px; background: url(../images/side-contact.jpg) no-repeat top; text-indent: -9000em; overflow: hidden;}
										a.side-contact:hover {background: url(../images/side-contact.jpg) no-repeat bottom; }

div#container div#footer {display: block; margin: 20px 0 0 0; padding: 20px; width: 800px; color: #115181; background: url(../images/footer-top.jpg) no-repeat top; font-size: 10px; }
div#container div#footer a {color: #115181; text-decoration: underline;}
div#container div#footer a:hover {color: #115181; text-decoration: none;}