/*YUI reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;}ol,ul {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;}
/*YUI fonts.css*/
body{font:13px helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% helvetica,arial,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/*Standard Styles Font: 11px Line Height: 16px*/
body {
font-size: 12px;
}
p, ul li, ol li, dl dt, th, td {
font-size: 1em; 
line-height: 1.333em;
}
p, ul, ol, dl, fieldset, table {
margin-bottom: 1.333em;
}
ul li {
list-style: disc outside;
}
ol li {
list-style: decimal outside;
}
h1 {
font-size: 2.18em; 
line-height: 1.224em;
margin: 0.612em 0
}
h2 {
font-size: 1.64em; 
line-height: 1.626em;
margin: 0.813em 0
}
h3 {
font-size: 1.45em; 
line-height: 1.84em;
margin: 0.92em 0
}
h4 {
font-size: 1.18em; 
line-height: 1.13em;
margin: 0.565em 0
}
pre, code, xmp {
font-size: 0.85em; 
line-height: 1.569em;
}
pre, xmp {
margin-bottom: 1.569em;
}
.sidebar {
font-size: 0.909em; 
line-height: 1.467em;
}
#footer {
font-size: 0.818em; 
line-height: 1.63em;
margin: 1.63em 0;
}
strong, th {font-weight:bold;}
em {font-style:italic;}
th,td {padding-right: 0.6em;}
abbr,acronym {border-bottom:1px dotted #000; cursor:help;}

small {
font-size: 0.818em; 
line-height: 1.63em;
margin: 1.63em 0;	
}
/* Project Specific */

body {
/*	background: #dddddd;	*/
	background: #fff;
}

#container {
	color: #666666;
	background: #fff;
	margin: 4em auto 0 auto;
	width: 880px;
	min-height:544px;
	height:auto !important;
	height:544px;	
	padding: 16px;
	position: relative;
/*	border: 2px solid #ddd;*/
}

#container strong {
/* dark grey */
	color: #333333;
/* red */
	color: #BD0018;	
}

a:link, a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

#title {
	height: 64px;
	margin-bottom: 16px;
	position: relative;
}

/* Background image sprite */

#title #logo, #navigation li a { 
	background: url(/img/sprite.gif) no-repeat top left;
}

.sprite-contact-on { background-position: 0 -30px; } 
.sprite-contact { background-position: 0 -76px; } 
.sprite-home-on { background-position: 0 -122px; } 
.sprite-home { background-position: 0 -168px; } 
.sprite-logo { background-position: 0 -214px; } 
.sprite-projects-on { background-position: 0 -279px; } 
.sprite-projects { background-position: 0 -325px; } 
.sprite-studio-on { background-position: 0 -371px; } 
.sprite-studio { background-position: 0 -417px; }

#title #logo {
	width: 210px;
	height: 35px;
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
	background-position: 0 -214px;
/*	background: url(/img/logo.gif) no-repeat 0 32px;	*/
}

#navigation {
	position: absolute;
	left: 496px;
	top: 1em;
	text-align: right;
	width: 64px;
}

#navigation li {
	list-style: none;
	font-size: 1.1667em;
	line-height: 1.142em;
}

#navigation li a {
	display: block;
	width: 64px;
	overflow: hidden;
	text-indent: 64px;
}

#navigation li#nav-home a {
	background-position: 0 -168px;	
}

#navigation li#nav-home.on a, #navigation li#nav-home a:hover {
	background-position: 0 -122px;	
}

#navigation li#nav-projects a {
	background-position: 0 -325px;	
}

#navigation li#nav-projects.on a, #navigation li#nav-projects a:hover {
	background-position: 0 -279px;	
}

#navigation li#nav-studio a {
	background-position: 0 -417px;	
}

#navigation li#nav-studio.on a, #navigation li#nav-studio a:hover {
	background-position: 0 -371px;	
}

#navigation li#nav-contact a {
	background-position: 0 -76px;
}

#navigation li#nav-contact.on a, #navigation li#nav-contact a:hover {
	background-position: 0 -30px;	
}

#clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	border: none;
	margin: 0;
	padding: 0;
}

#quote {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	width: 320px;	
}

#quote p {
	font-family: "Myriad Pro","Helvetica Neue",arial,helvetica,sans-serif;
	text-align: left;
	/* greay */
	color: #666666;
	/* red */
/*	color: #BD0018;*/
	font-size: 13px;
	line-height: 1.23em;
	margin-bottom: 0;
}

#quote em {
	display: block;
	text-align: right;
}

#logo #logoTag {
	padding-left: 210px;
}

#footer {
	width: 880px;	
	margin: 0 auto;	
}

#footer p {
	padding-top: 0.409em;
}

#footer p, #footer a:link, #footer a:visited {
	color: #8D8E90;
	text-decoration: none;
}

#footer #copyright {
	float: left;
}

#footer #credits {
	float: right;
}