/*
-----------------------------------------------------------------------------------------
Global 
-------------------------------------------------------------------------------------- */
html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #333;
}
h1 {
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	margin: 0px;
}
h2 {
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #999990;
	font-weight: bold;
	margin: 0px;
}
h3 {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	margin-bottom: 2px;
	padding-top: 0px;
	line-height: 14px;
}
h6 {
	font-size: 9px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #666;
	margin: 0px;
}
p {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 18px;
	margin: 0px;
}
a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a:link {
	color: #C60;
}
a:visited {
	color: #ca4;
}
a:hover {
	color: #000;
}
a:active {
	color: #fff;
}
/*
-----------------------------------------------------------------------------------------
Background Structure
-------------------------------------------------------------------------------------- */
#bg {
	z-index: 1;
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #999990;
}
#lgbar {
	z-index: 2;
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 56px;
	width: 100%;
	height: 550px;
	background-color: #eee;
}
#navbar {
	z-index: 3;
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 35px;
	width: 100%;
	height: 20px;
	background-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #aaa;
}
/*
-----------------------------------------------------------------------------------------
Global Layout Structure
-------------------------------------------------------------------------------------- */
#content {
	z-index: 10;
	position: relative;
	margin: 0 auto;
	left: 0px;
	top: 35px;
	width: 700px;
	height: 570px;
}
#crlogonav {
	z-index: 11;
	position: absolute;
	visibility: visible;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
#navbartext {
	z-index: 12;
	position: absolute;
	visibility: visible;
	right: 0px;
	top: 0px;
	width: 500px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#navbartext p {
	line-height: 25px;
	margin: 0px;
}
#navbartext a {
	margin-left: 20px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.navbartext:link{
	color: #666;
}
a.navbartext:visited{
	color: #666;
} 
a.navbartext:hover {
	color: #000;
}
a.navbartext:active {
	color: #FFF;
}
/*
-----------------------------------------------------------------------------------------
Variable Layout Structure: frontpage
-------------------------------------------------------------------------------------- */
#newshows1 {
	z-index: 13;
	position: absolute;
	left:0px;
	top: 88px;
	width:200px;
	height:20px;
	text-align: right;
}
#newshows2 {
	z-index: 14;
	position: absolute;
	left: -40px;
	top: 113px;
	width:240px;
	height:441px;
	text-align: right;
}
#frontimage {			/* layout: nested within #content, position relative to #content */
	z-index:15;
	position:absolute;
	right: 0px;
	top: 90px;
	width: 400px;
	height: 320px;
	border: 5px solid #FFFFFF;
}
#frontshield {
	z-index:16;
	position:absolute;	/* layout: nested within #image, position relative to #image */
	visibility: visible;
	left:0px;
	top:0px;
	width:100%;			/* layout: size relative to #image */
	height:100%;
}
#frontcaption {
	z-index:17;
	position:absolute;	/* layout: nested within #image, position relative to #image */
	visibility: visible;
	right: 0px;
	top:330px;
	width:100%;			/* layout: size relative to #image */
	height:20px;
	text-align:right;
}
/*
-----------------------------------------------------------------------------------------
Common Layout Structure: portfolios
-------------------------------------------------------------------------------------- */
#series {				/* layout: portfolios navigation area */
	z-index: 26;
	position: absolute;	
	left:0px;
	top: 80px;
	width: 200px;
	height: auto;
	padding: 0px;
	text-align: right;
}
#series p {
	padding: 0px 5px 0px 0px;
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #ccc;
	line-height: 18px;
	margin: 0px;
}
#tilesnav {				/* layout: portfolios navigation area */
	z-index: 27;
	position: absolute;	
	left: 0px;
	top: 138px;
	width: 200px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	background-color: #f1f1f1;
	line-height: 18px;
}
#tilesnav p {
	padding: 0px 5px 0px 0px;
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin: 0px;
}
#pagenum {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80px;
	height: 20px;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	text-align: left;
	color: #CCC;
	visibility: hidden;
}
#pagenum p {
	color: #ccc;
}
#statement {
padding: 0px 05px 0px 0px;
}
#statementtext {
	background-color: #fff;
	z-index:150;
	position:absolute;
	top: -25px;
	left: 324px;
	width: 320px;
	padding: 10px 15px 10px 15px;
	text-align: left;
        border: solid 1px #999;
}
#statementtext p {
	color: #333;
	margin-bottom: 5px;
	text-indent: 25px;
	word-spacing: 1px;
}
#tiles {				/* layout: gallery navigation area */
	z-index: 28;
	position: absolute;	
	left:0px;
	top: 160px;
	width: 200px;
	height: 329px;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	text-align: right;
	background-color: #eaeaea;
}
#tiles ul {position: relative; margin: 0px 0px 2px 0px; padding: 0px; width: 200px; height: 64px;}
#tiles li {width: 60px; height: 60px; position: absolute; top: 0px; display: block; list-style: none;}
#tiles a {width: 59px; height: 59px; display: block; border: solid 1px #eee;}
#tiles a.selectedbox {border: solid 1px #999;}
#tiles a:hover {border: solid 1px #c60;}

