@charset "utf-8";

/* CSS Document */

html,
body {
	width:100%;
	height:100%;
	background:url(../images/bg.jpg) repeat top;
	overflow:auto;
	font-family:Georgia;
	font-size:12px;
	line-height:15.4px;
	color:#2c2323;
	min-width:940px;
}

#main {
	position:absolute;
	display:block;
	width:910px;
	top:0px;
	left:50%;
	margin-left:-470px;
	background-color:#FFF;
	padding-left:15px;
	padding-right:15px;
	z-index:1;
}

/****************** HEADER ******************/

header {
	width:100%;
	padding-bottom:10px;
}

#homepage-header-image {
	display:none;
	float:left;
}
#home-page-body #homepage-header-image {
	display:block;	
}

#header-image {
	float:left;
}
#home-page-body #header-image {
	display:none;	
}

#header-line {
	width:100%;
	height:1px;
	background:url(../images/header_footer_line.jpg) 0 0 no-repeat;
}

#main-menu {
	display:block;
	height:17px;
	position:relative;
	left:10px;
	padding-bottom:10px;
	clear:left;
}

.main-menu-separator {
	background:url(../images/main_menu_separator.png) 0 3px no-repeat;
	height:23px;
	display:inline;
	padding-left:24px;
}

#navigation li {
	float: left;
	list-style:none;
}
#navigation div {
	padding: 3px 5px 3px 5px;
	background: rgba(241, 89, 63, 0);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#navigation a {
	color:#412616;
	vertical-align:top;
	cursor:pointer;
	text-decoration:none;
	letter-spacing:0.12em;
}

#navigation div:hover {
	cursor:pointer;
	background-color:#f1593f;
	background: rgba(241, 89, 63, 1);
}
#navigation div:hover a {
	cursor:pointer;
	color:#FFF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#social-links {
	display:block;
	height:33px;
	position:absolute;
	right:24px;
	top:125px;
	clear:right;
	float:right;
	z-index:2;
}

#social-links img {
	float:left;
	padding-right:6px;	
	margin:0px;
	display:block;
}

/* individual navigation items */

#collection-page-body #navigation .collection div {
	background-color:#f1593f;
	background: rgba(241, 89, 63, 1);
}
#collection-page-body #navigation .collection a {
	color:#FFF;
}

#passports-visas-page-body #navigation .passports-visas div {
	background-color:#f1593f;
	background: rgba(241, 89, 63, 1);
}
#passports-visas-page-body #navigation .passports-visas a {
	color:#FFF;
}

#stores-page-body #navigation .stores div {
	background-color:#f1593f;
	background: rgba(241, 89, 63, 1);
}
#stores-page-body #navigation .stores a {
	color:#FFF;
}

#follow-page-body #navigation .follow div {
	background-color:#f1593f;
	background: rgba(241, 89, 63, 1);
}
#follow-page-body #navigation .follow a {
	color:#FFF;
}

#news-page-body #navigation .news div {
	background-color:#f1593f;
	background: rgba(241, 89, 63, 1);
}
#news-page-body #navigation .news a {
	color:#FFF;
}

/****************** FOOTER ******************/

footer {
	width:100%;
	height:26px;
	display:block;
	position:relative;
	clear:both;	
}

#footer-line {
	display:block;
	width:100%;
	height:1px;
	background:url(../images/header_footer_line.jpg) 0 0 no-repeat;
}

.footer-text {
	float:left;
	font-size:10px;
	color:#412616;
	padding-right:30px;
	padding-top:5px;
}

/****************** PAGES ******************/

#page-area {
	width:610px;
	height:100%;
	margin-bottom:15px;
	position:relative;
	z-index:1;
}
.page-area-left {
	float:left;
	padding-right:15px;
}
.page-area-right {
	float:right;
	padding-left:15px;
}

#page-area img {
	display:block;
}

#sidebar-area {
	width:285px;
	height:100%;
	margin-bottom:15px;
	position:relative;
	z-index:2;
}
.sidebar-area-left {
	float:left;
}
.sidebar-area-right {
	float:right;
}

