/*

	Zen Photo Default 1.0
	
*/

/* Basics
------------------------------ */
html {
	/* Moz */
	height: 100%;
}

/* Main Layout
------------------------------ */
body {
	background: #F5F5F3;
	margin: 0px;
	padding: 0px 0px 50px;
	text-align: center;
}
#main {
	text-align: left;
	margin: 20px auto;
	width: 685px;
	background: #fff;
	padding: 20px 30px 70px;
	border-top: 1px solid #E6E6DF;
	border-right: 1px solid #E6E6DF;
	border-bottom: 5px solid #E6E6DF;
	border-left: 1px solid #E6E6DF;
}
#credit, #sort {
	margin: 0 auto;
	width: 640px;
	font-size: 85%;
	color: #96967E;
	text-align: right;
	clear: both;
}
#credit a, #sort a {
	text-decoration: none;
	color: #96967E;
	border-bottom: 1px dotted #96967E;
}
#credit a:hover, #sort a:hover {
	color: #BDBDAE;
	border-bottom: 1px solid #BDBDAE;
	text-decoration: none;
}
#gallerytitle {
	border-bottom: 1px solid #E6E6DF;
	padding-bottom: 14px;
	margin-bottom: 20px;
	/*min-height: 40px;
  _height: 40px;*/
}
#gallerytitle h2 { 
	font-weight: normal; 
	font-size: 12pt; 
	margin-top: 18px;
	width:510px;
}

/* Link Styles
------------------------------ */
a:link, a:active, a:visited { text-decoration: underline; color: #17A; }
a:hover, a:focus { text-decoration: underline; color: #6BD; }

/* Text Styles
------------------------------ */
body {
	font: normal 82%/200% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #5A5A4B;
}
h2 {
	font: 115% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #002E5B;
}
h2 a:link, h2 a:visited {
	color: #8DB8CF;
	text-decoration: none;
}
h2 span {
	color: #8DB8CF;
}
h2 a:hover {
	color: #94c2e5;
	text-decoration: none;
}
h3 {
	font: 110% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #002E5B;
	margin-top: 30px;
}
h3 a:link, h3 a:visited { text-decoration: none; }
h3 a:hover { text-decoration: underline; }


/* Miscellaneous
------------------------------ */
hr {
	clear: both;
	height: 0;
	border: 0;
	border-top: 1px solid #E6E6DF;
	margin: 0 0 12px 0;
	padding: 0;
}
img {
	border: 0;
}
blockquote {
	border-left: 1px dotted #96967E;
	margin-left: 20px;
	padding-left: 20px;
	color: #363630;
}

#imagemetadata {
  text-align: right;
  position: relative;
  display: none;
}

#imagemetadata table {
  text-align: left;
  line-height: 1em;
  border: 1px solid #ccc;
  position: absolute;
  top: 2em;
  right: 0px;
  background-color: #fafafa;
}

#imagemetadata table td {
  border-bottom: 1px solid #f0f0f0;
  background-color: #f8f8f8;
  padding: 2px 5px;
}


/* Page Navigation
------------------------------ */
ul.pagelist {
	clear: both;
	padding: 0;
	margin: 20px 0 0 0;
	list-style-type: none;
}
ul.pagelist li {
	display: inline;
}
ul.pagelist li a, ul.pagelist span.disabledlink {
	padding: 4px;
}
ul.pagelist li.current a {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	color: #5A5A4B;
}
ul.pagelist li.prev {
	margin-right: 10px;
}
ul.pagelist li.next {
	margin-left: 10px;
}
.disabledlink {
	color: #ddd;
	cursor: default;
}
.pagenav {
	clear: both;
}
.disabled_nav {
	visibility: hidden;
}


/* AJAX
------------------------------ */
#albumDescEditable, #albumTagsEditable {
	margin-bottom: 12px;
}
#imageDescEditable, #albumTagsEditable {
	margin-top: 24px;
}
#imageDesc, #exif_link {
	margin-bottom: 4px;
}

#exif_link {
  float: right;
}

/* Tags
------------------------------ */
.taglist ul {
	display: inline;
	list-style-type: none;
}

.taglist li {
	background: url(../images/tag.png) no-repeat left center;
	list-style-type: none;
	padding-left: 18px;
	float:left;
	padding-right: 5px;
	color: #999999;
}

.taglist .tags_title {
	background: none;
	padding-right: 5px;
	padding-left: 0;
}