#navarrows {
	z-index: 29;
    position: relative;
	left:245px;
	top: 505px;
    width: 40px;
	height: 20px;
	margin: 0px;
	padding: 0px;
    background: url(../images/navarrows.gif) no-repeat 0px 0px;
}
#navarrows li {
    position: absolute;
	top: 0;
    margin: 0;
	padding: 0;
	list-style: none;
}
#navarrows li, #navarrows a {
    height: 20px;
	width: 20px;
	display: block;
	border: none;
}
 #navarrowleft {
 left: 0px;
 }
 #navarrowright {
 left: 20px;
 }
 #navarrowleft a:hover {
	background: transparent url(../images/navarrows.gif) -1px -20px no-repeat;
}
 #navarrowright a:hover {
    background: transparent url(../images/navarrows.gif) -20px -20px no-repeat;
}

#himage {			/* layout: nested within #content, position relative to #content */
	z-index:20;
    visibility: visible;
	position:absolute;
	right: -55px;
	top:80px;
	width: 500px;
	height: 400px;
	border: 5px solid #FFFFFF;
}
#hshield {
	z-index:21;
	position:absolute;	/* layout: nested within #image, position relative to #image */
	visibility: inherit;
	left:0px;
	top:0px;
	width:100%;			/* layout: size relative to #image */
	height:100%;
}
#hcaption {
	z-index:22;
	position:absolute;	/* layout: nested within #image, position relative to #image */
	visibility: inherit;
	right: 0px;
	top:410px;
	width:100%;			/* layout: size relative to #image */
	height:20px;
	text-align: right;
}
#vimage {			/* layout: nested within #content, position relative to #content */
	z-index:23;
    visibility: visible;
	position:absolute;
	right: -5px;
	top: 35px;
	width: 400px;
	height: 500px;
	border: 5px solid #FFFFFF;
}
#vshield {
	z-index:24;
	position:absolute;	/* layout: nested within #image, position relative to #image */
	visibility: inherit;
	left:0px;
	top:0px;
	width:100%;			/* layout: size relative to #image */
	height:100%;
}
#vcaption {
	z-index:25;
	position:absolute;	/* layout: nested within #image, position relative to #image */
	visibility: inherit;
	right: 0px;
	top:510px;
	width:100%;			/* layout: size relative to #image */
	height:20px;
	text-align: right;
}

/*
-----------------------------------------------------------------------------------------
Classes
-------------------------------------------------------------------------------------- */
 a.crlogo:link {
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a.crlogo:visited {
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
 a.crlogo:hover {
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #c60;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.crnav	{
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}
.textleft {text-align: left;}
.textright {text-align: right;}
.opacity80 {
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
}

a.notselected:link {color: #ccc;}
a.notselected:visited {color: #ccc;} 
a.notselected:hover {color: #000;}
a.notselected:active {color: #c60;}

a.selected:link {color: #c60;}
a.selected:visited {color: #c60;} 
a.selected:hover {color: #c60;}
a.selected:active {color: #c60;}

a.selectedbox:link {border: solid 1px #c60;}
a.selectedbox:visited {border: solid 1px #c60;} 
a.selectedbox:hover {border: solid 1px #000;}
a.selectedbox:active {border: solid 1px #c60;}

a.statement:link {color: #ccc;}
a.statement:visited {color: #ccc;} 
a.statement:hover {color: #c60;}
a.statement:active {color: #c60;}

.hidden {display:none;}	
a:hover span {display:block;}
.italics {font-style: italic;}