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

/* generic styles */
body { margin: 0; padding: 0; font:.8em Helvetica, Arial, Geneva, sans-serif; color:#666; background-image:url(../navimages/bg.jpg); font-size:13px; }

a { text-decoration:none; color:#666;position:relative; }
a img { border:0; }	
a:visited { color:#666; }
a:hover { text-decoration:underline; color:#000; }
a:focus { outline: none; text-decoration:underline; }
a:active { outline: none; }

p { margin-bottom:1em; }

.clearit { clear:both; }

.center { text-align:center; }

/* main styles */

#wrap { margin:auto; }

#headerHome { padding:7em; display:block; width:700px;
}

#welcome { padding:0 0 .2em .8em; }
	
#logo { margin:0; padding:.8em 0 0 .8em; }

#navLinks { margin-left:-2.3em; }
#navLinks li { display:inline; list-style:none; margin-right:0.5em;  padding-right: 0.5em; margin-left:0; }

#portfolioMain { width:815px; margin-left:50px;  }
#portfolioMain ul { display:inline; list-style:none;  line-height:1em; }
#portfolioMain li { display:inline; float:left; width:210px; margin:10px 50px 20px 0; font-size:11px; }
#portfolioMain li.left {float:left; width:200px;}
#portfolioMain li.right {float:right; width:200px; }
.portolio2Thumb {margin-top:15px;}
.portolio2Thumb img { float:left; margin-right:10px;}
/*
#content table { text-align:left; padding:2em 0 0 6em; }
#content table p { padding:1em; text-align:left; }
#content table td { padding:0 8em 0 0; }
#content table.first { margin-left:-2em; }
*/

#content .emailform { text-align:left; margin:-2em 0 0 13em; }
#contact img { margin:5em 0em 0 35em; }
#contact p { margin:0 0 .5em 0;}


/* ----- FORM ----- */

#contactMain { position:relative; width:625px; height:500px; margin:3em 0 0 65px; letter-spacing:.1em; background-image:url(../images/socks.jpg); background-position:bottom; background-repeat:none; }

#content form {text-align:left; padding:1.5em 0 0 1.5em; font-weight:bold;  word-spacing:.1em; letter-spacing:.1em; line-height:.5em; }
#content fieldset { border:none; margin-bottom:1em; background-color:#f1f1f1; padding:7px }
/* #content fieldset input, textarea {border:#FFF 2px solid;} */
#content fieldset input:hover, textarea:hover {border:#666 2px solid; }
#content fieldset textarea:active, textarea:focus, input:active, input:focus {border:#666 2px solid; }
#content fieldset#name {width:375px; height:30px; }
#content fieldset#email {width:375px; height:30px; }
#content fieldset#services {width:375px; height:80px; }
#content fieldset#comments {width:375px; height:100px; }
#content input.formButton { margin-left:2px; }


#emailform img { margin:4em 0em 0 20em; }
#emailform h1 { font-size:22px; margin:-13.8em 0 0em 3em; }

#aboutMain { position:relative; width:625px; height:500px; margin:3em 0 0 65px; letter-spacing:.1em; background-image:url(../images/mufflerman.jpg); background-position:bottom; background-repeat:none; }
#aboutMain a { text-decoration:underline; }
#aboutMain .text { width:400px; padding:20px; line-height:1.2em; }
.caption {color: #666; font-size:10px; font-weight:normal; letter-spacing:normal;  margin:5px 0 0 70px; width:600px; font: 10px Arial, Helvetica, sans-serif; }


/* drop shadows on images */
.imgShadow { float:left; background:url(../navimages/shadowAlpha.png) no-repeat bottom right    !important; background: url(../navimages/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px;
	}	
.imgShadow img { display: block; position: relative; background-color: #fff; margin: -6px 6px 6px -6px; }
	
		
.photocopyright { font: 10px Arial, Helvetica, sans-serif; margin:0 0 0 70px;}