@charset "utf-8";

/*//////////////////// tags /////////////////////// */

body, div, ul, li, p, a { margin: 0px; padding: 0px; font-family: Helvetica, Chonker, Times New Roman, serif; font-size: 14px; color: #998462; }

body { background-color:#ADADAD; }

/* ////////////////// id's //////////////////////// */

/*-------------------- div's  ----------------------*/
#clr {
	clear:both;	
}

#divWrap {
	margin: 0px auto 0px;
	width: 990px;
	top: 35px;
	position: relative;
	height: 900px;
	background: #FFF;
	padding-right: 15px;
	padding-bottom: 0px;
	-moz-border-radius:5px;
-webkit-border-radius: 5px;

}

#divLeftBox {
position:relative;
float:left;
width: 45%;
}

#divRightBox {
position:relative;
float:right;
width: 45%;
}

#divCenterBox {
position:relative;
width: 100%;
}

#divHoof {
	margin: 0px;
	position: relative;
	height: 50px;
	width: 765px;
	float: left;
bottom:0px;	
}

#divLeftBar { position: relative; height: 825px; width: 225px; float: left; }

#divMainBlock {
	margin-left: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 765px;
	height: 400px;
	float: left;
	position: relative;
}

#divTopNav {
	height: 186px;
	position: relative;
	background: url('../images/shield.png') no-repeat 40px -7px;
	margin-bottom: 0px;
	top: 10px;
	-moz-border-radius:5px;
-webkit-border-radius: 5px;

}

#divMainNav { height: 186px; }

#divInnerContent { height: 540px; padding-top: 105px; padding-left: 25px; margin-right: auto; margin-left: auto; text-align: center; }

#divIllBy {
	position: absolute;
	top: 12px;
	background: url(../images/sarah-coleman.png) no-repeat 0px 24px;
	height: 300px;
	width: 220px;
}
/* end hide */

#bodyBlog #divHoof, #bodyAbout #divHoof, { height: 75px; margin: 0px 0px 0px; float: left; width: 765px; position: relative; padding: 0px; text-align: left; }


/*------------------ list styles -------------------*/

#divTopNav ul {
	text-align: center;
	padding-right: 10px;
	list-style: none;
	line-height: 15px;
	padding-top: 110px;
	margin-left: 10px;
}

div#AboutTopBlock { padding-left: 330px; padding-top: 15px; padding-bottom: 15px; background: url(../images/say-something-illustration.jpg) no-repeat 25px 15px; margin-bottom: 20px; }

#about #divWrap #divMainBlock { margin-left: 0px; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 750px; height: 750px; float: left; position: relative; }




div#MoreTopBlock { padding-top: 10px; padding-bottom: 0px; margin-bottom: 30px; margin-top: 45px; }

div#PressTopBlock { padding-top: 15px; padding-bottom: 15px; margin-bottom: 20px; margin-top: 0px; }

div#ShowsTopBlock { padding-top: 15px; padding-bottom: 15px; margin-bottom: 20px; margin-top: 0px; }




#ulMainNav { list-style: none; }

/*------------------ link styles -------------------*/

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { color: #5F5B50; }

a:active { text-decoration: none; color:  #928E7E; }

/*------------------ nav styles -------------------*/

#divTopNav a { display: block; }

#ulMainNav a { display: block; }

li#nav1 a { background: url(../images/about.png) no-repeat 57px -5px; height: 72px; width: auto; text-indent: -9999px; position: relative; }

li#nav1 a:hover { background: url(../images/about-dark.png) no-repeat 57px -5px; height: 72px; width: auto; text-indent: -9999px; position: relative; }

li#nav2 a { background: url(../images/shop.png) no-repeat 58px 0px; height: 72px; width: auto; text-indent: -9999px; position: relative; top: -2px; }

li#nav2 a:hover { background: url(../images/shop-dark.png) no-repeat 58px 0px; height: 72px; width: auto; text-indent: -9999px; position: relative; top: -2px; }

li#nav3 a {
	background: url(../images/contact.png) no-repeat 58px 0px;
	height: 58px;
	width: auto;
	text-indent: -9999px;
	position: relative;
	top: -15px;
	z-index: 1;
}
li#nav3 a:hover {
	background: url(../images/contact-dark.png) no-repeat 58px 0px;
	height: 58px;
	width: auto;
	text-indent: -9999px;
	position: relative;
	top: -15px;
	z-index: 1;
}


