/* 
	APTMNT - Master Styles
	Revision number		:	1.0
   	Last updated		:	17th September 2007
   	Last updated by		:	Scott Mackenzie 
*/

@import url(reset.css); 
@import url(hacks.css);

/* @group Global
----------------------------------------------------------------------------------- */
body { 
	font: normal small/140% Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	background: #000 url(/images/themes/classic/body_bg.gif) repeat left top;
}
.no-display {
	display: none;
}
.right {
	text-align: right;
}
/* @end */
/* @group Structure
----------------------------------------------------------------------------------- */
#page {
	padding-bottom: 70px;
	padding-top: 1px;
}
.wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
.container-outer {
	margin-top: 29px;
	margin-bottom: 13px;
	padding: 4px;
	background: #1a1a1a;
}
.container {
	background: #000;
}
#content {
	background: #fff;
}
#footer {
	padding-bottom: 40px;
}
.col-main,
.col-side {
	float: left;
	font-size: 88%;
}
.col-style-1 .col-main {
	width: 501px;
	padding: 0 10px 10px 20px;
}
.col-style-1 .col-side {
	width: 381px;
	padding: 0 20px 20px 10px;
}
.col-style-2 .col-main {
	width: 667px;
	padding: 0 10px 10px 20px;
}
.col-style-2 .col-side {
	width: 214px;
	padding: 0 20px 20px 10px;
}
.col-style-3 .col-main {
	float: none;
	padding: 0 20px 20px 20px;
}
.col-style-4 .col-main {
	width: 388px;
	padding: 0 10px 20px 20px;
}
.col-style-4 .col-side {
	width: 240px;
	padding: 0 10px 20px 10px;
}
.col-style-4 .col-side.last {
	padding-right: 20px;
}
.col-style-3.no-pad .col-main {
	padding: 0;
}
/* @end */
/* @group Header
----------------------------------------------------------------------------------- */
#header {
	padding-top: 28px;
	position: relative;
}
#header h1 {
	float: left;
	width: 47%;
	padding-left: 20px;
}
#header #address {
	padding-top: 15px;
	float: right;
	width: 49%;
	text-align: right;
}
/* @end */
/* @group Navigation
----------------------------------------------------------------------------------- */
#navigation {
	width: 100%;
	background: #000 url(../images/common/nav_tile.gif) repeat-x left top;
}
#navigation li {
	display: inline;
}
#navigation li a,
#navigation li div {
	display: block;
	float: left;
	height: 30px;
	background-color: #000;
	background-position: left top;
	background-repeat: no-repeat;
	color: #a1a1a1;
	text-align: center;
	text-decoration: none;
	font-size: 80%;
	text-indent: -999em;
}
#navigation li a:hover,
body#home #navigation li.nav-home a,
body#catalog #navigation li.nav-catalog a,
body#lookbook #navigation li.nav-lookbook a,
body#news #navigation li.nav-news a,
body#contact #navigation li.nav-contact a {
	background-position: left bottom;
}
#navigation li div:hover {
	cursor: pointer;
}
#navigation li.nav-home a {
	background-image: url(../images/common/nav_home.gif);
	width: 74px;
}
/*
#navigation li.nav-catalog a,
#navigation li.nav-catalog div {
	background-image: url(../images/common/nav_catalog.gif);
	width: 87px;
}
*/
#navigation li.nav-store a,
#navigation li.nav-store div {
	background-image: url(../images/common/nav_store.gif);
	width: 77px;
}
#navigation li.nav-lookbook a,
#navigation li.nav-lookbook div {
	background-image: url(../images/common/nav_lookbook.gif);
	width: 93px;
}
#navigation li.nav-news a,
#navigation li.nav-news div {
	background-image: url(../images/common/nav_news.gif);
	width: 75px;
}
#navigation li.nav-events a,
#navigation li.nav-events div {
	background-image: url(../images/common/nav_events.gif);
	width: 83px;
}
#navigation li.nav-links a,
#navigation li.nav-links div {
	background-image: url(../images/common/nav_links.gif);
	width: 77px;
}
#navigation li.nav-faq a,
#navigation li.nav-faq div {
	background-image: url(../images/common/nav_faq.gif);
	width: 68px;
}
#navigation li.nav-contact a,
#navigation li.nav-contact div {
	background-image: url(../images/common/nav_contact.gif);
	width: 88px;
}
#navigation li.nav-email a {
	float: right;
	background-image: url(../images/common/nav_email.gif);
	width: 180px;
}
/* @end */
/* @group Home
----------------------------------------------------------------------------------- */
body#home .col-style-3.no-pad .col-main {
	height: 375px;
	background: transparent url(../images/common/rock_wall.jpg) repeat left top;
}
.home-links {
	padding: 172px 30px 0 297px;
}
.home-links a,
.home-links span {
	background: transparent url(../images/home/link_sep.gif) no-repeat right top;
	display: block;
	height: 31px;
	float: left;
	padding: 11px 19px 0 19px;
}
.home-links a.last {
	background: none;
}
/* @end */
/* @group News
----------------------------------------------------------------------------------- */
body#news .col-style-3 .col-main {
	text-align: center;
	padding-top: 20px;
}
.news-entries {
	margin: 20px auto 20px auto;
	width: 425px;
	text-align: left;
}
.news-entries .entry {
	margin-bottom: 30px;
}
.news-entries h3.title {
	font-weight: bold;
	font-size: 120%;
	margin: 3px 0 4px 0;
}
.news-entries .entry .entry-img {
	float: left;
	width: 100px;
	padding-top: 3px;
}
.news-entries .entry .entry-body {
}
.news-entries .entry .entry-body p {
	margin-bottom: 10px;
	line-height: 130%;
	font-size: 97%;
}
.news-entries .entry h3 .date img {
	float: left;
}
.news-entries .entry a {
	color: #000;
}
/* @end */
/* @group Look Book
----------------------------------------------------------------------------------- */
body#lookbook .col-style-3.no-pad .col-main .lookbook-links {
	height: 203px;
	background: transparent url(../images/common/rock_wall.jpg) repeat left top;
	text-align: center;
	padding-top: 172px;
	padding-left: 365px;
}
body#lookbook .col-style-3.no-pad .col-main .lookbook-links a {
	background: transparent url(../images/home/link_sep.gif) no-repeat right top;
	display: block;
	height: 31px;
	float: left;
	padding: 11px 19px 0 19px;
}
body#lookbook .col-style-3.no-pad .col-main .lookbook-links a.last {
	background: none;
}
body#lookbook .col-main {
	position: relative;
}
#lookbook-images {
	height: 600px;
	position: relative;
}
body#lookbook .col-main #slideshow-nav {
	position: absolute;
	right: -4px;
	bottom: -34px;
	height: 34px;
	width: 942px;
}
body#lookbook .col-main #slideshow-nav a {
	display: block;
	width: 40px;
	height: 34px;
	top: 0;
	position: absolute;
}
body#lookbook .col-main #slideshow-nav a.prev:hover,
body#lookbook .col-main #slideshow-nav a.next:hover {
	background-position: left bottom;
}
body#lookbook .col-main #slideshow-nav a.prev {
	right: 40px;
	width: 41px;
	background: url(../images/lookbook/nav_prev.gif) no-repeat left top;
}
body#lookbook .col-main #slideshow-nav a.next {
	right: 0;
	background: url(../images/lookbook/nav_next.gif) no-repeat left top;
}
/* @end */
/* @group Content
----------------------------------------------------------------------------------- */
#banner {
	background: #000 url(../images/common/rock_wall.jpg) repeat left top;
	height: 268px;
}
h2.sec-title {
	margin: 24px 0 20px 0;
	position: relative;
	font-size: 140%;
	text-transform: capitalize;
}
body#contact .col-main,
body#contact .col-side {
	padding-top: 20px;
}
body#contact .col-side h2.sec-title {
	margin-bottom: 15px;
}
h2.sec-title.no-marg {
	margin-top: 9px;
}
h2.sec-title span.helper {
	display: block;
	position: absolute;
	right: 0;
	top: 0px;
}
.col-style-1 .col-main h2.sec-title .helper{
	right: 11px;
}
#logo-garden h2.sec-title {
	margin-top: 0;
	margin-bottom: 5px;
}
/* @end */
/* @group Pagination
----------------------------------------------------------------------------------- */
.pagination ul {
	
}
.pagination ul li{
	float: left;
}
.pagination ul li a {
	display: block;
	width: 11px;
	height: 11px;
	font-size: 1px;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}
