html {
	padding: 0;
	margin: 0;
	background: #FFFFFF;
}

body {
	margin: 15px 0 15px 0;
}

.clear-it {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	display:block;
}

.clear-it2 {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 15px;
	display:block;
	width: 800px;
}


#wrap {
	width: 800px;
	margin: auto;
}

/************** Header ****************/

#header {
	width: 800px;
	height: 116px; /*88*/
	padding: 0 0 0 0;	
	margin: 14px 0 0 0;
	background: url(../images/header-bg.gif) repeat-x;
}

/*#header #logo {
	float: left;
	display: block;
	width: 297px; /*305	
	height: 38px;
	padding: 0 0 0 8px;
}*/

#header #logo {
	float: left;
	display: inline;
	width: 142px; /*305*/	
	height: 116px;
	padding: 0 0 0 0;
	margin: 0 0 0 67px;
}

/************** Nav ****************/

#nav {
	float: left;
	display: inline;
	width: 495px;
	padding: 20px 0 0 90px;
	height: 18px;
}

#nav ul {
	width: 488px; 
	height: 18px; 
	background: url(../images/nav.gif) no-repeat 0 0;
	position: relative; 
	top: 0px; 
	left: 0px;
	list-style: none;
	margin: 0; padding: 0;
}

#nav li {
	display: inline;
}

#nav li a:link, #nav li a:visited {
	border: none;
	display: block; 
	position: absolute; 
	top: 0; 
	height: 18px;
	text-indent: -7000px; 
	outline: none;
}

#nav li.wedding a:link, #nav li.wedding a:visited { 
	left: 0px;
	width: 56px;
}
#nav li.stationery a:link, #nav li.stationery a:visited { 
	left: 56px;
	width: 70px;
}
#nav li.celebrate a:link, #nav li.celebrate a:visited { 
	left: 126px;
	width: 87px;
}
#nav li.details a:link, #nav li.details a:visited { 
	left: 213px;
	width: 53px;
}
#nav li.about a:link, #nav li.about a:visited { 
	left: 266px;
	width: 48px;
}
#nav li.blog a:link, #nav li.blog a:visited { 
	left: 314px;
	width: 43px;
}
#nav li.pnp a:link, #nav li.pnp a:visited { 
	left: 357px;
	width: 94px;
}
#nav li.shop a:link, #nav li.shop a:visited { 
	left: 451px;
	width: 37px;
}

#nav li.wedding a:hover {
	background: url(../images/nav.gif) no-repeat -0px -18px; 
}
#nav li.stationery a:hover {
	background: url(../images/nav.gif) no-repeat -56px -18px; 
}
#nav li.celebrate a:hover {
	background: url(../images/nav.gif) no-repeat -126px -18px; 
}
#nav li.details a:hover {
	background: url(../images/nav.gif) no-repeat -213px -18px; 
}
#nav li.about a:hover {
	background: url(../images/nav.gif) no-repeat -266px -18px; 
}
#nav li.blog a:hover {
	background: url(../images/nav.gif) no-repeat -314px -18px; 
}
#nav li.pnp a:hover {
	background: url(../images/nav.gif) no-repeat -357px -18px; 
}
#nav li.shop a:hover {
	background: url(../images/nav.gif) no-repeat -451px -18px; 
}

/***/

#nav li .sub-nav {
	position: absolute;
	top: 18px;
	display: none;
	padding: 10px 0 0 0;
}

#nav li .sub-nav ul {
	width: 280px;
	height: 16px; 
	position: relative; 
	background: none;
	top: 0px; 
	left: 0px;
	list-style: none;
	margin: 0; padding: 0;
	
}

#nav li .sub-nav li {
	display: inline;
}

#nav li .sub-nav li a:link, #nav li .sub-nav li a:visited {
	border: none;
	display: block; 
	position: absolute; 
	top: 0; 
	height: 16px;
	text-indent: -7000px; 
	outline: none;
}

#nav li .sub-nav li.letterpress a:link, #nav li .sub-nav li.letterpress a:visited { 
	left: 0px;
	width: 73px;
	background: url(../images/subnav_wedding.gif) no-repeat -0px -0px; 
}
#nav li .sub-nav li.gocco a:link, #nav li .sub-nav li.gocco a:visited { 
	left: 73px;
	width: 47px;
	background: url(../images/subnav_wedding.gif) no-repeat -73px -0px;
}