/* Image Thumbnails
------------------------------ */
.imagethumb a, .imagethumb a:hover {
	display: block;
	padding: 9px;
	margin: 0px 9px 9px 0px;
	line-height: 0px;
    border: 1px solid #e6e6e6;
    background-color: #f6f6f6;
}
.imagethumb a:visited {
    background-color: #fcfcfc;
    border: 1px solid #f8f8f8;
}
.imagethumb a:hover {
	background-color: #f3f3f3;
	border: 1px solid #cccccc;
}
.imagethumb {
	float: left;
}
.albumdesc2 {
	line-height: 18px;
}


/* Album Thumbnails
------------------------------ */
#albums {
	float: left;
}
.album {
	margin: 0 12px 8px 0;
    padding: 10px 8px 2px 10px;
	float: left;
	width: 305px;
	border: 1px solid #E7F0F5;
	background: #F7F9FD;
    line-height: 100%;
}
.album a img {  }
.album .thumb {
    float: left; 
    margin-right: 6px;
}
.album h3 {
	padding: 0;
	margin: 0;
}
.album p {
	line-height: 12px;
	font-size: 11px;
    padding: 4px 0px 0px;
    margin: 0px;
}
.albumdesc small {
	color: #8DB8CF;
}


/* Individual Image
------------------------------ */
.image { 
	margin: 0;
	padding: 0;
	border: 0;
}
#image {
	text-align: center;
	line-height: 0;
}
.imgnav {
	float: right;
	width: 140px;
	text-align: center;
	border: 1px solid #D5E6EE;
	background: #EEF5F9;
	margin-top: -10px;
}
.imgnav .imgprevious a, .imgnav .imgnext a {
	display: block;
	width: 50%;
	height: 100%;
	float: left;
	padding: 4px 0;
	font-size: 120%;
	text-decoration: none;
	line-height: 180%;
	color: #237898;
}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
	background-color: #fff;
	text-decoration: none;
	color: #002E5B;
}
.imgnav .imgprevious a {
	float: left;
}
.imgnav .imgnext a {
	float: right;
}
#narrow {
	margin: 0 auto;
	width: 440px;
}


/* Comments
------------------------------ */
#comments {
	clear: both;
}
.error { 
  color: #C33; 
  font-weight: bold; 
}
.comment {
	padding: 10px;
	border: 1px solid #E7F0F5;
	background: #FBFCFD;
	margin-bottom: 12px;
}
.commentmeta {
	margin-bottom: 12px;
}
.commentauthor {
	font-weight: bold;
}
.commentdate {
	margin-top: 12px;
	color: #8DB8CF;
	font-size: 85%;
}


/* Forms
------------------------------ */
.inputbox {
	width: 250px;
	padding: 2px;
}
textarea {
	padding: 4px;
	width: 100%;
	color: #5A5A4B;
	font: 100%/200% "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.checkbox {
	cursor: pointer;
}
.pushbutton {
	cursor: pointer;
	padding: 5px 10px;
}
label {
	cursor: pointer;
}
label:hover {
	color: #000;
}
#map {margin-left: -77px;}
#rating { margin-top: 10px; }

/* Admin Toolbox
------------------------------ */
#admin, #admin_data{
	position: fixed;
  _position: absolute;
	right: 0px;
	top: 0px;
	width: 130px;
	border-bottom: 1px solid #E6E6DF;
	border-left: 1px solid #E6E6DF;
	background: #fff;
    z-index: 2;
}
#admin_data{
	top: 0px;
	padding-top: 20px;
	z-index: 1;
	line-height: 1.6em;
}
#admin h3 {
	font-weight: normal;
	color: #999;
	margin:0;
	padding:0;
}
#admin h3:hover { color: #036; }

/* Search Box
------------------------------ */
#search {
	float: right;
	text-align: center;
	background: #fff;
}
#search input.pushbutton {
	padding: 1px;
	font-size: 80%;
}
#search ul {
  position:absolute;
  text-align: left;
  width:20px;
  margin:0px;
  padding:2px;
  list-style:none;
}
#search ul .item {
  display:none;
}
#search ul:hover .item {
  display:block;
  padding:1px;
  margin:0px;
  background:#fff
}
#search li {
width:150px;
}
.clear {
  clear:both;
  height:10px;
}

/* Archive View
---------------------------- */
#archive{
	width: 300px;
	margin: 0 auto;
	text-align: center;
}
ul.archive * {
	padding:0;
	margin:0;
	list-style:none;
}
ul.archive .year {
	margin-top:10px;
	text-align: center;
	margin-bottom:5px;
	font-weight:bold;
	font-size:18px;
}
ul.archive .month {
	font-size: 14px;
	list-style:none;
	border-top:2px solid #E6E6DF;
	padding-top: 5px;
}

