/* Layout */

 
body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height:16px;
  font-family: Verdana, Arial, sans-serif;
  color: #000;
  height:100%;
  min-width:780px;
  background:#fff;
}

#streetline {
		position: relative;
		text-align: left;
		width: 700px;
		margin: 0px auto;
		}

#links  	{
		position:relative;
		width:800px;
		height:100px;
		padding:20px 0 0 0;
		}
		
/* Content Pages */

.albumart {
		float:left;
		width:50px;
		height:50px;
		}
		
.player {
		float:left;
		width:290px;
		height:60px;
		margin:0 0 0 10px;
}

.track 	{
		width:360px;
		float:left;
		clear:both;	
		margin:0px 0 10px 0;
}

		
.information h1 {display:none;}
.description h1 {display:none;}
	
.footer {
		width:700px;
		height:400px;
		background:url(../images/footer.jpg) no-repeat 0 0;
		}
	
		
.listen	{
		float:left;
		width:350px;
		padding:190px 0px 0 30px;
		}

.order	{
		float:left;
		text-align:right;
		width:120px;
		padding:90px 0px 0 70px;
		}

.web 	{
		position:absolute;
		top:55px;
		padding:95px 65px 20px 65px;
		width:525px;
		background:url(../images/content.web.jpg) no-repeat 0 0;
		}

.identity {
		position:absolute;
		top:0px;
		padding:105px 65px 20px 65px;
		width:525px;
		background:url(../images/content.brand.jpg) no-repeat 0 0;
}

.print {
		position:absolute;
		top:0px;
		padding:0;
		background:url(../images/content.print.jpg) no-repeat 0 50px;
}

.contact {
		position:absolute;
		top:125px;
		padding:105px 65px 20px 65px;
		width:525px;
		background:url(../images/content.contact.jpg) no-repeat 0 0;
}

.splash {
		position:absolute;
		top:0px;
		padding:75px 65px 20px 65px;
		width:525px;
		height:400px;
		background:url(../images/content.splash.jpg) no-repeat 0 0;
}

.thumbnail {
		float:left;
		margin:2px;
		}

.buttons {
		margin:40px 0;
		}

/* Footer */
		
#footer {
		position:absolute;
		width:15px;
		height:485px;
		top:-10px;
		right:0px;
		background:url(../images/footer.gif) no-repeat 0 0px;
		}
	
	.xhtml 	{
			display:block;
			position:absolute;
			width:15px;
			height:40px;
			top:60px;
			left:0px;
			}

	.css 	{
			display:block;
			position:absolute;
			width:15px;
			height:28px;
			top:31px;
			left:0px;
			}
	.acc 	{
			display:block;
			position:absolute;
			width:15px;
			height:27px;
			top:3px;
			left:0px;
			}
	
 /* Menu */
		
#menu 	{
		position:absolute;
		height:495px;
		width:125px;
		top:0px;
		left:0px;
		overflow:hidden;
		background: url(../images/menu.background.gif) no-repeat 0 0;
		}	

#menu  a {
		position:absolute;
		float:left;
		clear:left;
		width:125px;
		height:23px;
		overflow:hidden;
		}			
		
	a.menu_home					{		top:240px;}
	a.menu_home:hover 			{		background: url(../images/menu.active.gif) no-repeat 0px -240px;}

	a.menu_about 				{		top:264px; }
	a.menu_about:hover 			{		background: url(../images/menu.active.gif) no-repeat 0px -264px;}
	
	a.menu_clients				{		top:287px}
	a.menu_clients:hover 		{		background: url(../images/menu.active.gif) no-repeat 0px -287px;}
	
	a.menu_services				{		top:310px;}
	a.menu_services:hover 		{		background: url(../images/menu.active.gif) no-repeat 0px -310px;}
	
	a.menu_portfolio			{		top:333px}
	a.menu_portfolio:hover 		{		background: url(../images/menu.active.gif) no-repeat 0px -333px;}

	a.menu_contact				{		top:355px;}
	a.menu_contact:hover 		{		background: red url(../images/menu.active.gif) no-repeat 0px -355px}
	
#menu a span {
		display:none;
		}		
		
#menu ul 	{
		float:left;
		margin:0;
		padding:0;
		}

#menu li	{
		display:block;
		float:left;
		margin:0;
		padding:0;
		}

/* Generic elements */


input {
  font: 12px/100% "Verdana";
  color: #494949;
}

textarea, select {
  font: 12px/160% "Verdana";
  color: #494949;
}

/* Text Formatting */

p {
  margin: 3px 10px 10px 0;
  padding: 0;
  text-align:justify;
}
.introduction {
	margin: 3px 10px 10px 40px;
}

.invisible {
		display:none;
		}

.expanded {
		letter-spacing:1px;
		line-height:150%;
		}

.contact_details {
	font-size:13px;
	line-height:18px;
}

a:link, a:visited {
  color: #111111;
  font-weight:bold;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active, a.active {
  color: #5895be;
  text-decoration: none;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

/* Standard Image Formatting */

img, a img {
  border: none;
  margin:0px;
  padding:0px;
}

/* Standard Headings */

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1 {
  font-size: 155%;
}

h2 {
  font-size: 150%;
  line-height: 310%;
  margin: 10px 0 0 0;
}

h3 {
  font-size: 10px;
  font-weight:bold;
  width:100%;
  padding:2px 0;
  border-bottom: 1px #888 solid;
  color:#888;
}

h4 {
  font-weight:bold;
  font-size: 130%;
}

h5 {
  font-weight:bold;
  font-size: 120%;
}

h6 {
  font-size: 110%;
}

/* Lists and Definitions */

ul 		{
		list-style:circle inside none;
		margin: 0 0 0 20px;
		padding: 0 0 0 0;
		}
		
ul li		{
		margin:3px 0 0 0px;
		padding:0 0 0 0;
		font-weight:bold;
		}
		
ul li ul li	{
		font-weight:normal;
		}
		
dl {
  margin: 0.5em 0 1em 1.5em;
}

dl dt {
}

dl dd {
  margin: 0 0 .5em 1.5em;
}

/* Client Listing */

.client_display {
	float:left;
	clear:none;
	margin:0px;
}