body {
	margin:0px; padding:0px;
	background: #fff url(/assets/interface/bg_line.gif) no-repeat center top;
	}

/* PNG SUPPORT FOR IE 6 */
img, div { behavior: url(../iepngfix.htc); }

/* ================================== */
/* ===== LAYOUT===== */
/* ================================== */

.topBorder {background: url(/assets/interface/bg_greyBorder.png) repeat-x; height: 10px; margin-bottom: 80px;}
.bottomBorder {background: url(/assets/interface/bg_greyBorder.png) repeat; min-height: 200px; margin-top: 125px;height:auto !important;height:200px;}

#header {width:940px;height: 67px;}
.home#header {background: url(/assets/interface/bg_header_home.png) no-repeat bottom;}
.default#header {background: url(/assets/interface/bg_header_default.png) no-repeat bottom;}

#content {float:left;width:100%;min-height:457px; background-color:#202020;height:auto !important;height:457px;}
.default#content {background: #202020 url(/assets/interface/bg_content_collectionsPage.jpg) no-repeat;}
.collect#content {background: #202020 url(/assets/interface/bg_content_collectionsPage.jpg) no-repeat;}
.home#content {background: url(/assets/interface/bg_content_home.jpg) no-repeat;}
.contact#content {background: #202020 url(/assets/interface/bg_content_contact2.gif) no-repeat;}
.phil#content {background: #202020 url(/assets/interface/bg_content_philosophyPage.jpg) no-repeat;}
.subscribed#content {background: #202020 url(/assets/interface/content_bg_subscribed.gif) no-repeat;}




.colRight p {width: 150px;text-align:right;margin-right:20px;float:right;}
.colRight {margin-top:15px;}



/* ================================== */
/* ===== TYPOGRAPHY ==== */
/* ================================== */

div.home h1  {background: url(/assets/interface/logo_home.gif) no-repeat; position: relative;top:355px;left:685px;width:249px;height:91px;text-indent: -9999px;
}
div.default h1 {background: url(/assets/interface/h1_logo.gif) no-repeat; width: 173px; height: 65px; text-indent: -9999px;float:left;margin:0;padding:0;}


h2 {background: url(/assets/interface/h2.png) no-repeat; width: 242px; height: 40px; text-indent: -9999px;
float:right;position:relative;top:23px;right:5px;margin:0;padding:0;}
h2.contactUs {background-position: 0 -40px;}
h2.philosophy {background-position: 0 -80px;}

h3 { text-indent: -9999px;}

