/* *** BOF *** */
/*--------------------------------------------------------*/

body, html{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:  url(as_bg.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	text-align: center;
	margin: 0;
	padding: 0;
}

/**** html-Tags ****/

	h1{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		color: #ffffff;
		background:  url(gray_h1.png) no-repeat;
		width: 800px;
		height: 21px;
		line-height: 22px;
		margin: 0;
		padding: 0 0 0 10px;
		
	}

	h2, h3{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #000000;
		background:  url(gray_h2.png) no-repeat;
		width: 780px;
		height: 21px;
		line-height: 22px;
		margin: 0px;
		padding: 20px 0px 0px 10px;
	}

	.h_work{
		padding: 15px 0px 0px 60px;
		width: 400px;
		height: 40px;
		color: #000000;
		background: url(tb_work.png) no-repeat;
	}


	.h_client{
		padding: 15px 0px 0px 60px;
		width: 400px;
		height: 40px;
		color: #000000;
		background: url(tb_clients.png) no-repeat;
	}

	.h_about{
		padding: 15px 0px 0px 60px;
		width: 400px;
		height: 40px;
		color: #000000;
		background: url(tb_about.png) no-repeat;
	}

	.h_contact{
		padding: 15px 0px 0px 60px;
		width: 400px;
		height: 40px;
		color: #000000;
		background: url(tb_contact.png) no-repeat;
	}

	
	a{
		color: #000000;
	}

	.a_work{
		color: #0000ff;
	}


	.a_client{
		color: #996600;
	}

	.a_about{
		color: #ff0000;
	}

	.a_contact{
		color: #00ff00;
	}
	

/**** layout ****/

/* container */

	#container{
		text-align: left;
		background-color:#cccccc;
		position: relative;
		margin: 0 auto;
		padding: 10px 0 10px 0;
		border-left: 2px solid #000000;
		border-right: 2px solid #000000;
		width: 800px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 800px;
	}
	
	html>body #container{
		width: 800px;	
	}

/* header */

	#pageheader{
		font: normal 1.6em Verdana, Arial, Helvetica, sans-serif;
		background:  url() no-repeat;
		color: #ffffff;
		line-height: 2.0em;
		margin: 0 auto;
		width: 800px;
		height: 200px;
		border-top: 0px solid #000000;
	}

	#pageheader h1{
		position: absolute;
		font: bold 25px Arial, Helvetica, sans-serif;
	}
		
	#pageheader h2{
		position: absolute;
		font: bold 20px Arial, Helvetica, sans-serif;
	}

	#pageheader h3{
		font: bold 20px Arial, Helvetica, sans-serif;
		margin-right: auto;
		margin-left: auto;
	}

	#flashheader{
		display: block;
		margin-right: auto;
		margin-left: auto;
		padding: 0px 0px 50px 0px;
		border: 0px solid #000000;
	}	

