* {margin:0; padding:0; border:0;}
HTML {}
BODY {position:relative; top:0; left:50%; margin:0 0 0 -383px; font-family:Arial, sans-serif; font-size:11px; width:766px; background-color:#FFF; padding:25px 0;}
IMG {behavior: url("png.htc");}
ACRONYM {border-bottom:1px dashed #666; cursor:help}
INPUT {border:1px solid #ccc; margin-right:2px;}
INPUT.btn {border:1px solid #ccc; background:#efefef; color:#444; font-size:11px; cursor:pointer;}

h1 {font-size:15px; color:#666; line-height:17px; margin-bottom:15px; }
h1 a {font-size:12px; font-weight:normal; color:#666; text-decoration:none}
h1 a:hover {color:#888; text-decoration:underline}
h2 {font-size:14px; color:#666; }
p {font-size:13px; margin-bottom:20px; text-indent:15px}
a {color:#333;}
a:hover {color:#666;}

ul {font-size:13px; line-height:20px; margin-bottom:35px;}
ul li {margin:-1px 0 0 30px}

.line {clear:both; font-size:0}
.line.top {height:8px;}
.line.btm {height:5px; margin-bottom:30px}
.summer .line {background:#68c308 url(i/bg-leaf.jpg); }

.nav {height:45px; padding-left:3px} 
.nav a {display:block; float:left; width:132px; height:24px; padding:8px 10px 5px 10px; color:#333; text-decoration:none; text-transform:uppercase; font-size:9px;} 
.nav a:hover {color:#666; text-decoration:underline; text-transform:uppercase; font-size:9px; background:url(i/nav-bg.gif);} 
.summer .nav {background:#f8f8f8 url(i/bg-fl1.jpg); } 

.logo {clear:both; height:156px;} 
.logo img {position:relative; top:25px; height:131px; width:146px;} 
.summer .logo {background:#eef5e7 url(i/bg-fl2.jpg); }

.col0 {width:720px; margin-left:20px;}

.col1 {width:360px; margin-left:0px; padding:0 25px 0 15px; float:left}

.col1.min {width:200px;}

.col1 ul {list-style:none; margin-bottom:20px}

.icon {margin:0 0 10px 20px; text-decoration:none; color:#000; height:20px; text-indent:20px }
.icon.doc {background:url(i/i-doc.gif) no-repeat}
.icon.view {background:url(i/i-view.gif) no-repeat}
.icon.mail {background:url(i/i-mail.gif) no-repeat}
.icon.we {background:url(i/i-we.gif) no-repeat}
.icon.feaut {background:url(i/i-feaut.gif) no-repeat}

.col2 {float:left; width:350px}
.col2.toppad {padding-top:32px}

.col2 em {font-size:12px}

.col2 .gallery {background:#f6f6f6; margin-bottom:20px; padding:10px}
.col2 .gallery a {border:4px solid #FFF; margin:0 2px;}
.col2 .gallery a.all {border:0; font-size:12px; background:url(i/arr2.gif) no-repeat right .5em; padding-right:6px }

/* works page */

.works h1 {margin-left:15px; padding-bottom:10px; border-bottom:1px dashed #ccc}
.works h1 a {color:green}
.works h1 a:hover {color:#66CC33;}
.works h2 {padding-bottom:10px; border-bottom:0}
.works .col1 {width:300px}
.works .col2 {width:350px; padding:20px 0 0 20px}
.prv {border:20px solid #F6F6F6; margin-bottom:10px}
.works center {margin-bottom:20px}
.works a.href {background:url(i/arr2.gif) no-repeat 0 .5em; padding-left:.6em}
.works ul li {list-style:none; margin:0 10px 0 0; padding-left:10px; background-image:url(i/arr2.gif); background-repeat:no-repeat;
background-position: 0 .6em; }

/* text page */

.text table {border:1px solid #ccc; font-size:12px; margin-bottom:15px}
.text table th {padding:5px 25px 5px 5px; text-align:left; color:#333; border:1px solid #ccc; border-left-style:dashed; border-right-style:dashed; background:#f0f0f0}
.text table td {padding:5px 15px 5px 5px; border:1px solid #ccc; border-left-style:dashed; border-right-style:dashed;}

.text span {font-size:14px; 10px}
.text span span {padding-left:5.6em}

.text hr {clear:both; margin:15px; height:1px; border-collapse:collapse; color:#ccc; background-color:#ccc; }

/* */

.mid {clear:left; padding:10px 20px; margin-bottom:20px; width:370px}

.error {padding:40px 50px 100px 50px}
.error p {padding:0 50px 0 20px}

.null {clear:both; background:#68c308;}
.null.btm {height:5px}

.botm {clear:both; height:30px; padding:50px 20px 10px 20px; font-size:9px; color:#999}
.summer .botm {background:#eef5e7; }