/* Start of CMSMS style sheet 'SH' */
/* /////////////////////////////////
	Smith and Hall CSS 
///////////////////////////////// */

/* reset whitespace */
* { 
	margin:0;
	padding:0;
}

/* /////////////////////////////////
	LAYOUT
///////////////////////////////// */

body {
	font: normal 12px tahoma, arial, trebuchet, "sans serif";
	color: #323232;
	background: #323232;
	line-height: 18px;
}

.center {
	width: 960px;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear { 
	clear: both; 
	height: 0; 
	line-height: 0px;
	font-size: 0px;
	text-indent: -5000px;
}

.hidden {
	display: none;
}

#topHalf {
	background: #dbdbdb;
	padding-top: 30px;
}

#topHalf .center {
	background: #fff url('../i/bg-top.gif') repeat-x left bottom;
	padding: 1px 0;
}

#bottomHalf {
	background: #323232;
	color: #b7b6b6;
	font-size: 11px;
}

#bottomHalf .center {
	background-color: #464646;
	padding: 1px 0 0 0;
}

#header {
	height: 153px;
	padding: 0 30px;
}

#banner {
	height: 300px;
	background: #000;
	overflow: hidden;
	margin: 0 30px 40px;
	background: #fff url('../i/art-seminar.jpg') no-repeat left top;
}

/* Added by barney 27/4/09 */
#article {
	margin: 0 30px 40px;
}

.col1 {
	width:320px;
}

.col2 {
	width: 640px;
}

.col3 {
	width: 960px;
}

.mainCol {
	width: 565px;
	padding: 0 30px 18px 45px;
	line-height: 20px;
	overflow: hidden;
}

.sideCol {
	width: 320px;
	padding: 0 0 24px 0;
	border-top: solid 16px #fff;
}

.single {
	padding: 0 30px 18px 45px;
	line-height: 20px;
}


#footer {
	clear: both;
	background: #323232;
	height: 70px;
	margin-top: 30px;
	padding: 1px 0 0 0;
}

div.half {
	width: 49%;
}

/* /////////////////////////////////
	TEXT + HTML
///////////////////////////////// */

h1 {
	font: normal 24px tahoma, arial;
	margin: 0 0 0 15px;
	padding: 12px 0 0 0;
	color: #fff;
	letter-spacing: 0px;
	float: left;
}

h2 {
	font: normal 17px tahoma, arial;
	margin: 20px 0px 12px -14px;
	color: #fff;
	background: #3c3c3c;
	padding: 8px 0 8px 14px;
}

h3 {
	font: bold 18px tahoma, arial;
	margin: 22px 0px 18px;
	color: #323232;
}

h3 em {
	font-weight: normal;
	font-style: italic;
	font-family: arial;
	font-size: 14px;
}

h4 {
	font: bold 14px tahoma, arial;
	margin: 22px 0px 18px;
	color: #323232;
}

h4 em {
	font-weight: normal;
	font-style: italic;
	font-family: arial;
}

p, ul, ol {
	margin: 18px 0px 18px 0px;
}

ul {
	list-style-type: none;
}

span.small {
	font-size: 11px;
}


/* /////////////////////////////////
	LINKS
///////////////////////////////// */

a img { border: none }

a,
a:visited {
	color: #14abcf;
	text-decoration: none;
}

a:hover {
	color: #0082a1;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

#bottomHalf a.frame,
#bottomHalf a.frame:visited,
#promoComp a.frame,
#promoComp a.frame:visited {
	display: block;
	margin: 12px 0;
	font: normal 10px arial, tahoma;
	color: #fff;
	text-transform: uppercase;
	background: transparent url('../i/frame-dark.gif') no-repeat left top;
	padding: 2px 0 4px 26px;
}

#bottomHalf a.frame:hover,
#promoComp a.frame:hover {
	color: #b5effa;
	text-decoration: none;
}

.box a.frame,
.box a.frame:visited,
#content a.frame,
#content a.frame:visited {
	display: block;
	margin: 12px 0 18px 0;
	font: normal 10px arial, tahoma;
	text-transform: uppercase;
	background: transparent url('../i/frame-light.gif') no-repeat left top;
	padding: 2px 0 4px 26px;
}

