/* ----- Fine Art Ceramics -------------*/
/* ----- screen stylesheet ----- */

/* ----- redefine tags ----- */
body {
	background: #ccc;
	color: #333;
	margin: 0;
	padding: 0;
	font: small Arial, Helvetica, sans-serif;
	/* centre in IE */
	text-align: center;
}
a {
	color: #039;
}
a:hover {
	color: #c00;
}
em {
	color: #039;
	font-style: normal;
	font-weight: bold;
}
blockquote {
	margin: 0 0 20px 0;
	padding: 14px 0 0 58px;
	background: url(../images/quotes-large.gif) 0 0 no-repeat;
	font: 90% Verdana, Arial, sans-serif;
}
blockquote cite {
	color: #c00;
	font-style: normal;
}

/* ----- universal styles ----- */
.hide {
	display: none;
}
.frame {
	width: 760px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
.bord {
	border: 1px solid #999;
	padding: 4px;
}
#main-col p.right {
	float: right;
	margin: 0 0 15px 15px; 
}

/* ----- header ----- */
#header {
	width: 100%;
	height: 109px;
	position: relative;
	margin: 20px 0 0 0;
	padding: 0;
	border-top: 1px solid #002a54;
	background: #036 url(../images/header-bg.gif) 0 0 repeat-x;
	color: #fff;
}
h1 {
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 91px;
	height: 91px;
	margin: 0;
	padding: 0;
}
h1 a {
	display: block;
	width: 91px;
	height: 91px;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
	background: url(../images/fine-art-ceramics-logo.gif) 0 0 no-repeat;
}
#header .frame div {
	position: absolute;
	top: 27px;
	right: 0;
	font: bold 180% Georgia, Arial, sans-serif;
	text-align: center;
}
#header .frame div p {
	margin: 0;
	padding: 0;
}
#header .frame div span {
	font: bold 80% Arial, sans-serif;
	text-transform: uppercase;
}
#header .watermark {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 109px;
	background: url(../images/header-watermark.gif) 100% 0 no-repeat;
}

/* ----- global navigation ----- */
#global-nav {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	background: #ccc;
}
#global-nav ul {
	list-style: none;
	margin: 8px 0 0 0;
	padding: 0;
}
#global-nav ul li {
	margin: 0;
	padding: 0;
	float: left;
}
#global-nav #sub {
	float: right;
}
#global-nav #sub li a {
	font-weight: bold;
	font-size: 90%;
	color: #333;
	text-decoration: none;
	background: url(../images/bullets/bull-grey.gif) 0 50% no-repeat;
	margin: 0 15px 0 0;
	padding: 0 0 0 8px;
}
#global-nav #sub li a:hover {
	color: #036;
}
#global-nav #main li a {
	display: block;
	font-size: 100%;
	color: #333;
	text-decoration: none;
	background: url(../images/tab-right.gif) 100% 0 no-repeat;
	margin: 0;
	padding: 0;
}
#global-nav #main li a span {
	display: block;
	margin: 0;
	padding: 10px 12px 4px 12px;
	background: url(../images/tab-left.gif) 0 0 no-repeat;
}
#global-nav #main li a:hover {
	color: #036;
}
#home #global-nav #main li a#nav1, #about #global-nav #main li a#nav2, #what #global-nav #main li a#nav3, #where #global-nav #main li a#nav4, #cases #global-nav #main li a#nav5 {
	background-position: 100% -400px;
	font-weight: bold;
}
#home #global-nav #main li a#nav1 span, #about #global-nav #main li a#nav2 span, #what #global-nav #main li a#nav3 span, #where #global-nav #main li a#nav4 span, #cases #global-nav #main li a#nav5 span {
	background-position: 0 -400px;
}

/* ----- footer ----- */
#footer {
	width: 100%;
	clear: both;
	margin: 15px 0 0 0;
	padding: 0;
	background: #036 url(../images/footer-bg.gif) 0 0 repeat-x;
	color: #ececec;
	font: 90% Verdana, Arial, sans-serif;
}
#footer a {
	color: #ececec;
}
#footer a:hover {
	color: #c00;
}
#footer p {
	float: left;
}
#footer p.credit {
	float: right;
	margin-left: 20px;
}
#footer .frame {
	height: 137px;
	padding: 10px 0;
	background: url(../images/footer-watermark.gif) 50% 0 no-repeat;
}

