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

body {
	background-image: url(images/bkgrnd.jpg);
	padding:0px;
	margin:0px;
}

img {
border:none;
}

.clear {
float:none;
}

#wrapper {
width:100%;
margin:0px auto;
padding:0px;
}

#header {
width:900px;
margin:0px auto;
height:53px;
text-align:center;
background-color:#000000;
}

#headerBar {
width:900px;
height:28px;
background-color:#48ed95;
margin:7px 0px 10px 0px;
text-align:center;
float:left;
}

#container {
width:900px;
height:auto;
margin:0px auto;
}

#workContainer {
width:730px;
height:auto;
float:left;
background-color:#FFFFFF;
margin:0px 15px 0px 0px;
}


/* RIGHT SIDE NAV */

#navContainer {
width:155px;
height:330px;
float:left;
}

#nav {
width:155px;
height:260px;
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
}


#nav ul {
margin:0px 0px 0px 10px;
padding:10px 0px 0px 0px;
text-align:left;
list-style:none;
}

#nav li {
margin:0px 0px 0px 10px;
padding:0px;
}


/* CONTENT */

#work {
width:710px;
height:auto;
float:left;
border-bottom:1px solid #CCCCCC;
margin:0px 0px 10px 10px
}

#work p {
font:11px Arial, Helvetica, sans-serif;
color: #444444;
line-height:15px;
margin:10px 0px 0px 10px;
}

#workImage {
width:710px;
height:auto;
margin:0px 0px 10px 10px;
}

#work img {
margin:25px 0px 15px 0px;
}

#work a {
color:#48ed95;
text-decoration:none;
}

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

#about {
width:530px;
height:auto;
float:left;
margin:30px 0px 50px 95px
}

#about p {
color: #444444;
line-height:25px;
margin:0px 0px 0px 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
text-align:justify;
}

#about a {
color:#48ed95;
text-decoration:none;
font-weight: bold;
}

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

#about img {
margin:25px 0px 15px 40px;
}

/* FOOTER */

#footer {
width:730px;
height:30px;
float:left;
text-align:left;
margin:10px auto;
}


#copyright {
width: 200px;
font:10px Arial, Helvetica, sans-serif;
color: #666666;
background-color: #FFFFFF;
float:left;
margin:0px 10px 0px 0px;
}

#back2top {
width: 100px;
float:right;
font:12px Arial, Helvetica, sans-serif;
background-color:#48ed95;
text-align:center;
}

#back2top a {
color:#FFFFFF;
text-decoration:none;
}

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