#nav li .sub-nav li.letterpress a:hover {
	background: url(../images/subnav_wedding.gif) no-repeat -0px -16px; 
}
#nav li .sub-nav li.gocco a:hover {
	background: url(../images/subnav_wedding.gif) no-repeat -73px -16px; 
}

#nav li #stationery-sub {
	margin-left: 56px;	
}

#nav li .sub-nav li.custom a:link, #nav li .sub-nav li.custom a:visited { 
	left: 0px;
	width: 112px;
	background: url(../images/subnav_stationery.gif) no-repeat -0px -0px; 
}
#nav li .sub-nav li.ready-made a:link, #nav li .sub-nav li.ready-made a:visited { 
	left: 112px;
	width: 129px;
	background: url(../images/subnav_stationery.gif) no-repeat -112px -0px;
}

#nav li .sub-nav li.custom a:hover {
	background: url(../images/subnav_stationery.gif) no-repeat -0px -16px; 
}
#nav li .sub-nav li.ready-made a:hover {
	background: url(../images/subnav_stationery.gif) no-repeat -112px -16px; 
}


#nav li #details-sub {
	margin-left: 211px;	
}

#nav li .sub-nav li.process a:link, #nav li .sub-nav li.process a:visited { 
	left: 0px;
	width: 55px;
	background: url(../images/subnav_details.gif) no-repeat -0px -0px; 
}
#nav li .sub-nav li.faqs a:link, #nav li .sub-nav li.faqs a:visited { 
	left: 55px;
	width: 41px;
	background: url(../images/subnav_details.gif) no-repeat -55px -0px; 
}
#nav li .sub-nav li.pricing a:link, #nav li .sub-nav li.pricing a:visited { 
	left: 97px;
	width: 56px;
	background: url(../images/subnav_details.gif) no-repeat -97px -0px; 
}
#nav li .sub-nav li.letterpress-d a:link, #nav li .sub-nav li.letterpress-d a:visited { 
	left: 157px;
	width: 76px;
	background: url(../images/subnav_details.gif) no-repeat -157px -0px; 
}
#nav li .sub-nav li.gocco-d a:link, #nav li .sub-nav li.gocco-d a:visited { 
	left: 233px;
	width: 44px;
	background: url(../images/subnav_details.gif) no-repeat -233px -0px; 
}


#nav li .sub-nav li.process a:hover {
	background: url(../images/subnav_details.gif) no-repeat -0px -16px; 
}
#nav li .sub-nav li.faqs a:hover {
	background: url(../images/subnav_details.gif) no-repeat -55px -16px; 
}
#nav li .sub-nav li.pricing a:hover {
	background: url(../images/subnav_details.gif) no-repeat -97px -16px; 
}
#nav li .sub-nav li.letterpress-d a:hover {
	background: url(../images/subnav_details.gif) no-repeat -157px -16px; 
}
#nav li .sub-nav li.gocco-d a:hover {
	background: url(../images/subnav_details.gif) no-repeat -233px -16px; 
}


#nav li #about-sub {
	margin-left: 265px;	
}

#nav li .sub-nav li.the-studio a:link, #nav li .sub-nav li.the-studio a:visited { 
	left: 0px;
	width: 111px;
	background: url(../images/subnav_about.gif) no-repeat -0px -0px; 
}
#nav li .sub-nav li.reviews a:link, #nav li .sub-nav li.reviews a:visited { 
	left: 111px;
	width: 53px;
	background: url(../images/subnav_about.gif) no-repeat -111px -0px; 
}
#nav li .sub-nav li.press a:link, #nav li .sub-nav li.press a:visited { 
	left: 164px;
	width: 42px;
	background: url(../images/subnav_about.gif) no-repeat -164px -0px; 
}


#nav li .sub-nav li.the-studio a:hover {
	background: url(../images/subnav_about.gif) no-repeat -0px -16px; 
}
#nav li .sub-nav li.reviews a:hover {
	background: url(../images/subnav_about.gif) no-repeat -111px -16px; 
}
#nav li .sub-nav li.press a:hover {
	background: url(../images/subnav_about.gif) no-repeat -164px -16px; 
}



/************** Green Div ****************/