/* summary */

	#summary{
		clear: both;
		text-align: justify;
		font-size: 0.8em;
		line-height: 1.2em;
		width: 800px;
		overflow: auto;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		border-top: 0px solid #000000;
	}
	
	#summary a{
		text-decoration: underline;
	}
	
	#summary p{
		width: 710px;
		line-height: 1.2em;
		padding: 10px 0px 10px 20px;
		margin: 0px 10px 10px;
	}

	#summary a:hover{
		color: #333333;
		text-decoration: none;
	}

	#comparison{
		width: 740px;
		line-height: 1.2em;
		padding: 0px 0px 0px 0px;
		margin: 0px 20px auto;
	}


	#sidebyside{
		width: 740px;
		line-height: 1.2em;
		padding: 0px 0px 0px 0px;
		margin: 0px auto 20px auto;
	}

	.captioned{
		width: 740px;
		margin-top: 20px;
		margin-left: auto;
		display: inline;
	}

	.caption{
		display: inline;
		margin: auto 10px 0px 10px;
		color: #000000;
	}

	.logo{
		float: right;
	}

	.imageholder{
		float: left;
		width: 240px;
		height: 180px;
	}


	.ubsholder{
		float: left;
		width: 180px;
		height: 50px;
		padding_left: 20px;
	}

	.image{
		display: inline;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.sbs_object{
		float: left;
		margin-left: 10px;
		margin-bottom: 20px;
		border: 0px solid #000000;
	}

	.flashobject{
		display: block;
		margin-right: auto;
		margin-left: auto;
		padding: 0px 0px 50px 20px;
		border: 0px solid #000000;
	}

        .clearboth { clear: both; 
		margin-top: 10px;
	}

	.caption_over{
		margin-top: 0px;
		padding-left: 20px;
		color: #000000;
	}

	.image_over{
		margin: 10px 0px 20px 50px;
	}

	.centered{
		display: block;
		margin-right: auto;
		margin-left: auto;
		border: 2px solid #000000;
	}

	#splash{
		position: absolute;
		top: 0;
		left: 0;
		margin-left: 0px;
		margin-top: 0px;
		border: 0px solid #000000;
		display: none;
	}


/* menu */
	
	#menu{
		display: none;
		margin: 0px auto;
		padding: 0px;
		width: 800px;
	} 
	
	#menu ul{
		list-style-type: none;
		list-style-image: none;
		margin: 10px;
		padding: 10px;
		background-color: #dedede;
	}
	
	#menu li{
		display: inline;
		margin: 10px;
		padding: 10px;
	}
	
	#menu li a{
		text-decoration: none;
	}

/* submenu */
	
	#submenu{
		display: none;
		margin: 0px auto;
		padding: 0px;
		width: 800px;
	} 
	
	#submenu ul{
		list-style-type: none;
		list-style-image: none;
		margin: 10px;
		padding: 10px;
		background-color: #dedede;
	}
	
	#submenu li{
		display: inline;
		margin: 10px;
		padding: 10px;
	}
	
	#submenu li a{
		text-decoration: none;
	}

/* extramenu */
	
	#extramenu{
		display: none;
		margin: 0px auto;
		padding: 0px;
		width: 800px;
	} 
	
	#extramenu ul{
		list-style-type: none;
		list-style-image: none;
		margin: 10px;
		padding: 10px;
		background-color: #dedede;
	}
	
	#extramenu li{
		display: inline;
		margin: 10px;
		padding: 10px;
	}
	
	#extramenu li a{
		text-decoration: none;
	}


/* image link */

#getflash a img {
	background: url(get_flash_player.gif) no-repeat top left; 
	padding: 0px 0px 0px 20px;  
	margin: 10px 0px 0px 10px; 
	position: relative;
	border: 0px solid #ffffff;
	}

/* footer */

	#footer{
		font: 10px "small fonts", Verdana, Arial, Helvetica, sans-serif;
		background: url(footer_800x80.png) no-repeat top left;
		text-align: right;
		color: #ffffff;
		line-height: 11em;
		width: 800px;
		height: 80px;
		margin: 0px auto;
		padding: 0px;
		border-top: 0px solid #000000;
	}

	#validators {
		display: inline;
	}

	#policies {
		display: inline;
	}

	#validators a{
		color: #ffffff;
	}

	#policies a{
		color: #ffffff;
	}

	#w3html-org a img {
		background: url("http://www.w3.org/Icons/valid-xhtml10") no-repeat top left; 
		padding: 0px 0px 0px 0px;  
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		top: 0px;
		left: 30px;
		width: 88px;
		height: 32px;
		border: 0px solid #ffffff;
	}

	#w3css-org a img {
		background: url("http://jigsaw.w3.org/css-validator/images/vcss") no-repeat top left; 
		padding: 0px 0px 0px 0px;  
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		top: 34px;
		left: 30px;
		width: 88px;
		height: 32px;
		border: 0px solid #ffffff;
	}
/* *** EOF *** */