/* Tag Cloud
---------------------------- */
#tag_cloud {
	text-align: center;
	background: #eee;
}
#tag_cloud p {
	padding:10px 0;
	margin:20px 0;
	background: #fff;
	border-top: 3px solid #E6E6DF;
	border-bottom: 3px solid #E6E6DF;
	font-size: 18px;
	font-weight:bold;
	text-align: center;
}

/* Gallery
---------------------------- */

/******************************************************************************************************************
Main 'styles.css' Style sheet
Developed by Michael McGarrity, July 2008
Copyright Blairquhan Castle (c) 2008
A-Z CSS properties list style
******************************************************************************************************************/

* {
margin: 0;
padding: 0;
}

body, p, blockquote {
	margin: 0;
	padding: 0;
	}
	
#content p {
	color:#4e4e4e
}

a img, iframe { border: none; padding:0; margin:0 }
	
/* Headers
------------------------------*/

h2, h4, h6 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 100%
	}
	
h3, h5 {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 100%
	}

h4 {
	font-size:150%
}

h5 {
color:#004124
}

#content a {color:#004124;text-decoration:none}
#content a:hover {color:#004124;text-decoration:underline}
#content a:visited {color:#004124;text-decoration:none}
		
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
	}
	
/* Links
------------------------------*/

a, a:link {}
a:visited {}
a:hover {}
a:active {}

/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
select { padding: 0; }

p {
line-height:180%;
margin-bottom:10px
}

/* Pure Class
------------------------------*/

.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }

/*
Dark grey (text): #333333
Dark Blue (headings, links) #000066
Mid Blue (header) #333399
Light blue (top navigation) #CCCCFF
Mid grey: #666666
*/

/* Handy CSS Margin tip
margin: top right bottom left;
margin:1em 0 2em 0.5em;
*/

/* MAIN BODY */

#header{background:url('http://www.blairquhan.co.uk/images/blairquhan-header.jpg') no-repeat;height:136px;margin-left:25px;position:relative}
#header a{position:absolute;right:0;top:23px}

#topnav{background:url('http://www.blairquhan.co.uk/images/topnav_bg.jpg') repeat-x;height:25px;width:950px;margin-bottom:10px;margin-left:25px}
#topnav li {display: inline;list-style-type: none;padding-right: 20px;text-transform:uppercase;}
#topnav li a:hover{background:url('http://www.blairquhan.co.uk/images/topnav_bgh.jpg') repeat-x;}

