* {
	margin: 0;
	padding: 0;
}

html, body, * html #wrapper { height: 100%; }

ul, ol, dl { position: relative;  } /* to fix IE disappearing bg bug */

html, body {width:100%; }

body {
	color:#FFFFFF;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 

#scroller table {
	position: relative;
	height: 100%;
	width: 100%;
}

#Background, #BackgroundIMG {
	position:absolute;
	width:100%;
	height:100%;
}

#Background {
z-index:1;
}


img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a {
	color: #ECEDD6;
	text-decoration: none;
}



a:hover {
	color: #282D48;
	text-decoration: underline;
}

:active
{
	outline: none;
}

a#newslink2 {
	color: #354353;
	text-decoration: none;
}

a#newslink2:hover {
	text-decoration: underline;
}


:focus
{
	-moz-outline-style: none;
	
}

h1, h2, h3, h4 {
	cursor: default;
}

ul {
	list-style-type: none;
}

.noscript {
	display: none;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
	position: relative;
}

/*----------- D */

#MainContainer {
	width: 781px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


#Header {
	position: relative;
	height: 107px;
	width: 781px;
}

.image {
	position: relative;
	width: 100%;
}
#HeaderImage {
	top: 0px;
	left: 0px;
	position: absolute;
}

#Logo {
	position: absolute;
	left: 2px;
	top: -10px;
	width: 206px;
	z-index: 5;
}


#Footer {
	position: relative;
	width: 781px;
	height: 14px;
	top: 0px;
}

#ContactBottom {
	position: relative;
	width: 781px;
	top: 0px;
	font-size: smaller;
	color: #EAECF2;
	font-family: Arial, Helvetica, sans-serif;
}
#ContactBottom span {
	margin-right: 4px;
	margin-left: 4px;
}
#Content {
	position: relative;
	width: 781px;
	height: 422px;
}


#Content .win {
	position: absolute;
	width: 578px;
	right: 0px;
	height: 422px;
}

#Content #ViewerRight {
	height: 422px;
	width: 17px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.red {
	color: #922543;
}


#Error {
	position: absolute;
	z-index: 1000;
	border: 1px solid #CB3843;
	background-color: #FFFFFF;
	padding: .5em;
}

#Error .reason {
	font-weight: bold;
	color: #292F45;
}

#debug {
	border: 1px dashed #FF00FF;
	overflow: auto;
	position: absolute;
	z-index: 2000;
	height: 100px;
	width: 300px;
	top: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
}

#Intoload {
	margin-top: 25%;
	margin-left: 45%;
	position: absolute;
	z-index: 100;
	color: #EBEBF1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

/* ------------------- MAIN DISPLAY -------------------*/

#TextDisplay {
	position: relative;
	height: 422px;
	width: 578px;
	text-align: left;
	color: #2B283E;
	z-index: 10;
	background-image: url(../images/global/viewer/viewer_center_01.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

#TextInnerContainer {

}


#TextDisplay .innerContainer {
	position: relative;
	height: 270px;
	width: 502px;
	left: 40px;
	top: 84px;
	overflow: auto;
}

#TextDisplay .innerContainer p, #TextDisplay .innerContainer ul {
	margin-top: .3em;
	margin-bottom: .3em;
}
/* -------------------------- NAV LEFT ------------ */


#NavLeft {
	position: absolute;
	width: 203px;
	top: 0px;
	left: 0px;
	height: 422px;
	margin: 0px;
	padding: 0px;
}


#NavLinks .left {
	position: absolute;
	width: 32px;
	height: 422px;
	left: 0px;
	top: 0px;
	z-index: 10;
}
#NavLeft .left img, #NavLeft .right img {
	position: absolute;
	left: 0px;
	top: 0px;
}

#NavLeft .right {
	position: absolute;
	width: 31px;
	height: 422px;
	right: 0px;
	top: 0px;
	z-index: 10;

}

#NavLinks {
	position: relative;
	width: 203px;
	background-image: url(../images/global/viewer/viewer_nav_stretch_01.png);
	background-repeat: repeat-x;
	height: 422px;
	border: 1px dashed #FF00FF;

}

