/*
Theme Name: www.tarrarosenbaum.com // temp holding page
Theme URI: http: //www.tarrarosenbaum.com/
Version: - TAR.v.1.11.11.30
Author: Vico Zabel
*/

/*------------------------------------------------------------------------------*/
/** --- DESKTOP - not responsive --- */
/*------------------------------------------------------------------------------*/

/* @fold --------- SITE --------------- */
html {
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;
}
body {
	font-size: 16px;
	line-height: 20px;
	min-width: 720px;
	margin: 0px 0px 0px 0px;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #2782cf;
}
#site_container {
	display: block;
	position: relative;
	width: 100%;
	min-width:720px;
	max-width: 960px;
	height: 780px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}
#content_container {
	display: block;
	position: relative;
	width: 720px;
	height: 420px;

	margin: 0px auto 0px auto;
	overflow: hidden;
}
/* @end */
/* @fold --------- NAVIGATION --------- */
#navigation {
	display: block;
	position: relative;
	width: 100%;
	height: 240px;
	margin: 0px 0px 0px 0px;
}
#navigation .logo {
	display: block;
	position: relative;
	width: 100%;
	height: 140px;
	margin: 0px 0px 0px 0px;
	background: url(002_SITE_IMAGES/site-NAVIGATION/logo.png) center;

	text-indent: -9000px;
}
#navigation .tagline {
	display: block;
	position: relative;
	width: 100%;
	height: 100px;
	margin: 0px 0px 0px 0px;
	background: url(002_SITE_IMAGES/site-NAVIGATION/tagline_bg.png) center;

	text-align: center;
}
#navigation .tagline p {
	display: block;
	position: relative;
	width: 640px;
	height: 40px;
	padding: 10px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: #FFFFFF;
	overflow: hidden;

	font-family: garamond-premier-pro-display,serif;
	font-style: italic;
	font-weight: 300;
	font-size: 34px;
	line-height: 40px;
	letter-spacing: 0px;
	color: #cb5d50;
}
#navigation .tagline .signup {
	display: block;
	position: relative;
	width: auto;
	height: 20px;
	padding-top: 3px;
	margin: 0px auto 0px auto;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 0.5px;
	color: #c3bca9;
	text-transform: uppercase;
}
#navigation .tagline .signup:hover, #navigation .tagline .signup_active {
	color: #796567;
}
/* @end */
/* @fold --------- FOOTER --------- */
#footer {
	display: block;
	position: relative;
	width: 100%;
	height: 120px;
	margin: 0px 0px 0px 0px;
	background: url(002_SITE_IMAGES/site-FOOTER/footer_bg.png) center;
}
#footer .link_container {
	display: block;
	position: relative;
	width: 720px;
	height: 120px;
	margin: 0px auto 0px auto;
}

#footer .shops {
	display: block;
	position: absolute;
	width: auto;
	height: 20px;
	right: 500px;
	top: 43px;
	padding: 0px 7px 0px 7px;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #aea7b1;
	text-transform: uppercase;
}
#footer .shops:hover, #footer .shops_active {
	color: #cb5d50;
}

#footer .credits {
	display: block;
	position: absolute;
	width: 170px;
	height: 60px;
	margin: 23px 0px 0px 275px;
	background: #FFFFFF;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 0.5px;
	color: #c3bca9;
	text-transform: uppercase;
	text-align: center;
}
#footer .credits span {
	color: #aea7b1;
}
#footer .credits:hover span, #footer .credits_active span {
	color: #796567;
}

#footer .contact {
	display: block;
	position: absolute;
	width: auto;
	height: 20px;
	left: 500px;
	top: 43px;
	padding: 0px 7px 0px 7px;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #aea7b1;
	text-transform: uppercase;
}
#footer .contact:hover, #footer .contact_active {
	color: #cb5d50;
}
/* @end */

