/*-----------------------------------------------------------------------------
Core Style Sheet

version:   1.0
author:    pepper matrix
website:   http://www.bigcitygalleries.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

body {
	text-align: center;
	background: #FFF;
	/*min-width: 1019px; /* for NN v.6 */
}

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

#container {
	width: 882px;
	margin: 0 auto;
	text-align: left;
	padding-top: 6px;
}
#header {
	background: #E8EAED;
	position: relative;
	height: 124px;
}

/* Class for clearing floats */
.clear {
	clear: both;
}


/* Remove border around linked images */
img {
	border: 0;
}

/* Remove text decoration from links */
a {
	text-decoration: none;
}
/* remove bullets from lists */
ul {
	list-style: none;
}


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

body {
  font: 68.8%/1.4 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
  color: #000;
}
.about p {
  font: 1.1em/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
	color: #16386B;
}
h1, h2, li a {
	color: #2A5C8F;
}


/* =Headings
-----------------------------------------------------------------------------*/

h2 {
	font: bold 1.4em/1.3 "Trebuchet MS";
}


/* =Branding
-----------------------------------------------------------------------------*/
.branding {
	position: absolute;
	bottom: 4px;
	left: 16px;
}
#tagline { /* "tagline" used in FlashVars */
	position: absolute;
	height: 30px;
	right: 149px;
	bottom: 5px;
	font: 1.8em "Trebuchet MS";
	color: #000;
}
#tagline object, #tagline embed {
	width: 190px;
}
#intro {
	margin: 2px 0;
	height: 175px;
}


/* =Main Nav
-----------------------------------------------------------------------------*/

#mainNavList { /* keep for parentNode value */ }
.about #mainNav, .portfolio #mainNav, .results #mainNav {
	position: absolute;
	height: 30px;
	right: 38px;
	bottom: 23px;
}
#mainNav ul {
	margin: 17px 0 0 0;
	padding: 0;
}
.home #mainNav ul, .contact #mainNav ul {
	margin: 113px 0 0 57px;
}
.about #mainNav li, .portfolio #mainNav li, .results #mainNav li {
	float: right;
	padding: 0 0 0 1.7em;
	line-height: 1.4em;
}
.home #mainNav li, .contact #mainNav li {
	padding: 0 0 4px 0;
}
#mainNav li.init {
	border: none;
}
#mainNav ul li a {
	font: 1.8em/1.3 "Trebuchet MS";
}
#mainNav ul li a.current {
	cursor: default;
	font-weight: bold;
}
#mainNav ul li a {
	width: 83px;
	height: 35px;
	position: relative;
}
#mainNav ul li #galleries object, #mainNav ul li #galleries embed {
	width: 115px;
}
#mainNav ul li #inquiry object, #mainNav ul li #inquiry embed {
	width: 111px;
}
#mainNav ul li #about object, #mainNav ul li #about embed {
	width: 87px;
}



/* =Sub Nav
-----------------------------------------------------------------------------*/

#subnNavList { /* keep for parentNode value */ }
#presents { /* keep for FlashVars value */ }
#searchResults { /* keep for FlashVars value */ }
#contactform { /* keep for FlashVars value */ }

.portfolio #subNav, .results #subNav {
	background-color: #F2F2F2;
	margin-bottom: 2px;
}
.results #subNav {
	margin-top: 2px;
}
.portfolio #subNav ul {
	margin: 2px 0 0 26px;
	padding: 0;
}
.results #subNav h2 {
	float: left;
	padding: 1em;
	height: 1.45em;
}
.portfolio #subNav li {
	float: left;
	padding: 1.4em 2em 0 0;
	height: 3.4em;
}
.portfolio #subNav li a, .home #subNav li a {
	font: 1.8em "Trebuchet MS";
	color: #000;
}
.home #subNav ul {
	margin: 19px 0 0 104px;
	padding: 0;
}
.home #subNav ul li {
	padding-bottom: 6px;
}
#subNav ul li a.current {
	cursor: default;
	font-weight: bold;
}
#subNav li #artglass object, #subNav li #artglass embed {
	width: 81px;
}
#subNav li #objects object, #subNav li #objects embed {
	width: 140px;
}
#subNav li #lighting object, #subNav li #lighting embed {
	width: 73px;
}
#subNav li #fineart object, #subNav li #fineart embed {
	width: 140px;
}


