/* CSS Document */

body {
	background-color: #FFFFFF;
	background-image: url(../images/diamond_upholstery.png);
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
img {
	border: 0;
	margin: 0;
	padding: 0;
	}
img.under {
	margin: 0;
	padding: 0;	
	position: absolute;
	z-index: 100;
	}
h2 {
	color: #999999;	
	float: left;
 	font-size: 24px;
 	font-weight: normal;
 	margin: 20px 0 20px 0;
 	text-decoration: none;
 	text-transform: uppercase;
	}
h3 {
 	color: #999999;
 	font-size: 18px;
 	font-weight: normal;
 	margin: 0 0 20px 0;
 	text-decoration: none;
 	text-transform: uppercase;
	}
a { 
	border: 0;
	color: #4e4e4e;
	text-decoration: none;
	}
.lb-caption a {
	color: #ffffff;
	}
a:hover {
	border: 0;
	color: #b022eb;
	text-decoration: none;
	}
.small {
	font-size: 80%;
	}
hr {
	background-color: #eeeeee;
	border-bottom-color: #dddddd;
	border-bottom-width: 2px;
	border-left-width: 0;	
	border-right-width: 0;
	border-style: solid;
	border-top-color: #eeeeee;
	border-top-width: 2px;
    /*box-shadow: 0 0 20px #cccccc;*/
	clear: both;
	color: #eeeeee;
	height: 0;
	margin: 30px 0 20px 0;
	width: 100%;
	}
hr.header {
	margin-top: 20px;	
	}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	}
.logo {
	border: 0;
	float: left;
	margin: 10px 0 0 0;
	min-height: 89px;
	padding: 0;
	width: 286px;
	}
	
#nav {
	float: right;
	height: 89px;
	margin: 10px 0 0 0;
	}
#nav ul {
	border: 0;	
	margin: 60px 0 0 0;
	padding: 0;
	}
#nav ul li {
	display: inline;
	font-size: 14px;
	margin: 0 0 0 40px;
	text-decoration: none;
	text-transform: uppercase;
	}
.top {
	float: right;
	font-size: 14px;
	text-transform: uppercase;	
	}
.clear {
	clear: both;
	}

#projects {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	}
#projects img {
	border: solid #eeeeee 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 10px #cccccc;
	-webkit-box-shadow: 0 0 10px #cccccc;
	box-shadow: 0 0 10px #cccccc;
	float: left;
	height: 167px;
	padding: 0;
	width: 250px;
	}
.left,
#projects img.left {
		margin: 0 40px 40px 0;
	}
.right,
#projects img.right {
		margin: 0 0 40px 0;
	}	
#projects div.webetc img {
	float: left;
	margin: 0 12px 12px 0;
	padding: 0;
	}
/*.projects p.web {
	float: left;
	width: 250px;
	padding: 0;
	margin: 0 0 20px 62px;
	}
.projects p.web2 {
	clear: both;
	float: left;
	width: 250px;
	padding: 0;
	margin: 0 0 30px 62px;
	}*/
#projects img.other { 
	float: left;
	margin: 0 30px 30px 0;
	padding: 0;
	}
#projects p.other {
	float: left;
	width: 600px;
	padding: 0;
	margin: 15px 0 20px 80px;
	font-size: 18px;
	}
	
#resume {
	float: left;
	margin-bottom: 40px;
	width: 100%;
	}
#resume .left {
	clear: both;
	float: left;
	width: 40%;
	}
#resume .right {
	float: left;
	width: 40%;
	}
	
#about {
	float: left;
	margin-bottom: 40px;
	}
#about img {
	border: solid #ffffff 15px;
	border-bottom-width: 70px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-moz-box-shadow: 0 0 10px #cccccc;
	-webkit-box-shadow: 0 0 10px #cccccc;
	box-shadow: 0 0 10px #cccccc;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#dddddd')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#dddddd');
	float: left;
	padding: 0;
	}
#about p {
	float: left;
	margin-left: 40px;
	width: 50%;
	}
	
#socialLi,
#socialFb {
	background-image: url('../images/social.png');
	display: inline-block;
	height: 35px;
	width: 35px;	
	}
#socialLi {
	background-position: 0 0;
	}
#socialLi:hover,
#socialLi:active {
	background-position: 105px 0;
	}
#socialFb {
	background-position: 70px 0;
	}
#socialFb:hover,
#socialFb:active {
	background-position: 35px 0;
	}
	
#contact {
	float: left;
	margin-bottom: 40px;
	width: 100%;
	}
form td {
	text-align: left;
	vertical-align: top;	
	}
form td:first-child {
  padding-right: 20px;
  padding-top: 10px;
  }
.error[generated=true] {
  color: #dc0000;
  font-size: 12px;
  padding: 5px 0 2px 5px;
	}
tr.error td {
  padding: 0;
	}
form label {
	margin-top: 10px;
	}
form input, 
form textarea {
	border: solid 1px #ffffff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;
	margin: 0 0 20px 0;	
	padding: 10px;
	}
form input[type=submit] {
	background-color: #4e4e4e;
	border-color: #4e4e4e;
	color: #ffffff;
	}
form input[type=submit]:hover,
form input[type=submit]:active {
	background-color: #b022eb;
	border-color: #b022eb;
	color: #ffffff;
	cursor: pointer;
	}
#response {
  margin-bottom: 20px;
  text-align: left;
	}
#response .success {
	background-color: #ffffff;  
  	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #999999;
	float: left;
	margin: 100px 0;
	padding: 20px;
	}
#response .failure {
  	background-color: #ffffff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #dc0000;
	float: left;
	margin: 100px 0;
	padding: 20px;
	}
	
#footer {
	background-color: #b022eb;	
	clear: both;
	color: #ffffff;
	font-size: 12px;
	padding: 10px 0;
	text-transform: uppercase;
	width: 100%;
	}
#footer hr {
	margin-top: 0;
	}

#projects img:hover {
    border-color: #ffffff;
}