#sidebar-area img {
	display:block;
}

#sidebar-area #sidebar-email {
	margin-top: 1px;	
}

/*** HOME ***/

#congratulations {
	position:absolute;
	background:url(../images/congratulations.jpg) 0 0 no-repeat;
	width:221px;
	height:39px;
	top:24px;
}

#instagram {
	display:block;
	position:relative;
	margin-top:1px;	
}

#instagram div {
	display:block;
	position:absolute;
	background:url(../images/instagram_strip_over.jpg) 0 0 no-repeat;
	width:137px;
	height:16px;
	left:13px;
	top:13px;
	z-index:1;
}

#towers-home {
	display:block;
	position:relative;
	clear:both;
	width:285px;
	height:249px;	
}

#chrysler-building {
	float:left;
	width:78px;
	margin-left:24px;
	margin-top:24px;
}
#big-ben {
	float:left;
	width:54px;
	margin-left:18px;
	margin-top:42px;
}

#sears-tower {
	float:left;
	width:50px;
	margin-left:29px;
	margin-top:21px;
}

#towers-home .tower-home .tower-over {
	width:221px;
	height:0px;
	position:absolute;
	left:27px;
	top:26px;
	z-index:1px;
	-webkit-transition: height 0s ease 0.2s;
	-moz-transition: height 0s ease 0.2s;
	-o-transition: height 0s ease 0.2s;
	transition: height 0s ease 0.2s;
}
#towers-home .tower-home:hover .tower-over {
	height:220px;
	-webkit-transition: height 0s;
	-moz-transition: height 0s;
	-o-transition: height 0s;
	transition: height 0s;
}

#towers-home .tower-home .tower-over img {
	opacity:0;
	height:0px;
	-webkit-transition: opacity 0.2s ease-in, height 0s ease 0.2s;
	-moz-transition: opacity 0.2s ease-in, height 0s ease 0.2s;
	-o-transition: opacity 0.2s ease-in, height 0s ease 0.2s;
	transition: opacity 0.2s ease-in, height 0s ease 0.2s;
}
#towers-home .tower-home:hover .tower-over img {
	opacity:1;
	height:220px;
	-webkit-transition: opacity 0.3s ease-out, height 0s;
	-moz-transition: opacity 0.3s ease-out, height 0s;
	-o-transition: opacity 0.3s ease-out, height 0s;
	transition: opacity 0.3s ease-out, height 0s;
}
#towers-home .tower-home:hover .tower-link-1,
#towers-home .tower-home:hover .tower-link-2 {
	display:block;
}

.tower-link-1 {
	position:absolute;
	display:none;
	width:181px;
	height:13px;	
	left:18px;
	top:108px;
	z-index:2;
	background-image:url(fake_image.gif);
}
.tower-link-2 {
	position:absolute;
	display:none;
	width:165px;
	height:13px;
	left:29px;
	top:129px;
	z-index:2;
	background-image:url(fake_image.gif);
}

.default_section_text {
	font-style:italic;
}
.default_section_titles h1 {
	font-size:16px;
	font-weight:normal;
	color:#80491e;
	padding-bottom:7px;
}

/*** PASSPORTS & VISAS ***/

.page-area-passports-visas {
	width:597px;
}
.sidebar-area-passports-visas {
	width:298px;	
}

#passports-visas {
	padding-left:5px;
	width:565px;
}

#towers-passports-visas {
	display:block;
	position:relative;
	clear:both;
	width:100%;
	height:249px;
	margin-bottom:15px;
}

#chrysler-building.chrysler-building-passports-visas {
	margin-left:124px;
	margin-top:30px;
}
#big-ben.big-ben-passports-visas {
	margin-left:49px;
	margin-top:40px;
}

.sears-tower-passports-visas {
	margin-left:29px;
	margin-top:21px;
}

#liberty {
	float:left;
	width:59px;
	margin-left:61px;
	margin-top:26px;
}

#empire-state {
	float:left;
	width:83px;
	margin-left:41px;
	margin-top:9px;
}

