/* Shutterbug Art CSS by NQ Webdesign www.nqwebdesign.com */


/* -- IMPORTED STYLESHEETS
----------------------------------------------------------------------------------------------------------*/
@import "reset.css";
@import "typography.css";
@import "common.css";
@import "form.css";

/* -- DEFAULT
----------------------------------------------------------------------------------------------------------*/
body
{
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
span#nqweb-link
{
	background:url(../images/nqweb/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
}

a:link { color:#016db1; }
a:visited { color:#016db1; }
a:hover { background:#016db1; color:#FFF;}
/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/


body
{
	background:#00DED6 url(../images/layout/body.gif) repeat-x 0 0;
	padding:0 0 20px 0;
}

div#page
{
	min-width:890px;
	text-align:center;
	background: url(../images/layout/page2.jpg) no-repeat 50% 0;

}

div#page-wrap
{
	/*background:url(../images/layout/page-wrap.gif) repeat-x 0 100%;*/
}

div#header, div#main, div#footer  {	clear:both; margin:0 auto; text-align:left; width:890px;}
div#header {  position:relative; }
	
	div#title { }
		
	div#left-col{ width:241px; padding:0 0 0 5px; }
	div#right-col{ width:645px; }
	
	div#logo { width:700px; }
		div#logo h1 { padding:0; margin:0; }
		div#logo a:hover { background:none; text-decoration:none;}
	
	div#header-nav { width:190px;}

	div#intro, div#nav { margin:0 0 0 -1px;}

	div#nav { background:#FFCC00 url(../images/layout/nav.gif) repeat-x 0 0; width:100%; float:left; clear:both;  }
	
	div#intro { background:#000; font:14px Arial, Helvetica, sans-serif; color:#b6b6b6; display: block; position: relative;  width: 890px; clear:both; color:#FFF; }
			div#intro-wrap {   padding:0; }
			div#intro-wrap h1 {  }
			div#intro-wrap h1 span { }
	
div#main { width:890px; background:#FFF url(../images/layout/main.gif) repeat-y 0 0; margin-top:18px; border-bottom:1px solid #C4C4C4; }
		
	div#content { color:#414141; background:url(../images/layout/content.gif) no-repeat 0 0;  padding:10px 25px 18px 25px;}
		div#content #left  { width:565px; padding:0 25px 0 0; }
		div#content #right { width:225px; padding:0 0 0 25px; margin:0; }

div#footer {width:890px; font-size:92%; line-height:18px; /*background:#DEE2E2; padding:18px 25px; color:#666;  border-top:1px solid #d6d6d6;*/ }
	div#footer-nav{ margin:18px 0; color:#006E6E; padding:0 5px; }
	div#footer-info{ background:#3037D8; padding:18px 25px; color:#CCCEEB; }

/* -- NAVIGATION
----------------------------------------------------------------------------------------------------------*/

#nav ul
{
  list-style:none;
  padding:0;
  margin:0;
  float:left;
}

#nav ul li
{
	display:inline;
	margin:0;
	padding:0;
}

#nav ul li a
{
	cursor:pointer;
	float:left;
	padding:10px 15px;
	text-decoration:none;
	color:#48068A;
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-transform:uppercase;
	line-height:18px;
}

body#page-home #nav ul li#nav-home a, body#page-about #nav ul li#nav-about a, body#page-photo #nav ul li#nav-photo a, body#page-abstract #nav ul li#nav-abstract a, body#page-gallery #nav ul li#nav-gallery a, body#page-shop #nav ul li#nav-shop a, body#page-contact #nav ul li#nav-contact a, 
#nav a:hover
{
	background:#000;
	color:#FFF;
}


#header-nav ul
{
	list-style-type: none;
	clear:both;
	margin:35px 0 0 0;
}
#header-nav li {
	width: 66px;
	float:right;

}
#header-nav a {
	display: block;
	line-height:18px;
	font-size:11px;
	color: #FFF;
	padding-top: 19px;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: transparent;
}
#header-nav #header-nav-sitemap a {
	background-image: url(../images/icons/s-sitemap.gif);
}
#header-nav #header-nav-contact a {
	background-image: url(../images/icons/s-contact.gif);
}

#header-nav a:hover {
	color:#FFCC00;
}


