/* 

STYLE SHEET FOR MARKCHADWICK.CO.UK
Created by DAVID CHADWICK
WWW.DAVID-CHADWICK.COM

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
        6. contact form

Notes

*/



/* --------- 1. defaults  --------- */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFF url(images/33.png) 0 0 repeat;
	font: 62.5%/1.5 Verdana, Tahoma, Arial;
}
		
/*  --------- 2. structure  --------- */

#wrapper {
	width: 940px;
	margin: 0 auto;
	background: #FFF url(images/wrapperbtmBG.png) 0 100% no-repeat;
}	

#header {
	width: 940px;

	background: url(images/contentBG2.png) 0 0 no-repeat;
}	

#topContainer {
	width: 940px;
	overflow: auto;
}

#content {
	padding: 38px 20px 20px;
        background-image: url("images/bg222.png");
}

#content2 {
	width: 940px;
	overflow: auto;
        background: url(images/bg3.jpg) 0 0 no-repeat;
}
		
#logo {
	width: 610px;
	height: 70px;
	float: left;
}

#topInfo {
	width: 300px;
	height: 98px;
	float: left;
	margin-top: 30px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(images/welcome.png) 0 0 no-repeat;
}

#topInfo2 {
	width: 300px;
	height: 98px;
	float: left;
	margin-top: 70px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(images/searchthearchives.png) 0 0 no-repeat;
}

#featuredCarousel {
	width: 900px;
	height: 128px;
	margin-bottom: 24px;
}

#page {
	padding-top: 62px;
	overflow: auto;
}

#page2 {
	padding-top: 10px;
        padding-left: 20px;
	overflow: auto;
        background: #fff;
        
}

#blog3 {
	
	margin: 0 auto;
        padding-top: 10px;
        padding-left: 20px;
	overflow: auto;
	background: #FFF ;
}

#blog4 {
	margin: 0 auto;
	background: #FFF url(images/wrapperbtmBG2.png) 0 100% no-repeat;
}

#update {
	width: 880px;
	height: 248px;
	padding: 10px;
	background: #504f41;
	margin-bottom: 20px;
}

#updatesInfo {
	width: 537px;
	float: left;
}

.newadditions {
	width: 940px;
	background: url(images/newadditions.png) 50% 0 no-repeat;
	overflow: auto;
        margin-bottom: 15px;
}

.artwork {
	list-style-type: none;
}

#page .artwork {
	padding-top: 0;
}

.artwork li {
	width: 225px;
        height: 260px;
	float: left;
	text-align: center;
}

#page .artwork li {
	border-bottom: 1px solid #ccc;
}

.artwork li:hover {
	background: #EEE;
}

#sidebar {
	width: 220px;
	float: left;
}

#sidebar ul {
	margin-bottom: 2em;
}

#sidebar li {
	margin-left: 8px;
}

#arc {
	width: 680px;
        overflow: auto;
}
#posts {
	width: 680px;
	float: left;
        margin-bottom: 20px;
}

#singleItem {
	width: 680px; 
	height: 299px;
	margin-bottom: 20px;
}

.itemThumbs {
	width: 448px;
	margin: 0 auto;
	text-align: center;
	overflow: auto;
	margin-bottom: 20px;
}

#footer {
	width: 940px;
	height: 113px;
	margin: 0 auto;
	background: url(images/footerBG2.png) 0 0 no-repeat;
}

#footer ul {
        list-style-type: none;
        text-align: center;
}

#footer li {
        display: inline;
	font: 1.0em Verdana, Tahoma, Arial;
	text-align: center;
        border-right: 1px solid #222;
        padding-right: 10px;
        margin-right: 10px;
}

#footer li .last {
        border-right: none;
} 

div#topOfPageAnchor {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
}

os0 {
	width: 120px;
}

.postform {
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	background-color:#FFF;
	border: 1px solid #cdcdcd;
	width: 170px;
	padding: 4px 2px;
	margin-right: 4px;
	float: left;
}

.postform2 {
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	background-color:#FFF;

	padding: 4px 2px;
	margin-right: 14px;
	float: left;
}

.go {
	width: 20px;
	float: left;
}

.shippingHolder {
        width: 410px;
        overflow: auto;
}

.shipping {
        width: 80px;
        float: left;
}

.shippingOptions {
        width: 250px;
        float: left;
}

	/* float-clearing rules */
.separator {
	clear: both;
}

.separatorInvisible {
	clear: both;
	height: 1px;
}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
}		
		
/* ---------- 3. links and navigation ---------- */

a {
	font-weight: normal;
	text-decoration: underline;
	color: #222;
}
		
a:hover {
	color: #555;
}

.artwork a {
	font: 1em Arial, Verdana, Tahoma;
	text-decoration: none;
}

.artwork a:hover {
	color: #222;
	text-decoration: underline;
}

#sidebar a {
	font: 1.2em Verdana, Tahoma, Arial;
	font-weight: normal;
}

.returnArc a {
	font-weight: normal;
}	

