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

{
margin: 0;
padding: 0;
}

ul { list-style: none inside;}

a{
color: #990000
}

li {
font-size: .85em;
}

p{
font-size: 12px;
}
/* toolbox*/
.floatleft{float: left;}
.floatright{float: right;}
.clear {clear:both;}
/*end toolbox*/


body {
margin: 0 auto;
padding:0;
background: url(images/header.jpg) repeat-x ;
font-family: trebuchet, "Trebuchet MS"
}

h1{
font-size: 1.2em;
color: #990000;
font-weight: bold;
padding: 0px 10px 0px 80px;
}

h2{
font-size: 12px;
color:#333;
padding: 5px 70px 0px 80px;
}

h3{
font-size: 14px ;
color: #cc9933;
clear: both;
text-align:center;
}

h4{
color: #333;
font-size:.85em;
font-size-adjust:none;
font-weight: bold;
text-align: center;
margin:0pt 130pt 2px;
padding:0pt 12px;
}

h5{
color: #333333;
font-weight: bolder;
margin-left: 50px;
margin-bottom: 10px;
margin-right: 42px;
}

p.medpsace{
margin-top: 10em;
margin
}

#container1{
background-position: center left;
background: url(images/textbg.jpg) repeat-y 75% 0;
padding-left: 30px;
padding-right: 50px;
}

.scrollbg{
background-position: center left;
background: url(images/textbg.jpg) repeat-y 75% 0;
margin: 0 auto;
padding: 0;
}

#container1 p{
padding-left: 55px;
padding-right: 55px;
}

ul#pieces{
margin: 0;
padding: 0;
}

	ul#pieces li{ 
		display: inline;
	}
	
	ul#pieces li a {
		height: 200px;
		text-indent: -9999px;
		float:left;
		border: #990033 thin solid;
	}
	
		ul#pieces li.piece01 a{
		width: 580px;
		margin-left: 50px;
		background: url(images/urbanlogic.jpg) bottom center no-repeat;
	}

		ul#pieces li.piece02 a{
		width: 580px;
		margin-left: 50px;
		background: url(images/capoeira.jpg) bottom center no-repeat;
	}
	
		ul#pieces li.piece03 a{
		width: 580px;
		margin-left: 50px;
		background: url(images/play.jpg) bottom center no-repeat;
	}

		ul#pieces li.piece04 a{
		width: 580px;
		margin-left: 50px;
		background: url(images/vincentassociates.jpg) bottom center no-repeat;
	}

ul#pieces li a:hover{
background-position: center top;
}

ul#pieces p{
color: #333333;
padding-left: 50px;
}

#description{
padding-top: 60px;
padding-right: 80px;
}

#btmboxes{
margin:0pt 45px 180px;
width:670px;
}

#green{
background: url(images/greenimg.jpg) no-repeat 10px 20px;
float:left;
height:95px;
padding:55px 10px 10px 10px;
width:175px;}

#greentext{
color:#333;
font-size: .85em;
line-height: 12px;
padding: 10px 8px 0 65px;

}

#services{
background: url(images/servicesimg.jpg) no-repeat 0px 20px ;
color:#333;
float:right;
height:125px;
line-height:16px;
padding:40px 10px 0pt 55px;
width:194px;
}

#servicestext{
color:#333;
font-size: .85em;
line-height: 16px;
padding: 25px 2.4cm 0px 0px;
}

#news{
background: url(images/newsimg.jpg) no-repeat 5px 20px;
color:#333;
float:right;
height:125px;
padding:40px 0px 0pt 15pt;
width:184px;
}

#newstext{
color:#333;
font-size: .85em;
line-height: 14px;
padding: 25px 1cm 0px 18px;
}

#bottomscroll{
background: url(images/bottomhorscroll.jpg) no-repeat;
width: 700px;
min-height: 80px;
}

#ornament{
margin: 0;
padding: 0;
height: 30px;
background: url(images/ornament.png) no-repeat center;
}

#samples{
margin:0pt 45pt 0px;
padding:5pt 30px;
height: 100px;
}

/*structure and stuff*/
#page-wrap{
width: 755px;
margin: auto;
}

ul#nav {
}

	ul#nav li{ 
		display: inline;

	}
	ul#nav li a {
		height: 107px;
		text-indent: -9999px;
		float: left;
	}
	
	
	ul#nav li.about a{
	width: 402px;
	background: url(images/nav-about.jpg) bottom center no-repeat;
	}

		
	ul#nav li.portfolio a{
	width: 120px;
	background: url(images/nav-portfolio.jpg) bottom center no-repeat;
	}
	
	
	ul#nav li.contact a{
	width: 184px;
	background: url(images/nav-contact.jpg) bottom center no-repeat;
	}
	
 ul#nav li a:hover{
 background-position: center top;
 }


#footer{
background-color: #333333;
background-repeat: repeat-x;
clear: both;
}

#footercontent{
background: url(images/footer.jpg) repeat-x ;
padding: 30px ;
height: 140px;
}

#medspace{
background: url(images/medspace.jpg) no-repeat center left;
height: 100%;
font-family: trebuchet, "Trebuchet MS";
font-size: 12px;
color:#FFFFFF;
text-align: center;
}

#portfolio{
clear:both;
width:100%;
}

.project{
float:left;
margin:10pt 35px 0px 10pt;
padding:4px 0px;
width: 600px;
}

#portfolio li{
font-size: .70em;
padding:20pt 40pt 0px 0px;
line-height: 10pt;

}