* 		{
margin:0;
padding:0;
border:0;
}

html {
margin:0;
background:#ebe8cc url(background.png) repeat-x;
font:10px georgia,verdana,arial,sans-serif;
color:#444;
border:0;
}

a	 	{
color:#aa60c7;
text-decoration:none;
}

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

a img {
border:0;
text-decoration:none;
}

p	{
font-size:1.3em;
width: 550px;
margin: 10px auto;
}

select{
border:1px solid #aaa;
background:#444;
color:#eaeaea;
font:78% verdana,arial,sans-serif;
text-transform:uppercase;
letter-spacing:2px;
}

option	{
padding:2px;
padding-top:0;
}

form	{
text-align:left;
margin:10px;
}

input,textarea
{
border:1px solid #3d3d3d;
background:#444;
color:#eaeaea;
text-align:left;
padding:5px;
}

h1,h2,h3,h4,h5,h6
{
font-family:georgia,garamond,"lucida sans",tahoma,verdana,arial,sans-serif;
font-weight:normal;
line-height:16pt;
}

h1	{
color:#7caf00;
font-size:2em;
letter-spacing: -1px;
}

h2 {
font-size: 1.7em;
}

:focus	{
-moz-outline-style: none;
}		

a:active{
outline:none;
}

a	{
outline:none;
}


/*      General Elements      */

#container {
margin: 0 auto;
}

#header {
position: relative;
display: block;
margin: 0 auto;
width: 760px;
height: 220px;
background: url(logo.jpg) no-repeat;
z-index: 40;
}

#content {
margin: 0 auto;
width:760px;
height: 800px;
background: url(content.png) no-repeat;
position: relative;
display: block;
font-size: 1.25em;
line-height: 1.8em;
z-index: 10;
}


/*            Header             */

#header h1 {
position: absolute;
left: 108px;
top:136px;
width: 323px;
height:27px;
}

#header h1 a {
display: block;
width:323px;
height:27px;
text-indent:-10000px;
}

#header ul {
z-index: 50;
position: absolute;
left: 110px;
top:212px;
width: 514px;
height: 25px;
background: url(navigation.png) no-repeat;
list-style: none;
}

#header ul li {
float: left;
}

#header ul li#home {
margin-left: 10px;
}

#header ul li a {
display: block;
color: #f8cfff;
text-transform: lowercase;
padding: 3px 20px;
font-size: 1.4em;
}

#header ul li a:hover {
color: #fff;
background: url(navhover.png) repeat-x;
}

/*        Content      */

#content img#outoforder {
display: block;
position: relative;
left: 140px;
top: 30px;
}

#content h1{
margin: 0 auto;
padding: 45px 0 15px 0;
width: 550px;
}

#content h2 {
margin: 0 auto;
padding: 35px 0 15px 0;
width: 550px;
line-height: 0.9em;
letter-spacing: -1px;
font-weight: bold;
}

#content h3 {
margin: 0 auto;
width: 550px;
font-weight: bold;
line-height: 0.3em;
}

.services ul {
	padding-left: 85px;
}

#skills {
margin-top:30px;
}

#skills, #services, #clients {
display: block;
margin-left: 110px;
padding-top: 15px;
width: 550px;
z-index: 30;
}

#skills h1, #services h1 {
padding: 0;
width: auto;
}

#skills ul, #services ul{
margin:11px 0 15px 20px;
font-size: 1.3em;
}

#skills span, #services span {
font-size: 1.6em;
line-height: 0.833em;
}

span#contact {
display: block;
margin: 40px 0 0 110px;
width:550px;
font-size: 2em;
line-height: 1.1em;
text-align: left;
letter-spacing: -1px;
}

span#contact strong {
	font-size: 0.75em;
}

#content .bio {
	width: 550px;
	margin: 0 0 15px 110px;
	float: left;
}

#content .bio img {
	float: left;
}

#content .bio p {
	float: left;
	width: 410px;
	margin: 0 0 0 15px;
}

#content ul {
	margin-left: 40px;
	font-size: 1.4em;
	width: 500px;
}