@charset "UTF-8";
/* 
Title:     SSPL - gStyles-large.css
Author:    Darrin Waterbury, darrin@darrinscottstudios.com
*/

body {
	margin: 0 auto;
	padding: 0;
	color: #666;
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: medium;  /*for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: large; /* for compliant browsers */
	text-align: center;
	background: #FFF url(../images/bg-tile.gif) repeat-x top left;
}
html>body { /* be nice to Opera */
	font-size: large;
}
body#p-aboutus #nl-about a,
body#p-newimages #nl-newimages a, 
body#p-whatweoffer #nl-whatweoffer a, 
body#p-client-projects #nl-clientprojects a, 
body#p-collections #nl-collections a, 
body#p-themes #nl-themes a, 
body#p-lightbox #nl-lightbox a, 
body#p-contact #nl-contact a, 
body#p-contact #fl-contact a, 
body#p-help #fl-help a, 
body#p-sitemap #fl-sitemap a {
	color: #dd3c82;
}

/* Sidebar Links ---------------------- */
body#p-aboutus #sb-aboutus a,
body#p-contact #sb-contact a,
body#p-news #sb-news a,
body#p-whatweoffer #sb-whatweoffer a {
	color: #666;
}
a:link, a:visited, a:active {
	color: #dd3c82;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #666;
}
a:focus, input:focus {
	-moz-outline-style: none;
}
.clearfloat {
	clear: both;
}
/* COMMON ELEMENTS
============================================================ */
p {
	/*margin: 1em 0 1em;
	padding: 0;*/
}
h1 {
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #000;
	text-transform: uppercase;
}
h2 {
	margin: 1em 0 .5em 0;
	padding: 0;
	font-family: "Gill Sans Light", Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: normal;
	color: #252525;
	text-transform: uppercase;
	letter-spacing: .15em;
}
h3 {
	margin: 1.5em 0 0 0;
	padding-bottom: 2px;
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #252525;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
/* PAGE LAYOUT
============================================================ */
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	text-align: left;
}
#innerwrap {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 375px;
}
#innerwrap .gutter {
	padding: 25px 10px;
}
/* header
============================================================ */
#header {
	float: left;
	width: 100%;
}
#logo {
	float: left;
	padding-top: 10px;
	padding-bottom: 20px;
	width: 276px;
}
#nav {
	float: right;
	list-style: none;
	margin: 0;
	padding: 8px 0 0 0;
}
#nav li {
	float: left;
	margin: 0;
	/*background: url(../images/nav-li-bg.gif) no-repeat center right;*/
}
#nav li a {
	padding: 0px 10px;
	font-size: 105%;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}
