/* CSS Document */
@charset "utf-8"; 

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
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}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h5, h5, h6{font-size:100%}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}

a{outline:none}

a img{border:none}

.red{color:#F86165}

.yellow{color:#D7D360}

.green{color:#9CE151}

.lucky{color:#5AC9BB}

.warcraft{color:#B78C4D}

.happy{color:#87AE60}

.ski{color:#A6F0ED}

.ski1{color:#73CCE6}

.aunty{color:#AE602B}

.aroma2{color:#4194A5}

.aroma1{color:#9280BF}

.invitation2{color:#E78934}

.beer{color:#FC9}

.time{color:#AABC89}

.space{color:#E1A8BD}

.abstract{color:#ADC90E}

.shadowgem{color:#63F}

.man{color:#8D9564}

.wellington{color:#CEBEB0}

.sea{color:#83E7FC}

.coffee{color:#630}

.mauri{color:#63C}

.reach{color:#68F9D8}

.wait{color:#660}

.spread{color:#F66}

.storm{color:#16859C}

.inter{color:#B1A0C0;}

.blizzard{color:#50DFFE;}

p{font:30px Helvetica,Arial,sans-serif; letter-spacing:-3px; font-weight:bold; color:#787878;line-height:1.5}

p.header{ text-align:center; background:url(images/bg1.png) repeat; color:#FFFFFF; margin:0 0 10px 0;}

p.news{background:url(images/bg1.png) repeat; font-size:26px;letter-spacing:-2px; border:1px solid #111111; padding:3px;}

p.news:hover{border:1px solid #00CCFF;}

a{text-decoration:none; color:#0CF; background:url(images/bg1.png) repeat; padding:3px;}

a:hover{ color:#FFFFFF}

.millen{color:#00aa78}

.spring{color:#ff0071}

.HR{color:#58aa00}

.aroma{color:#3D8EF1}

.kidscan{color:#E4E945}

.invitation{color:#A74938}

.port7{color:#B9E703}

.nick{color:#C30}

.poll{color:#915586}

.dessert{color:#FC0}

.thai{color:#9CC}

.iphone{color:#999}

.segway{color:#9F6}

.flickr{color:#F343C2}

body{background:url(images/bg1.jpg) no-repeat fixed  #242422 top center;}

#wrapper{width:950px; margin-top:300px;
  margin-left: auto;
  margin-right: auto;}

#header{width:100%; height:280px; background:url(images/head.png) no-repeat 98px 100px; margin:0 0 35px 0;}

#container{}

#container .workBox{width:100%; margin:0 0 60px 0}

#container .workBox .label{margin:50px 0 10px 0; display:block}

#container .workBox .thumb{margin:0.5px; float:left}

#container .chatBox{width:100%; border-top:5px solid #FFFFFF; margin:40px 0 100px 0}

#container .chatBox p{margin:15px 0 0 0}

#container .chatBox span.dates{font-style:italic; color:#FC0}

.cleaner{height:1px; clear:both}