@charset "UTF-8";
/* CSS Document */

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background-color:#000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	background-color: #f0ece7;
	background-image: url(images/bg_body.gif);
}

/*{border:red dashed 1px}*/

#container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar, but in this case i didnt do that because of the original layout */
	position:relative;
	background-color:#FFFFFF;
	height:631px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*zoom:1;*/
}

#headerBox {
	width:795px;
	height:88px;
	top:0;
	position:absolute;
	background-image:url(images/headerBg);
	background-repeat:repeat-y;
	left:5px;
}

#body_image{
text-align:right;
padding:10px 10px;

}

#topLogo {
	background-image:url(images/topLeftClear.gif);
	width:254px;
	height:87px;
	float:left;
}

#flashBanner {
	width: 494px;
	height:80px;
	float:right;
	}

#navArea {
	background-image:url(images/navBg.gif);
	width:795px;
	height:38px;
	left:5px;
	position:absolute;
	top:88px;
}



#blackbox {
	background-color:#000000;
	width:17px;
	height:17px;
	left:5px;
	top:91px;
	position:absolute;
}


#modelPic {
	background-image:url(images/newhome_img.jpg);
	width:336px;
	height:476px;
	position:absolute;
	z-index:4;
	left: 455px;
	top:130px;
	left: 454px;
}

#footer {
	width: 795px;
	left:5px;
	position:absolute;
	bottom:0px;
	height:20px;
	background-image:url(images/headerBg);
	background-repeat:repeat-y;
	z-index:12;
	padding-left:5px;
	padding-top:4px;
	margin:0;
}


#footer a {

color:#FFFFFF;
}

#footer a:hover {
color:#EEE;
}


#watermark {float:right; margin:11px 15px 0 0;} 

#watermark a{
color:#333;
display:block;
}

#watermark a:hover{
color:#333;
display:block;
}

p.footnav {
text-align:left;
font-size:12px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
}



a {
	color: #0033ff;
	text-decoration: none;
}

a:hover {
text-decoration:underline;
}


#navigation {
	clear: both;
	height: 40px;
	overflow: hidden;
	position: relative;
	width:774px;
	left:26px;
	top:91px;
}



#navigation ul#nav-primary {
background-color:#000000;
	height: 17px;
	display: block;
}

#navigation ul, #navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	display: block;
	float: left;
	padding: 0px 0 4px;
}

/*
	Primary navigation
*/
#navigation a.topnav {
	background-repeat: no-repeat;
	border-right: 2px solid #FFF;
	display: block;
	height: 17px;
	margin-top: 0px;
	text-decoration: none;
	text-indent: -1000em;
}

#navigation a.topnav:hover, #navigation a.current {
	background-position: 0 -25px;
} 

#navigation a.current {
	background-position: 0 -17px;
} 

li#home a.topnav {
background-image:url(images/home.gif);
	width: 46px;
}

li#about a.topnav {
background-image:url(images/about.gif);
	width: 48px;
}

li#products a.topnav {
background-image:url(images/products);
	width: 68px;
}

li#services a.topnav {
background-image:url(images/services.gif);
	width: 64px;
}

li#artwork_guidelines a.topnav {
background-image:url(images/artwork.gif);
	width: 128px;
}

li#white_papers a.topnav {
background-image:url(images/white-papers.gif);
	width: 89px;
}

li#press_and_events a.topnav {
background-image:url(images/press-events.gif);
	width: 114px;
}

li#contact_us a.topnav {
background-image:url(images/contact-us.gif);
	width: 79px;
}





/* Primary navigation defaults */
body.home li#top-home a.topnav, body.home li#top-home a.topnav:hover,
body.products li#top-products a.topnav, body.products li#top-products a.topnav:hover,

body.about li#top-about a.topnav, body.about li#top-about a.topnav:hover,
body.services li#top-services a.topnav, body.services li#top-services a.topnav:hover,
body.artwork-guidelines li#top-artwork-guidelines a.topnav,
body.white-papers li#top-white-papers a.topnav, body.white-papers li#top-white-papers a.topnav:hover,
body.press-events li#top-press-events a.topnav, body.press-events li#top-press-events a.topnav:hover,
body.press-events-home li#top-press-events-home a.topnav, body.press-events-home li#top-press-events-home a.topnav:hover,