.div-green {
	width: 800px;	
	height: 5px;
	background: url(../images/div-green.gif) repeat-x;
}

/************** Content ****************/

#content-index {
	width: 790px; /*800*/
	height: 315px; /*395*/
	margin: 45px 0 35px 10px;	
}

#content-index #content-l {
	float: left;
	display: block;
	width: 410px;	
}

#content-index #content-r {
	float: left;
	display: block;
	width: 371px;	
	color: #717170;
	font: 14px/20px times, serif;
}

#content-index #content-r #content-r-text {
	padding: 25px 0 0 0;	
}

/***/

#content-wedding {
	width: 800px; /*800*/
	height: 315px; /*395*/
	margin: 45px 0 35px 0px;	
}

#content-wedding #content-l {
	float: left;
	display: inline;
	width: 370px; /*400*/	
	padding: 0 0 0 30px;
}

#content-wedding #content-r {
	float: left;
	display: inline;
	width: 373px; /*400*/
	padding: 0 0 0 27px;	
}

#content-wedding-gallery {
	width: 800px; /*800*/
	/*height: 315px; /*395*/
	margin: 20px 0 35px 0px;
}

/***/

#content-stationery {
	width: 800px; /*800*/
	height: 315px; /*395*/
	margin: 45px 0 35px 0px;	
}

#content-stationery #content-l {
	float: left;
	display: inline;
	width: 370px; /*400*/	
	padding: 0 0 0 30px;
}

#content-stationery #content-r {
	float: left;
	display: inline;
	width: 373px; /*400*/
	padding: 0 0 0 27px;	
}

#content-stationery-gallery {
	width: 800px; /*800*/
	/*height: 315px; /*395*/
	margin: 20px 0 35px 0px;
}

/***/

#content-invitation-gallery {
	width: 800px; /*800*/
	/*height: 315px; /*395*/
	margin: 20px 0 35px 0px;
}

/***/

#content-process {
	width: 800px; /*800*/
	margin: 15px 0 10px 0px;	
	font: 11px/14px verdana, sans-serif;
	color: #717170;
}

#content-process p {
	padding: 0 0 15px 0;	
	margin: 0;
}

#content-process #content-l {
	float: left;
	display: inline;
	width: 350px; /*400*/	
	padding: 0 20px 0 30px;
}

#content-process #content-r {
	float: left;
	display: inline;
	width: 353px; /*400*/
	padding: 0 20px 0 27px;	
}

/***/

#content-faqs {
	width: 650px; /*800*/
	margin: 15px 75px 10px 75px;	
	font: 11px/14px verdana, sans-serif;
	color: #717170;
}

#content-faqs a:link, #content-faqs a:visited {
	font: 11px/14px verdana, sans-serif;
	color: #717170;
	text-decoration: underline;
}

#content-faqs a:hover {
	text-decoration: none;
}

#content-faqs p {
	padding: 0 0 15px 0;	
	margin: 0;
}

#content-faqs h1 {
	padding: 0 0 0 0;
	margin: 7px 0 10px 0;	
	text-transform: uppercase;
	font: 12px/14px verdana, sans-serif;
	color: #5A5A59;
}

/***/

#content-pricing {
	width: 800px; /*800*/
	margin: 15px 0 10px 0px;	
	font: 11px/15px verdana, sans-serif;
	color: #717170;
}

#content-pricing p {
	padding: 0 0 20px 0;	
	margin: 0;
}

#content-pricing #content-l {
	float: left;
	display: inline;
	width: 442px; /*484*/	
	padding: 0 20px 0 22px;
}

#content-pricing #content-r {
	float: left;
	display: inline;
	width: 290px; /*300*/
	padding: 0 10px 0 0px;	
}

#content-pricing #content-r a:link, #content-pricing #content-r a:visited {
	font: 11px/14px verdana, sans-serif;
	color: #717170;
	text-decoration: underline;
}

#content-pricing #content-r a:hover {
	text-decoration: none;
}

/***/

#content-letter-d {
	width: 800px; /*800*/
	margin: 15px 0 10px 0px;	
	font: 11px/19px verdana, sans-serif;
	color: #717170;
}

#content-letter-d p {
	padding: 0 0 20px 0;	
	margin: 0;
}

#content-letter-d #content-l {
	float: left;
	display: inline;
	width: 442px; /*484*/	
	padding: 0 20px 0 22px;
}

