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

	

/* Begin Content */
#works_visual {
	background: #ffffff url('../../images/contents_visual.jpg') no-repeat;
	width: 990px;
	height: 112px;
	margin: 0 auto;
	}

#content {
	width: 905px;
	padding: 6px 0 20px 40px;
    clear: both;
	}

#works_title {
    width: 918px;
	height: 48px;
	background: url('../../images/works/works_title.png') no-repeat;
	margin-top: 5px;
    }	
/* End Content */






/* Begin RippleTale */
#rippletale {
    width: 900px;
	padding: 0 0 0 5px;
	margin-top: 20px;
	}

#circle_concept {
	background: url('../../images/works/circle_line.gif') no-repeat bottom left;
	height: 70px;
    width: 895px;
	padding: 0 0 0 0;
	}
	
#rippletale_logo {
	background: url('../../images/works/rippletale_logo.png') no-repeat;
    width: 285px;
	height: 42px;
	font-size: 1px;
	color: #FFFFFF;
	margin: 12px 0 0 0;
    float: left;
	}
	
#circle_concept p {
    margin: 0;
    padding-top: 14px;
	line-height: 1.5;
	}

#disc_info_top-left {
	background: url('../../images/works/circle_bg_top-left.gif') no-repeat;
    width: 447px;
	height: 153px;
	float: left;
	}
	
#disc_info_top-right {
	background: url('../../images/works/circle_bg_top-right.gif') no-repeat top right;
    width: 447px;
	height: 153px;
	margin-left: 2px;
	float: left;
	}
	
#disc_info_middle-left {
	background: url('../../images/works/works_bg.gif');
    width: 447px;
	height: 153px;
	margin-top: 2px;
	float: left;
	}
	
#disc_info_middle-right {
	background: url('../../images/works/works_bg.gif');
    width: 447px;
	height: 153px;
	margin: 2px 0 0 2px;
	float: left;
	}
	
#disc_info_bottom-left {
	background: url('../../images/works/circle_bg_bottom-left.gif') no-repeat;
    width: 447px;
	height: 153px;
	margin-top: 2px;
	float: left;
	}
	
#disc_info_bottom-right {
	background: url('../../images/works/circle_bg_bottom-right.gif') no-repeat bottom right;
    width: 447px;
	height: 153px;
	margin: 2px 0 0 2px;
	float: left;
	}
	
h3.disc_title {
    width: 212px;
	height: 21px;
	font-size: 1.2em;
	color: #666633;
	margin-left: 205px;
	padding: 35px 0 0 5px;
	background: url('../../images/works/title_line.gif') no-repeat bottom left;
	}
		
#disc_image {
    width: 164px;
	height: 108px;
	margin: 25px 0 0 35px;
	float: left;
	}
	
*html body #disc_image {/* Hack for IE6 */
	height: 53px;
	margin: 25px 0 0 20px;
	float: left;
	}
	
.date {
    color: #999966;
	text-align: right;
	padding: 3px 35px 0 0;
	}
	
		
p.disc_info {
	color: #666633;
    line-height: 1.2;
	margin:0 0 10px 210px;
	}	
/* End RippleTale */





/* Begin loos */
#loos {
    width: 900px;
	padding: 0 0 0 5px;
	margin-top: 30px;
	}
	
#loos_logo {
	background: url('../../images/works/loos_logo.png') no-repeat;
    width: 285px;
	height: 42px;
	font-size: 1px;
	color: #FFFFFF;
	margin: 12px 0 0 0;
    float: left;
	}
	
.right {
    padding-left: 170px;
	}	
/* End loos */



/* Begin loos */
#_hub {
    width: 900px;
	padding: 0 0 0 5px;
	margin-top: 30px;
	}
	
#_hub_logo {
	background: url('../../images/works/-hub_logo.png') no-repeat;
    width: 285px;
	height: 42px;
	font-size: 1px;
	color: #FFFFFF;
	margin: 12px 0 0 0;
    float: left;
	}
	
.right {
    padding-left: 170px;
	}	
/* End loos */



/* Begin Commercial Works */
#cm_works_wrap {
    width: 900px;
	padding: 0 0 0 5px;
	margin-top: 40px;
	}

#cm_works {
	background: url('../../images/works/cm_works.gif') no-repeat;
	height: 30px;
    width: 895px;
	padding: 0 0 0 0;
	}

#cm_works_top {
	background: url('../../images/works/cm_works_bg_top.gif') no-repeat;
	height: 65px;
    width: 896px;
	padding: 12px 0 0 0;
	}
	
#cm_works_middle {
	background: url('../../images/works/works_bg.gif');
	height: 65px;
    width: 896px;
	margin-top: 2px;
	padding: 12px 0 0 0;
	}

#cm_works_bottom {
	background: url('../../images/works/cm_works_bg_bottom.gif') no-repeat;
	height: 65px;
    width: 896px;
	margin-top: 2px;
	padding: 12px 0 0 0;
	}

.cm_works_info {
	height: 55px;
    width: 320px;
	text-align: right;
	float: left;
	padding: 3px 20px 0 0;
	}
	
.cm_works_info h3 {
	font-size: 1.2em;
	color: #666633;
	}

.cm_works_info p {
	color: #666633;
    margin: 3px 0 0  0;
	line-height: 1.1;
	}

.cm_works_image {
	height: 53px;
    width: 402px;
	padding: 0 0 0 0;
	}
/* End Commercial Works */




/* Begin Other Works */
#other_works_wrap {
    width: 900px;
	padding: 0 0 0 5px;
	margin-top: 40px;
	}

h2#other_works_title {
	background: url('../../images/works/other_works.gif') no-repeat;
	height: 40px;
    width: 895px;
	padding: 0 0 0 0;
	}

#other_works_wrap ul.other_works {
    margin-left: 70px;
	}
	
#other_works_list_left {
	float: left;
	margin-right: 60px;
	}
	
#other_works_list_right {
	float: left;
	}
	
#other_works_wrap ul.other_works li.year {
	background: url('../../images/works/works_year_icon.gif') no-repeat;
	list-style: none;
	width: 320px;
    border-bottom: 1px dotted #999966;
	margin-bottom: 10px;
	padding-left: 13px;
	}
	
#other_works_wrap ul.other_works_list {
    margin-left: 50px;
	}
	
#other_works_wrap h3 {
	font-size: 1.1em;
	font-weight: normal;
	color: #666633;
	display: inline;
	padding-left: 10px;
	}
	
#other_works_wrap ul.other_works_list li {

    font-size: 1.0em;
	line-height: 1.2;
    height: 45px;
	list-style: none;
	color: #999966;
	/* border-top: 1px dotted #999966;*/
	padding: 0;
	}
	
	
#other_works_wrap a, #other_works_wrap a,:visited {
	color: #999966;
	}
/* End Other Works */



	

/* Begin Design Gallery */
#design_gallery {
    border-top: 1px solid #999966;
    width: 949px;
	margin: 40px 0 0 20px;
	}
	
#design_gallery_top {
	background: url('../../images/works/design_gallery_bg_top.gif') no-repeat;
    width: 896px;
	height: 15px;
	}
	
#design_gallery_bottom {
	background: url('../../images/works/design_gallery_bg_bottom.gif') no-repeat;
    width: 896px;
	height: 15px;
	}
	
#design_gallery p {
    margin: 0;
	padding: 0;
	line-height: 0;
	}
/* End Design Gallery */



	
	
/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

/* End Entry Lists */