/* Basic global styling */

* {
	margin: 0 ;
	padding: 0 ;
}

/* Set base font size to 10px in all browsers, while allowing text-sizing in IE */
html { font-size: 1.25em ; } /* Set base font size to 20px (= 1.25 x 16px) */ 
body { font: normal normal 50%/100% Arial,Verdana,sans-serif ; } /* 50% of 20px = 10px */  
html>body { font-size: 10px ; } /* Overrides the above in all browsers except IE */ 

body {
	color: #000 ;
	background-color: #4F5557 ;
}

/* Positioning and styling of page blocks ========================================================= */

#header {
	position: absolute ;
	right: 0 ; top: 0 ;
	width: 150px ;
	height: 170px ;
	background: #4F5557 url(/images/site/logo.gif) no-repeat right 12px ;

}

#header a {
	display: block ;
	width: 150px ;
	height: 170px ;
	text-indent: -9999px ;
	text-decoration: none ;
}

#container {
	padding: 0 150px 0 ;

}

#main {
	background: #fff;
	padding: 170px 20px 20px ;
	min-height: 650px ;
}

* html #main { height: 650px ; }

#address {
	position: absolute ;
	top: 170px ;
	right: 10px ;
	width: 130px ;
	text-align: right ;
	color: #fff ;
	line-height: 1.2 ;
}

#address a { color: #ED6435 ; text-decoration: none ; font-weight: normal ;}

#address .sm-badges { overflow: hidden; }
#address .sm-badges a { float: left; margin-bottom: 5px; }
#address .sm-badges a#badge-facebook { float: right; margin-top: 3px; }
#address .sm-badges a img { border: none; }

#address p { margin-bottom: 1em; }

#picturebox {
	width: 154px ;
	float: left ;
}

#picturebox img { border: 2px solid #4F5557 ; margin-bottom: 20px ;}

#sponsorlogos img { margin-right: 20px; }

body#about #content { margin-left: 181px ; }
body#exhibitions #content { margin-left: 181px ; }
body#studios #content { margin-left: 181px ; }

#footer {
	padding-top: 50px ;
	clear: left ;
	text-align: right;
}

/* Navigation bar main position and styling ======================================================== */

#navmain {
	background-color: #DD5425 ;
	position: absolute ;
	top: 126px ;
	right: 150px ;
	height: 1.5em ;
	padding: 2px 15px 0 ;
	width: 100% ;
}

#navmain ul { float: left; margin-left: 330px; }

/* for IE, hide from IE5/Mac \*/
* html div#navmain ul { margin-right: 7px ; }
/* end hide */

#navmain ul li {
	margin: 0 ;
	list-style: none ;
	float: left ;
}

#navmain ul li a {
	margin: 0 ;
	padding: 0 5px ;
	font-size: 1.1em ;
	font-weight: bold ;
	line-height: 13px ;
	display: block ;
	height: 19px ;
	text-decoration: none ;
	color: #fff ;
	float: left ;
}

/* for IE, hide from IE5/Mac \*/
* html #navmain ul li a { padding-top: 3px ; }
/* end hide */

#navmain ul li a:hover {
	text-decoration: underline ;
}

#navmain ul li.active a {
	color: #fff ;
}

/* Nav section Styling ========================================================= */

#navsection {
	position: absolute ;
	top: 166px ;
	left: 10px ;
	width: 130px ;
}

#navsection ul {
	list-style: none ;
}

#navsection ul li {
	padding-top: 0.7em ;
}

#navsection ul li a {
	display: block ;
	font-weight: bold ;
	font-size: 1.2em ;
	color: #fff ;
	text-decoration: none ;
	line-height: 1.2 ;
}

#navsection ul li a:hover { text-decoration: underline ; }

/* Typography =================================================================================*/

a {
	font-weight: bold ;
	text-decoration: none ;
	color: #DD5425 ;
}

a:hover { 
 	text-decoration: underline ;
}

hr { display: none ; }

#content ol, #content p, #content ul {
	margin: 1em 0 0.5em ;
	line-height: 1.5 ;
	font-size: 1.2em ; 
	line-height: 1.4 ; 
}

#content h1, #content h2, #content h3, #content h4 {
	font: normal bold 1em/1.0 Arial, Helvetica, sans-serif ;
}