#nav li a:hover, #nav li a:focus {
	color: #dd3c82;
}
#nav li.active a {
	color: #dd3c82;
}
li#nl-accessibility a {
	padding-right: 0;
}
/* LINKS (register/sign in)
============================================================ */
#links {
	position: absolute;
	top: 16px;
	right: 450px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 105%;
	font-weight: normal;
}
#links li {
	float: left;
	margin: 0;
	padding: 0 10px;
	background: url(../images/nav-li-bg.gif) no-repeat center right;
}
#links li a {
	padding: 0;
	color: #666;
	text-decoration: none;
}
#links li a:hover, #links li a:focus {
	color: #dd3c82;
}
li#t-signin, li#t-signout {
	background: none;
}
/* SEARCH NAV
============================================================ */
form {
	margin: 0;
	padding: 0;
}
input, label, select {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
#searchnavContainer {
	position: relative;
	float: left;
	width: 950px;
	background: #efefef;
	z-index: 100;
}
#searchBox {
	float: right;
	margin: 0 135px;
	padding: 8px 0;
	list-style: none;
	display: inline;
}
#searchBox li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
#searchBox a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#searchBox label {
	font-size: 100%;
}
#searchBox .textfield {
	padding: 6px 4px;
	color: #666;
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	text-transform: none;
	width: 305px;
	border: 1px solid #ccc;
	background: #fff url(../images/textfield_bg.gif) no-repeat top left;
}
#btnSearch {
	position: absolute;
	top: -30px;
	right: 25px;
	z-index: 10;
}
#advancedSearch {
	position: absolute;
	top: 39px;
	right: 135px;
	margin: 0;
	padding: 5px 5px 15px 5px;
	width: 303px;
	font-size: 95%;
	background: rgba(255, 255, 255, .9)!important;
	background: #FFF;
	border: 1px solid #ccc;
	-webkit-box-shadow: 2px 2px 8px #999;
	-moz-box-shadow: 2px 2px 8px #999;
	box-shadow: 2px 2px 8px #999;
}
#withinResults {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
#resultsPer {
	float: right;
	margin: 0;
	padding: 0 3px;
}
#orientation {
	float: left;
	margin: 0;
	padding: 5px 0;
	width: 100%;
	list-style: none;
}
#tint {
	float: left;
	margin: 0;
	padding: 3px 0;
	list-style: none;
}
#searchHistory {
	float: right;
	margin: 0;
	padding: 5px 0;
	width: auto;
	display: block;
}
#searchHistory label {
	color: #000;
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
}
#closeBtn {
	position: absolute;
	bottom: -12px;
	right: -12px;
	clear: both;
}

/* SUBPAGE STYLES 
======================================================= */
#sidebar {
	float: left;
	width: 25%;
}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 1em 0 0 0;
}
#sidebar li {
	margin: 0;
	padding: 0 0 5px 0;
}
#content {
	float: left;
	padding-top: 1.5em;
	width: 75%;
}

/* FOOTER 
======================================================= */
#footerContainer {
	float: left;
	padding-bottom: 1em;
	width: 100%;
	/*background: url(../images/bg-tile.gif) repeat-x bottom left;*/
}
#footer {
	margin: 0 auto;
	padding: 0;
	width: 950px;
}
#footer ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 1em 0 0 0;
}
#footer li {
	float: left;
	background: url(../images/nav-li-bg.gif) no-repeat center right;
}
#footer li a {
	padding: 0px 10px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}
#footer li a:hover, #footer li a:focus {
	color: #dd3c82;
}
#footer li.active a {
	color: #dd3c82;
}
li#fl-copyright a {
	padding-left: 0;
}
li#fl-sitemap {
	background: none;
}
#twensoft {
	clear: left;
	float: left;
	margin: 0;
	padding-top: .3em;
	font-size: .9em;
}
#museumLogos {
	float: right;
	width: 185px;
}

/* TEXT SIZER (MENU)
======================================================= */
.p7TTM02.p7TTMbox {
	position: absolute;
	overflow: hidden;
	background-color: #FFF;
	border: 1px solid #efefef;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.p7TTM02 .p7TTMcnt {
	position: relative;
	color:#000;
	padding: 5px 0px;
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #efefef;
	margin: 3px;
	border: 1px solid #FFF;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	zoom: 1;
}
.p7TTM999 .p7TTMcnt {
	position: relative;
	padding: 0;
	margin: 0px;
}
.p7TTMcnt {
	zoom: 1;
}
.p7TTMcnt .size-list {
	margin: 0px;
	padding: 0px;
}
.p7TTMcnt .size-list li {
	list-style-type: none;
}
.p7TTMcnt .size-list a {
	display: block;
	text-decoration: none;
	color: #666;
	padding: 3px 5px;
}
.p7TTMcnt .size-list a:hover, .p7TTMcnt .size-list .p7TTM_open {
	color: #FFF;
	background-color: #252525;
	border-color: #252525;
}

/* SSPL HOMEPAGE STYLE OVERIDES
======================================================= */
#themes h1, #collections h1 {
	font-size: 18px;
}
#themes li, #collections li {
	font-size: 14px;
}
.box h2 {
	font-size: 18px;
}
.box p {
	font-size: 12px;
}