/* universal styles*/

	body {
		background-image: url(img/pix.gif);
		background-repeat: repeat-x;
		background-position: 0px 246px;
		background-color: #fff;
		text-align: center;
		}
		
	img
		{  border-style: none;
		}
		 
	a:link {color: #336699;}
	a:hover {color: #000000;}
	a:visited {color: #006699;}
	a:link, a:visited {text-decoration: none; }
 	
 	p {
 		font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif; 
		font-size: 10px; 
		line-height: 15px;
		clear: both;
		}

	ul {
		font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif; 
		font-size: 10px; 
		line-height: 200%;
		list-style-type: square;
		list-style-image: url(img/square.png);
		margin-left: -20px;
		}


/* layout elements */
		
	.container {
		position: relative; top: 20px;
		margin: 0 auto;
		width: 786px;
		height: 600px;
		text-align: left;
		}
		
	.background {
		position: relative; left: 40px;
		width: 746px;
		height: 500px;
		background-color: #fff;
		}
		
	.frame {
		width: auto;
		position: relative; left: 60px;
		}

	.columna {
		width: 360px;
		height: 550px;
		float: left;
		}

	.columnb {
		width: 360px;
		height: 550px;
		margin-left: 16px;
		float: left;
		}
		
	.footer {
		width: 100%;
		float: left;
		position: relative; left: 100px;
		color: #999;

		}
		
	.bigblock {
		width: 300px;
		height: 300px;
		padding: 30px;
		padding-top: 20px;
		margin-top: 8px; 
		margin-bottom: 8px;
		background-color: #D0D9DF;
		float: left;
		border: solid; border-color: #999; border-width: 1px;
		}
	
	.littleblock {
		width: 300px;
		height: 102px;
		padding: 30px;
		padding-top: 20px;
		background-color: #EEf1F4;
		margin-top: 8px; 
		margin-bottom: 8px;
		float: left;
		border: solid; border-color: #ccc; border-width: 1px;
		}
	
	.logo {
		height: 188px;
		position: relative; top: 10px;
		z-index: 100;
		float: left;
		margin-right:-90px; 
 		}

	.samples {
		height: 160px;
		width: 160px;
		position: relative; top: 5px;
		border: none;
		background-color: #fff;
		}
		
	.twitter { 
		float: left; 
		padding: 20px; 
		}