#content-letter-d #content-r {
	float: left;
	display: inline;
	width: 290px; /*300*/
	padding: 0 10px 0 0px;	
}

/***/

#content-gocco-d {
	width: 800px; /*800*/
	margin: 15px 0 10px 0px;	
	font: 11px/18px verdana, sans-serif;
	color: #717170;
}

#content-gocco-d p {
	padding: 0 0 20px 0;	
	margin: 0;
}

#content-gocco-d #content-l {
	float: left;
	display: inline;
	width: 442px; /*484*/	
	padding: 0 20px 0 22px;
}

#content-gocco-d #content-r {
	float: left;
	display: inline;
	width: 290px; /*300*/
	padding: 0 10px 0 0px;	
}


/***/

#content-sarah {
	width: 800px; /*800*/
	margin: 15px 0 10px 0px;	
	font: 11px/14px verdana, sans-serif;
	color: #717170;
}

#content-sarah p {
	padding: 0 0 10px 0;	
	margin: 0;
}

#content-sarah #content-l {
	float: left;
	display: inline;
	width: 442px; /*484*/	
	padding: 0 20px 0 22px;
}

#content-sarah #content-r {
	float: left;
	display: inline;
	width: 290px; /*300*/
	padding: 0 10px 7px 0px;	
}

#content-sarah #content-r a:link, #content-sarah #content-r a:visited {
	font: 11px/14px verdana, sans-serif;
	color: #717170;
	text-decoration: underline;
}

#content-sarah #content-r a:hover {
	text-decoration: none;
}

#content-sarah #about-bot1 {
	float: left;
	display: inline;
	
}

#content-sarah #about-bot1 img {
	float: left;	
}

#content-sarah #about-bot1 #bot1-text {
	float: left;
	display: block;
	margin: 20px 15px 0 15px;
	width: 128px;	
}

#content-sarah #about-bot2 {
	float: left;
	display: inline;

}

#content-sarah #about-bot2 img {
	float: left;
	display: block;	
}

#content-sarah #about-bot2 #bot2-text {
	float: left;
	display: inline;
	margin: 20px 15px 0 15px;
	width: 125px;	
}

#content-sarah #about-bot3 {
	float: left;
	display: inline;
	
}

#content-sarah #about-bot3 img {
	float: left;
	display: block;	
}

#content-sarah #about-bot3 #bot3-text {
	float: left;
	display: inline;
	margin: 20px 15px 0 15px;
	width: 85px;	
}

/***/

#content-press-gallery {
	width: 800px; /*800*/
	/*height: 315px; /*395*/
	margin: 20px 0 35px 0px;
}

/***/

#content-reviews {
	width: 800px; /*800*/
	height: 200px; /*395*/
	margin: 40px 0 35px 0px;
	font: 18px/20px verdana, sans-serif;
	color: #717170;
}

/***/

#content-pnp {
	width: 800px; /*800*/
	margin: 15px 0 10px 0px;	
	font: 10px/12px verdana, sans-serif;
	color: #717170;
}

#content-pnp p {
	padding: 0 0 10px 0;	
	margin: 0;
}

#content-pnp #content-l {
	float: left;
	display: inline;
	width: 442px; /*484*/	
	padding: 0 20px 0 22px;
}

#content-pnp #content-r {
	float: left;
	display: inline;
	width: 290px; /*300*/
	padding: 0 10px 0 0px;	
}

#content-pnp #content-r a:link, #content-pnp #content-r a:visited {
	font: 11px/14px verdana, sans-serif;
	color: #717170;
	text-decoration: underline;
}

#content-pnp #content-r a:hover {
	text-decoration: none;
}


/************** Footer ****************/

#footer {
	width: 800px;
	margin: 30px 0 10px 0;	
	text-align: center;
}

#footer #contact {
	color: #717170;
	font: 12px/14px times, serif;	
	padding: 7px 0 0 0;
}

#footer #contact a:link, #footer #contact a:visited {
	color: #717170;
	font: 12px/14px times, serif;	
	text-decoration: none;
}

#footer #contact a:hover {
	text-decoration: underline;
}

#footer #foot-copy {
	color: #717170;
	font: 9px/11px verdana, sans-serif;	
	padding: 20px 0 0 0;
}