.box a.frame:hover,
#content a.frame:hover {
	text-decoration: none;
}

a.button,
a.button:visited {
	font: italic 14px arial, tahoma;
	background: #00abcd;
	color: #caeef7;
	display: block;
	float: left;
	margin: 18px 0 18px 0;
	padding: 5px 12px;
	display: inline;
}

a.button strong {
	font-family: tahoma, arial;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #fff;
}

a.button:hover {
	background: #5bc4dd;
	color: #fff;
}

a.button:hover strong {
	color: #fff;
}

a.tight {
	float: none;
	display: block;
	margin: 0 0px 12px 30px !important;
}

a.small {
	font-size: 12px;
}

/* /////////////////////////////////
	HEADER
///////////////////////////////// */

#logo {
	display: block;
	width: 243px;
	height: 99px;
	background: transparent url('../i/logo.gif') no-repeat left top;
	text-indent: -5000px;
	float: left;
	margin: 30px 0 0 0;
}

#logo:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}

/* /////////////////////////////////
	NAV
///////////////////////////////// */

ul#nav {
	float: right;
	margin: 30px 10px 0 0;
	list-style-type: none;
	font: normal 14px tahoma, arial;
}

ul#nav li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 13px;
	display: inline;
	border-left: solid 1px #fff;
	position: relative;
}

ul#nav li a,
ul#nav li a:visited {
	color: #0995b7;
}

ul#nav li.current a,
ul#nav li.current a:visited {
	color: #323232;
	text-decoration: none;
}

ul#nav li a:hover {
	color: #006f89;
}


ul#nav li #subNav {
	list-style-type: none;
	margin: 0;
	position: absolute;
	width: 200px;
	top: -2px;
	left: -1px;
	border-left: solid 1px #dbdbdb;
	padding: 30px 13px 8px;
	font-size: 11px;
	display: none;
}
ul#nav li.current #subNav {
	display: block;
}

ul#nav li #subNav li {
	padding: 0;
	display: block;
	float: none;
	margin-bottom: 3px;
}

ul#nav li #subNav li a {
	color: #9d9c9c;
}

ul#nav li #subNav li.current a,
ul#nav li #subNav li.current a:visited,
ul#nav li #subNav li a:hover {
	color: #323232;
}


/* /////////////////////////////////
	BANNER
///////////////////////////////// */



/* /////////////////////////////////
	CONTENT TOP
///////////////////////////////// */

.two-one {
	background: transparent url('../i/bg-two-one.gif') repeat-y left top;
	width: 960px;
}

.three {
	background: transparent url('../i/bg-three.gif') repeat-y left top;
	width: 960px;
}

.one {
	background: transparent;
	width: 960px;
}

#breadcrumb {
	height: 30px;
	overflow: hidden;
	font-size: 11px;
	color: #9d9c9c;
}

#breadcrumb p {
	margin: 0 0 0 45px;
}

#breadcrumb #envelope,
#breadcrumb #envelope:visited {
	float: right;
	margin-right: 30px;
	padding: 0 0 0 20px;
	background: transparent url('../i/envelope.gif') no-repeat left 5px;
	display: inline;
}

#titleBar {
	height: 50px;
	background: #14abcf;
	margin: 0 0 0 30px;
        position:relative;
}

#titleBar #topAction,
#titleBar #topAction:visited {
	display: block;
	float: right;
	width: 264px;
	height: 31px;
	padding: 19px 0 0 56px;
	background: #5bc4dd url('../i/frame-blue.gif') no-repeat 29px 19px;
	color: #fff;
	font: italic 14px arial, tahoma;
}

#titleBar #topTwitter,
#titleBar #topTwitter:visited {
	display: block;
        position:absolute;
        top:15px;
	left:440px;
	/*padding: 19px 0 0 56px; */
        width: 175px;
        height:50px;
	background: url('/uploads/images/follow.png') no-repeat; /* #5bc4dd */
	color: #fff;
	font: italic 14px arial, tahoma;
}

#titleBar #topAction strong {
	font: bold 14px tahoma, arial;
	text-transform: uppercase;
}

#titleBar #topAction:hover {
	background-color: #69cde2;
}

