/********************************************************

		CONTENT WIDTH		702px

		BACKGROUND			#e5e0df
		TEXT				#767676
		HYPERLINK			#3a3b3b
		HYPERLINK ROLLOVER	#53aee3
		ALL CAPS TEXT		#53aee3
		RULES				#ebe8e7

********************************************************/



/******************** global styles ********************/
body
	{
	background: #eeecec url(../images/background_body.gif) top repeat-x;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 6px 0;
	color: #767676;
	}
	
a
	{
	text-decoration: none;
	color: #3a3b3b;
	}
	
a:hover
	{
	color: #53aee3;
	}
	
	
	
/******************** container styles ********************/
#container
	{
	margin: 0 auto 0 auto;			/* can't use shorthand because of MacIE on OS9 */
	text-align: left;
	width: 980px;
	}
	
	
	
/******************** header styles ********************/
#header
	{
	height: 110px;
	background: url(../images/background_header.gif) top repeat-x;
	}
	
#header .right
	{
	height: 110px;
	background: url(../images/background_header_right.gif) right top no-repeat;
	}
	
#header .left
	{
	height: 110px;
	background: url(../images/background_header_left.gif) left top no-repeat;
	}

#header .content
	{
	position: relative;
	z-index: 100;
	border-bottom: solid 2px #d4d4d2;
	margin: 0 80px;
	height: 100px;
	background: none;
	padding: 0;
	}
	
#header .content .logo
	{
	margin: 63px 0 13px;
	}
	
html>body #header .content .logo
	{
	margin-top: 67px;
	}
	
#topnav
	{
	position: absolute;
	right: 0;
	top: 83px;
	top: 85px;
	}
	
#topnav ul, #topnav li, #topnav a
	{
	padding: 0;
	margin: 0;
	display: block;
	}
	
#header #topnav ul li
	{
	list-style-type: none;
	background: none;
	float: left;
	margin-left: 20px;
	}
	
#header #topnav ul ul
	{
	position: absolute;
	width: 95px;
	background: #53aee3;
	margin-top: -6px;
	padding: 10px 0 10px;
	display: none;
	}
	
#header #topnav ul ul li
	{
	margin: 0;
	padding: 0;
	background: #53aee3;
	}
	
	

/******************** main styles ********************/
#main
	{
	position: relative;
	}
	
* html #main
	{
	height: 1px;
	}
	
#main .topRight
	{
	position: absolute;
	right: 0;
	background: #ffffff url(../images/background_main_top_right.gif) right top no-repeat;
	height: 562px;
	width: 80px;
	}
	
#main .topLeft
	{
	position: absolute;
	left: 0;
	background: url(../images/background_main_top_left.gif) left top no-repeat;
	height: 562px;
	width: 80px;
	}
	
#main .right
	{
	background: url(../images/background_main_right.gif) top right repeat-y;
	}

#main .left
	{
	background: url(../images/background_main_left.gif) top left repeat-y;
	}
	
	
	
/******************** sidenav styles ********************/
#sidenav
	{
	position: absolute;
	width: 110px;
	padding: 6px 0 0;
	}
	
html>body #sidenav
	{
	margin-left: 80px;
	}
	
#sidenav ul
	{
	margin: 0;
	padding: 0;
	}
	
#sidenav ul li
	{
	list-style: none;
	padding: 0 0 1px;
	margin: 0;
	line-height: 1.4em;
	width:84px;
	}
	
#sidenav a
	{
	color: #767676;
	}
	
#sidenav a:hover
	{
	color: #53aee3;
	}
	
#sidenav a.selected
	{
	color: #2d2d2d;
	}
	
#sidenav a.selected:hover
	{
	color: #2d2d2d;
	}
	
.scroll
	{
	position: absolute;
	right: 0;
	}
	
	
	
/******************** content styles ********************/
#main .content
	{
	background: #ffffff;
	height: 562px;
	margin: 0 79px;
	padding-left: 118px;
	}
	
html>body #main .content
	{
	min-height: 562px;
	height: auto;
	}
	
#main .content h1						/* Anziano intro copy */
	{
	color: #2D2D2D;
	font-family: georgia;
	font-size: 32px;
	line-height: 32px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0;
	padding: 41px 0 25px;
	width: 700px;
	}

#main .content h2						/* Whitney large blue all-caps */
	{
	font-size: 19px;
	line-height: 19px;
	margin: 0;
	color: #53aee3;
	}

#main .content h3						/* Whitney small blue all-caps */
	{
	color: #53aee3;
	font-family: arial;
	font-size: 10px;
	line-height: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 8px 0 5px;
	padding: 0;
	}

#main .content h4						/* Anziano gray italics */
	{
	font-size: 12px;
	line-height: 12px;
	font-style: italic;
	margin: -4px 0 5px;
	}
	
#main .content h5
	{
	color: #2D2D2D;
	font-family: georgia;
	font-size: 22px;
	line-height: 22px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
	
#main .content h6						/* Whitney small #383838 all-caps */
	{
	color: #383838;
	font-family: arial;
	font-size: 10px;
	line-height: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

#main .content p
	{
	font: 1.1em/1.4em Arial, Helvetica, sans-serif;
	margin: 0 0 12px;
	}
	
#studio
	{
	position: absolute;
	margin: 252px 0 0 0;
	border-bottom: solid 1px #ebe8e7;
	width: 110px;
	}
	
html>body #studio
	{
	margin-left: 80px;
	}
	
#studio h3						/* Whitney small blue all-caps */
{
	color: #53aee3;
	font-family: arial;
	font-size: 10px;
	line-height: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0 0 4px;
	padding: 0 0 4px;
	color: #53aee3;
	border-bottom: solid 1px #ebe8e7;
}

#studio p
	{
	font: 1.0em/1.2em Arial, Helvetica, sans-serif;
	margin: 5px 0 9px;
	}
	
.col1
	{
	float: left;
	width: 340px;
	margin-right: 6px;
	}

.col2
	{
	float: left;
	width: 350px;
	}
	
#main .content ul 
	{
	margin: 0;
	padding: 0;
}

#main .content ul li 
	{
	margin: 0;
	font: 1.1em/1.4em Arial, Helvetica, sans-serif;
	list-style-type: none;
	background: url(../images/bullet.gif) 0 7px no-repeat;
	padding: 0 0 0 8px;
}

#main .content .rule
	{
	border-top: solid 1px #ebe8e7;
	clear: both;
	margin: 4px 0 0;
	}
	
#copyright
	{
	border-top: solid 2px #d4d4d2;
	margin: 20px 0 0;
	clear: both;
	text-align: right;
	color: #cecece;
	padding: 3px 0 0;
	}
	
html>body #copyright
	{
	position: relative;
	top: 20px;
	margin: 0;
	}
	
#copyright.absolute
	{
	position: absolute;
	top: 377px;
	width: 702px;
	margin: 0;	
	}



/******************** footer styles ********************/
#footer .right
	{
	background: url(../images/background_footer_right.gif) top right repeat-y;
	height: 69px;
	}
	
#footer .left
	{
	background: url(../images/background_footer_left.gif) top left repeat-y;
	}
	
#footer .content
	{
	background: url(../images/background_footer.gif) bottom repeat-x;
	margin: 0 80px;
	height: 69px;
	}