.pagination ul li a:hover,
.pagination ul li a.active {
	background-position: left bottom;
}
.pagination ul li span.pages   	{ 
	background: transparent url(../images/common/header_mini_pages.gif) no-repeat left top; 
	display: block;
	width: 23px;
	height: 11px;
	padding-right: 7px;
}
.pagination ul li a.prev   	{ background-image: url(../images/common/btn_prev.gif); }
.pagination ul li a.next    { background-image: url(../images/common/btn_next.gif); }
.pagination ul li a.page-1 	{ background-image: url(../images/common/btn_1.gif); }
.pagination ul li a.page-2 	{ background-image: url(../images/common/btn_2.gif); }
.pagination ul li a.page-3 	{ background-image: url(../images/common/btn_3.gif); }
.pagination ul li a.page-4 	{ background-image: url(../images/common/btn_4.gif); }
.pagination ul li a.page-5 	{ background-image: url(../images/common/btn_5.gif); }
.pagination ul li a.page-6 	{ background-image: url(../images/common/btn_6.gif); }
.pagination ul li a.page-7 	{ background-image: url(../images/common/btn_7.gif); }
.pagination ul li a.page-8 	{ background-image: url(../images/common/btn_8.gif); }
.pagination ul li a.page-9 	{ background-image: url(../images/common/btn_9.gif); }
.pagination ul li a.page-10 { background-image: url(../images/common/btn_10.gif); }
.pagination ul li a.page-11 { background-image: url(../images/common/btn_11.gif); }
.pagination ul li a.page-12 { background-image: url(../images/common/btn_12.gif); }
.pagination ul li a.page-13 { background-image: url(../images/common/btn_13.gif); }
.pagination ul li a.page-14 { background-image: url(../images/common/btn_14.gif); }
.pagination ul li a.page-15 { background-image: url(../images/common/btn_15.gif); }
.pagination ul li a.page-16 { background-image: url(../images/common/btn_16.gif); }
.pagination ul li a.page-17 { background-image: url(../images/common/btn_17.gif); }
.pagination ul li a.page-18 { background-image: url(../images/common/btn_18.gif); }
.pagination ul li a.page-19 { background-image: url(../images/common/btn_19.gif); }
.pagination ul li a.page-20 { background-image: url(../images/common/btn_20.gif); }