/*--------------------selected   page   -----------------------*/

#bodyBooks #topNavBo,  #bodyDesign #topNavDe, #bodyEditorial #topNavEd, #bodyAdvertising #topNavAd, #bodyPersonal #topNavPe , #bodySketchbooks #topNavSk , #bodySeasonal #topNavSe, #bodyFashion #topNavFa , #bodyMotion #topNavMo ,  #bodyStudio #topNavSt {color:#CCC; }
#about #nav1 a { background: url(../images/about-active.png) no-repeat 57px -5px; height: 54px; width: auto; text-indent: -9999px; position: relative; }
#blog #nav2 a { background: url(../images/blog-active.png) no-repeat 58px -1px; height: 72px; width: auto; text-indent: -9999px; position: relative; top: -2px; }

#awards #nav3 a { background: url(../images/awards-active.png) no-repeat 58px -13px; height: 55px; width: auto; text-indent: -9999px; position: relative; top: -15px; }

#shows #nav4 a { background: url(../images/shows-active.png) no-repeat 58px 0px; height: 72px; width: auto; text-indent: -9999px; position: relative; top: -35px; z-index: 1; }


#press #nav5 a { background: url(../images/press-active.png) no-repeat 58px 0px; height: 57px; width: auto; text-indent: -9999px; position: relative; top: -52px; z-index: 1; }

#more #nav8 a { background: url(../images/more-active.png) no-repeat 58px -5px; height: 58px; width: auto; text-indent: -9999px; position: relative; top: -78px; z-index: 1; }
#contact #nav9 a {
	background: url(../images/contact-active.png) no-repeat 58px 0px;
	height: 58px;
	width: auto;
	text-indent: -9999px;
	position: relative;
	top: -86px;
	z-index: 1;
}
#contact #ulContact {
	list-style: none;
	margin-top: 180px;
	margin-bottom: 25px;
}
#contact #ulContact li {
	list-style: none;
	margin-top: 25px;
	margin-bottom: 25px;
}





p.topDeepMargin { padding-top: 75px; }






/*/////////////////// classes //////////////////////*/

.hiddenPic { display:none; }

/* divs */

/* list styles */

/* link styles */


/*-------------------span styles--------------------*/

span.spanLose { display: none; }
span.inkBlob { background: url(../images/inkblob.png) no-repeat 5px center; padding-left: 35px; padding-top: 10px; padding-bottom: 10px; height: 60px; }

/*---------------------p styles --------------------*/


#divIllBy p { text-align: right; padding-right: 103px; }
/*---------------------home specific styles  -----------------*/

.body1 #divHomeImage { height: 540px; padding-top: 60px; text-align: left; vertical-align: middle; }
#divInnerContent p { overflow: auto; line-height: 1.6em; margin-top: 0px; margin-bottom: 15px; padding-right: 55px; padding-left: 35px; }

.body1 #divHomeText { padding: 25px; min-height: 45px; }
#divFooter {
	height: 50px;
	margin: 0px 0px 20px;
	float: left;
	width: 765px;
	position: absolute;
	padding: 0px;
	text-align: right;
	bottom: 0px;
	z-index: 0;
	font-size: 0.9em;
	color: #998462;

}

.gallery #divFooter {
	height: 150px;
	margin: 0px 0px 0px;
	float: left;
	width: 990px;
	position: absolute;
	padding: 0px;
	bottom: 0px;
	left: 0px;
}

#educational #divFooter {
	height: 150px;
	margin: 0px;
	width: 765px;
	position: absolute;
	padding: 0px;
	bottom:0px;
	z-index: 99;
	left: 225px;
}

.body2 #divFooter {
	height: 150px;
	margin: 0px;
	width: 765px;
	position: absolute;
	padding: 0px;
	text-align: right;
	top: 765px;
	left: 0px;
}


