@import url("common/reset.css");
@import url("common/fonts.css");

html{
	height:100%;
}
body{
	font-size:62.5%;
	height:100%;
	padding:0 25px 0 375px;
	background:#fff;
	color:#000;
}
hr{
	visibility:hidden;
	clear:both;
	margin:0 0 .9em 0;
}
a{
	outline:0;
	color:#000;
}
	a:hover,
	a:focus{
		color:#333;
	}
	a:active{
		color:#666;
	}
	strong,em{
		font-weight:bold;
	}

h1{
	font-size:12em;
	font-weight:bold;
	letter-spacing:-.05em;
	margin:.8em 0 0 -3px;
}
	h1 a{
		text-decoration:none;
	}
	h1 span{
		display:block;
		font-size:.25em;
		letter-spacing:-.02em;
		margin:-.9em 0 0 3px;
	}
	
h2{
	font-size:1.4em;
	margin:1em 0 0 0;
}

h3{
	margin:1.8em 0 0 0;
	font-size:3em;
	font-weight:bold;
	border-bottom:5px solid #555;
	clear:both;
}
	h3:hover,
	h3:focus{
		cursor:pointer ;
	}
	h3 a{
		color:#555;
		display:block;
	}
	h3 a span{
		background-image:url(../images/general/btnH3.gif);
		background-repeat:no-repeat;
		background-position:right -4px;
		padding:0 34px 0 0;
		vertical-align:bottom;
	}
		*:first-child+html h3 a span{
			background-position:right top;
		}
		* html h3 a span{
			background-position:right top;
		}
		body:first-of-type h3 a span{
			background-position:right top;
		}
		h3 a:hover span,
		h3 a:focus span{
			background-position:right -82px;
		}
			*:first-child+html h3 a:hover span,
			*:first-child+html h3 a:focus span{
				background-position:right -78px;
			}
			* html h3 a:hover span,
			* html h3 a:focus span{
				background-position:right -78px;
			}
			body:first-of-type hh3 a:hover span,
			body:first-of-type hh3 a:focus span{
				background-position:right -78px;
			}

h4{
	margin:1.8em 0 .45em 0;
	font-size:1.5em;
	font-weight:bold;
	clear:both;
	color:#3bba02;
}
	h4 a{
		color:#3bba02;
	}
		h4 a:hover,
		h4 a:focus{
			color:#42d600
		}

div#about,
div#portfolio{
	font-size:1.3em;
}
	div#about,
	div#portfolio,
	div#mailForm{
		display:none;
	}
/*about*/
div#about{
	
}
	div#about dl{
		margin:.9em 0;
		line-height:1.4
	}
		div#about dl dt{
			width:5em;
			float:left;
			clear:both;
			font-weight:bold;
		}
		div#about dl dd{
			margin:0 0 0 5em;
		}
	div#about div ul{
		font-size:90%;
		color:#333;
	}
	div#about div ul li{
		border-bottom:1px solid #ccc;
		padding:.3em 0;
		margin:.3em 0;
	}
/*portfolio*/
div#portfolio div#carDesign{
}
div#portfolio dl{
	width:14em;
	margin:0 .5em .5em 0;
	border:1px solid #ddd;
	float:left;
}
	div#portfolio dl dd table{
		padding:0;
		margin:0;
	}
	div#portfolio dl dd table td{
		width:14em;
		height:19.5em;
		text-align:center;
		vertical-align:middle;
	}
	div#portfolio dl dd a img{
		border:2px solid #fff;
		width:13em;
		height:auto;
	}
		div#portfolio dl dd a img:hover{
			border:2px solid #a0e700;
		}
	div#portfolio dl dt{
		height:12em;
		padding:0 .5em;
		background:#ddd;
		font-size:0.8em;
		color:#333;
	}
		div#portfolio dl dt span{
			display:block;
			padding:.5em 0 .3em 0;
			font-weight:normal;
			color:#555;
			font-weight:bold;
		}
			div#portfolio dl dt span.tools{
				color:#66ca1c;
			}
		div#portfolio dl dt strong{
			display:block;
			font-weight:bold;
			color:#000;
			margin:0 0 .3em 0;
		}
		div#portfolio dl dt a{
			color:#01a3df;
		}
	
p.close{
	font-size:12px;
	clear:both;
	margin:1.8em 0;
}
p.back{
	font-size:12px;
	clear:both;
	margin:1.8em 0 0 0;
}
p.close a{
	background-image:url(../images/general/btnClose.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0 0 0 14px;
	text-decoration:underline;
}
p.back a{
	background-image:url(../images/general/btnBack.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0 0 0 14px;
	text-decoration:underline;
}
	p.close a:hover,
	p.close a:focus,
	p.back a:hover,
	p.back a:focus{
		background-position:0 -24px;
		cursor:pointer;
	}
ol.internalMenu{
	font-size:1.1em;
	padding:.9em 1em;
	background:#555;
	font-weight:bold;
}
	ol.internalMenu li{
		display:inline;
		margin:0 2em 0 0;
	}
		ol.internalMenu li a{
			color:#ddd;
		}
			ol.internalMenu li a:hover,
			ol.internalMenu li a:focus{
				color:#fff;
			}

/*footer*/
div#footer{
	clear:both;
	padding:0 0 3em 0;
}
	div#footer div#mailForm ul{
		margin:.9em 0 .45em 0;
		font-size:1.3em;
	}
		div#footer div#mailForm ul li{
			text-align:left;
			margin:0 0 .9em 0;
		}
			div#footer div#mailForm ul li input{
				width:100%;
				border:none;
				background:#ddd;
				padding:.3em 0;
				font-family:"Lucida Grande","Lucida Sans";
			}
			div#footer div#mailForm ul li textarea{
				width:100%;
				height:10em;
				border:none;
				background:#ddd;
				padding:.3em 0;
				font-family:"Lucida Grande","Lucida Sans";
			}
			div#footer div#mailForm ul li button{
				width:100%;
				height:35px;
				border:none;
				background:url(../images/general/btnSubmit.gif) repeat-x left top;
			}
				div#footer div#mailForm ul li button:hover,
				div#footer div#mailForm ul li button:focus{
					background-position:0 -35px;
						cursor : pointer ;
				}
	div#footer address{
		text-align:left;
		margin:4.5em 0 0 0;
		font-size:1.2em;
	}
	body.thanks h2{
		font-size:3.6em;
		margin:2.7em 0 .9em 0;
	}
	body.thanks p{
		font-size:1.4em;
	}