.pagination.pagination-news {
	padding-bottom: 10px;
}

/* @end */
/* @group Side Sections
----------------------------------------------------------------------------------- */
.col-side .sec {
	margin-bottom: 20px;
}
.col-side .sec h3 {
	font-weight: bold;
	font-size: 110%;
	line-height: 140%;
	margin-bottom: 2px;
	margin-top: 15px;
}
.col-side strong {
	font-weight: bold;
}
.col-side .sec h3.first {
	margin-top: 0;
}
.col-side #our-apartment .sec h3 {
	margin-top: 0;
}
.col-side .sec p {
	
}
body#contact .col-side .sec p {
	margin-bottom: 18px;
	line-height: 140%;
}
.col-side .sec a {
	color: #000;
}
.col-side .sec #categories {
	font-size: 97%;
}
.col-side .sec #categories h3 {
	font-size: 115%;
	line-height: 100%;
}
.col-side .sec #categories a {
	text-decoration: none;
}
.col-side .sec #categories a.current {
	font-weight: bold;
	text-decoration: underline;
}
.col-side .sec #categories a:hover {
	text-decoration: underline;
}
.col-side .sec #categories p,
.col-side .sec #categories ul {
	margin-left: 1px;
}
/* @end */
/* @group Catalog
----------------------------------------------------------------------------------- */
body#catalog .col-style-3.no-pad .col-main {
	height: 375px;
	background: transparent url(../images/common/rock_wall.jpg) repeat left top;
}
.catalog-links {
	padding-top: 150px;
}
.catalog-links .links {
	width: 350px;
	float: left;
}
.catalog-links .links img {
	margin-bottom: 12px;
	margin-top: 10px;
}
.catalog-links .left {
	padding: 0 20px 0 101px;
	text-align: right;
	background: transparent url(../images/home/link_sep.gif) no-repeat right top;
}
.catalog-links .right {
	padding: 0 101px 0 20px;
	text-align: left;
}
.catalog-links .links p {
	color: #f3f4db;
	font-size: 95%;
}
.catalog-links .links p a {
	color: #f3f4db;
	font-size: 120%;
	text-decoration: none;
	background: #000;
}
.catalog-links .links p span {
	padding: 0 5px;
}
.catalog-links .links p a:hover {
	text-decoration: underline;
}
.product {
	float: left;
	margin-right: 30px;
	padding-bottom: 15px;
	width: 144px;
	line-height: 120%;
	font-size: 90%;
	text-align: center;
}
.product.last {
	margin-right: 0px;
}
.product .product-thumb {
	display: block;
	position: relative;
	margin-bottom: 2px;
}
.product .zoom {
	position: absolute;
	right: 2px;
	top: 2px;
}
.product p {
	margin: 0;
	text-transform: uppercase;
}
.product .price {
	color: #606060;
}
/* @end */
/* @group Slideshow
----------------------------------------------------------------------------------- */
#slideshow-outer {
	background: transparent url(../images/common/frame_top.jpg) no-repeat left top;
	padding-top: 25px;
}
#slideshow {
	background: transparent url(../images/common/frame_bot.jpg) no-repeat left top;
	text-align: left;
	height: 282px;
	overflow: hidden;
}
#slideshow-inner {
	margin-left: 25px;
	width: 330px;
}
.product.last {
	margin-right: 0px;
}
#slideshow-nav {

}
/* @end */
/* @group Contact
----------------------------------------------------------------------------------- */
body#contact .col-side table {
	margin-bottom: 18px;
}
body#contact .col-side .sec {
	margin-bottom: 0px;
}
.contact-details strong {
	text-transform: uppercase;
}
.contact-form label {
	display: block;
	margin-bottom: 7px;
}
.contact-form .text-input {
	margin-bottom: 17px;
	width: 217px;
	font-size: 100%;
	padding: 2px 1px;
}
.contact-form textarea {
	margin-bottom: 15px;
	width: 217px;
	height: 145px;
	font-size: 100%;
	padding: 2px 1px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.contact-submit {
	padding-right: 13px;
}

/* @end */
/* @group Footer
----------------------------------------------------------------------------------- */
#footer {
	
}
.footer-left {
	float: left;
	width: 750px;
}
.footer-right {
	float: right;
	width: 100px;
	text-align: right;
}
.site-by {
	text-align: right;
	color: #f3f4dc;
	font-size: 85%;
	font-family: georgia, serif;
	font-style: italic;
}
.site-by a {
	color: #f3f4dc;
	font-style: normal;
}
/* @end */