#content h1 { font-size: 2.3em ; margin-bottom: 1em ; }
#content h2 { font-size: 1.6em ; padding: 1em 0 0.5em ; border-bottom: 2px solid #DD5425 ; }
#content h3 { font-size: 1.4em ; margin-top: 1.5em ;}
#content h4 { font-size: 1.6em ; }

#content ol li { margin: 0 0 0.5em 2em ; }

#content ul li { margin: 0 0 0.5em 2em ; }

#content blockquote { margin: 1em 2em ; }

body#location #picturebox img { border: 0 ; margin-top: 1em ;}

#links #content a {
	font-weight: bold ;
	text-decoration: none ;
	color: #DD5425 ;
	font-size: 1.2em ;
}

#links #content a:hover { 
 	text-decoration: underline ;
}


/* Table Layout =========================================================== */

#studiomatrix th {
	text-indent: -9999px ;
	width: 13px ;
	height: 65px ;
	
}

#studiomatrix th#ceramics { background: #4F5557 url(/images/site/titleceramics.gif) no-repeat left top ; }
#studiomatrix th#metal { background: #4F5557 url(/images/site/titlemetal.gif) no-repeat left top ; }
#studiomatrix th#plastic { background: #4F5557 url(/images/site/titleplastic.gif) no-repeat left top ; }
#studiomatrix th#wood { background: #4F5557 url(/images/site/titlewood.gif) no-repeat left top ; }
#studiomatrix th#textiles { background: #4F5557 url(/images/site/titletextiles.gif) no-repeat left top ; }
#studiomatrix th#glass { background: #4F5557 url(/images/site/titleglass.gif) no-repeat left top ; }
#studiomatrix th#cards { background: #4F5557 url(/images/site/titlecards.gif) no-repeat left top ; }
#studiomatrix th#clothing { background: #4F5557 url(/images/site/titleclothing.gif) no-repeat left top ; }
#studiomatrix th#furniture { background: #4F5557 url(/images/site/titlefurniture.gif) no-repeat left top ; }
#studiomatrix th#illustration { background: #4F5557 url(/images/site/titleillustration.gif) no-repeat left top ; }
#studiomatrix th#jewellery { background: #4F5557 url(/images/site/titlejewellery.gif) no-repeat left top ; }
#studiomatrix th#mosaic { background: #4F5557 url(/images/site/titlemosaic.gif) no-repeat left top ; }
#studiomatrix th#sculpture { background: #4F5557 url(/images/site/titlesculpture.gif) no-repeat left top ; }
#studiomatrix th#painting { background: #4F5557 url(/images/site/titlepainting.gif) no-repeat left top ; }

#studiomatrix td { border-top: 1px solid #000 ; width: 18px ;}

#studiomatrix td a { font-size: 0.7em ; }

#studiomatrix td.studiotitle { width: 200px ; }

/* Mailinglist Layout =========================================================== */

#frmMailingList fieldset {
	border: 0;
}
#frmMailingList legend {
	font-size: 1.6em ; 
	padding: 1em 0 0.5em ; 
	border-bottom: 2px solid #DD5425 ;
}
#frmMailingList label {
	width: 5em;
	float: left;
	clear: left;
	margin-top: 6px;
}
#frmMailingList input.txt {
	width: 14em;
	float: left;
	border: 1px solid #DD5425;
	background: #ffffff;
	margin-right: 1em;
	color: #000000;
	padding: 2px 5px;
	font-size: 1.0em;
	margin-top: 3px;
}
#frmMailingList input.btn {
	float: left;
	border: 2px solid #000000;
	background: #DD5425;
	margin-right: 1em;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 5px;
	font-size: 1.0em;
}

.error {
	border: 2px solid #AA0000;
	color: #AA0000;
	background: #FFEEEE;
	font-weight: bold;
	padding: 5px;
}
.info {
	border: 2px solid #006600;
	color: #006600;
	background: #EEFFEE;
	font-weight: bold;
	padding: 5px;
}

/* Header Pics */

/* #headerpics { position: absolute; left: 0; top: 0; } */
#titlepic1,
#titlepic2,
#titlepic3,
#titlepic4,
#titlepic5,
#titlepic6 { position: absolute; top: 19px; }
#titlepic1 { left: 171px; }
#titlepic2 { left: 265px; }
#titlepic3 { left: 360px; }
#titlepic4 { left: 454px; }
#titlepic5 { left: 549px; }
#titlepic6 { left: 644px; }