* { margin: 0; padding: 0; }
.clear { clear:both; }
.left { float:left; }
.right {float: right; }
.btn_cat { border: 1px solid #ccc; background: rgb(220,220,220); background: -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)), to(rgb(220,220,220))); background: -moz-linear-gradient(top, rgb(240,240,240), #rgb(220,220,220)); padding: 4px 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #036; font-size: 11px; text-decoration: none; vertical-align: middle; margin: 5px 0px 10px 0px; text-align:center; cursor:pointer;}
.btn_cat:hover { border: 1px solid #ccc; background: rgb(220,220,220); background: -webkit-gradient(linear, left top, left bottom, from(rgb(200,200,200)), to(rgb(255,255,255))); background: -moz-linear-gradient(top, rgb(200,200,200), #rgb(255,255,255)); padding: 4px 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #036; font-size: 11px; text-decoration: none; vertical-align: middle; margin: 5px 0px 10px 0px; text-align:center; cursor:pointer;} 

h1 { font-family: "Lucida Grande", "Helvetica Neue", Arial, Geneva, sans-serif; font-size: 21px; color:#09c; margin: 0px 0px 30px 0px; border-bottom: 1px solid #333; padding:0px 0px 5px 0px; }
h2 { font-family: "Lucida Grande", "Helvetica Neue", Arial, Geneva, sans-serif; font-size: 14px; color:#rgb(230,230,230); margin: 0px 0px 30px 0px; padding:0px 0px 5px 0px; font-weight:normal;}

body { background:#333; font-family: "Lucida Grande", "Helvetica Neue", Arial, Geneva, sans-serif; font-size: 10px; color: #fff; }

#wrap { width:1079px; margin:0px auto;
	}
	#site_frame { width:1079px; height:749px;
		}
		#site_frame.light { background: url(../_images/site_bg_light.jpg) no-repeat left top; }
		#site_frame.dark { background: url(../_images/site_bg_dark.png) no-repeat left top; }
	
	#nav { width:1020px; position: relative; left: 39px; top:34px; }
	#nav li { list-style-type: none; height:20px; float:right;
		}
		#nav li a { display:block; height:20px; text-indent:-9999px;
			}
			a#a_portfolio.up { background:url(../_images/nav_sprite.png) no-repeat 0px bottom; width: 188px;}
			a#a_collection.up { background:url(../_images/nav_sprite.png) no-repeat -188px bottom; width: 165px;}
			a#a_about.up { background:url(../_images/nav_sprite.png) no-repeat -353px bottom; width:93px; }
			a#a_press.up { background:url(../_images/nav_sprite.png) no-repeat -446px bottom; width: 83px;}
			a#a_contact.up { background:url(../_images/nav_sprite.png) no-repeat -529px bottom; width: 99px;}
			a#a_portfolio.over, a#a_portfolio.active { background:url(../_images/nav_sprite.png) no-repeat 0px top; width: 188px;}
			a#a_collection.over, a#a_collection.active { background:url(../_images/nav_sprite.png) no-repeat -188px top; width: 165px;}
			a#a_about.over, a#a_about.active { background:url(../_images/nav_sprite.png) no-repeat -353px top; width:93px; }
			a#a_press.over, a#a_press.active { background:url(../_images/nav_sprite.png) no-repeat -446px top; width: 83px;}
			a#a_contact.over, a#a_contact.active { background:url(../_images/nav_sprite.png) no-repeat -529px top; width: 99px;}
	#page { width:960px; margin:140px 0px 0px 50px;
		}
		#collection { width:289px; height:200px; position:relative; top:120px; left: 575px; background:url(../_images/ydm.png) no-repeat top left; }
		#about { width: 850px; position:relative; top:120px;  left: 60px;
			}
			#about p { font-size: 14px; line-height: 16pt; color: #ccc; text-align: left; margin:10px 0px 15px 0px; }
			#about a:link, #about a:visited { color: #fff; text-decoration: underline; -webkit-transition: all 0.2s ease-out;}
			#about a:hover, #about a:active { color: #09c; text-decoration: none; text-shadow: rgb(240,240,240) 0px 0px 2px; -webkit-transition: all 0.2s ease-out; }
		#press { width: 900px; height:400px; position:relative; left: 30px;
			}
			#press a:link { text-decoration:none; color:#fff; }
			#press .node { width:280px; margin:5px; padding:5px; background:url(../_images/trans_white.png) repeat top left; }
			#press .node_img { width:100px; height:100px; background:#ccc; border: 4px solid rgb(40,40,40); -webkit-transition: all 0.2s ease-out; }
			#press .node_desc { width:165px; height:100px; padding: 5px 0px; font-size:12px; text-align:left; color:#fff; position:relative; }
			#press .node_over { border: 4px solid #09c; -webkit-transition: all 0.2s ease-out; }
			#press_info { margin-top:20px;
				}
				#press_info div.press_curr_page { width:425px; }
				#press_info div.press_page_links { width: 425px; }
				#press_info .curnav { font-size: 12px; color: #0cc; padding:0px 5px; }
				#press_info a:link, #press_info a:visited { padding:0px 5px; color: #ccc; text-decoration: none; }
				#press_info a:hover, #press_info a:active { padding:0px 5px; color: #fff; text-decoration: none; }
		#noflash { text-align:center; width:960px;position:absolute; margin-top: 36px; display:none; color:#f00;
			}
			#noflash a:link, #noflash a:visited { color:#3cf; }
			#noflash a:hover, #noflash a:active { color:#fff; }
		#contact { width: 600px; height:400px; position:relative; left: 180px; top:20px; }
		#login { width: 500px; height:400px; position:relative; left: 220px; top:50px;
			}
			#contact a:link, #contact a:visited { color: #fff; text-decoration: none; -webkit-transition: all 0.2s ease-out;}
			#contact a:hover, #contact a:active { color: #09c; text-decoration: none; -webkit-transition: all 0.2s ease-out; }
			#contact_form .form_input, #login_form .form_input { margin: 0px 10px 5px; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.4s ease-out;}
			#contact_form .form_input:hover, #login_form .form_input:hover { margin: 0px 10px 5px; padding:5px; background:url(../_images/trans_black.png) repeat; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.4s ease-out;}
			#contact_form input, #contact_form textarea, #login_form input, #login_form textarea { border: 1px solid #ccc; padding:3px; font-size:11px; color:#000; background: -webkit-gradient(linear, left top, left bottom, from(rgb(210,210,210)), to(rgb(240,240,240))); background: -moz-linear-gradient(top, rgb(210,210,210), rgb(240,240,240)); -webkit-transition: all 0.4s ease-out;}
			#contact_form input:focus, #contact_form textarea:focus, #login_form input:focus, #login_form textarea:focus { border: 1px solid rgb(108, 203, 255); padding:3px; font-size:11px; color:#09c; background:rgb(30,30,30); -webkit-transition: all 0.4s ease-out;}
			#contact_form label, #login_form label { display:block; position:relative; top: -1px; font-size:11px; color:#fff; font-weight:bold;}
			#contact_form .fb, #login_form .fb { text-align: right; color:#f00; height:10px; font-style:italic; font-weight:normal;}
			
			
			
	#footer { width:1000px; margin: 0px auto;
		}
		#footer #copyright { display:block; width:600px; position:relative; top:-15px;}
			#copyright a:link, #copyright a:visited, #ssd a:link, #ssd a:visited{ color: #999; text-decoration: underline; -webkit-transition: all 0.2s ease-out;}
			#copyright a:hover, #copyright a:active, #ssd a:hover, #ssd a:active { color: #fff; text-decoration: underline; -webkit-transition: all 0.2s ease-out; text-shadow: rgb(240,240,240) 0px 0px 2px;}
		#footer #ssd { display:block; width:400px; text-align:right; position:relative; top:-25px;}