* {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

#graybar { 
	width: 100%;
	height: 12px;
	background: #3f3f3f;
}

#yeartop {
	margin: 0 auto;
	width: 932px;
}

#yeartop img {
	position: relative;
	float: right;
	top: 2px;
}

#header {
	margin: 0 auto;
	width: 932px;
}

#logoName {
	padding-top: 14px;
	float: left;
}

#logo {
	float: left;
}

#nameInfo {
	padding-top: 17px;
	padding-left: 20px;
	float: left;
}

#nameInfo a {
	position: relative;
	top: -10px;
	color: #00a5c8;
	font-family: georgia;
	font-size: 9px;
	text-decoration: none;
}

#nameInfo a:hover {
	text-decoration: underline;
}

#navigation {
	position: relative;
	top: 78px;
	float: right;
	height: 104px;
	width: 403px;
}

.home_on {
	width: 118px;
	height: 26px;
	display:block;
	float: left;
	background: url('/images/navigation.png') no-repeat 0 0 ;
}

.portfolio_on {
	width: 95px;
	height: 26px;
	display:block;
	float: left;
	background: url('/images/navigation.png') no-repeat -118px -26px ;
}

.about_on {
	width: 95px;
	height: 26px;
	display:block;
	float: left;
	background: url('/images/navigation.png') no-repeat -213px -52px ;
}
	
.contact_on {
	width: 95px;
	height: 26px;
	display:block;
	float: left;
	background: url('/images/navigation.png') no-repeat -308px -78px ;
}

.home_off {
	width: 118px;
	height: 26px;
	display:block;
	float: left;
	background: url('/images/navigation.png') no-repeat 0px -52px ;
}

.portfolio_off {
	width: 95px;
	height: 26px;
	display:block;
	float: left;
	background: url('/images/navigation.png') no-repeat -118px 0px ;
}

.about_off {
	width: 95px;
	height: 26px;
	display:block;
	float: left;
	background: url('/images/navigation.png') no-repeat -213px 0px ;
}
	
.contact_off {
	width: 95px;
	height: 26px;
	display:block;
	float: left;
	background: url('/images/navigation.png') no-repeat -308px 0px ;
}

.home_lapped {
	width: 118px;
	height: 26px;
	display:block;
	float: left;
	background: url('/images/navigation.png') no-repeat 0px -26px ;
}

.portfolio_lapped {
	width: 95px;
	height: 26px;
	display:block;
	float: left;
	background: url('/images/navigation.png') no-repeat -118px -52px ;
}

.about_lapped {
	width: 95px;
	height: 26px;
	display:block;
	float: left;
	background: url('/images/navigation.png') no-repeat -213px -78px ;
}

.bluebar {
	width: 100%;
	height: 3px;
	background: #00a5c8;
}

.clearB {
	clear: both;
}

#content {
	margin: 0 auto;
	width: 932px;
}

#footer {
	width: 100%;
	background: #3f3f3f;
	color: #fff;
	font-family: georgia;
}

#aboutFoot {
	float: left;
	width: 280px;
}

#skillsFoot {
	float: left;
	margin-left:100px;
	width: 160px;
}

#portfolioFoot {
	float: left;
	margin-left:75px;
	width: 310px;
}

#footer h5 {
	color: #00a5c8;
}

#footer p {
	font-size:11px;
}

#aboutFoot a, #portfolioFoot a, #skillsFoot a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#aboutFoot a:hover, #portfolioFoot a:hover, #skillsFoot a:hover {
	text-decoration: underline;
}

.inLine {
	list-style: none;
}

.inLine li {
	display: inline;
}

#projectBG {
	padding-top: 35px;
	position: relative;
	left: -38px;
	width: 946px;
	height: 385px;
}

#projectText {
	font-family: georgia;
	font-weight: bold;
	font-size: 14px;
	color: #3f3f3f;
	width: 195px;
	position: relative;
	float: right;
}

#projectText a {
	color: #00a5c8;
	text-decoration: none;
}

#projectText a:hover {
	text-decoration: underline;
}

#projectFooter a {
	color: #a5a5a5;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#projectFooter a:hover {
	text-decoration: underline;
}


#contact p {margin:10px 0 0;padding:0;}
#contact fieldset {
	margin: 0px 20px 20px 0px;
	padding : 1em;
	border : 1px solid #00A5C8;
	border-top: 4px solid #00A5C8;
	-moz-border-radius: 4px;
	width:600px;
}


#contact legend {
	font-style: italic;
	color : #3F3F3F;
	padding: 0.5em 0.5em 0 0.5em;
	font-size: 1.5em;
	font: italic 20px Georgia;
}

#contact label {
	display : block;
	padding-right: 10px;
}

#contact input, #contact select {
	clear : both;
	border : 1px solid #ccc;
	color: #333;
	font-weight: normal;
	margin: 0.4em 0;
	padding: 8px 9px;
	font: italic 14px Georgia;
	-moz-border-radius: 2px;
}

#contact input.radio {
	padding: 0;
	margin: 0 7px 0 0;	
	border: 0;
}

#contact textarea {
	border : 1px solid #ccc;
	margin: 0.4em 0;
	width: 90%;
	padding: 8px 9px;
	height: 15em;                  
	font: italic 14px Georgia;
}

#contact input:focus,
#contact textarea:focus {
	border: 1px solid #505050;
	background-color: #e6e6e6;
}



#contact fieldset div {
	margin: 0 0 0 2em;
}

#ajaxSending {
	display:none;
}

#ajaxSending span{
	font-size:20px;
	left:15px;
	position:relative;
	top:-10px;
}

input.error {
	background:#FCD0D0;
	color: #000000;
}

.error {
	color: #FF0000;
	font-weight:bold;
}