.buttonBar {
	height: 30px;
	padding: 10px 15px 0 15px;
	background: #e5e5e5;
	margin: 16px 0 0 -15px;
	font-size: 11px;
}

.col3 .buttonBar {
	margin: 0 0 0 30px;
	border-top: solid 16px #fff;
}

.buttonBar a,
.buttonBar a:visited {
	background-color: #cecece;
	color: #323232;
	font: normal 10px arial, tahoma;
	text-transform: uppercase;
	margin: 0 0 0 8px;
	padding: 4px 8px;
}

.buttonBar a:hover {
	background-color: #bfbfbf;
}

.buttonBar a.current,
.buttonBar a.current:visited {
	background-color: #505050;
	color: #fff;
}

#addAll {
	float: right;
	background: #cecece url('../i/plus.gif') no-repeat 6px 6px;
	padding-left: 20px;
}

#addAll:hover {
	background-color: #bfbfbf;
}

#searchBar {
	height: 30px;
	padding: 10px 15px 0 15px;
	background: #e5e5e5 url('../i/bg-searchbar.gif') repeat-x left top;
	margin: 0 0 0 30px;
	font-size: 11px;
	border-top: solid 5px #fff;
}

ul.eventList {
	margin: 0;
}

ul.eventList li {
	border-bottom: solid 1px #dbdbdb;
	float: left;
	padding-bottom: 8px;
}

ul.eventList h4 {
	margin-bottom: 0;
}

ul.eventList p {
	margin: 12px 0 12px 0;
}

ul.eventList a.button,
ul.eventList a.button:visited {
	margin-top: 0;
	float: left;
}

ul.eventList .image {
	float: right;
	margin: 24px 0 24px 30px;
	border: solid 6px #e2e2e2;
}

#content ul.eventList a.frame,
#content ul.eventList a.frame:visited {
	float: left;
	margin: 5px 0 0 30px;
}

div.eventDetail {
	margin: 0;
	clear: both;
	padding-top: 1px;
}

div.eventDetail h4 {
	margin-bottom: 0;
}

div.eventDetail p {
	margin: 12px 0 12px 0;
}

div.eventDetail a.button,
div.eventDetail a.button:visited {
	margin-top: 0;
	margin-bottom: 12px;
	float: left;
}

div.eventDetail .image {
	float: right;
	margin: 24px 0 24px 30px;
	border: solid 6px #e2e2e2;
}

#content div.eventDetail a.frame,
#content div.eventDetail a.frame:visited {
	float: left;
	margin: 5px 0 0 30px;
}

#compBanner {
	margin: 16px 0 0 15px;
}

#googleMap {
	margin: 16px 0 0 -15px;
}

img.border {
	border: solid 6px #e2e2e2;
}

img.featured {
	margin: 16px 0 24px 30px;
}

ul.specs {
	font-size: 11px;
	color: #666;
	margin: -4px 0 -4px 0;
	line-height: 16px;
}

#galleryGrid {
	margin: 0;
	float: left;
	overflow: hidden;
}

#galleryGrid li {
	width: 320px;
        height: 309px;
	border-bottom: solid 1px #dbdbdb;
	float: left;
	padding: 24px 0;
}

#galleryGrid a,
#galleryGrid a:visited {
	display: block;
	width: 249px;
	border: solid 6px #e2e2e2;
	margin: 0 0 12px 30px;
}

#galleryGrid a:hover {
	border-color: #cfcfcf;
}

#galleryGrid a img {
	display: block;
}

#galleryGrid .artworkTitle {
	display: block;
	font: bold 14px tahoma, arial;
	margin: 0 0 0 45px;
}

#galleryGrid .artistName {
	display: block;
	font: italic 14px arial, tahoma;
	margin: 2px 0 0 45px;
}

.artworksPageNav {
	height: 65px;
}

a.backArtworks {
	float: left !important;
	margin-left: 30px !important;
	display: inline;
}

a.moreArtworks {
	float: right !important;
	margin-right: 30px !important;
	display: inline;
}


/*Added by chris////////////*/


#myImageFlow {
        width: 600px;
        /*height: 400px;*/
        margin: 0 0;