#NavLinks .content {
	width: 179px;
	position: relative;
	text-align: left;
	top: 15px;
	left: 4px;
}
#NavLinks a.nav, #NavLinks a.nav:active  {
	position: relative;
	display: block;
	padding: 0px;
	width: 179px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	height: 29px;
	color: #21233A;
	margin-bottom: 7px;
	background-repeat: no-repeat;
	position: relative;
}

#NavLinks a.nav:hover {

	text-decoration: none;
}

#NavLinks span.On {
	position: relative;
	z-index: 10;
	height: 23px;
	width: 1px;
	left: 18px;
	display: block;
	background-color: #E3E9A0;
	top: 1px;
}

#NavLinks a.nav:hover span.On {
	height: 23px;
	width: 1px;
	left: 20px;
	background-color: #00FF40;
	top: 2px;
}


#NavLinks a#About {
	background-image: url(../images/global/navlinks/off/about_01.png);
}


#NavLinks a#Creative {
	background-image: url(../images/global/navlinks/off/creative_01.png);

}


#NavLinks a#Internet {
	background-image: url(../images/global/navlinks/off/internet_01.png);

}

#NavLinks a#Contact {
	background-image: url(../images/global/navlinks/off/contact_01.png);
}

#NavLinks a#Clients {
	background-image: url(../images/global/navlinks/off/clients_01.png);
}

#NavLinks a#GreatestHits {
	background-image: url(../images/global/navlinks/off/greatesthits_01.png);
}

#NavLinks a#Production {
	background-image: url(../images/global/navlinks/off/production_01.png);
}

#NavLinks a#MediaBuying {
	background-image: url(../images/global/navlinks/off/mediabuying_01.png);
}

#NavLinks a#PrintDesign {
	background-image: url(../images/global/navlinks/off/printdesign_01.png);

}

#NavLinks a#AdSpecialties {
	background-image: url(../images/global/navlinks/off/adspecialties_01.png);

}

#NavLinks a#Photography {
	background-image: url(../images/global/navlinks/off/photography_02_new.png);
}
/* -------------------- HOVER ------------------*/

#NavLinks a#About:hover {
	background-image: url(../images/global/navlinks/on/about_01_hover.png);
}


#NavLinks a#Creative:hover {
	background-image: url(../images/global/navlinks/on/creative_01_hover.png);
}


#NavLinks a#Internet:hover {
	background-image: url(../images/global/navlinks/on/internet_01_hover.png);
}

#NavLinks a#Photography:hover {
	background-image: url(../images/global/navlinks/on/photography_01_new_hover.png);
}

#NavLinks a#Clients:hover {
	background-image: url(../images/global/navlinks/on/clients_01_hover.png);
}

#NavLinks a#GreatestHits:hover {
	background-image: url(../images/global/navlinks/on/greatesthits_01_hover.png);
}

#NavLinks a#Production:hover {
	background-image: url(../images/global/navlinks/on/production_01_hover.png);
}

#NavLinks a#MediaBuying:hover {
	background-image: url(../images/global/navlinks/on/mediabuying_01_hover.png);
}

#NavLinks a#PrintDesign:hover {
	background-image: url(../images/global/navlinks/on/printdesign_01_hover.png);
}

#NavLinks a#AdSpecialties:hover {
	background-image: url(../images/global/navlinks/on/adspecialties_01_hover.png);
}

#NavLinks a#Contact:hover {
	background-image: url(../images/global/navlinks/on/contact_01_hover.png);
}




#NavLinks .text {
	visibility: hidden;
}



/* --------------------------------------- BOTTOM LINKS ------------------------------*/

#BottomLinks {
	position: absolute;
	z-index: 100;
	left: 30px;
	top: 20px;
}
#BottomLinks ul {
	position: relative;
	left: 4px;
}

#BottomLinks li {
	float: left;
	margin-right: 1.2em;
	font-size: .8em;
}


/* ------------- TARGET TEXT -----------*/

#Loader{
	position: absolute;
	height: 60px;
	width: 70px;
	top: 40%;
	left: 40%;
	z-index: 100;
}



/*** --------------------- NO PLAYA ------------------------***/

p.errortext {
	color: #E0EAD5;
	text-align: center;
	position: absolute;
	left: 230px;
	top: 48px;
	width: 400px;
}

.red {
	color: #C92C30;
}

span.errortext {
	font-size: smaller;
}