/* 

Website : AngelaSummerfield.com
Website URL : www.angelasummerfield.com

Bespoke Web Design
Custom CSS Design by pedleyonline.co.uk
Web Designer Homepage : http://www.pedleyonline.co.uk

 */

@charset "UTF-8";

html, body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	background-image: url(../_graphics/website-bg.gif);
	background-repeat: repeat-x;
}

h1, h2, h3, h4, h5, h6, p, address, blockquote, div, ul, li { margin: 0; padding: 0; }

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #222223;
	line-height: 22px;
}

#topnavHolder ul li, #panelRow li,  li#linknav li, #footer li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}
 
a:link, a:visited {
	color: #222223;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	color: #000;
}

a img {
	border-width: 0px;
	border-style: none;
}

h1 {
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 15px;
	}
	
.collective h1 {
	padding-top: 15px;
}	
	
h2 { 
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
}
h2#top {
	margin-top: 20px;
}

/* Website Structure */

#wrapper {
	width: 100%;
	text-align: center;
}

#websiteHolder {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}
	

/* Website Top */

#websiteHeader {
	width: 980px;
    float: left;
	height: 130px;
	border-bottom: 1px solid #9ea1a9;
}

#websiteTop {
	width: 960px;
    float: left;
	height: 80px;
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
}

#topnavHolder ul {
	float: right;
}

#topnavHolder {
	width: 980px;
	font-size: 14px;
	float: left;
	height: 16px;
	line-height: 16px;
}

ul#topNav li a#thome {
	border-left: 1px solid #fff;

}

ul#topNav li a {
	padding-left: 9px;
	padding-right: 9px;
	color: #9e9d9d;
	float: left;
	height: 16px;
	padding-top: 0;
	font-size: 12px;
	border-left: 1px solid #9e9d9d;
}
 
ul#topNav li a:hover {
	color: #000;
	text-decoration: none;
}

body#therural a#tartwork,
body#fields a#tartwork,
body#treescapes a#tartwork,
body#unnatural a#tartwork,
body#sketchbook a#tartwork,
body#cloudscapes a#tartwork,
body#landscapesmemory a#tartwork,
body#landscapewonder a#tartwork,
body#stagesoflife a#tartwork,
body#walking a#tartwork,
body#transfigurations a#tartwork,
body#trees a#tartwork,
body#homepage a#thome,
body#about a#tabout,
body#exhibitions a#texhibitions,
body#works a#tworks,
body#artwork a#tartwork,
body#archive a#tarchive,
body#news a#tnews,
body#links a#tlinks,
body#contact a#tcontact 
{
color: #000;
}

body#therural a#ttherural,
body#treescapes a#ttreescapes,
body#fields a#tfields,
body#unnatural a#tunnatural,
body#sketchbook a#tsketchbook,
body#cloudscapes a#tcloudscapes,
body#landscapesmemory a#tlandscapesmemory,
body#landscapewonder a#tlandscapewonder,
body#stagesoflife a#tstagesoflife,
body#walking a#twalking,
body#transfigurations a#ttransfigurations,
body#trees a#ttrees{
color: #000;
}

#gallerymenuHolder {
	float: left;
	color: #9e9d9d;
	padding-top: 10px;
	padding-bottom: 15px;
	width: 980px;
}

#galleryMenu {
	text-align: center;
}
 
#galleryMenu a {
	color: #9e9d9d;
}
 
#galleryMenu a:hover {
	color: #000;
	text-decoration: none;
}

#galleryHolder {
	width: 960px;
	padding-left: 20px;
	float: left;
}

#galleryHeader {
	width: 960px;
	float: left;
}

#galleryHeader.collective {
	padding-right: 20px;
	width: 940px;
}

#subHead {
	font-size: 14px;
	width: 100%;
	display: block;
	float: left;
	margin-bottom: 20px;
}

#pageImage {
	padding-top: 20px;
	padding-bottom: 20px;
}

#pageImage img {
	width: 100%;
	height: auto;
}

#pageImage #caption {
	font-size: .8em;
}

body#exhibitions #galleryHeader h1 {
	padding-top: 15px;
}

 #exhibitionshots #galleryHeader {
 	padding-top: 15px;
 }

#galleryHolder .lbGallery {
	width: 960px;
	float: left;
	}


#galleryHolder .gapTop {
	margin-top: 20px;
}
	