/* -------------- =Navigation --*/
.mainNav { margin: 0px 0px 0px 25px; padding: 0px; height: 32px; width: 950px; background: url(http://www.blairquhan.co.uk/images/mainNavBg.jpg) no-repeat left top; margin-bottom: 10px; }
.mainNavContainer { margin: 0px; padding: 0px; float: left; height: 30px; width: 950px; font: 0.9em Georgia, "Times New Roman" , Times, serif; color: #999999; }
.mainNavContainer ul { margin: 0px; padding: 0px; float: left; list-style: none; white-space: nowrap; }
.mainNavContainer ul li { margin: 0px; padding: 0px; display: inline; }
.mainNavContainer ul li a { position: relative; text-transform: uppercase; color: #666; text-decoration: none !important; display: block; height: 27px; margin: 0px; padding: 5px 15px 0px 15px; text-align: center; text-indent: 0px; float: left; }
.mainNavContainer ul li a:hover { color: #434343; background: url(http://www.blairquhan.co.uk/images/mainNavHover.jpg) repeat-x left top; text-decoration: none !important; }
.mainNavContainer ul li a.mainNavOn { text-transform: uppercase; color: #005130 !important; text-decoration: none; display: block; height: 25px; margin: 0px; padding: 7px 15px 0px 15px; text-align: center; text-indent: 0px; float: left; background: url(http://www.blairquhan.co.uk/images/mainNavHover.jpg) repeat-x left top; }
.mainNavContainer ul li a.mainNavOn:hover { text-transform: uppercase; color: #005130; text-decoration: none; display: block; height: 25px; margin: 0px; padding: 7px 15px 0px 15px; text-align: center; text-indent: 0px; float: left; background: url(http://www.blairquhan.co.uk/images/mainNavHover.jpg) repeat-x left top; }
.mainNavContainerDivider { margin: 0px; padding: 0px; background: url(http://www.blairquhan.co.uk/images/mainNavOff.gif) no-repeat left top; float: left; height: 30px; width: 1px; }
.mainNavGrey { color: #999999; }
.mainNavContainer ul li.homeNav a { text-transform: uppercase; color: #999999; text-decoration: none; display: block; height: 27px; margin: 0px; padding: 5px 12px 0px 13px; text-align: center; text-indent: 0px; float: left; background: none; }
.mainNavContainer ul li.homeNav a:hover { text-transform: uppercase; color: #434343; text-decoration: none; display: block; height: 27px; margin: 0px; padding: 5px 12px 0px 13px; text-align: center; text-indent: 0px; float: left; background: url(http://www.blairquhan.co.uk/images/mainNavHoverHome.jpg) no-repeat left top; }
.mainNavContainer ul li.homeNav a.mainNavOn { text-transform: uppercase; color: #005130; text-decoration: none; display: block; height: 25px; margin: 0px; padding: 7px 12px 0px 13px; text-align: center; text-indent: 0px; float: left; background: url(http://www.blairquhan.co.uk/images/mainNavHoverHome.jpg) no-repeat left top; }
.mainNavContainer ul li.homeNav a.mainNavOn:hover { text-transform: uppercase; color: #005130; text-decoration: none; display: block; height: 25px; margin: 0px; padding: 7px 12px 0px 13px; text-align: center; text-indent: 0px; float: left; background: url(http://www.blairquhan.co.uk/images/mainNavHoverHome.jpg) no-repeat left top; }
.mainNavContainer ul li.lastNav a { text-transform: uppercase; color: #999999; text-decoration: none; display: block; height: 27px; margin: 0px; padding: 5px 10px 0px 13px; text-align: center; text-indent: 0px; float: left; background: none; }
.mainNavContainer ul li.lastNav a:hover { text-transform: uppercase; color: #434343; text-decoration: none; display: block; height: 27px; margin: 0px; padding: 5px 10px 0px 13px; text-align: center; text-indent: 0px; float: left; background: url(http://www.blairquhan.co.uk/images/mainNavHover.jpg) repeat-x left top; }



#container{text-align:left}
#container{background:#fff;width:1000px;margin:0 auto}

#content p{line-height:1.4}
#content{float:right;width:720px;padding-right:25px}

#content .content_left {
float:left;
width:350px
}

#content .content_right {
float:right;
width:350px
}

#boxes{margin-top:22px}

#navigation{background:#fff;margin-bottom:22px;margin-left:25px;width:200px;}
#navigation h2{color:#24593b;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:20px;text-transform:uppercase}
#navigation p {color:#999;font-weight:bold;line-height:1.6em}

#navigation ul {background:#DFE9DE;padding-right:20px;padding-top:20px;padding-bottom:20px;padding-left:10px}
#navigation li {list-style-type:none;padding-top:15px;padding-bottom:15px;border-bottom:1px dotted #999;text-transform:uppercase; width:150px}
#navigation li.last {border-bottom:1px solid #DFE9DE}

#navigation li a {color:#333;text-decoration:none}
#navigation li a:visited {color:#004E26;text-decoration:none}
#navigation li a:hover {color:#004E26;text-decoration:underline}

.boldlast{font-weight:bold;border-bottom:1px solid #DFE9DE}
.bold {font-weight:bold}

#extra{background:#fff;margin-left:25px;width:200px}

#extra img{padding:0;margin:0}










body {
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.4;
margin:0;
padding:0;
text-align:left
}






/* HEADER ELEMENTS */

.title a {
	display: block;
	height: 60px;
	width: 240px;
}

h1.title  {
	display: block;
	visibility:hidden;
	height: 79px;
	width: 219px;
	margin: 0 auto;
	padding: 0;
	background: url(images/logo.jpg) no-repeat 0 50% transparent;
}

.skip {
	height: 0;
	width: 0;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

p {
font-family: Verdana, Helvetica, sans-serif
}





/* SMALL BOXES ON HOME PAGE ELEMENTS */

.smallbox1 {
background:#EFF4EE url('http://www.blairquhan.co.uk/images/bgr.jpg') repeat-x;
width:188px;
float:left;
margin-right:12px
}

.smallbox1 h4 {
text-transform:uppercase;
text-align:center;
padding-top:6px;
padding-bottom:5px
}

.smallbox1 p {
padding-left:6px;
padding-right:6px
}

.tl {background:url(http://www.blairquhan.co.uk/images/tl.gif) 0 0 no-repeat}
.tr {background:url(http://www.blairquhan.co.uk/images/tr.gif) 100% 0 no-repeat;padding:10px}

.holder {
height:224px;
float:left
}





/* FOOTER ELEMENTS */

#footer p {
margin-top:30px;
font-size:1.0em;
line-height:2em;
margin-left:25px;
color:#666
}

#footer a:link {
	color: #fff;
}
#footer a:visited {
	color: #000;
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
}

#footer p{margin:0;padding:5px 10px}
#footer a{display:inline;padding:0;color: #C6D5FD}



/* FORM ELEMENTS */

#form {
	color: #333;
	font-size: 1em;
	width: 370px;
}

#form input,#form textarea,#form select {
margin-bottom:8px;
}

#form p {
color:#919293;
margin-bottom:4px;
padding-top:2px;
text-align:center;
}

textarea.mailform{
 width: 200px;
 font: 0.9em Arial, Helvetica, sans-serif;
 color: #000;
 border: 1px solid #999;
 margin-right: 0px;
}

input.mailform {
 width: 250px;
 font: 0.9em Arial, Helvetica, sans-serif;
 color: #000;
 border: 1px solid #999;
 margin-right: 0px;
}

input.button {
 font: 0.75em Arial, Helvetica, sans-serif;
 background-color: #fff;
 color: #000;
 margin-left: 10px;
 margin-right:10px;
 margin-top: 3px;
 margin-bottom: 2px;
}

p.form{font-size:11px; color:#000000 ; margin:2px 0px 0px 10px; padding:0px;}

/* ACCESSIBILITY */
span.invisible {visibility:hidden;}
label{color:#000; font-size:11px;margin-right:12px;margin-left:10px;}






/* -------------------------------------------- */

		/* A few IE bug fixes */
		* { margin: 0; padding: 0; }
		* html ul ul li a { height: 100%; }
		* html ul li a { height: 100%; }
		* html ul ul li { margin-bottom: -1px; }
		
		#theMenu { width: 191px; height: 300px; margin: 0px 0; }
		
		/* Some list and link styling */
		ul li { width: 191px; }
		ul ul li { padding: 0; width: 191px; margin-bottom: 0; }
		ul ul li a, ul ul li p { display:block; color: #000; font-size: small; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; padding-left: 10px; padding-top:10px; padding-bottom:10px }
		ul ul li a:hover { display:block; color: #369; font-size: small; }
		li { list-style-type: none; }
		h2 { margin-top: 1.5em; }
		
		/* Header links styling */
		h3.head a { 
		color: #333;
		display:block;
		height:29px
		}
		h3.head a:hover {
		}
		h3.selected a {
		}
		h3.selected a:hover { 
		}



/* -------------------------- */



h1.sifr{
	margin:0;
	padding:0;
	text-transform:uppercase
	}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}
*/

.bl2 {background:url(http://www.blairquhan.co.uk/images/bl2.gif) 0 100% no-repeat #DFE9DE}
.br2 {background:url(http://www.blairquhan.co.uk/images/br2.gif) 100% 100% no-repeat}
.tl2 {background:url(http://www.blairquhan.co.uk/images/tl2.gif) 0 0 no-repeat}
.tr2 {background:url(http://www.blairquhan.co.uk/images/tr2.gif) 100% 0 no-repeat;padding:10px}

.row {
border-bottom:1px dotted #999;
margin-bottom:20px;
}

#content h1 {
font-size:15px;
border-bottom:2px solid #c3d1c0;
margin-bottom:15px
}

.holder h4 {
font-size:100%
}

#content li {
list-style-type:disc;
color:#004124;
margin-left:20px
}

.cottage {
margin-left:10px;text-transform:none;margin-bottom:5px;
}

.cottage a {
	border-bottom:1px dotted #000
}

.cottage a:visited {
	border-bottom:1px solid #000
	}
	
.cottage a:hover {
	border-bottom:1px solid #fff
}

/* CSS Document */

/* FOOTER ELEMENTS */

body {
background:#DFE7DC;
}


#footer{background:#BED6A2;border-top:5px solid #DFE7DC;clear:both;height:128px;width:100%}
#footer p{margin:0;padding:5px 10px}
#footer a{display:inline;padding:0;color: #000}

#footer {
background:#BED6A2 url('http://www.blairquhan.co.uk/images/scotland-map.gif') no-repeat right;
margin-bottom:10px;
margin-top:40px;
text-align:left
}

#footer p {
margin-top:30px;
font-size:1.0em;
line-height:2em;
margin-left:25px;
color:#666
}

#footer a:link {
	color: #000;
}
#footer a:visited {
	color: #000;
}
#footer a:hover {
	text-decoration: none;
	color: #333;
}