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

/* Sitewide */
#paper { position:absolute; background-image:url(../images/paper.png); width:779px; height:446px; margin: -5px 0px 0px 90px; }


/* Header */
#header {margin-top: 0px; height: 250px; }
#logo { position:absolute; float:left; margin: 55px 0px 0px 50px; width: 294px; height: 220px; z-index:10; background-image:url(../images/logo.png); }
#nav  { position:absolute; z-index:1; margin: 175px 0px 0px 420px; width: 445px; }
#corner {position:fixed; z-index:2; float:right; top: 0px; right: 0px; }


/* Home Main Content */
#mainhome {  }
#print { position:absolute; float:left; margin: 30px 0px 0px 75px; z-index:3; }
#web { position:absolute; float:left; margin: 0px 0px 0px 345px; z-index:4; }
#interior { position:absolute; float:left; margin: 30px 0px 0px 615px; z-index:5; }
#rss { position:absolute; float:left; margin: 200px 0px 0px 400px; z-index:2; }

#homepaper { position:absolute; margin: 160px 0px 0px 92px; background-image:url(../images/homepaper.png) }
#blogtext { position:absolute; float:left; margin: 340px 0px 0px 130px; width: 350px; height: 50px; z-index:10; }
#bloglink { position:absolute; float:left; margin: 348px 0px 0px 140px; width: 330px; height: 40px; z-index:10; }
#consulttext { position:absolute; float:left; margin: 340px 0px 0px 535px; width: 350px; height: 50px; z-index:10; line-height:16px; font-size: 1.1em; color: #4a4920; }


/* About Content */
#aboutmain { margin-left: 10px; }
#aboutphotos { position:absolute; background-image:url(../images/aboutphotos.png); width:271px; height:397px; margin: 35px 0px 0px -50px; }
#aboutcontent { position:absolute; overflow:auto; width:480px; height:255px; margin: 40px 0px 0px 240px; font-size: 1.1em; color:#4a4920; line-height:16px; padding-right: 25px; }
#aboutlogos {position:absolute; background-image:url(../images/logos.png); width:510px; height:102px; margin: 310px 0px 0px 205px; }


/* Portfolio Content */
#portfoliomain { margin-left: 10px; }
#printportfolio { position:absolute; background-image:url(../images/printportfolio.png); width:306px; height:266px; margin: 65px 0px 0px -50px; }
#webportfolio { position:absolute; background-image:url(../images/webportfolio.png); width:306px; height:266px; margin: 65px 0px 0px -50px; }
#interiorportfolio { position:absolute; background-image:url(../images/interiorportfolio.png); width:306px; height:266px; margin: 65px 0px 0px -50px; }
#portfoliocontent { position:absolute; overflow:auto; width:440px; height:375px; margin: 40px 0px 0px 310px; }
	#content1 { position:relative; width:160px; height:80px; margin: 0px 0px 0px 0px; border:#FFF solid 8px; }
	#content2 { position:relative; width:160px; height:80px; margin: 0px 0px 0px 15px; border:#FFF solid 8px; }
	#content3 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 0px; border:#FFF solid 8px; }
	#content4 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 15px; border:#FFF solid 8px; }
	#content5 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 0px; border:#FFF solid 8px; }
	#content6 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 15px; border:#FFF solid 8px; }
	#content7 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 0px; border:#FFF solid 8px; }
	#content8 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 15px; border:#FFF solid 8px; }
	#content9 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 0px; border:#FFF solid 8px; }
	#content10 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 15px; border:#FFF solid 8px; }
	#content11 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 0px; border:#FFF solid 8px; }
	#content12 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 15px; border:#FFF solid 8px; }
	#content13 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 0px; border:#FFF solid 8px; }
	#content14 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 15px; border:#FFF solid 8px; }
	#content15 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 0px; border:#FFF solid 8px; }
	#content16 { position:relative; width:160px; height:80px; margin: 15px 0px 0px 15px; border:#FFF solid 8px; }

	#webcontent1 { position:relative; width:370px; height:185px; margin: 0px 0px 0px 0px; border:#FFF solid 8px; }
	#webcontent2 { position:relative; width:370px; height:185px; margin: 15px 0px 0px 0px; border:#FFF solid 8px; }
	#webcontent3 { position:relative; width:370px; height:185px; margin: 15px 0px 0px 0px; border:#FFF solid 8px; }
	#webcontent4 { position:relative; width:370px; height:185px; margin: 15px 0px 0px 0px; border:#FFF solid 8px; }
	#webcontent5 { position:relative; width:370px; height:185px; margin: 15px 0px 0px 0px; border:#FFF solid 8px; }



/* Contact Page Content */
#contact { margin-left: 10px; }
#postcard { position:absolute; margin: -5px 0px 0px 90px; width: 779px; height: 412px; background-image:url(../images/postcard.png); }
#postcard2 { position:absolute; margin: -5px 0px 0px 90px; width: 779px; height: 412px; background-image:url(../images/postcard2.png); }
#emailyvette { position:absolute; float:right; margin: 135px 0px 0px 532px; width:275px; height:80px; }
#emailharlan { position:absolute; float:right; margin: 255px 0px 0px 532px; width:275px; height:80px; }
#thanks {position:absolute; margin: 185px 0px 0px 138px; width: 320px; font-family: Helvetica, sans-serif; font-size: 1.4em; color:#4a4920; }

/* Contact Form */
#contactform { position:absolute; width: 310px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color:transparent; }
#submit { position:absolute; margin: 335px 0px 0px 360px; z-index:10; width: 93px; height: 44px; }
#contactname { position:absolute; margin: 55px 0px 0px 138px; width: 310px; height: 27px; }
#contactemail { position:absolute; margin: 95px 0px 0px 138px; width: 310px; height: 27px; }
#contactmessage { position:absolute; margin: 135px 0px 0px 138px; width: 310px; height: 185px; }
#contactform input, { width: 310px; height: 30px; font-family: Helvetica, sans-serif; font-size: 1.2em; color:#4a4920; background-color:transparent; }
#contactform textarea { width: 310px; height: 185px; background-color:transparent; font-size: 1.2em; color:#4a4920;}
#contactform input, #contactform textarea { width: 310px; font-family: Helvetica, sans-serif; font-size: 1.2em; background-color:transparent; color:#4a4920; }