.definition {margin-top:130px; color:#000;}
.definition p {font-family:Times, serif; color: #000;font-size:1.2em;line-height:1.3em;}
.definition strong {font-size: 1.4em; font-weight: bold;}

.bullet {font-size:.8em;padding: .2em .1em;}


.address {color:#333;margin:165px 0 0 50px;font-size:1.2em;letter-spacing:.1em;line-height:1.5em;}

.consults {color:#000;width:210px;margin:126px 0 10px 40px;line-height:1.3em;font-size:1.05em;}


/* ================================== */
/* ===== FOOTER==== */
/* ================================== */

#footer {background: url(/assets/interface/bg_footer.jpg) no-repeat; width: 940px;height:66px;
	border-top:1px solid #686811;float:left;}
#footer p {text-transform:uppercase;padding:0px;margin:32px 0 3px 0;display:block;font-size:.75em;color:#666;}
#footer a {color:#666;text-decoration:none;}	
#footer a:hover {color:#9b9d06;text-decoration:underline;}

/* ================================== */
/* ===== COLLECTIONS ==== */
/* ================================== */


#collections {padding:40px 0 0 70px;min-height: 520px;}

.detail {width:760px;}
.detail img {margin-left:63px;height:457px;float:left;}

.polaroid {background: url(/assets/interface/polaroid_bg.gif) no-repeat; width: 141px; height: 150px; display: block; float: left;margin:0 20px 20px 0;}
.polaroid img {position: relative; top:5px;left:5px;background-color: #000;opacity:0.7;filter:alpha(opacity=70);}
.polaroid img:hover {opacity:1;filter:alpha(opacity=100);}


/* ===== Category Navigation List ==== */

#navCategory {}
#navCategory li {list-style-type: none;}

.horizontal#navCategory li {padding:5px;display:inline;line-height: 2em;}
.horizontal#navCategory {margin-top:0px;}
.horizontal#navCategory .selected {padding:4px;}

.vertical#navCategory li {text-align:right;margin-bottom:10px;}
.vertical#navCategory .selected  {padding:5px;}


#navCategory .selected {background-color: #9b9d06;color:#fff;text-decoration:none;}
#navCategory .selected a {color:#fff;text-decoration: none;}


/* ===== Misc ==== */


	
.display  {padding:10px 20px 0 15px;color:#eee;font-size:.9em;}

.displayCollections  {padding:0;color:#eee;font-size:.9em;float:right;padding:0 0 7px 0;width:85px;text-align: right;}


.floatRight {float:right;}
.floatLeft{float:left;}

.caption {}


/* ================================== */
/* ===== buttons ==== */
/* ================================== */

.btn a {display:block;width: 30px;height: 29px;float:right;margin-left:10px;text-indent:-9999px;}
.btn a:hover {background-position: 0 -29px;}
.btn a:active {background-position: 0 -58px;}

.next a {background: url(/assets/interface/btn_next.gif) 0 0 no-repeat;}
.prev a {background: url(/assets/interface/btn_prev.gif) 0 0 no-repeat;}
.close a {background: url(/assets/interface/btn_close.gif) 0 0 no-repeat;}

.buttons {margin-right:15px;height:75px;float:right;width:85px;}




/* ================================== */
/* ===== CONTACT PAGE ==== */
/* ================================== */

#showContact {display: block; width: 344px; height: 122px; text-indent: -9999px;background: url(/assets/interface/contact_envelope.gif) 0 0 no-repeat;margin-left: 15px;}
#showContact:hover {background-position: 0 -122px;}
#showContact:active {background-position: 0 -244px;}

.hideBtn a {margin:5px 3px 5px 0;float:right;display:block;width: 20px;height: 19px;text-indent:-9999px;background: url(/assets/interface/btn_close_sm.gif) 0 0 no-repeat;}
}
.hideBtn a:hover {background-position: 0 -19px;}
.hideBtn a:active {background-position: 0 -38px;}

#contactMessageBox {background-color: #cdcf18;width:310px;min-height: 300px;height:auto !important;height:300px;}
#contactMessageBox form {margin:0 auto;width:280px;}
#contactMessageBox form .input input[type="text"], #contactMessageBox form textarea {width:65%;padding:3px;margin-left:5px;background-color:#dfe06c;}
#contactMessageBox form .input label, #contactMessageBox form .textarea label {color:#333;text-align:right;display:block;width:25%;float:left;padding-top:5px;}
#contactMessageBox form textarea {height:50px;}


#captchaDiv {font-size:.9em;line-height:1em;color:#000;margin:0 auto;width:270px;margin-top:10px;}
#captchaDiv input[type="text"] {width:35%;padding:3px;}
#captchaDiv img {margin-right:5px;float:left;}

.messageBoxHolder {min-height: 300px;height:auto !important;height:280px;display: block;width:320px;margin:100px 0 0 33px;}



/* ----  STYLES CREATED FOR TEMPORARY SOLUTION OF JUST SHOWING EMAIL ADDRESS INSTEAD OF FORM ---- */
.messageBoxHolderTemp {height: 100px;display: block;width:320px;margin:295px 0 0 33px;padding-top:0px;}

#contactMessageBoxTemp {background-color: #cdcf18;width:310px;height: 110px;}
#contactMessageBoxTemp p {padding:10px;text-align:Center;font-size:1.1em;}
#contactMessageBoxTemp a {color:#666;}
#contactMessageBoxTemp a:hover {color:#fff;} 

/* --- END OF TEMPORARY STYLES ---- */

a.refresh {padding:5px;}


.send input{background-color: #6a6a69;width:80px; height: 24px; display: block; border: none;color:#fff;letter-spacing: .05em;cursor: pointer;float:right;margin-right:5px;}
.send:hover input {background-color: #000;}
.send:active input{background-color: #d6d4d4;color: #666;}


p.msgsent {text-align:center;width: 300px; margin: 0 auto; margin-top: 50px; background-color: #9b9d06; padding: 20px;}

p.msgsent a, p.msgsent a:visited {color:#333;font-size:.9em;}
p.msgsent a:hover {color:#eee;}

/* ================================== */
/* ===== MAIN NAVIGATION ===== */
/* ===== SUCKERFISH =====*/
/* ===== htmldog.com/articles/suckerfish/dropdowns/ ===== */
/* ================================== */
div#navigation {
	float:left;
	background-color: #9b9d06;
	z-index: 101;
	height:27px;
	width:940px;
	margin:10px 0 0 0;
	}

ul#nav li a.selected {background-color: #cccccc;}

ul#nav, ul#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	line-height: 1;/*for keeping the submenus a specific distance below the mainmenu*/
	}

ul#nav li {
	float:left;
	width:159px;/*need to specify width for opera*/
	}

ul#nav li a {
	display:block;
	width:159px;
	text-decoration:none;
	color:#000;
	text-align:center;
	height:27px;
	text-indent:-9999px;
	margin-left:15px;
	}


ul#nav li a#navCollections {background-image: url('/assets/interface/nav_bg.gif');background-position:0 -54px;width:138px;}
ul#nav li a#navCollections:hover {background-position:0 -27px;}
ul#nav li a#navCollections.selected {background-position:0 0;}


ul#nav li a#navPhilosophy {background-image: url('/assets/interface/nav_bg.gif');background-position:-138px -54px;width:138px;}
ul#nav li a#navPhilosophy:hover {background-position:-138px -27px;}
ul#nav li a#navPhilosophy.selected {background-position:-138px 0;}

ul#nav li a#navContact {background-image: url('/assets/interface/nav_bg.gif');background-position:-276px -54px;width:138px;}
ul#nav li a#navContact:hover {background-position:-276px -27px;}
ul#nav li a#navContact.selected {background-position:-276px 0;}



/* ================================== */
/* ===== FORMS ===== */
/* ================================== */

table#subscribe {}

form#subscribe {position:relative;top:65px;left:10px;}

form#subscribe form {}
form#subscribe input[type="text"] {background-color:#dfe06c;padding:3px;width:175px;}
form#subscribe label {color:#666;font-weight:normal;}


form#subscribe .submit {background-color: #6a6a69;width:80px; height: 24px; display: block; border: none;color:#fff;letter-spacing: .05em;cursor: pointer;}
form#subscribe .submit:hover {background-color: #000;}
form#subscribe .submit:active {background-color: #d6d4d4;color: #666;}



/* ================================== */
/* ===== TEMP PAGE ==== */
/* ================================== */


#temp {width:400px;margin:0 auto;color:#666;height: 400px;margin-top: 250px;text-align: center;}
#temp p {margin:20px;}






