html, body, p {margin: 0;padding: 0;}
body {background: #fff url(../images/html-bkg.jpg) repeat-x;width: 100%;text-align: center;font-family: Arial, Helvetica, "MS Sans Serif";color: #000;}

.clear {clear: both;}
.altfont {font-family: Tahoma, "Trebuchet MS", Verdana, Helvetica, "MS Sans Serif";}
.highlight {color: #78afd4;}

#container {width: 774px;margin: 0 auto;}

#header {width: 774px;background: #fff url(../images/header-bkg.gif) no-repeat 442px 0;}

#headl {float: left;width: 20px;height: 256px;background: url(../images/headl-bkg.gif) no-repeat;}
#headr {float: right;width: 20px;height: 256px;background: url(../images/headr-bkg.gif) no-repeat;}
#head {float: left;width: 734px;height: 256px;background: url(../images/head-bkg.gif) no-repeat;text-align: left;}

#logo {float: left;width: 367px;}
#logo img {display: block;}
#logo p {font-size: 7pt;line-height: 12px;padding: 29px 190px 0 5px;}

.showcase {padding-top: 28px;height: 23px;text-transform: uppercase;font-weight: bold;color: #fff;font-size: 8pt;line-height: 14px;}
.showcase a {color: #fff;text-decoration: none;}
.showcase a:hover {color: #a5acb2;}

#recommendations {float: right;width: 367px;text-align: right;}

#web {float: right;width: 324px;padding-right: 38px;}
#web img {padding-left: 13px;}

.copyright {padding-top: 61px;height: 22px;font-weight: bold;color: #fff;font-size: 7pt;line-height: 12px;}

#sav {position: absolute;top: 192px;width: 734px;}
#container-sav img {float: right;}

#closetag {position: absolute;top: 275px;text-align: center;}

#designs {position: relative;text-align: center;}
#container-designs {display: none;width: 752px;margin: 0 auto;background: url(../images/designs-bkg.gif) no-repeat 445px 15px;padding-top: 100px;}
#container-designs2 {width: 752px;margin: 0 auto;background: url(../images/designs-bkg.gif) no-repeat 445px 15px;padding-top: 100px;}
.design {float: left;width: 188px;padding-bottom: 25px;}
.design img {border: 5px solid #a5acb2;}
.design img:hover {border: 5px solid #4987bd;}
.design p {padding-top: 10px;font-size: 7pt;line-height: 16px;color: #a5acb2;font-weight: bold;}
.design p a {font-size: 9pt;line-height: 14px;color: #a5acb2;}
.design p a:hover {color: #4987bd;}

#focus {position: relative;text-align: center;}
#container-focus {width: 752px;margin: 0 auto;background: url(../images/focus-bkg.gif) no-repeat 458px 15px;padding: 65px 0 25px;text-align: left;}
.name {text-align: right;padding: 5px 19px 25px 0;}
.image {float: left;width: 348px;padding: 0 28px 0 14px;}
.image img {border: 5px solid #a5acb2;}
.description {float: left;width: 343px;}
.description p {font-size: 8pt;line-height: 14px;color: #a5acb2;text-align: justify;padding-bottom: 8px;}
.description p a {color: #a5acb2;text-decoration: none;}
.description p a:hover {text-decoration: underline;}
.description p.details {color: #000;padding: 8px 0 0;}
.description p.details b {display: block;}
.description p.details a {color: #a5acb2;text-decoration: underline;}
.description p.details a:hover {color: #4987bd;}

#more {position: relative;text-align: center;color: #a5acb2;font-size: 8pt;line-height: 14px;padding-bottom: 10px;}
#more a {color: #a5acb2;text-decoration: underline;}