#galleryHolder .lbGallery ul { list-style: none;
	width: 960px;
	float: left;
}

#galleryHolder	.lbGallery ul li { 
display: inline;
	width: 220px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	height: 330px;
}

#galleryHolder .lbGallery.collective ul li {
	height: 230px;
}

#galleryHolder	.lbGallery ul img {

	width: 220px;
	height: 220px;
	float: left;
}
#galleryHolder	.lbGallery ul a:hover img {
	color: #fff;
	}
#galleryHolder	.lbGallery ul a:hover { color: #fff; }

#galleryHolder #title {
	width: 220px;
	float: left;
	text-align: center;
	line-height: 16px;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#galleryHolder #medium {
	width: 220px;
	float: left;
	text-align: center;
	font-size: 10px;
	color: #a29d9d;
	line-height: 18px;
}
#galleryHolder #size {
	width: 220px;
	float: left;
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	color: #a29d9d;
}

#galleryHolder #available {
	width: 220px;
	float: left;
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	color: #a29d9d;
}

img.galleryLogo {
	margin-top: 15px;
	margin-bottom: 8px;
}

/* Website Middle */

#websiteMiddle {
	width: 980px;
	float: left;
	padding-top: 10px;
	padding-bottom: 20px;
}

#websiteRow {
	width: 980px;
    float: left;
}

#topImage {
	width: 800px;
    float: left;
	padding-bottom: 10px;
	text-align: center;
}

#topImage h2 {
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 5px;
}

#newsRow {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #9da0a9;
}

#textPage {
	width: 800px;
	padding-left: 90px;
	padding-right: 90px;
	padding-bottom: 40px;
}

#homepageRow h2 {
	line-height: 25px;
}

#homepageRow {
	width: 940px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	float: left;
}

#homepageLeft {
	width: 440px;
	padding-right: 30px;
	float: left;
}

#homepageRight {
	width: 470px;
	padding-bottom: 40px;
	float: right;
}


#textPage h1 {
	font-size: 20px;
	padding-bottom: 10px;
	padding-top: 15px;
}

#textPage h2 {
	font-size: 14px;
	padding-bottom: 4px;
	font-weight: bold;
}

#textPage h2.heading {
	margin-bottom: 15px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 10px;
	margin-top: 10px;
}

#websiteText img {
	padding-right: 30px;
	float: left;
}

#websiteText {
	width: 900px;
	font-size: 12px;
	padding: 10px 40px 30px;
	float: left;
}

#websiteText p {
	line-height: 20px;
}

#websiteText h2 {
	width: 900px;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

#testimonialRow {
	padding-bottom: 30px;
	font-size: 14px;
	font-style: italic;
}

#testimonialFrom {
	padding-top: 10px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #4e776f;
}

#introRow {
	width: 980px;
    float: left;
}

#introLeft {
	width: 705px;
	padding-top: 10px;
	padding-bottom: 10px;
    float: left;
	}
#introRight {
	width: 235px;
    float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

#introRight h1 {
	width: 215px;
	float: left;
	color: #FFF;
	text-align: left;
	height: 32px;
	
	margin-bottom: 10px;
	background-color: #043280;
	display: block;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#websiteLeft img {
	float: left;
	padding-bottom: 10px;
}

#websiteLeft {
	width: 450px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

#logosContact {
	width: 450px;
	float: left;
	padding-top: 20px;
	}

#contactText {
	width: 430px;
	float: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 40px;
}

#websiteLeft #textContent {
	width: 430px;
	padding-left: 20px;
    float: left;
	}

#homeButton a
{
	text-align: left;
	font-size: 18px;
	width: 225px;
	float: left;
	color: #fff;
	display: block;
	padding-left: 10px;
	padding-top: 10px;
	height: 35px;
	font-weight: bold;
	margin-top: 10px; 
}

#homeButton a:hover {
	text-decoration: none;
	color: #fff;
}

#homeButton.search a {
	background-image: url(../_graphics/home-buttons.gif);
}
#homeButton.quote a {
	background: url(../_graphics/home-buttons.gif) 0 -45px;
}

#bssButton a
{
	text-align: left;
	font-size: 18px;
	width: 395px;
	float: left;
	color: #fff;
	display: block;
	padding-left: 35px;
	padding-top: 10px;
	height: 35px;
	font-weight: bold;
	margin-top: 10px; 
}