/* =Main Content
-----------------------------------------------------------------------------*/

.portfolio #mainContent {
	text-align: center;
	padding: 15px 0 57px 0;
	margin: 0;
	width: 882px; /* for IE */
	background: #E8EAED;
	height: 47.6em;
}
.about #mainContent {
	padding-bottom: 5em;
	margin-top: 2px;
	width: 882px; /* for IE */
	background: #E8EAED;
	height: 47.6em;
}
.portfolio #mainContent img {
	padding: 0 216px;
}
.portfolio #mainContent p {
	padding: 0;
}
.portfolio #mainContent a {
	padding: 10px;
	display: block;
	font-size: .8em;
}

#mainContent.results {
	margin-top: 2px;
}
#mainContent.results ul {
	margin: 0 16px;
}
#mainContent.results li {
	float: left;
	padding: 2em 4em;
	height: 2em;
	background-color: #F2F2F2;
}

.home #mainContent {
}
#presents object, #presents embed {
	width: 265px;
}
#contactform object, #contactform embed {
	width: 280px;
}
#presents {
	padding: 60px 0 0 64px;
}
#contactform {
	padding-top: 60px;
	padding-bottom: .5em;
} 
.home #mainCol, .contact #mainCol {
	background: #E8E8E8;
	float: left;
	width: 544px;
	height: 43em;
}
.about #mainCol {
	background: #F2F2F2;
	height: 47.5em;
	padding: 15px;
	border-bottom: 2px solid #FFF;
}
.contact #mainCol h2, .contact #mainCol p {
	padding-left: 64px;
}
.story {
}

/* =Sub Content
-----------------------------------------------------------------------------*/

.home #subCol, .contact #subCol {
	background: #F2F2F2;
	float: right;
	width: 338px;
	height: 43em;
}
.about #subContent {
	background: #E8E8E8;
	height: 47.5em;
}
.about #subContent img {
	padding: 15px 59px 30px 59px;
}
.about p {
	padding: .4em 4.9em;
}


/* =Links
-----------------------------------------------------------------------------*/

a:link p.foot {
	color: #333333;
}
a:visited p.foot {
	color: #666666;
}
a:hover p.foot {
	color: #990000;
}
a:active p.foot {
	color: #990000;
}


/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	margin: 0;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* style form elements on focus */
input:focus, textarea:focus {
	background: #F2F2F2;
}
/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}
fieldset{
	border: none;
	color: #FFFFFF;
	background: center;
}

legend {
	float: left;
	text-indent: -1000em;
	width: 0;
}
label {
	color: #004771;
	display: block;
}
input {
	width: 222px;
}
textarea {
	width: 400px;
	height: 55px;
}
#validate {
	margin: 1em 2em 0 0;
	padding-top: 1em;
	color: #990000;
}
.submitbutton {
	margin-top: .7em;
	width: 69px;
	height: 21px;
	border: none;
	background: #999;
}

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =siteinfo
-----------------------------------------------------------------------------*/

#siteInfo {
	height: 17px;
	position: relative;
	top: 6px;
	border-top: #666 1px solid;
	font-family: Tahoma, Verdana, sans-serif;
	color: #333;
	text-decoration: none;
	line-height: 2.1em;
}
#copyright {
	text-align: left;
	float: left;
	display: block;
	width: 18em;
	clear: right;
}
#site{
	float: right;
	display: block;
	white-space: nowrap;
	text-align: right;
	width: 18em;
}