@charset "UTF-8";
/* reset */
html{color:#c0c0c0;background:#191919;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{background-color:#191919;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
h1{color:#fff;font-size:18px;display:block;margin:0 auto;width:50%;text-align:center;margin-bottom:1em;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
a{color:#CCC;text-decoration:none;}
/* reset */

div#container{margin:2em auto;width:1050px;}

div#nav{border-bottom:1px solid #fff;padding-bottom:2em;width:100%;}
div#nav h2{color:#fff;letter-spacing:0.8em;border-bottom:1px solid #666;width:400px;}
div#nav p a{color:#8b8b8b;text-decoration:none;}
div#nav img{position:absolute;top:0;right:0;}

div#content{width:1020px;}

div#content div#cweb{padding-top:6em;width:80%;margin:0 auto;}

div#content div.pfitem{float:left;margin-left:0.5em;width:225x;height:225px;}
div#content div.pfitem h3, div#content div.pfitem p{text-align:center;}
div#content div.pfitem img{border:1px solid #666;padding:10px;display:block;margin:0 auto;}
div#content div.pfitem h3{letter-spacing:0.3em;}

div#content div.phitem{width:75%;margin:0 auto;text-align:center;}
div#content div.phitem img{border:1px solid #666;padding:10px;display:block;margin:0 auto;}