#globus {
	float:left;
	width:176px;
	margin-left:40px;
	margin-top:11px;
}

/*** THE COLLECTION ***/

.page-area-collection {
	border-right:285px solid #eaeff3;
	margin-right:-285px;
}
.sidebar-area-collection {
	background-color:#eaeff3;
}

#collection-desc {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:13px;
	
}
.collection-desc-text {
	line-height:19px;
}
#collection-images img {
	padding-bottom:1px;
}
.collection-last-image {
	padding-bottom:0px;
}

#sidebar-area nav {
	width:255px;
	margin: 15px 15px 15px 15px;
}
#sidebar-area nav h1 {
	color:#221f1f;
	font-weight:normal;
	letter-spacing:0.15em;	
	margin-bottom:6px;
}
#collection-nav ul {
	float:left;
	margin-left:12px;
	display:none;
}

#collection-nav div.collection-nav-arrow {
	text-decoration:none;
	color:#2c2323;
	vertical-align:middle;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}
#collection-nav ul a {
	font-style:italic;
	cursor:pointer;
	text-decoration:none;
	color:#2c2323;
	vertical-align:middle;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#collection-nav ul a:hover {
	color:#f1593f;
}
.collection-nav-arrow {
	background:url(../images/collection_nav_arrow.png) 0 4px no-repeat;
	padding-left:12px;
}
#collection-nav div.collection-nav-arrow:hover {
	background-position:0 -9px;
	color:#f1593f;
}
.collection-nav-section-selected {
	background:url(../images/collection_nav_arrow_selected.png) 0 4px no-repeat;
	padding-left:12px;
}
#collection-nav .collection-nav-section-selected {
	color:#f1593f;
}
#collection-nav li {
	width:255px;
	float:left;
	clear:both;
	margin-bottom:12px;
}
#collection-nav ul li {
	margin-bottom:0px;
	margin-top:4px;
}
#collection-nav li.collection-nav-last-section {
	margin-bottom:0px;
}
#collection-nav div {
	display:block;
	clear:both;
	cursor:pointer;
	width:100%;
}
#collection-nav div:hover a {
	color:#f1593f;
}
#collection-nav .collection-subtext {
	margin-top:4px;
	font-size:11px;	
	font-style:italic;
	cursor:default;
}

/* INDIVIDUAL COLLECTION PAGES */

.baby-body #baby ul,
.wedding-body #wedding ul,
.holiday-body #holiday ul,
.social-body #social ul,
.thank-you-notes-body #thank-you-notes ul,
.jet-setter-notecards-body #jet-setter-notecards ul {
	display:block;
}

.baby-1-body #baby-1 a,
.baby-2-body #baby-2 a,
.baby-3-body #baby-3 a,
.baby-4-body #baby-4 a,
.baby-5-body #baby-5 a,
.baby-6-body #baby-6 a,
.baby-7-body #baby-7 a,
.wedding-1-body #wedding-1 a,
.wedding-2-body #wedding-2 a,
.wedding-3-body #wedding-3 a,
.wedding-4-body #wedding-4 a,
.wedding-5-body #wedding-5 a,
.wedding-6-body #wedding-6 a,
.holiday-1-body #holiday-1 a,
.holiday-2-body #holiday-2 a,
.social-1-body #social-1 a,
.social-2-body #social-2 a,
.social-3-body #social-3 a,
.social-4-body #social-4 a,
.social-5-body #social-5 a,
.thank-you-notes-1-body #thank-you-notes-1 a,
.thank-you-notes-2-body #thank-you-notes-2 a,
.thank-you-notes-3-body #thank-you-notes-3 a,
.thank-you-notes-4-body #thank-you-notes-4 a,
.jet-setter-notecards-1-body #jet-setter-notecards-1 a,
.jet-setter-notecards-2-body #jet-setter-notecards-2 a,
.jet-setter-notecards-3-body #jet-setter-notecards-3 a,
.jet-setter-notecards-4-body #jet-setter-notecards-4 a,
.jet-setter-notecards-5-body #jet-setter-notecards-5 a {
	color:#f1593f;
}