#divFooter p {
	margin-top: 13px;
	color: #999;
	font-size: 10px;
}


.body1 #divPressBottom { padding: 25px; min-height: 45px; text-align: center; }


#apDiv1 { position:absolute; width:693px; height:28px; z-index:1; background: #FFF; border-bottom: 1px solid #A29E91; }



#more label { font-variant:small-caps;}

#blog #ifBlog { border-bottom: 1px solid #918D7D; z-index: 1; }
#blog #divWrap { z-index: 0; }

#divInnerContent blockquote { line-height: 1.6em; font-style: italic; }

ul.listRHleftJust { text-align: left; list-style: none; line-height: 1.7em; }
ul.listInlineCentreJust { text-align: center; list-style: none; line-height: 1.7em; }

ul.listInlineCentreJust li { }




#more form #gobutton { background: #FFFFFF url(../images/go.jpg) no-repeat 0px 0px; height: 47px; width: 50px; margin-left: 15px; margin-top: 0px; border-width: 0px; cursor: crosshair; }
#more form input { border: 1px dotted #CDC2AC; background: #F0EDE6; height: 20px; }
#more form #gobutton:hover { background: #FFFFFF url(../images/go-over.jpg) no-repeat; height: 47px; width: 50px; margin-left: 15px; margin-top: 0px; cursor: crosshair; }



#tabClients { width: 95%; z-index: 99; margin: 0px auto 30px; border-width: 0px; }

#tabClients caption { font-weight: bold; padding-bottom: 8px; margin: 0px; }

#tabClients td { width: 33%; height: auto; margin: 0px; padding: 3px; }

#about #divInnerContent { height: 540px; padding-top: 45px; padding-left: 25px; text-align: center; }


#more #divInnerContent { padding-top: 5px; height: auto; }

#press  .listInlineCentreJust { line-height: 2.2em; }

#press  #divInnerContent { padding-top: 105px; height: auto; }

#shows #divInnerContent { padding-top: 55px; height: auto; }

#shows .listInlineCentreJust { line-height: 2.2em; }

.body1 #divShowsBottom { padding: 25px; min-height: 45px; text-align: center; }
#more #MoreTopBlock ul.listInlineCentreJust li{ display: inline; }

#about #divEdList h3 { font-size: 1em; }

#home #divHomeText p { font-size: 18px; text-align: center; }

#newsletter tr{ vertical-align: 50%; } 
#newsletter td{ vertical-align: top; padding-right: 14px; padding-bottom: 14px; }
/*************************************************************/
#bodyMotion #divHomeImage  img { border-width: 0px; margin: 15px; }


#more form { width: 80%; margin-right: auto; margin-left: auto; }
span.creditLink  a{ color: #ECE8DF; padding: 25px 25px 25px 50px; }
p.pdf { margin-top: 67px; text-align: center; }
#educational #divWrap #divMainBlock { height: 740px; }


#divFooter .pReps { font-size: 10px; padding-top: 4px; padding-bottom: 4px; }
#divFooter .pReps a { font-size: 10px; }

#bodyMotion #divVid { width: 320px; margin-right: auto; margin-left: auto; border: 5px solid #544B44; background: #544B44; }


#divFooter p a {
	font-size:10px;
	color: #999;
}



#bodyMotion #divVid { width: 320px; margin-right: auto; margin-left: auto; border: 5px solid #544B44; background: #544B44; }

#contact h3 { font-size:14px}
#contact #divWrap #divMainBlock #divHomeImage {
	margin-top: 100px;
	background: url(../images/ContactBlobsToSize.jpg) no-repeat center 90px;
	padding-top: 80px;
}
#hSarah {
	margin-bottom: 5px;
	margin-top: 10px;
}


/* hide from ie on mac \*/
#flashcontent { background-color:#FFF; height: 100%; }


#hUS {
	margin-top: 90px;
	margin-bottom: 5px;
}
#hUK {
	margin-top: 90px;
	margin-bottom: 5px;
}ooter