#bssButton.searchlong a
{
	width: 435px;
	background: url(../_graphics/self-storage-buttons.gif) no-repeat 0 -180px;
	}
#bssButton.quote a
{
	background: url(../_graphics/self-storage-buttons.gif) no-repeat 0 -45px;
	}

#bssButton.search a
{
	background: url(../_graphics/self-storage-buttons.gif) no-repeat 0 0px;
	}


#bssButton a:hover {
	text-decoration: underline;
}

#textContent ul {
	padding-top: 5px;
	padding-bottom: 10px;
}

#textContent li {
	list-style-position: outside;
	margin-left: 15px;
	list-style-type: none;
	list-style-image: url(../_graphics/blue-bullet.gif);
}
#websiteRight {
	width: 470px;
    float: right;
	padding-right: 20px;
	padding-bottom: 15px;
}

#websiteRight #topImage {
	width: 470px;
    float: left;
	height: 380px;
	padding-bottom: 10px;
}
#websiteRight #extraImages {
	width: 470px;
    float: left;
	height: 230px;
	}
#extraImages #imageLeft {
	width: 230px;
    float: left;
	padding-right: 10px;
}
#extraImages #imageRight {
	width: 230px;
    float: left;
	}

#textContent h2 {
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 10px;
	}

#fullHeader h1 a {
	width: 930px;
	float: left;
	color: #FFF;
	text-align: left;
	height: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 30px;
	background: url(../_graphics/breadcrumb-bg.gif) no-repeat 0 0;
}

#fullHeader h1 a:hover {
	background: url(../_graphics/breadcrumb-bg.gif) no-repeat 0 -45px;
}

#panelRow {
	width: 980px;
    float: left;
}

#panelRow ul {
	padding-bottom: 10px;
	float: left;
}

#panelRow ul li {
	font-weight: bold;
	padding-left: 15px;
	margin-left: 10px;
	background: url(../_graphics/blue-bullet.gif) no-repeat 0;
	margin-right: 10px;
	width: 220px;
	float: left;
	display: block;
}

#panelImage {
	width: 225px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	padding-top: 5px;
}

#panelOne,
#panelTwo,
#panelThree,
#panelFour
{
	width: 245px;
	float: left;
	}

#panelOne h2 a,
#panelTwo h2 a,
#panelThree h2 a,
#panelFour h2 a
{
	text-align: left;
	font-size: 18px;
	width: 212px;
	float: left;
	color: #fff;
	background: url(../_graphics/middle-nav-bg.gif) no-repeat 0 top;
	display: block;
	padding-left: 33px;
	padding-top: 9px;
	height: 36px;
}

#panelOne h2 a:hover,
#panelTwo h2 a:hover,
#panelThree h2 a:hover, 
#panelFour h2 a:hover {
	background: url(../_graphics/middle-nav-bg.gif) no-repeat -245px top;
}

#productRow {
	width: 940px;
    float: left;
	padding-left: 20px;
	padding-right: 20px;
}

#productrowHeader {
    float: left;
	font-size: 18px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;

	padding-bottom: 8px;
	padding-right: 20px;
	width: 920px;
}

#productLeft {
	width: 460px;
    float: left;
	padding-right: 20px;
}
#productRight {
	width: 460px;
    float: left;
}
#productPanel {
	width: 460px;
    float: left;
	border-bottom: 1px dotted #06337e;
}
#productPackages {
	width: 460px;
    float: left;
	padding-bottom: 20px;
}
#productPackages #productPrice,
#productPackages #productDesc {
	padding-top: 0px;
}

#productImage {
	width: 180px;
    float: left;
	padding-right: 20px;
}
#productDesc {
	width: 200px;
    float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#productPrice {
	width: 60px;
	padding-top: 10px;
    float: left;
}

#contactRow {
	width: 980px;
	background: url(../_graphics/cup-bottom.jpg) no-repeat right top;
    float: left;
}

#contactLeft {
	width: 380px;
    float: left;
	padding-left: 40px;
	padding-right: 20px;
}
#contactTitle {
	width: 380px;
    float: left;
	padding-top: 15px;
	padding-bottom: 15px;
}
#contactRight {
	width: 540px;
    float: left;
	padding-top: 15px;
}
#thankyouRight {
	width: 500px;
    float: left;
	padding-top: 35px;
	padding-right: 40px;
}


