@charset "utf-8";

/*CSS Document m@zensplash.co.uk */

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

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

body { background-color:#ADADAD; }

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

/*-------------------- div's  ----------------------*/

#divWrap { margin: 0px auto 0px; width: 990px; position: relative; height: 805px; background: #FFF; padding-right: 15px; padding-bottom: 0px; 
}
.body2#bodyMotion #divWrap { margin: 0px auto 0px; width: 990px; position: relative; background: #FFF; padding-right: 15px; padding-bottom: 0px; clear: both; 
}


#divLeftBar { position: relative; height: 825px; width: 225px; float: left; background: url(../images/Portfolio_new.png) no-repeat 0px -3px; 
}

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

#divTopNav {
	height: 243px;
	position: relative;
	margin-bottom: 5px;
	top: -15px;
}

#divMainNav { height: 575px; }

#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 #divFooter, #bodyAbout #divFooter, { height: 75px; margin: 0px 0px 0px; float: left; width: 765px; position: relative; padding: 0px; text-align: center; }


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

#divTopNav ul {
	text-align: right;
	padding-right: 10px;
	list-style: none;
	padding-top: 100px;
	float: right;
	margin-left: 10px;
}
#divTopNav ul.Right {
	text-align: right;
	padding-left: 5px;
	padding-right: 33px;
	list-style: none;
	line-height: 15px;
	padding-top: 103px;
	float: right;
	margin-left: 0px;
}
#divTopNav ul.Left {
	text-align: right;
	list-style: none;
	line-height: 15px;
	float: right;
	margin: 0px;
	padding: 110px 9px 0px 0px;
}
#divTopNav ul li {
	list-style: none;
	padding: 0px;
}



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: 54px; width: auto; text-indent: -9999px; position: relative; }

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

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

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

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

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

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

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

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

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

li#nav6 a { background: url(../images/educational.png) no-repeat 58px -3px; height: 57px; width: auto; text-indent: -9999px; position: relative; top: -63px; z-index: 1; }

li#nav6 a:hover { background: url(../images/educational-dark.png) no-repeat 58px -3px; height: 57px; width: auto; text-indent: -9999px; position: relative; top: -63px; z-index: 1; }

li#nav7 a { background: url(../images/shop.png) no-repeat 58px 0px; height: 68px; width: auto; text-indent: -9999px; position: relative; top: -75px; z-index: 1; }

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

li#nav8 a { background: url(../images/more.png) no-repeat 58px -5px; height: 58px; width: auto; text-indent: -9999px; position: relative; top: -78px; z-index: 1; }

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


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

#bodyBooks #topNavBo,  #bodyDesign #topNavDe, #bodyEditorial #topNavEd, #bodyAdvertising #topNavAd, #bodyPersonal #topNavPe , #bodySketchbooks #topNavSk , #bodySeasonal #topNavSe, #bodyFashion #topNavFa , #bodyMotion #topNavMo , #bodyTattoo #topNavTa, #bodyWalls #topNavWa, #bodyStudio #topNavSt, #bodyArchive #topNavAr {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: center; 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: 150px;
	margin: 0px 0px 20px;
	float: left;
	width: 765px;
	position: absolute;
	padding: 0px;
	text-align: right;
	background: url(../images/sarah-coleman-sig.png) no-repeat right bottom;
	top: 765px;
	z-index: 0;
	font-size: 10px;
	color: #CCC;
}
.addThisImg  {
	margin-top: 0px;
	vertical-align: middle;

}

#bodyMotion #divWrap #divFooter { height: 150px; margin: 0px 0px 20px; float: left; width: 765px; position: absolute; padding: 0px; text-align: right; background: url(../images/sarah-coleman-sig.png) no-repeat right bottom; z-index: 0; font-size: 0.9em; color: #CCC; bottom: 0px; 
}


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

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

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

#divFooter  p{
	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; clear: both; }

#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: auto; margin: 5px auto 5px; padding: 10px 5px 5px; border-right: none; border-bottom: none; border-left: none; 
}
#divFooter div  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;
}
#bodyMotion #divWrap #divMainBlock {
	height: auto;
	margin: 0px;
	padding: 0px;
}
#bodyMotion #divWrap #divMainBlock #divVidCont {
	margin: 0px;
	padding: 0px;
}
#bodyMotion #divWrap #divMainBlock #divVidCont .container {
	margin: 0px auto auto;
	padding: 0px;
}
#bodyMotion #divWrap #divMainBlock #divVidCont .container .divVid p { background: #D2D1CA; color: #333; padding-top: 7px; padding-bottom: 7px; margin-top: 35px; margin-bottom: 15px; 
}


.container { width: 700px; margin: 120px auto auto; padding-top: 50px; padding-bottom: 50px; text-align: center; 
}
#contact #divWrap #divMainBlock #divHomeText p {
	font-size: 10px;
	text-align: right;
	color: #999;
	margin: 0px;
	padding: 0px;
}
#contact #divWrap #divMainBlock #divHomeText {
	padding-right: 0px;
}
#addThis {
	float: right;
}
#bodyMotion #divWrap #divMainBlock #divVidCont .container .divVid .divCenter { margin-right: auto; margin-left: auto; }
#bodyMotion #divWrap #divMainBlock #divVidCont .container .divVid .divCenter #vodpod_widget_7198604 { margin-right: auto; margin-left: auto; }
#bodyMotion #divWrap #divMainBlock #divVidCont .container #Accordion1 .AccordionPanel.AccordionPanelOpen .AccordionPanelContent { height: 420px; }
#more #divWrap #divMainBlock #divInnerContent .moreLinks { list-style: none; font-size: 0.9em; }
#more #divWrap #divMainBlock #divInnerContent #linkBlock { float: left; width: 300px; margin-top: 0px; }
#more #divWrap #divMainBlock #divInnerContent #linkBlock .moreLinks li img { float: left; margin-right: 15px; margin-bottom: 5px; border-width: 0px; }

#more #divWrap #divMainBlock #divInnerContent .moreLinks li { float: left; width: 300px; margin-bottom: 28px; display: block; }
#more #divWrap #divMainBlock #divInnerContent .moreLinks li h3 { font-size: 0.9em; padding: 0px; font-weight: normal; text-align: left; margin-right: 0px; margin-bottom: 0px; margin-left: 100px; vertical-align: middle; }
#more #divWrap #divMainBlock #divInnerContent .mailBox { float: left; height: 120px; margin-top: 35px; }
#more #divWrap #divMainBlock #divInnerContent .clientBox { width: 350px; margin-left: 300px; margin-top: 5px; }
#more #divWrap #divMainBlock #divInnerContent .clientBox ul { list-style: none; }
#more #divWrap #divMainBlock #divInnerContent .clientBox h3 { font-size: 1.1em; padding: 0px; margin-top: 5px; margin-bottom: 5px; }
#more #divWrap #divMainBlock #divInnerContent .socialBlock p { font-size: 1.1em; font-weight: bold; text-align: left; margin-left: 0px; padding-left: 115px; }
#more #divWrap #divMainBlock #divInnerContent .socialBlock p img { margin-left: 35px; border-width: 0px; margin-right: 7px; }
#more #divWrap #divMainBlock #divInnerContent #linkBlock .moreLinks li h3 a { font-size: 11px; }
#more #divWrap #divMainBlock #divInnerContent .socialBlock { margin-bottom: 25px; margin-top: 15px; }
#more #divWrap { height: 805px; }
#more #divWrap #divMainBlock #divInnerContent .socialBlock p a { font-size: 1.1em; }