body {
	padding: 0px; 
	margin: 14px; 
	background:#000 url('img/bg.jpg') no-repeat top center;
	color: #cdcccb;
	font-family: Arial, sans-serif;
    font-size: 14px;
}

a,  a:visited {
	color: #6fbe44;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#wrapper {
    text-align: center;
}

#header {
    text-align: left;
	margin: 0 auto;
	width: 800px;
	text-align: center;
}

#header .hello {
	margin-top: 56px; 
	margin-bottom: 24px; 
}

#header .tagline{
}

#portfolio {
    text-align: left;
	margin: 0 auto;
	width: 800px;
	height: 440px;
}

#portfolio #thumbs {
	float: left;
	width: 390px;
	margin-top: 20px;
}

#portfolio #thumbs img {
	margin: 0px 8px 8px 0;
}

#portfolio #done {
	margin-top: 48px;
	width: 400px;
	font-weight: bold; 
	float: right;
    text-align: center;
	font-size: 18px;
}

#portfolio #portfolio-text {
    display: none;
}

#portfolio #current-text #text {
	float: right;
	width: 400px;
	font-size: 12px;
}

#portfolio #current-text #text h1 {
	font-size: 16px;
    padding-top: 0px;
	font-weight: bold; 
	color: #46c8f5;
}

#portfolio #current-text #text p {
	font-size: 14px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 6px;
}

#info-wrap {
	background:#000 url('img/top-middle.gif') no-repeat top center;
	margin: 0 auto;
	width: 900px;
}

#info {
    text-align: left;
    padding: 30px;
	background:transparent url('img/bottom-middle.gif') no-repeat bottom center;
}

#info {
	color: #676767;
}

#info h1, h2, h3 {
    padding: 0px;
    margin: 0px;
}

#info h1, h2 {
	color: #333333;
    padding-bottom: 20px;
}

#info h3 {
    font-size: 14px;
}

#info #columns {
    font-size: 14px;
}

#info #columns #left {
    float: left;
	width: 400px;
}

#info #columns #right {
    float: right;
}

#info #columns #right #form{
    margin: 13px 0 0 0;
    padding: 0 20px;
    background-color: gray;
    width: 370px;
    color: white;

    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0, .3);
    -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0, .3);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#info #columns #right #form input[type="text"] {border:0; padding:4px; font-size:11px; width:365px; color:#999; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background:#FFF; }
#info #columns #right #form input[type="submit"] {border:0; padding:4px; margin:0 0 10px; font-size:14px; width:90px; color:#999; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background:#6fbe44; color:#FFF; text-align:center; cursor:pointer;}
#info #columns #right #form input[type="submit"]:hover {color:#000;}
#info #columns #right #form textarea {border:0; padding:4px; font-size:11px; width:365px; color:#999; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

#info #columns #right #form p {
    padding: 20px 0 4px 0;
    margin: 0px;
    font-size: 16px;
}

#info #columns #footer {
    clear: both;
    font-size: 11px;
	text-align: right;
	font-weight: bold; 
	color: #888;
}