position:relative;
top: -130px;
left: -30px;
}

/*//////////////////*/

#viewProfile,
#viewProfile:visited {
	margin-top: 0px;
}

/* Added by barney 19 Mar */

#expressInterest {
	font-size: 12px;
}

/* ///////////////// */

.divider {
	border-bottom: solid 1px #dbdbdb;
	height: 0; 
	line-height: 0px;
	font-size: 0px;
	text-indent: -5000px;
	margin: 24px 0 0 -15px;
}

.images {
	width: 420px;
	margin: 24px 0 18px 0;
}

.images #largeImage {
	border: solid 6px #e2e2e2;
	display: block;
}

.largeThumb .largeAvailabilityOverlay {
	display: block;
	position: absolute;
	width: 220px;
	height: 20px;
	bottom: 15px;
	right: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #14ABCF;
	font-style: italic;
}

.largeThumb .largeAvailabilityOverlay strong {
	font-style: normal;
}

.largeThumb:link .largeAvailabilityOverlay, .largeThumb:visited .largeAvailabilityOverlay {
	opacity: 0;
	background: transparent;
	display: none;
}

.largeThumb:hover .largeAvailabilityOverlay {
	opacity: 0.65;
	background: #E2E2E2;
	display: block;
}

.images .thumbSection {
	overflow: hidden;
	width: 420px;
}

.images .thumbSection p {
	padding: 0 10px;
	margin: 20px 40px 0 0;
	background: #14ABCF;
	color: #fff;
	font-style: italic;
}

.images .thumbSection p strong {
	font-style: normal;
}

.images .thumb,
.images .thumb:visited {
	display: block;
        position: relative;
	float: left;
	border: solid 6px #e2e2e2;
	margin: 5px 10px 5px 0;
	width: 108px;
}

.images .thumb:hover {
	border-color: #cfcfcf;
}

.images .thumb img {
	display: block;
}

.images .largeThumb {
	position: relative;
	width: auto !important;
}

.information {
	width: 430px;
}

#imageFlowContainer {
	margin: 16px 30px 30px 30px;
	border: solid 1px #dbdbdb;
	background: #fff;
	padding: 20px;
	/*height: 350px;*/
        overflow:hidden;
}

#loadIndicator {
        margin: 16px 30px 30px 30px;
        border: solid 1px #dbdbdb;
        background: #fff;
        padding: 20px;
        height: 350px;
        overflow:hidden;
	background: transparent url('../i/loading.gif') no-repeat center 40px;
}


/* /////////////////////////////////
	CONTENT SIDE COL
///////////////////////////////// */

#sideNav {
	margin: 12px 0 24px 1px;
	font-size: 14px;
}

#sideNav li {
	padding: 0 0 0 28px;
	margin-bottom: 4px;
}

#sideNav li a,
#sideNav li a:visited {
	font-weight: bold;
}

#sideNav li.current {
	background: transparent url('../i/sidenav-arrow.gif') no-repeat left 4px;
}

#sideNav li.current a,
#sideNav li.current a:visited {
	color: #323232;
}

/* Sub side nav - Added by Chris */

ul#sideNav li #subSideNav {
	list-style-type: none;
	margin: 0;
	position: relative;
	width: 200px;
	top: -2px;
	left: -1px;
	padding: 10px 13px 8px;
	font-size: 11px;
        display:none;
}
ul#sideNav li.current #subSideNav {
	display: block;
        float: none;
}

ul#sideNav li #subSideNav li {
	padding: 0;
	display: block;
	float: none;
	margin-bottom: 3px;
}

ul#sideNav li #subSideNav li a {
	color: #9d9c9c;
}

ul#sideNav li #subSideNav li.current a,
ul#sideNav li #subSideNav li.current a:visited,
ul#sideNav li #subSideNav li a:hover {
	color: #323232;
}



#promoComp {
	background: #595959 url('../i/promo-competition.gif') no-repeat left top;
	height: 114px;
	padding: 1px 29px;
	margin-top: 0px;
	overflow: hidden;
        cursor: pointer;
}

#promoComp h4 {
	color: #fff;
	overflow: hidden;
	text-indent: -5000px;
}

