/* -- LINKS -- */

a:link 		{color: #666666; font-weight: bold;}
a:visited	{color: #666666; font-weight: bold;}
a:hover		{color: #ff0000; font-weight: bold;}


/* -- BODY -- */

body {
	background: #000 url(images/bg.jpg) no-repeat top left;
	margin: 0;
	}

#wrap { /* maintains fixed width for content + sidebar while using floats */
	background: url(/images/bg_content.gif) repeat-y top left;
	margin: 0;
	width: 881px;
	}

#leftside {
	float: left;
	margin: 0;
	width: 233px;
	}

	#navbar {
		background: url(images/navbar.gif);
		position: relative;
		top: 425px;
		left: 0px;
		width: 233px;
		height: 163px;
		margin: 0px;
		padding: 0px;
		}

		#navbar li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
		#navbar a  {height: 43px; display: block;}
		#navbar li a span {display: none;}

		#tab1 {left: 0px; top:  10px; width: 223px; height: 43px;}
		#tab2 {left: 0px; top:  60px; width: 223px; height: 43px;}
		#tab3 {left: 0px; top: 110px; width: 223px; height: 43px;}

		#tab1 a:hover {background: transparent url(images/navbar.gif) -233px  -10px no-repeat;}
		#tab2 a:hover {background: transparent url(images/navbar.gif) -233px  -60px no-repeat;}
		#tab3 a:hover {background: transparent url(images/navbar.gif) -233px -110px no-repeat;}


#rightside {
	float: right;
	margin: 0;
	width: 648px;
	}

	#logo {margin: 20px 0 0 150px;}

	#content {
		background: transparent url(images/bg_content.gif) no-repeat top left;
		margin: 0;
		width: 648px;
		height: 468px;
		}

		#content-a { padding: 31px 28px 0 28px; }
		
			h1 {margin: 0 0 10px 0;}
	
			h2 {
				font-family: verdana, arial, helvetica, geneva, sans-serif;
				font-size: 12px;
				font-weight: bold;
				line-height: 1.5em;
				margin: 0 0 10px 30px;
				text-indent: -30px;
				}

			h2.special {
				margin: 0 0 0 30px;
				}

			p {
				font-family: verdana, arial, helvetica, geneva, sans-serif;
				color: #333;
				font-size: 12px;
				line-height: 1.4em;
				margin: 0 0 10px 0;
				}

			p.special {
				font-family: verdana, arial, helvetica, geneva, sans-serif;
				color: #333;
				font-size: 12px;
				line-height: 1.4em;
				margin: 0 0 12px 30px;
				}
	
			dl {
				font-family: verdana, arial, helvetica, geneva, sans-serif;
				color: #000;
				font-size: 12px;
				line-height: 1.4em;
				margin: 0 0 10px 0;
				}
	
			dt {
				color: #000;
				font-weight: bold;
				}
	
			dd { 
				color: #333;
				margin: 0 0 10px 30px;
				}
	
			#product-regular {
				padding: 35px 0 0 24px;
				}

			#product-special {
				padding: 5px 0 0 0;
				}

			#screens {
				float: right;
				margin: 0 0 0 18px;
				}

			#product-shot-a {
				float: right;
				margin: 12px 10px 0 18px;
				}

			#product-shot-b {
				float: right;
				margin: 22px 0 0 5px;
				}

			#prod-nav {
				float: right;
				color: #000;
				font-family: verdana, arial, helvetica, geneva, sans-serif;
				font-size: 12px;
				font-weight: bold;
				margin: 13px 0 0 0;
				}

			#credits {
				padding: 5px 0 0 27px;
				}

				#credits h2 {
					margin: 0 0 3px 30px;
					}

				#credits dl {
					color: #000;
					font-size: 12px;
					line-height: 1.4em;
					margin: 0 0 15px 0;
					}

				#credits dl dt { 
					color: #333;
					font-weight: normal;
					font-style: italic; 
					margin: 0 0 0 30px;
					}
	
				#credits dl dd { 
					color: #333;
					font-weight: normal;
					font-style: normal; 
					margin: -1.4em 0 0 16em;
					}


#footer {
	clear: both;
	margin: 0 0 0 18px;
	width: 863px;
	}
	
	#companies {
		float: left;
		margin: 0px 83px 0px 0px;
		}

	#copyright {
		padding: 17px 0px 0px 0px;
		}
	
	#sss {
		float: right;
		margin: 8px 0px 0px 0px;
		}