/* @group Moo Rip
----------------------------------------------------------------------------------- */
div#box {
	background : #000000 none repeat scroll 0%;
	left : 0pt;
	position : absolute;
	top : 0pt;
	visibility : hidden;
	width : 100%;
	z-index: 1000;
}
div#form {
	position: absolute;
	width: 100%;
	text-align: center;
	top: -7000px;
	left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 1001;
}
.form {
	width: 300px;
	margin: 0 auto;
	text-align: left;
	padding-top: 200px;
}
.form label {
	display: block;
	margin-bottom: 5px;
}
.form input {
	width: 100%;
	border: none;
	font-size: 100%;
	padding: 4px 2px;
	margin-bottom: 5px;
}
.form input.signup-name {
	margin-bottom: 20px
}
.form .submit {
	margin-top: 10px;
}
.form .submit #send {
	float: right;
	width: 56px;
	height: 19px;
}
.form .submit #cancel {
	display: block;
	float: left;
	color: #f3f4dc;
	font-size: 90%;
}

/* @end */


/* @group Tips
----------------------------------------------------------------------------------- */
.custom-tip {
	border: 3px solid #fff;
	background: #ccc;
	padding: 1px 6px;
	font-size: 86%;
}
/* @end */


/* @group Lightbox
----------------------------------------------------------------------------------- */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	height: 100px;
}
#lightboxContainer {
	margin: 0 auto;
	position: relative;
}
#lightboxDetails{
	clear: both;
	font-size: 85%;
}	
#lightboxHead {
	text-align: right;
	padding-bottom: 14px;
	position: relative;
	height: 40px;
}
#lightboximglink {
	display: block;
	background: transparent;
	text-decoration: none;
}
#lightboximglink:hover {
	background: transparent;
}
#lightboxCaption,
#lightboxDesc {  
	color: #fff;
	float: left;
	margin-bottom: 2px;
	padding-top: 0px;
	line-height: 130%;
}
#lightboxCaption {
	padding-top: 2px;
}
#lightboxHead img {
	position: absolute;
	left: 0;
	top: 0;
}
#keyboardMsg {
	padding-top: 10px;
	float: right;
	padding-bottom: 10px;
}
#keyboardMsg a {
	color: #fff;
	font-weight: normal;
	background: transparent;
}
#keyboardMsg a:hover {
	
}

#lightbox img{ } 
#overlay img{ border: none; }

#overlay{ 	
	background-color: #000;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	height: 100px;
	z-index: 999;
}
#lightboxImage {
	margin-bottom: 7px;
}
#loadingText {
	position: absolute;
	color: #fff;
	font-weight: normal;
	font-size: 85%;
	display: block;
	text-align: center;
	width: 200px;
}
/* @end */

/* @group Switcher
----------------------------------------------------------------------------------- */
#switcher {
	position: absolute;
	right: 0;
	top: 9px;
}
#switcher img {
	border: 1px solid #a1a1a1;
}
/* @end */