/*body.contact-us li#top-contact-us a.topnav,
{
	border: 1px solid #CCC;
	border-width: 0 1px;
	margin-left: -1px;
	background-position: 0 -50px;
}

/*
	Secondary navigation
*/
#navigation li ul {
	background: #FFF;
	height: 24px;
	left: -1000em;
	position: absolute;
	text-align: left;
	top: 20px;
	width: 100%;
}

#navigation li ul.active{
left: 0;
}

#navigation li ul li {
	float: none;
	display: inline;
	padding: 0;
	margin: 0 -1px;
}

#navigation li ul li a {
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
	line-height: 20px;
	padding: 6px 16px 6px 6px;
	color: #000;
}

/* decorate the oversate of the secondary nav*/
#navigation li ul li a:hover, #navigation li ul li a.active {
	color:#CC0000;
	text-decoration: none;
}

#navigation li:hover a.topnav, #navigation li.ie-hover a.topnav {
	background-position: 0 -17px;
}

#navigation li:hover ul, #navigation li.ie-hover ul {
	left: 0;
	z-index: 1000;
}

/* Disable secondary navigation on the home page */
body.home li ul, body.no-sub li ul {
	display: none;
}

body.home #navigation, body.no-sub #navigation {
	height: 31px;
}

/* Secondary navigation defaults */
body.products li#top-products ul,
body.recipes li#top-products ul,
body.about li#top-about ul,
body.services li#top-services ul,
body.artwork-guidelines li#top-artwork-guidelines ul,
body.white-papers li#top-white-papers ul,
body.press-events li#top-press-events ul,
body.contact-us li#top-contact-us ul,
body.travel li#top-travel ul,
body.news li#top-news ul,
body.realestate li#top-realestate ul,
body.classifieds li#top-classifieds ul {
	left: 0;
}


#leftColumn {
	background-image:url(images/col1Bg.gif);
	background-repeat:repeat-y;
	width:188px;
	height:475px;
	left:5px;
	top:131px;
	position:absolute;
	z-index:1;
}


#mainWindow {
background-image:url(images/col2Bg.gif);
width:569px;
height:445px;
top:131px;
left:198px;
position:absolute;
z-index:3;
padding:15px 15px;
color:#333;
overflow:auto;
}

#homeWindow {
	background:url(images/newhome_img.jpg) no-repeat;
	width:252px;

	top:131px;
	left:198px;
	position:absolute;
	z-index:5;
	padding:124px 331px 0 15px;
	color:#333333;
	height: 346px;
height:351px;
}



#universal {
	width:188px;
	height:113px;
	

	position:absolute;
	top:131px;
	z-index:4;
	left: 5px;
}

#universal a.rollover {
display:block;
font-family:Arial, Helvetica, sans-serif;

width:188px;
height:113px;

background-image:url(images/thumbs1.gif);

}

#cd a.rollover{
display:block;
width:188px;
height:113px;

background-image:url(images/thumbs2.gif);

}

#dvd a.rollover{
display:block;
width:188px;
height:113px;

background-image:url(images/thumbs3.gif);

}

#promo a.rollover{
display:block;
width:188px;
height:113px;

background-image:url(images/thumbs4.gif);

}



#universal a.rollover:hover, #cd a.rollover:hover,#dvd a.rollover:hover,#promo a.rollover:hover{
background-position:0 -113px;

}
#cd {
	width:188px;
	height:113px;

	position:absolute;
	top:247px;
	z-index:4;
	left: 5px;
}
#dvd {
	width:188px;
	height:113px;

	position:absolute;
	top:363px;
	z-index:4;
	left: 5px;
}
#promo {
	width:188px;
	height:113px;

	position:absolute;
	top:479px;
	z-index:4;
	left: 5px;
}
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:0 0 10px 0;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
color:#333;
}
 
h2 {
padding:5px 0;
letter-spacing:-1px;
font:1.5em arial, helvetica, sans-serif;
}
 
h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}
 
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a, a:visited {
text-decoration:none;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em arial, helvetica, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
 
  table tr td {
  padding:2px;
  }
 
/***** Wrapper *****/
 
#wrap {
width:960px;
margin:0 auto;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

a
{
  outline: none;
}
:-moz-any-link:focus {
  outline: none;
}



/* Form stuff */
form div { 
	margin:0 0 8px 0;
	clear:left;
}

label {
	float:left;
	display:block;
	width:6em;
	font-weight:bold;
	padding-right:1.5em;
	vertical-align:middle;
}

form { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

form div.actions {
margin-left:6em;
padding-left: 1.5em;
}