#footer a {
	font-weight: normal;
}

#navigation {
	width: 940px;
	height: 48px;
        overflow: hidden;
}

#navigation a {
	display: block;
	font: 1.2em Verdana, Tahoma, Arial;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	padding: 13px 20px;
	width: 80px;
	height: 22px;
}

#navigation a:hover {
	background: url(images/navHover.png) 0 0 no-repeat;
}

#navigation ul {
	list-style-type: none;
}

#navigation li {
	float: right;
}
		
/* ---------- 4. fonts ---------- */

html {
	font-size: 100%;
}

body {
	font-size: 62.5%;
}

h1, h2, h3, h4, p, ul {
		}

h1 {
	font-size: 1.6em;
	color: #2e2e2e;
	margin-bottom: 16px;
}

h2 {
	font-size: 1.5em;
	color: #2e2e2e;
	margin-bottom: 16px;
}

h2.intro {
	width: 157px;
	height: 19px;
	background: url(images/introduction.png) 0 0 no-repeat;
}

h2.newupdates {
         width: 537px;
         height: 19px;
	 background: url(images/newupdates.png) 0 0 no-repeat;
         margin-top: 10px;
float: left;
}

h2.about {
	width: 176px;
	height: 19px;
	background: url(images/aboutmywork.png) 0 0 no-repeat;
}

h2.categories {
	width: 124px;
	height: 19px;
	background: url(images/categories.png) 0 0 no-repeat;
}

h2.status {
	width: 74px;
	height: 19px;
	background: url(images/status.png) 0 0 no-repeat;
}

h2.price {
	width: 56px;
	height: 19px;
	background: url(images/price.png) 0 0 no-repeat;
}

h2.archive {
	width: 88px;
	height: 19px;
	background: url(images/archive.png) 0 0 no-repeat;
}

h2.shippingInfo {
	width: 271px;
	height: 19px;
	background: url(images/shipping.png) 0 0 no-repeat;
	margin: 0 auto;
	margin-bottom: 16px;
}

h2.leaveacomment {
	width: 195px;
	height: 19px;
	background: url(images/leaveacomment.png) 0 0 no-repeat;
	margin: 0 auto;
	margin-bottom: 16px;
}

h2.contactme {
         width: 133px;
         height: 19px;
	 background: url(images/contactme.png) 0 0 no-repeat;
         margin-bottom: 16px;
}

h2.processGallery {
         width: 186px;
         height: 19px;
	 background: url(images/processgallery.png) 0 0 no-repeat;
         margin-bottom: 16px;
}

h2.exhibitions {
         width: 126px;
         height: 19px;
	 background: url(images/exhibitions.png) 0 0 no-repeat;
         margin-bottom: 16px;
}

h2.photography {
         width: 156px;
         height: 19px;
	 background: url(images/photography.png) 0 0 no-repeat;
         margin-bottom: 16px;
}

h3 {
	font-size: 1.4em;
	color: #2e2e2e;
	margin-bottom: 16px;
}

#arc h3 {
	text-align: center;
}
		
h4 {
	font-size: 1.2em;
	color: #2e2e2e;
	margin-bottom: 16px;
}

p {
	font: 1.4em Verdana, Tahoma, Arial;
	color: #454545;
	margin-bottom: 1.5em;
}

#topContainer p {
	font: 1.1em Tahoma, Verdana, Arial;
	color: #FFF;
	margin-top: 16px;
	margin-bottom: 7px;
	padding-top: 4px;
	border-top: 1px solid #c2cfc0;
}

#update p {
	color: #FFF;
}

.artwork p {
	font: 1.4em Verdana, Tahoma;
	padding: 0 24px;
}

.image-left {
        margin-bottom: 0;
}

.exhibitionDesc {
        height: 130px;
}

.value {   
	color: #383737;
}

.status {
        font-size: 1.1em; 
        font-family: Arial;
        text-transform: uppercase;
        color: #c33131;
}

span.itemNo {
	color: #585858;
}

span.price {
	color: #ff6c1b;
}

.returnArc {
	font-size: 1.2em;
}

.storeLink {
        margin-top: 22px;
        font-size: 1.2em;
        text-align: center;
}

#footer p {
	font-size: 1.2em;
	text-align: center;
}

#footer .return {
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
	margin-bottom: 0;
}

#footer .channels {
	font-size: 1.2em;
        font-weight: bold;
	text-align: center;
        margin-bottom: 0;
}


/* ---------- 5. images ---------- */

a img {
	border: 0;
}

#logo img {
	margin: 0px 0 0 70px;
}

#featuredCarousel img {
    border: 5px solid #504f41;
}

#featuredCarousel a img:hover {
    border: 5px solid #FFF;
}	

#update img {
	float: left;
	border: 1px solid #e6e4c6;
	margin-right: 10px;
}

.artwork li img {
	width: 225px;
	height: 182px;
}

.singleMainImage {
	width: 260px;
	float: left;
	margin-right: 10px;
}