/* Website Images */

#mainImage {
	width: 600px;
    float: left;
}
#mainVideo {
	width: 600px;
	float: left;
}

#thumbRow {
	width: 490px;
    float: left;
}

#thumbOne, #thumbTwo {
	width: 150px;
    float: left;
    padding-right: 20px;
}
#thumbThree {
	width: 150px;
    float: left;
    }

/* Bottles */

#bottleIntro {
	width: 900px;
    float: left;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 15px;
}

#bottleRow {
	width: 900px;
    float: left;
	padding-left: 40px;
	padding-right: 40px;
}

ul#bottles li img {
	float: left;
	width: 140px;
	height: 275px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
}

/* Website Bottom */

#footerLogosTop {
	text-align: center;
	width: 980px;
	float: left;
	padding-bottom: 20px;
}

#footerLogos {
	text-align: center;
	width: 980px;
	float: left;
	padding-bottom: 5px;
	padding-top: 10px;
}

#footerLogos img {
	padding-right: 10px;
	padding-left: 10px;
}

#footer {
	float: left;
	width: 980px;
	margin-bottom: 40px;
} 

#footerLogo {
	width: 980px;
	float: left;
	padding-top: 20px;
	text-align: center;
}
#footerAddress {
	width: 980px;
	float: left;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #9e9d9d;
	font-size: 12px;
	border-top-style: dotted;
	border-top-width: 1px;
}
 
#footerAddress a {
	color: #9e9d9d;
}

#footerAddress a:hover {
	color: #000;
	text-decoration: none; 
}

#pageBottom {
	width: 900px;
    float: left;
    background: #000 url(../_graphics/page-bottom-bg.gif) no-repeat left bottom;
	padding: 10px 40px 5px;
}




#bottomLeft {
	width: 640px;
    float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 40px;
	color: #fff;
	font-size: 12px;
}
#countries {
	width: 640px;
	line-height: 22px;
}

#countries img {
	padding-right: 10px;
}

#bottomRight h2 {
	font-size: 20px;
	margin-bottom: 0;
	padding-bottom: 5px;
}

#bottomRight {
	width: 300px;
    float: right;
	color: #fff;
	font-size: 16px;
	padding-top: 20px;
}

#bottomLinks {
	width: 980px;
    float: left;
    font-size: 12px;
	padding-top: 0px;
	color: #687798;
}

#pedleyonline  a {
	color: #000;
}
#pedleyonline  a:hover {
	color: #fff;
}

#linksLeft {
	width: 670px;
    float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	}

#pedleyonline {
	width: 980px;
    float: left;
	color: #a6a4ac;
	font-size: 11px;
	padding-bottom: 20px;
	text-align: center;
}

#pedleyonline a {
	color: #a6a4ac;
}

#pedleyonline a:hover {
	color: #fff;
	text-decoration: none;
}


/* Contact Form Styles */
#contactformHolder
{
	width: 470px;
	float: left;
	padding-bottom: 10px;
}

#contactformbox
{
	width: 370px;
	float: left;
	padding: 14px 49px 29px;
	border: 1px solid #629388;
	background-color: #fff;
}
#contactformfield
{
	width: 370px;
	float: left;
	padding-bottom: 5px;
	color: #4a7169;
	font-size: 12px;
} 
#contactformbox input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4f615b;
	padding: 5px;
	border: 1px solid #629388;
	width: 358px;
	background-color: #fff;
}

#contactformbox input:focus, #contactformbox textarea:focus
{
	border: 1px solid #4f776f;
	}
#contactformbox .contactformbutton {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	width: 100%;
	margin-top: 10px;
	background: #649388;
	padding-top: 7px;
	padding-bottom: 9px;
}
 
#contactformbox .contactformbutton:hover {
	background-color: #517870;
}

.contactformmulti
{
	color: #4f615b;
	padding: 5px;
	border: 1px solid #629388;
	width: 358px;
	background-color: #fff;
	font: bold 14px/25px Verdana, Geneva, sans-serif;
}
input#AntiSpam.contactformpassword
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
	font-weight: bold;
	color: #4f615b;
	padding: 5px;
	border: 1px solid #629388;
	width: 50px;
	background-color: #fff;
}
#contactforminput
{
	width: 370px;
	float: left;
	padding-bottom: 10px;
}
label {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #4a7169;
}