/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
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;}
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;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


#doc {
	min-width:995px;
	width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1010 ? "1010px" : "auto");	
}


#container {
	width:979px;
	margin-top:6px;
	background:url("/public/images/common/sh_right.png") top right repeat-y;
	
}

div.content {
	width:965px;
}

div.sh_bottom {
	float:left;
	clar:left;
	background:url("/public/images/common/sh_bottom.png") bottom left repeat-x;
	width:965px;
	height:14px;
}

div.sh_br {
	float:left;
	background:url("/public/images/common/sh_br.png") bottom right no-repeat;
	width:14px;
	height:14px;
}

.clear {
	clear:both;
	height:0;
	display:block;	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
/* End hide from IE-mac */

 
.status {
	font-size:85%;
}

.error {
	color:#FF0000;
}

.info {
	color:#0000FF;
}
 

body { background:url("/public/images/bg/neutral_2.jpg") 0 0 no-repeat #333; }


div#refresh {
	width:965px;	
	height:22px;
	margin-top:94px;
}

div#refresh a {
	width:22px;
	height:22px;
	float:right;
	display:block;
	background:url("/public/images/t1/refresh.png") top right no-repeat;
}


div.content {
	background:url("/public/images/t1/box_bg.jpg") top left repeat-x #BABABA;
}

a.logo {
	float:left;
	display:block;
	background:url("/public/images/t1/logo.jpg") 0 0 no-repeat;
	width:204px;
	height:81px;
	text-decoration:none;
}

ul#menu
{
	width:506px;
	height:31px;
	float:right;
	margin-top:26px;
	margin-right:26px;
	background:url("/public/images/t1/menu_panel.jpg") top left no-repeat;
	text-align:center;
}


#menu li {
	display:inline;
	margin-left:20px;
	margin-right:20px;
}

#menu li a {
	text-decoration:none;
	font-family:"Century Gothic",Arial,Helvetica,sans-serif;
	font-size:108%;
	color:#333;
	line-height:26px;
}

#menu li a:hover, #menu li a.sel {
	color:#F56272;
}


span.footer {
	padding-left:4px;
	color:#666;
}



div.cnt {
	padding:10px;
	
}

/* about */

div.about {
	font-family:"Century Gothic",Arial,Helvetica,sans-serif;
	font-size:108%;
	color:#333;
	text-align:center;
}

div.about p {
	margin:60px 0;
	line-height:220%;
}

.about-mark {
	font-size:153.9%;
	padding:0 4px;
}

span.m1 {
	background:#F46372;
	color:#FFF;
}

span.m2 {
	background:#FFD573;
	color:#FFF;
}

span.m3 {
	background:#A6EDCA;
	color:#FFF;
}

span.m4 {
	background:#BFB767;
	color:#FFF;
}

span.m5 {
	background:#359668;
	color:#FFF;
}

span.m6 {
	background:#DA7AB5;
	color:#FFF;
}


a.about-c {
	text-decoration:none;
	color:#333;
	border:1px solid #FFF;
}

a.about-c:hover {
	background:#FFF;
}


span.about-titles {
	font-style:italic;
	color:#FFF;
}


/* contact */

div.contact {
	font-family:"Century Gothic",Arial,Helvetica,sans-serif;
	width:700px;
	padding-bottom:40px;
	margin:20px auto 0px auto;
}

div.contact .column {
	width:400px;
	float:left;
	padding-left:10px;
}

div.contact .border {
	border-left:1px solid #FFF;
}


div.contact h1 {
	font-size:167%;
	color:#FFF;
	margin-bottom:10px;
}

div.contact p {
	margin-top:33px;
}

div.contact input.textbox {
	border:0;
	padding:2px;
	width:395px;
	margin-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:93%;
}

div.contact textarea {
	padding:2px;
	margin-top:4px;
	width:395px;
	height:200px;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:93%;
}

div.contact input.btn {
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:93%;
	padding:2px;
	background:#F26472;
	color:#FFF;
}


/* work */


div.work {
	font-family:"Century Gothic",Arial,Helvetica,sans-serif;
	padding-bottom:40px;
	margin:20px auto 0px auto;
}


div.work-nav {
	position:relative;
	float:left;
	width:44px;
	height:600px;
	text-align:center;
}

div.work-middle {
	float:left;
	width:850px;
	text-align:center;
}

div.work-middle img.w {
	border:10px solid #939393;
	
}

div.work-middle div.w-content {
	text-align:left;
	width:720px;
	margin:10px auto;
}

div.w-content h1 {
	color:#FFF;
	font-size:182%;
}

div.w-content h1 span.date {
	font-size:77%;
	font-style:italic;
	color:#E3E3E3;
}

div.w-content p {
	padding:30px;
	color:#666;
}

div.w-content a {
	color:#F26472;
}


div.work-nav a, div.work-nav span {
	position:absolute;
	display:block;
	top:510px;
	width:44px;
	height:90px;
}


div.work-nav a.next {
	text-decoration:none;
	background:url("/public/images/t1/work_nav.gif") -44px 0px no-repeat;
}

div.work-nav a.prev {
	text-decoration:none;
	background:url("/public/images/t1/work_nav.gif") 0px 0px no-repeat;
}


div.work-nav span.next {
	background:url("/public/images/t1/work_nav.gif") -44px -90px no-repeat;
}

div.work-nav span.prev {
	background:url("/public/images/t1/work_nav.gif") 0px -90px no-repeat;
}