/* ----- main content ----- */
#content {
	width: 100%;
	clear: both;
	float: left;
	margin: 0;
	padding: 20px 0;
	background: #fff;
}
#content p {
	margin: 0 0 16px 0;
}
#main-col {
	float: left;
	width: 520px;
	margin: 0;
	padding: 0;
}
#sub-col {
	float: right;
	width: 220px;
	margin: 0;
	padding: 0;
	background: #ececec;
	border-top: 1px solid #036;
	border-bottom: 1px solid #036;
	font-size: 95%;
}
#accreditation {
	clear: right;
	float: right;
	width: 220px;
	margin: 20px 0 0 0;
	padding: 0; 
}
#accreditation p {
	margin-bottom: 0;
}
#accreditation a img {
	border: none;
}
#damas, #dla {
	margin: 0 0 20px 0;
}
#damas {
	margin-right: 21px;
}

/* ----- main column styles ----- */
#main-col h2 {
	font-size: 160%;
	margin: 0 0 10px;
}

/* ----- sub column styles ----- */
#sub-col h2 {
	font-size: 120%;
	color: #039;
	margin-top: 10px;
	margin-bottom: 10px;
}
.sub-group {
	width: 200px;
	margin: 0;
	padding: 0 10px;
	border-bottom: 1px solid #fff;
}
#content .sub-group p {
	margin-bottom: 10px;
}
#sub-col ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}
#sub-col ul li {
	margin: 0 0 4px 0;
	padding: 0 0 0 14px;
	background: url(../images/bullets/arrow-red.gif) 0 4px no-repeat;
	_background-position: 0 7px; /* correct positioning in IE 6 */
	color: #c00;
	font: 90% Verdana, Arial, sans-serif;
}
.entry {
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}
.date {
	color: #c00;
	font: 90% Verdana, Arial, sans-serif;
}
.date a {
	color: #c00;
}
.date a:hover {
	color: #333;
}

/* ----- case studies ----- */
.case-sum {
	clear: both;
	float: left;
	width: 520px;
	margin: 10px 0;
	padding: 0;
}
.case-sum h3 {
	color: #039;
	font-size: 140%;
	margin: 0;
}
.case-sum h3 a {
	text-decoration: none;
}
#main-col .case-sum h3, #main-col .case-sum p {
	margin-bottom: 10px;
}
#main-col .thumb {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}
#main-col .thumb-2 {
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
}

/* ----- contact ----- */
label {
	font-weight: bold;
}
#contact p.form, #contact p.form-end {
	width: 440px;
	margin: 0 20px;
	padding: 10px 20px 0 20px;
	background: #ececec;
}
#contact p.form {
	line-height: 160%;
}
#contact p.form-end {
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.form input, .form textarea {
	width: 436px;
}
.form input.check {
	width: auto;
}
.button {
	background: #039;
	color: #fff;
	padding: 4px 8px;
}

/* ----- blog ----- */
#main-col .entry h4 {
	font-size: 140%;
	margin: 0 0 4px 0;
}
#blog-entry h2.article-title {
	margin-bottom: 4px;
}
#blog-entry .comment-1, #blog-entry .comment-2 {
	margin: 0 0 20px 0;
	padding: 14px 0 0 58px;
	background: url(../images/quotes-large.gif) 0 0 no-repeat;
	font: 90% Verdana, Arial, sans-serif;
}
#blog-entry .comment-2 {
	background: #ececec url(../images/quotes-large-2.gif) 0 5px no-repeat;
	padding-top: 19px;
	padding-bottom: 10px;
}
#blog-entry .comment-1 .auth, #blog-entry .comment-2 .auth {
	color: #c00;
	font-style: normal;
}
#blog-entry .comment-2 .auth {
	margin-bottom: 0;
}
#comment-form {
	background: #ececec;
	padding: 10px;
	margin-bottom: 20px;
}
#comment-form textarea {
	width: 495px;
}
#comment-form .options {
	text-align: center;
	margin-bottom: 0;
}

/* ----- news ----- */
#news h2.article-title {
	margin-bottom: 4px;
}