/* CSS Document */

body, html{
height:100%;
width:100%;
}

body{
background:url(images/top.gif) repeat-x;
background-color:#333333;
color:#939393;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
margin:0px;
padding:0px;
}

h1{
font-size:20px;
margin:15px 20px 15px 20px;
padding:0px;
}

#container{
height:100%;
width:586px;
margin:80px auto;
padding:0px;
}

#top{
color:#ffffff;
font-size:14px;
text-align:right;
height:80px;
width:586px;
float:left;
margin:0px;
padding:0px;
}

#top ul{
margin:20px 20px 0 0;
padding:0px;
}

#top li{
display:inline;
list-style-type:none;
margin:30px 0 0 20px;
}

#top a{
border-bottom:4px #272727 solid;
color:#ffffff;
text-decoration:none;
padding:0 0 10px 0;
}

#top a:hover{
color:#01a6fb;
}

#logo{
background:url(images/logo.gif) no-repeat;
float:left;
height:39px;
width:144px;
padding:0px;
}

#main{
background-color:#272727;
float:left;
height:auto;
width:586px;
margin:0px;
padding:0px;
}

#main p{
margin:15px 20px 15px 20px;
padding:0px;
}

.main_p{
line-height:20px;
}

.container_top{
background:url(images/container_top.gif) no-repeat;
overflow:hidden;
height:5px;
width:586px;
margin:0px;
padding:0px;
}

.container_bottom{
background:url(images/container_bottom.gif) no-repeat;
overflow:hidden;
height:5px;
width:586px;
margin:0px;
padding:0px;
}

#experience_logo{
background:url(images/experience.gif) no-repeat;
float:left;
height:30px;
width:586px;
padding:0px;
margin:20px 0 0 0;
}

#other_logo{
background:url(images/other.gif) no-repeat;
float:left;
height:30px;
width:586px;
padding:0px;
margin:20px 0 0 0;
}

#skills{
background-color:#272727;
color:#ffffff;
font-size:13px;
float:left;
text-align:center;
height:auto;
width:586px;
}

#skills li{
display:inline;
list-style-type:none;
padding:0 20px 0 0;
}



#past_work_logo{
background:url(images/past_work.gif) no-repeat;
float:left;
height:30px;
width:586px;
padding:0px;
margin:20px 0 0 0;
}

#concepts_logo{
background:url(images/concepts.gif) no-repeat;
float:left;
height:30px;
width:586px;
padding:0px;
margin:20px 0 0 0;
}

.portfolio{
background-color:#272727;
color:#ffffff;
float:left;
text-align:center;
height:auto;
width:586px;
margin:0 0 20px 0;
}

.portfolio b{
font-size:18px;
}

.portfolio p{
color:#939393;
margin:10px 0 10px 0;
padding:0px;
}

.portfolio a{
color:#01a6fb;
font-size:18px;
font-weight:bold;
}

.portfolio a:hover{
color:#ffffff;
}

#footer{
float:left;
text-align:center;
height:30px;
width:586px;
margin:30px 0 0 0;
}

#footer p{
margin:0px;
}

#contact input{
padding:5px 5px 5px 5px;
margin:5px 0 5px 0;
}

#contact textarea{
padding:5px 5px 5px 5px;
margin:10px 0 0 0;
}

#concepts{
float:left;
width:586px;
}

#concepts img{
display:block;
margin:0 auto 20px auto;
}

.color_white{
color:#ffffff;
}