/****************************************
 *** GENERAL ****************************
 ****************************************/
* { padding: 0; margin: 0; }
img { border: 0; }
.clear { clear: both; }

/****************************************
 *** LAYOUT ****************************
 ****************************************/
body { text-align: center; font-family: helvetica; font-size: 12px; background: #171717; }
#wrap { width: 950px; margin: 5px auto; text-align: left; }

/* header */
#header { height: 255px; background: url(../img/hdr.jpg) no-repeat; position: relative; }

#menu { float: right; height: 40px; }
#menu ul li {
	float: left; height: 24px; padding: 8px 15px; 
	list-style-type: none; border-left: 1px solid #cadedd; background: url(../img/menu.jpg) repeat-x;
}
#menu ul li:hover, #menu ul li.sel { background: url(../img/menu_on.jpg) repeat-x; }
#menu a { color: #fff; text-decoration: none; font-size: 13px; }

#notes { clear: both; float: right; margin: 60px 40px 0 0; width: 150px; _margin-right: 21px; }
#notes ul li { list-style-type: none; color: #540000; font-size: 12px; font-weight: bold; font-family: cursive; font-style: italic; margin-bottom: 5px; }
#notes ul li a { text-decoration: none; color: #540000; }

#work { float: right; margin: 15px 20px 0 0; width: 250px; }
#work img.itm { width: 230px; height: 154px; margin: 0 auto; }
#arrows { float: right; width: 16px; margin-top: 50px; }
#arrows img { width: 12px; height: 19px; }

#storyheader { float: right; width: 518px; height: 173px; margin-top: 5px; text-align: center; }
#storyheader a.lnk { text-decoration: underline; color: #540000; font-weight: bold; background: #fff; padding: 2px 10px; }
#storyheader a.lnk:hover { color: #171717; }

#aboutmindlens { width: 300px; position: absolute; top: 109px; left: 40px; color: #540000; }
#aboutmindlens h1 { font-size: 15px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#aboutmindlens h2 { font-size: 13px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#promo { position: absolute; top: 210px; left: 40px; }

/* main */
#main { padding: 10px 30px 30px 30px; color: #555; background: #fff; min-height: 340px; }
.col2 { float: right; padding-left: 40px; width: 300px; }
.col1 { width: 544px; }

#col2_small { width: 200px; }
#col2_large { width: 644px; }

/* column 1 */
.col1itm { margin-bottom: 35px; }
.col1itm ul { margin-top: -15px; margin-bottom: 20px; }
.col1 h2 { margin-top: 10px; color: #69a6a6; }
.col1 #accordion h2 { margin-top: 0; color: #171717; }
.col1 p { margin-bottom: 20px; }
.col1 a { text-decoration: none; color: #540000; }
.col1 p a { text-decoration: underline; }
.col1 ul { margin-left: 25px; }

.expandable { margin-bottom: 40px; }
.expand, .collapse { float: right; margin-top: -10px; }

#accordion .ul2 { margin-bottom: 15px; }  

/* column 2 */
.art { margin: 20px 0; min-height: 75px; }
.art h2 { margin-bottom: 5px; }
.art h2 a { text-decoration: none; color: #555; }
.art img { float: left; width: 50px; margin-right: 15px; }

#tags { text-align: justify; }
#tags a { color: #171717; text-decoration: none; padding: 5px; } 

#categories { text-align: right; }
#categories li { list-style-type: none; margin: 15px 0; }
#categories li a { text-decoration: none; color: #540000; font-weight: bold; }
#categories li.sel a { color: #555; } 

/* footer */
#footer { background: url(../img/ftr.jpg) no-repeat; padding-top: 40px; color: #aaa; margin-bottom: 20px; }
#footer #cnt { float: right; }
#footer #cnt .col { margin-right: 50px; }
#footer h1 { color: #ddd; }
#footer a { color: #aaa; }
.col { float: left; margin-right: 80px; }
.col ul li { list-style-type: none; }
.col ul li a { color: #aaa; text-decoration: none; font-size: 13px; }

/* PRESENTATION */
h1 { font-size: 16px; }
h2 { font-size: 14px; }
p { text-align: justify; }
.it { font-style: italic; }

/* FORMS */
.baseform .formline { margin: 15px 0; }
.baseform label { float: left; width: 150px; }
.baseform label.inline { float: none; }
.baseform .normal { width: 260px; font-size: 12px; padding: 3px; }
.baseform textarea { width: 260px; font-family: helvetica; font-size: 12px; padding: 3px; }
.baseform .submit { 
	margin-left: 150px; padding: 3px 10px; border: none;
	background-color: #cadedd; color: #171717; 
} 
.errmsg, .error { color: orange; }

/* photo slider */
#slider { margin: 0 0 40px 30px; }
#slider #sprev { float: left; }
#slider #snext { float: right; }
#slider #snext img, #slider #sprev img { margin-top: 130px; } 
#slider #photo { width: 550px; height: 300px; text-align: center; margin: 0 30px; }
#slider #photo img { max-width: 500px; max-height: 300px; }
#slider #photo p { text-align: center; }
.expl { font-size: 11px; text-align: center; }

#photos { display: none; }

/* Services */
#services { margin-top: 20px; }
#services div { width: 255px; height: 103px; margin: 0 15px 15px 0; padding: 5px 0; float: left; }
#services img { float: left; margin-right: 10px; }
#services h1 { margin: 0 0 7px 0; }
#services p { margin: 0; font-size: 11px; }
#services a { text-decoration: none; color: #555; }

/* Newsletter */
#newsletterfrm { background-color: #540000; padding: 8px; color: #fff; margin-bottom: 30px; }
#newsletterfrm .inptext { width: 170px; }
#newsletterfrm .submit { 
	margin-left: 20px;  padding: 3px 10px; border: none;
	background-color: #cadedd; color: #171717; 
}

/* Promotions */
#promotions img { width: 560px; }
#contactus { width: 180px; float: right; padding-top: 30px; }

/* Stories */
.story { margin-bottom: 60px; }
.story .imgwrap { text-align: center; }
.story .imgwrap img { margin: 0 auto; }
.story .prevch { float: left; }
.story .nextch { float: right; }
.bslogo { float: left; margin-right: 10px; margin-top: 5px; }