/* -- SECTIONS
----------------------------------------------------------------------------------------------------------*/

div#sections .column
{
	width:240px;
	margin:0;
	padding:0 15px 18px 15px;

}


div#sections .first
{
	margin-right:15px;
}

div#sections .last
{
	margin-left:15px;
}

div#sections h2
{
	padding:12px 0 12px 55px;
}

#section-photography h2 { background:url(../images/icons/48-camera.gif) no-repeat 0 50%;  }
#section-gallery h2 { background:url(../images/icons/48-photo.gif) no-repeat 0 50%; }
#section-artwork h2 { background:url(../images/icons/48-photo-abstract.gif) no-repeat 0 50%; }
#section-artsale h2 { background:url(../images/icons/48-dollars.gif) no-repeat 0 50%; }
#section-framing h2 { background:url(../images/icons/48-framing1.gif) no-repeat 0 50%; }
#section-contact h2 { background:url(../images/icons/48-mail.gif) no-repeat 0 50%; }



/* -- TYPOGRAPHY > HEADINGS, PARAGRAPHS, LISTS
----------------------------------------------------------------------------------------------------------*/

#intro-wrap h1 { 
	font:26px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	line-height:18px;
	color:#FFF;
	letter-spacing:-0.8px;

}
#intro-wrap h1 span{ display:block; clear:left; font-size:24px; color:#eb8400; font-weight:bold; margin:8px 0 0 0; }

#content h1
{
	font-size:24px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0089D1;
}

h1.imageHeading
{
	height:52px;
	text-indent:-9999px;
	display:block;
	line-height:0;
	padding:0;
	margin:0 0 18px 0;	
}

body#page-home h1.imageHeading { background: url(../images/layout/h1-home.gif) no-repeat 0 0; }
body#page-about h1.imageHeading {
	background: url(../images/layout/h1-about.gif) no-repeat 0 0;
	color: #450E93;
}
body#page-photo h1.imageHeading { background: url(../images/layout/h1-photo.gif) no-repeat 0 0; }
body#page-abstract h1.imageHeading { background: url(../images/layout/h1-abstract.gif) no-repeat 0 0; }
body#page-gallery h1.imageHeading { background: url(../images/layout/h1-gallery.gif) no-repeat 0 0; }
body#page-shop h1.imageHeading { background: url(../images/layout/h1-shop.gif) no-repeat 0 0; }
body#page-contact h1.imageHeading { background: url(../images/layout/h1-contact.gif) no-repeat 0 0; }
body#page-sitemap h1.imageHeading { background: url(../images/layout/h1-sitemap.gif) no-repeat 0 0; }

#content h2, #sidebar h2
{
	font-weight:normal;
	font-size:18px;
	color:#48068A;
}

#content h3
{
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:18px;
	color:#282828;
}

/* -- LINKS
----------------------------------------------------------------------------------------------------------*/

#intro a:link, #intro a:visited
{
	color:#F9CC12;
}

#intro a:hover
{
	color:#FFF;
	background:none;
}

#content a:link, #content a:visited
{
}

#content a:hover
{
}
#footer-info a:link, #footer-info a:visited
{
	color:#FCBF21;
}


#footer-nav a:link, #footer-nav a:visited
{
	color:#006E6E;
}

#footer-info a:hover,
#footer-nav a:hover
{
	color:#FFF;
	background:none;
}


/* -- FORMS
----------------------------------------------------------------------------------------------------------*/

/* -- TABLES
----------------------------------------------------------------------------------------------------------*/
.tabular-data
{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.tabular-data thead tr
{
	background-color:#000;
}

.tabular-data th
{
	color:#FFF;
	font-weight:bold;
	padding:4px;
}
	
.tabular-data td
{
	border-bottom:1px solid #E6E6E6;
	font-size:11px;
	padding:4px;
}

.tabular-data tbody tr.odd
{
	background-color:#F0F0F0;
}

.tabular-data tbody tr.even
{
}


/* -- MISC.
----------------------------------------------------------------------------------------------------------*/

.img-border,
.img-right,
.img-left
{ /* border:1px solid #C4C4C4;  background:#FFF; padding:4px; */ border:none; background:#414141; padding:4px;}