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

body{
	background: #e5f0f2;
	margin: 24px 0 0 0;
	font-size:12px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	height:100%;
}
html{	
	height:100%;
}
a{
	color:#fff;
}
a img{
	border:none;
	text-decoration:none;
}
h1{
	color:#9cc5ca;
	font-size:18px;
	margin:0 0 20px 0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}
#container{
	width:936px;
	margin: 0 auto;
	border: 1px solid #000;
	background: #725a4a;
}
#gallery-background{
	background: url(../images/gallery-background.jpg) 0 0 no-repeat #d3e6ea;
}
#flashcontent{
	height: 586px;
	width:695px
}
#gallery-right{
	float:right;
	padding:50px 50px 0 0;
	width:211px;
	height: 536px;
	color:#725a4a;
}
#gallery-right a{
	color:#725a4a;
}
#header{
	width:936px;
	padding: 35px 0 20px 0;
	height:88px;
}
#logo{
	width:250px;
	padding:0 0 0 38px;
	float:left;
}
#topright{
	float:right;
	width:412px;
}
ul, li{
	padding:0;
	margin:0;
}
#leftside{
	width:546px;
	float:left;
}
#rightside{
	width:388px;
	float:right;
	border-left:2px solid #fff;
}
#brownback{
	background: #725a4a;
	height:336px;
	padding: 30px 33px 0 33px;
}
#whiteback{
	background: #fff;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#engagement{
	background: url(../images/engagement-background.jpg) 0 0 no-repeat #fff;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#savethedate{
	background: url(../images/save-the-date-background.jpg) 0 0 no-repeat #fff;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#bridalshower{
	background: url(../images/bridal-shower-background.jpg) 0 0 no-repeat #fff;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#invitation{
	background: url(../images/invitation-background.jpg) 0 0 no-repeat #fff;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#baby{
	background: #d8eeee;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#baby-shower{
	background: url(../images/baby-shower-back.jpg) 0 0 no-repeat #d8eeee;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#birth-announcements{
	background: url(../images/birth-announcements-back.jpg) 0 0 no-repeat #d8eeee;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#specialty-cards{
	background:#ddd28d;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#specialty-cards h1, #birthday-cards h1, #party-cards h1, #holiday-cards h1, #business-cards h1, #personalized-stationery h1, #design-studio h1{
	color:#FFF;
}
#birthday-cards{
	background: url(../images/birthday-cards-back.jpg) 0 0 no-repeat #bfe6ee;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#party-cards{
	background: url(../images/party-cards-back.jpg) 0 0 no-repeat #b9b8d7;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#holiday-cards{
	background: url(../images/holiday-cards-back.jpg) 0 0 no-repeat #ea5350;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#business-cards{
	background: url(../images/business-cards-back.jpg) 0 0 no-repeat #c7c8ca;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#personalized-stationery{
	background: #eea7a9;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#design-studio{
	background: #f9a867;
	color:#5b4739;
	height:478px;
	padding: 30px 33px 0 33px;
}
#testimonials{
	background:url(../images/testimonials-background.jpg) 0 0 no-repeat #d3e6ea;
	color:#5b4739;
	padding:30px 0 60px 0;
}
#testimonials h1{
	color:#5b4739;
	padding:0 0 0 75px;
}
#contact{
	background: url(../images/contact-back.jpg) 0 0 no-repeat;
	padding:33px 68px 0 74px;
}
#contact h1{
	color:#fff;
}
#colLeft{
	float:left;
	width:343px;
	padding: 0 50px 0 75px
}
#colRight{
	float:right;
	width:368px;
	padding: 0 50px 0 50px;
}
/*-----------Navigation----------*/
#nav{
	background:#9cc5ca;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	height:27px;
	padding:0 0 0 25px;
	position:relative;
	margin:0;
}
#nav a{
	display:block;
	text-decoration:none;
	height:27px;
	float:left;
}
#nav a:hover{
	background-position: 0 -27px;
}
a.wedding{
	width: 99px;
	background: url(../images/wedding_bt.gif) 0 0 no-repeat;
}
a.baby{
	width: 65px;
	background: url(../images/baby_bt.gif) 0 0 no-repeat;
}
a.specialty-cards{
	width: 161px;
	background: url(../images/specialty-cards_bt.gif) 0 0 no-repeat;
}
a.personalized-stationery{
	width: 232px;
	background: url(../images/personalized-stationery_bt.gif) 0 0 no-repeat;
}
a.design-studio{
	width: 142px;
	background: url(../images/design-studio_bt.gif) 0 0 no-repeat;
}
a.gallery{
	width: 92px;
	background: url(../images/gallery_bt.gif) 0 0 no-repeat;
}
a.contact{
	width: 86px;
	background: url(../images/contact_bt.gif) 0 0 no-repeat;
}
#nav ul {
    float:left;
    list-style:none;
    width:100%;
}
#nav li {
    float:left;
	list-style: none;
	display:block;
	position: relative;
}
#nav li ul {
		display: none;
}
#nav li ul {
    position:absolute;
    left:14px;
	top:27px;
    width:200px;
	border-top:2px solid #fff;
}
#nav li li {
    width:200px;
    border-bottom:2px solid #fff;
	position: relative;

}
#nav li li a {
    padding:8px 0 0 10px;
	font-size:11px;
   	font-style:bold;
    font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	width:190px;
	background:#9cc5ca;
	height:25px;
}
#nav li li a:hover {
	background:#725a4a;
}
#nav li.sfhover ul, #nav li:hover ul{
    display: block;
	z-index: 6000;
}

/*----------Footer-----------*/
#aboveFooter{
	height:20px;
	border-top: 2px solid #fff;
	background: #725a4a;
}
#footer{
	width: 936px;
	margin:10px auto 20px auto;
	color:#725a4a;
	text-align:center;
}
#footer a{
	color:#725a4a;
	text-decoration:none;
	padding:0 2px 0 2px;
}
#footer a:hover{
	text-decoration:underline;
}
.spacer{
	padding-left:100px;
}

/*-----------Misc-----------*/
.clear{
	clear:both;
}
.bottomImg{
	border-top:2px solid #fff;
}
.right{
	float:right;
}