/* @fold --------- signup --------- */
#signup {
	display: none;
	position: relative;
	width: 720px;
	height: 420px;
	margin: 0px 0px 0px 0px;
}
#signup h1 {
	display: block;
	position: relative;
	width: 720px;
	height: 20px;
	margin: 27px auto 25px auto;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #796567;
	text-align: center;
}
#signup .form_field {
	display: block;
	position: relative;
	width: 280px;
	height: 35px;
	margin: 0px auto 10px auto;

	outline: none;
	resize: none;
	border: 1px solid #d1dbdd;
	background-color: #d8f0f5;

	font-family: garamond-premier-pro-display,serif;
	font-style: italic;
	font-weight: 300;
	font-size: 20px;
	line-height: 35px;
	color: #cb5d50;
	text-transform: none;
	text-align: center;
}
#signup #form_submit {
	display: block;
	position: relative;
	width: 100px;
	height: 35px;
	margin: 30px auto 10px auto;

	outline: none;
	resize: none;
	border: none;
	background-color: transparent;
	cursor: pointer; cursor: hand;

	font-family: garamond-premier-pro-display,serif;
	font-style: italic;
	font-weight: 300;
	font-size: 20px;
	line-height: 35px;
	color: #796567;
	text-transform: none;
	text-align: center;
}
#signup #form_submit:hover  {
	color: #cb5d50;
}
#signup .privacy {
	display: block;
	position: relative;
	width: 480px;
	height: 40px;
	margin: 20px auto 0px auto;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 10px;
	line-height: 20px;
	color: #c3bca9;
	text-align: center;
}
#contact .showroom span {
	color: #cb5d50;
}
/* @end */
/* @fold --------- video --------- */
#video {
	display: block;
	position: relative;
	width: 720px;
	height: 420px;
	margin: 0px 0px 0px 0px;
}
#video .frame_top {
	display: block;
	position: absolute;
	width: 718px;
	height: 7px;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 1px;
	background: #FFFFFF;
	border-bottom: 1px solid #ebc2bd;
}
#video iframe {
	border: 1px solid #ebc2bd;
}
#video .frame_bottom {
	display: block;
	position: absolute;
	width: 718px;
	height: 11px;
	left: 0px;
	bottom: 0px;
	margin: 0px 0px 0px 1px;
	background: #FFFFFF;
	border-top: 1px solid #ebc2bd;
}
/* @end */
/* @fold --------- shops --------- */
#shops {
	display: none;
	position: relative;
	width: 720px;
	height: 400px;
	margin: 20px 0px 0px 0px;
}
#shops .column_1 {
	display: block;
	position: absolute;
	width: 240px;
	height: 400px;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 0px;
}
#shops .column_2 {
	display: block;
	position: absolute;
	width: 240px;
	height: 400px;
	left: 240px;
	top: 0px;
	margin: 0px 0px 0px 0px;
}
#shops .column_3 {
	display: block;
	position: absolute;
	width: 240px;
	height: 400px;
	left: 480px;
	top: 0px;
	margin: 0px 0px 0px 0px;
}
#shops .shop {
	display: block;
	position: relative;
	width: 240px;
	height: 190px;
	margin: 0px 0px 0px 0px;

	text-align: center;
}
#shops .shop h1 {
	margin: 10px auto 0px auto;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 17px;
	letter-spacing: 0.5px;
	color: #796567;
	text-transform: uppercase;
	text-align: center;
}
#shops .shop .spacer {
	display: block;
	position: relative;
	width: 240px;
	height: 20px;
	margin: 10px auto 0px auto;

	background: url(002_SITE_IMAGES/SHOPS/spacer.png) center;
}
#shops .shop .address {
	margin: 10px auto 0px auto;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	line-height: 17px;
	letter-spacing: 0.5px;
	color: #796567;
	text-transform: none;
	text-align: center;
}
#shops .shop .link {
	display: block;
	position: relative;
	width: 240px;
	height: 20px;
	margin: 20px auto 0px auto;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0.5px;
	color: #c3bca9;
	text-transform: none;
	text-align: center;
}
#shops .shop .link:hover {
	color: #796567;
}

#shops .shop_small {
	display: block;
	position: relative;
	width: 240px;
	height: 90px;
	margin: 0px 0px 0px 0px;

	text-align: center;
}
#shops .shop_small h1 {
	margin: 10px auto 0px auto;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 17px;
	letter-spacing: 0.5px;
	color: #796567;
	text-transform: uppercase;
	text-align: center;
}
#shops .shop_small .spacer {
	display: block;
	position: relative;
	width: 240px;
	height: 10px;
	margin: 0px auto 0px auto;

	background: url(002_SITE_IMAGES/SHOPS/spacer.png) center;
}
#shops .shop_small .address {
	margin: 0px auto 0px auto;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	line-height: 17px;
	letter-spacing: 0.5px;
	color: #796567;
	text-transform: none;
	text-align: center;
}
/* @end */
/* @fold --------- credits --------- */
#credits {
	display: none;
	position: relative;
	width: 720px;
	height: 400px;
	margin: 20px 0px 0px 0px;
}
#credits p {
	display: block;
	position: relative;
	width: 480px;
	height: 20px;
	margin: 0px auto 0px auto;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 0.5px;
	color: #c3bca9;
	text-transform: uppercase;
	text-align: center;
}
#credits p.name {
	display: block;
	position: relative;
	width: 480px;
	height: 40px;
	margin: -5px auto 10px auto;

	font-family: garamond-premier-pro-display,serif;
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	line-height: 40px;
	letter-spacing: 0.5px;
	color: #cb5d50;
	text-transform: none;
}
#credits p.agency {
	display: block;
	position: relative;
	width: 480px;
	height: 20px;
	margin: -17px auto 15px auto;

	font-family: garamond-premier-pro-display,serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #cb5d50;
	text-transform: none;
}
/* @end */
/* @fold --------- contact --------- */
#contact {
	display: none;
	position: relative;
	width: 720px;
	height: 420px;
	margin: 0px 0px 0px 0px;
}
#contact .phone {
	display: block;
	position: relative;
	width: 480px;
	height: 120px;
	margin: -20px auto 10px auto;
	background: url(002_SITE_IMAGES/CONTACT/phone.png);

	text-indent: -9000px;
}
#contact .email {
	display: block;
	position: relative;
	width: 480px;
	height: 40px;
	margin: 0px auto 10px auto;

	font-family: garamond-premier-pro-display,serif;
	font-style: normal;
	font-weight: 300;
	font-size: 29px;
	line-height: 40px;
	letter-spacing: 0.5px;
	color: #cb5d50;
	text-transform: none;
	text-align: center;
}
#contact .email:hover  {
	color: #796567;
}
#contact .facebook {
	display: block;
	position: relative;
	width: 480px;
	height: 60px;
	margin: 25px auto 0px auto;
	background: url(002_SITE_IMAGES/CONTACT/facebook.png) top;

	text-indent: -9000px;
}
#contact .facebook:hover {
	background: url(002_SITE_IMAGES/CONTACT/facebook.png) bottom;
}
#contact .showroom {
	display: block;
	position: relative;
	width: 480px;
	height: 20px;
	margin: 36px auto 0px auto;

	font-family: museo-sans,sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 0.5px;
	color: #c3bca9;
	text-transform: uppercase;
	text-align: center;
}
#contact .showroom span {
	color: #cb5d50;
}
/* @end */