#promoComp a.frame,
#promoComp a.frame:visited {
	margin-top: 38px
}

.box {
	padding: 1px 29px;
	background: #e5e5e5 url('../i/bg-box.gif') repeat-x left bottom;
	font-size: 11px;
	color: #666;
	margin-bottom: 1px;
}

.noBG {
	background: transparent;
}

.box h4 {
	text-transform: uppercase;
	color: #8a8a8a;
	margin-bottom: 12px;
}

.box ul.events {
	margin: 12px 0 18px 0;
}

.box ul.events li {
	margin-bottom: 8px;
}

.box h5 {
	color: #323232;
	font-weight: bold;
	font-size: 11px;
}

.sideCol a.button,
.sideCol a.button:visited {
	margin: 24px 0 18px 29px;
}


/* /////////////////////////////////
	CONTENT BOTTOM
///////////////////////////////// */

#bottomHalf .three {
	background: transparent url('../i/bg-bottom-3.gif') repeat-y left top;
}

#bottomHalf .two-one {
	background: transparent url('../i/bg-bottom-2-1.gif') repeat-y left top;
}

#bottomHalf .col1 {
	width: 276px;
	padding-left: 44px;
}

#bottomHalf .col2 {
	width: 596px;
	padding-left: 44px;
}

#bottomHalf p {
	margin: 14px 20px 14px 0px;
}

#bottomHalf h2 a.frame,
#bottomHalf h2 a.frame:visited {
	float: right;
	font: italic 12px arial, tahoma;
	color: #cccccc;
	display: block;
	margin: 3px 30px 0 0;
	text-transform: none;
	display: inline;
}

#bottomHalf h2 a.frame strong {
	font: bold 12px tahoma, arial;
	text-transform: uppercase;
	color: #fff
}

#bottomHalf h2 a.frame:hover {
	color: #14abcf;
}

#bottomHalf h2 a.frame:hover strong {
	color: #b5effa;
}

ul.featured {
	margin: 18px 0 14px -14px;
	line-height: 14px;
	width: 600px;
	overflow: hidden;
}

ul.featured li {
	width: 174px;
        height: 223px;
	float: left;
	margin-right: 25px;
	margin-bottom: 18px;
}

ul.featured a img {
	display: block;
	border: solid 6px #3c3c3c;
}

ul.featured a:hover img {
	border-color: #323232;
}

ul.featured .title {
	display: block;
	color: #fff;
	margin: 6px 0 0 14px;
}

ul.featured .artist {
	display: block;
	margin-left: 14px;
}

ul.moreEvents {
	margin: 0px 30px 18px -15px;
}

ul.moreEvents li {
	padding: 7px 5px 7px 15px;
	font-style: italic;
	font-family: arial;
	font-size: 12px;
	border-bottom: solid 1px #3c3c3c;
}

ul.moreEvents li a,
ul.moreEvents li a:visited {
	font-weight: bold;
	font-style: normal;
	font-family: tahoma;
	color: #fff;
	margin-right: 6px;
}

ul.moreEvents li a:hover {
	color: #b5effa;
}

#bottomHalf ul.moreEvents li a.frame,
#bottomHalf ul.moreEvents li a.frame:visited {
	float: right;
	margin: 0px;
}

#bottomHalf  a.frameLarge,
#bottomHalf  a.frameLarge:visited {
	font: italic 12px arial, tahoma;
	color: #cccccc;
	display: block;
	margin: 16px 0 0 0;
	text-transform: none;
	background: transparent url('../i/frame-dark.gif') no-repeat left top;
	padding: 2px 0 4px 26px;
}	

#bottomHalf a.frameLarge strong {
	font: bold 12px tahoma, arial;
	text-transform: uppercase;
	color: #fff
}

#bottomHalf a.frameLarge:hover {
	color: #14abcf;
}

#bottomHalf a.frameLarge:hover strong {
	color: #b5effa;
}


/* /////////////////////////////////
	FORMS
///////////////////////////////// */

fieldset {
	border: 0;
}

label { 
	display: inline;
	font: normal 10px arial, tahoma;
	text-transform: uppercase;
	color: #323232;
	margin: 0;
}

#bottomHalf label { 
	color: #fff;
}