.itemThumbs img {
	float: left;
	margin-right: 10px;
}

img.figure {
	float: left;
	margin-right: 10px;
	border: 1px solid #27271f;
}

/* ---------- 5. contact form ---------- */



#scf2 label {
	font: 1.4em Verdana, Tahoma, Arial;
}

#scf2 input.text, #scf2 input[type='text'] {
margin-top: 5px;
}

#scf2 textarea {
margin-top: 5px;
}

#scf2_submit {
        width: 90px;
        height: 30px;
        font-weight: bold;
	color: #fff;
	background: #504f41;
        border: 1px solid #cdcdcd;
	cursor: pointer; /*hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

#scf2_submit:hover {
	border: 1px solid #000;
	background: #000;
}

#contactInfo {
	float: right;
	width: 316px;
	height: 300px;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-right: 15px;
}

#contactInfo img {
	border: 1px solid #cdcdcd;
	margin-bottom: 0px;
}

#scf2 {
float: left;
margin-top: 5px;
width: 525px;
}

/* ---------- menu ---------- */



.ctitlev{ margin-bottom:6;padding:0;}
.ctitlev p a:link,.ctitlev p a:visited,.ctitlev p a:hover,.ctitlev p a:active{text-decoration:none;color: #000;border:1px solid #ffffff;padding:2px 5px;font-size:10px}
.ctitlev p a:hover{background:#fff;color:#000;border-color:#666}
.ctitlev p{margin:0px 0px}
.ctitlev p span{text-decoration:none;padding:2px 5px;border:1px solid #ffffff;color:#FF0000;font-size:10px}
.ctitlev h4{margin-top:-1.45em;padding:0;border:none}

.ctitlev2{ 
           margin-bottom:8;
           padding-left: 50px;
}

.gcBackground4 {
    background-color: #eaeaea;
    background-image: url("images/bg222.png");
}

.gcBackground1 {
    background-color: #eaeaea;
    background-image: url("images/bgwm.gif");
}

.gcBorder3 {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #ffffff;
    border-top: 0px solid #ffffff;
    margin:1px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_line_down_fly.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.pro_linedrop {
height:36px;
width:608px;
background:url(line/blank_2f.gif);
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:500;
margin-bottom:18px;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(line/blank_over_f.gif);
}

.pro_linedrop .select a {
display:block; 
height:36px; 
float:left; 
background: url(line/blank_2f.gif); 
padding:0 0 0 10px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#000;
}

.pro_linedrop .select li.line a {color:#444;}

.pro_linedrop .select a b {
display:block; 
padding:0 30px 10px 10px; 
background:url(line/blank_2f.gif) right top;
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
background: url(line/blank_over_f.gif); 
padding:0 0 0 10px;
line-height:27px;
cursor:pointer; 
color:#ff0000;
}

.pro_linedrop .select li.line a:hover, 
.pro_linedrop .select li.line:hover a {
color:#ff0000;}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0 30px 9px 10px; 
background:url(line/blank_over_f.gif) right top; 
cursor:pointer;
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left;
width:608px;
top:33px; 
left:1px; 
text-align:center;
background:transparent url(line/transparent.gif);

}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:transparent url(line/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; color:#9E2801;font-size:11px;}

.pro_linedrop .select :hover .sub li.subline a {color:#ffffff; }

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative; background:#f1f1f1;}

.pro_linedrop .select :hover .sub li:hover > a {color:#000000; }

.pro_linedrop .select :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:112px; position:absolute; left:-1px; top:25px;  background:#BABABA;}

.pro_linedrop .select :hover .sub :hover ul ul {position:absolute; left:-9999px;}
.pro_linedrop .select :hover .sub :hover ul li {border:1px solid #fff; border-width:0 1px;}

.pro_linedrop .select :hover .sub :hover ul li a {width:80px; text-align:left; height:20px; line-height:18px; background:#fff;}
.pro_linedrop .select :hover .sub :hover ul li a:hover {line-height:16px;}
.pro_linedrop .select :hover .sub :hover ul li:hover > a {line-height:16px;}

.pro_linedrop .select :hover .sub :hover ul :hover ul {left:112px; top:0; border:1px solid #886; border-width:0 1px 1px 0; background:#fff;}

.pro_linedrop .select :hover .rt :hover ul :hover ul {left:-113px; top:0; border:1px solid #886; border-width:0 0 1px 1px;}

.pro_linedrop .select :hover .sub :hover ul :hover ul li {border-left:1px solid #886; background:#fff;}

.pro_linedrop .select :hover .sub :hover ul :hover ul li.a1 {border-left:1px solid #fff;}
.pro_linedrop .select :hover .sub :hover ul :hover ul li.a2 {border-top:1px solid #886; height:19px;}

.pro_linedrop .select :hover .rt :hover ul :hover ul li {border-right:1px solid #886; border-left:0;}
.pro_linedrop .select :hover .rt :hover ul :hover ul li.a1 {border-right:1px solid #fff; border-left:0;}