@charset "UTF-8";
/* CSS Document */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	background-color:#CCC;
}

#wrapper {
	width:1000px; height:640px; background:#CCC;
}

#bannner {
	width:1000px; height:75px;
}

/*home*/
#home {
	width:870px; height:500px; margin:0 65px 0 65px; background:url(../asset/large/home/home.jpg);
}
#home h1 {
	float:left; margin:370px 0 0 20px; font-size:12px; line-height:150%; font-family:Arial, Helvetica, sans-serif;
}

/*columns*/
#colright {
	width:434px; height:500px; float:right;
}
#colleft {
	width:434px; height:500px; float:left;
}

/*footer*/
#footer {
	width:1000px; height:65px;
}
#copyright {
	margin:10px 65px 0 0; float:right; font-size:5pt; font-family:Arial, Helvetica, sans-serif;
}

/*******************/
/*navbar css styles*/
#navbar {
	width:870px; height:20px; margin:10px 65px 0 65px; background-color:#999;
}
#navbar ul {
	margin:0 0 0 19px;
}
#navbar li {
	float:left; margin:0 19px 0 0; display:inline; list-style-type:none;
}
.navbarbutton {
	height:20px; overflow:hidden;
}
.navbarbutton a {
	text-decoration:none; display:block;
}
.navbarbutton a img {
	border:0;
}

/*navbar corporate*/
.corporatebutton {
	width:136px;
}
.corporatebutton a {
	width:272px;
}
.corporatebutton a:hover {
	margin-left:-136px;	
}

/*navbar actor*/
.actorbutton {
	width:113px;
}
.actorbutton a {
	width:226px; 
}
.actorbutton a:hover { 
	margin-left:-113px;
}

/*navbar family*/
.familybutton {
	width:107px;
}
.familybutton a {
	width:214px;
}
.familybutton a:hover { 
	margin-left:-107px;
}

/*navbar about*/
.aboutbutton {
	width:115px;
}
.aboutbutton a {
	width:230px;
}
.aboutbutton a:hover { 
	margin-left:-115px;
}

/*navbar pricing*/
.pricingbutton {
	width:120px;
}
.pricingbutton a {
	width:240px;
}
.pricingbutton a:hover { 
	margin-left:-120px;
}

/*navbar contact*/
.contactbutton {
	width:142px;
}
.contactbutton a {
	width:284px;
}
.contactbutton a:hover { 
	margin-left:-142px;
}
/*end navbar css styles*/
/***********************/

/*******************************************************************/
/****************   specific page css styles ***********************/
/*******************************************************************/

/*katzgallery, used for family, corporate, and actor portrat gallery pages*/
#katzgallery {
	width:870px; height:500px; margin:10px  65px 0 65px; font-family:Arial, Helvetica, sans-serif;
}
#katzgalleryportrait {
	margin:0 0 0 50px; width:335px; height:500px;
}
#katzgalleryindex {
	margin:32px 0 0 14px; width:412px; height:315px;
}
#katzgalleryindex img {
	margin:0 13px 23px 0; width:90px; height:135px; float:left; border:0;
}
#katzgallery h1 {
	width:400px; margin:62px 0 0 14px; font-size:12px; font-weight:200;
}

/*about the studio*/
#about {
	width:870px; height:500px; margin:0 65px 0 65px; font-family:Arial, Helvetica, sans-serif;
}
#about #colleft h1 {
	width:420px; margin:15px 0 5px 0; font-size:17px; font-weight:200;
}
#about #colleft p {
	margin:0 0 0 0; font-size:14px;
}
#about #colright h1 {
	margin:5px 0 5px 15px; font-size:17px; font-weight:200;	
}
#about #colright p {
	margin:0 0 0 15px; font-size:14px;
}
#about #colright img {
	margin:20px 0 0 15px;	
}

/*pricing structure*/
#pricing {
	width:870px; height:500px; margin:0 65px 0 65px; font-family:Arial, Helvetica, sans-serif;
}
#pricing #colleft img {
	margin:15px 0 0 0;	
}
#pricing #colleft h1 {
	margin:15px 0 0 0; font-size:17pt; font-weight:200;
}
#pricing #colleft p {
}
#pricing #colleft .fineprint {
	margin:175px 0 0 0; font-size:9px; line-height:140%;
}
#pricing #colright img {
}
.prices {
	float:right; margin:0 125px 0 0; font-size:10.5pt;
}
#pricing #colright h1 {
	margin:15px 0 5px 15px; font-size:17px; font-weight:200;
}
#pricing #colright p {
	margin:0 0 0 15px; font-size:10.5pt;
}

/*contact Information*/
#contact {
	width:982px; height:520px; margin:0 0px 0 0px; font-family:Arial, Helvetica, sans-serif;
}
#contact h1 {
	width:393px; margin:40px 0 0 30px; font-size:12px; font-weight:200; line-height:130%;
}
#address {
	width:430px; margin:50px 0 0 68px; color:#333; font-size:20px; font-family:Arial, Helvetica, sans-serif;
}
#contact #colleft #address a {
	text-decoration:none; color:#333;
}
#contact #colleft #address a:hover {
	color:#FFF;	
}
#contactphoto {
	float:right; margin:0 50px 0 0;
}

/*contact form */
#contactform{
	width:500px; height:490px; margin:0 0 20px 150px; font-size:12px; font-family:"Arial Black", Gadget, sans-serif;
}

/* thank you */
#thankyou {
	widows:870px; height:500px; font-family:Arial, Helvetica, sans-serif;
}
#thankyou p {
	font-size:85px; padding:125px 0 0 315px;
}
#thankyou h1 {
	font-size:12px; margin:120px 0 0 85px; line-height:150%;
}

/*******************************************************************/
/************** end specific page css styles ***********************/
/*******************************************************************/