input.input {
	display: inline;
	font: italic 12px arial, tahoma;
	background: none;
	border: none;
	color: #8a8a8a;
	padding: 0px 6px;
}

#bottomHalf input.input {
	color: #b7b7b7;
}

textarea.input {
	background: #f1f1f1;
	border: solid 1px #cecece;
	display: block;
	padding: 3px;
	font: normal 12px tahoma, arial;
}

#bottomHalf textarea.input {
	background: #424242;
	border: solid 1px #595959;
	color: #b7b7b7;
}

.col1 input.input,
#bottomHalf .col1 input.input {
	width: 165px;
}

.box input.input {
	width: 165px;
}

.col1 textarea.input,
#bottomHalf .col1 textarea.input {
	width: 224px;
}

.box textarea.input {
	width: 244px;
}

input.input:focus,
#bottomHalf input.input:focus {
	border: 0;
	outline: 0;
}

textarea.input:focus,
select.input:focus {
	border: solid 1px #cecece;
	outline: 0;
}

select.input {
	background: #f1f1f1;
	border: solid 1px #cecece;
	display: block;
	padding: 1px;
}

.box select.input {
	width: 252px;
}

input.button {
	font: normal 10px arial, tahoma;
	text-transform: uppercase;
	background: #00abcd;
	color: #fff;
	border: 0;
	margin: 12px 0 18px;
	width: auto;
	overflow: visible;
	padding: 3px 6px;
}

input.button:hover {
	background: #5bc4dd;
	cursor: pointer;
}

.checkbox {
	margin: 6px 5px 0 0;
}

ul.lines {
	margin: 0 30px 0 0;
}

.box ul.lines {
	margin: 0 10px 0 0;
}

ul.lines li {
	margin: 0 0 5px 0;
	border-bottom: solid 1px #cecece;
}

#bottomHalf ul.lines li {
	border-bottom: solid 1px #595959;
}

ul.lines li.noLine,
#bottomHalf ul.lines li.noLine {
	border: none;
}

ul.lines li.compact {
	margin: 0px;
}

#rsvpForm {
	margin: 18px 0;
}

fieldset.half {
	width: 50%;
	float: left;
}

fieldset.half input.input {
	width: 155px;
}

fieldset.half textarea.input {
	width: 224px;
}

fieldset.half select.input {
	width: 250px;
}

#searchBar input.input {
	display: inline;
	background: #f1f1f1;
	border: solid 1px #cecece;
	color: #8a8a8a;
	padding: 2px 4px;
	margin: 0 10px 0 6px;
}

#searchBar select.input {
	background: #f1f1f1;
	border: solid 1px #cecece;
	display: inline;
	padding: 1px;
}

#searchBar input.button {
	font: normal 10px arial, tahoma;
	text-transform: uppercase;
	background: #00abcd;
	color: #fff;
	border: 0;
	margin: 0 20px 0 0;
	width: auto;
	overflow: visible;
	padding: 3px 6px;
}

#searchBar input.button:hover {
	background: #5bc4dd;
	cursor: pointer;
}

#quickFind {
	float: right;
	width: 300px;
}

#searchGallery {
	float: left;
}

#advancedSearch {
	background: #e5e5e5;
	margin: 0 0 0 30px;
	border-top: solid 1px #fff;
	padding: 0 0 6px 15px;
	display: none;
}

#advancedSearch fieldset {
	float: left;
	width: 290px;
	padding-left: 30px;
}

#advancedSearch fieldset.first {
	padding: 0;
	width: 275px;
	margin-right: 0px;
}

#advancedSearch h4 {
	margin-top: 16px;
	margin-bottom: -4px;
}

#advancedSearch select.input {
	width: 240px;
	margin-bottom: 10px;
}


/* /////////////////////////////////
	FOOTER
///////////////////////////////// */

#footer p {
	color: #717171;
	font-size: 11px;
	margin: 18px 30px;
	display: inline;
}

#footer p em {
	font-style: normal;
	color: #ccc;
}

#footer a,
#footer a:visited {
	color: #717171;
}

#footer a:hover {
	color: #ccc;
	text-decoration: none;
}


/* End of 'SH' */