/* --[ General Settings ]--------------------------- */
* 
{margin:0; padding:0}

html {height:100%; overflow: auto;} 

body {
	font: 62.5% Verdana, Arial, sans-serif; font-weight: normal;
	height:100%;
	background: #fff /*url(images/softbar.gif) 22em 0 repeat-y;	*/	
	}





a { COLOR: #4268a3;font: 11px Verdana, Arial, sans-serif;TEXT-DECORATION: none;	}
a:hover { COLOR: #dc964d; TEXT-DECORATION: Underline;}


/* --[ Headlines ]---------------------------------- */


h1 {
	font-size:2em; font-weight:normal; line-height:175%; color: #666;
	margin-bottom: 0.5em;
	}

h2 {
	font-size:1.2em; font-weight: bold; 
	margin: 0; padding: 1.3em 0 0.5em 0; 
	clear: left;
	}

h3, h4, h5, h6 {
	font-size:1.2em; font-weight:bold; 
	margin-bottom: 0.5em;
	}





/* --[ Text Elements ]------------------------------- */


#main-nav p, li, dd, dt, td, th {font-size: 1.1em;}

#main-nav ul li ul li {font-size: 1em; background-color:white;}

#main-nav p, ul {margin: 0 0 1em 0}

#main-nav ul {display: block; list-style:none; z-index: 90;}





/* All of these should be the same for alignment */

#site-info #branding-area #logo, #branding-area {left: 23px}

#main-nav, ul#nav-items {left: 90px}
#site-info #scanalert {right: 23px}









/* --[ Branding Area - header ]----------------------- */

#branding-area { height: 125px; background: url(images/header_bg.jpg) left top repeat-x; width: 100%}

/* Logo - Hide the text, show image logo instead*/

#branding-area #logo {
	position:absolute; top: 12px;
	width:368px; height: 40px;
	background: url(images/logo.jpg) left top no-repeat;}

#branding-area #logo a {
	display: block; 
	text-decoration: none;
	width: 368px; height: 40px;}

#branding-area #logo h1 {text-indent: -9999px; margin: 0} 

/* Main navigation */

#main-nav {width: 825px; position:absolute; top:71px; z-index: 2} 

#main-nav li {position:relative; float:left;}

#main-nav li span {position: absolute; width:100%; height:100%;}

#main-nav li a {display:block}


/* Widths for navigation items */

#main-nav #home,  #main-nav #home a {width:61px;}

#main-nav #aboutus, #main-nav #aboutus a {width:85px; z-index:12;}

#main-nav #gallery, #main-nav #gallery a {width:70px; z-index:11;}
#main-nav #newreleases, #main-nav #newreleases a {width:122px; z-index:10;}

#main-nav #giclee, #main-nav #giclee a {width:126px; z-index:10;}

#main-nav #contact, #main-nav #contact a {width:99px; z-index:9;}

#main-nav li, #main-nav li a {height: 53px}

#main-nav .main-sub-nav li, #main-nav .main-sub-nav li a {height: 23px}


/* Hover*/

#main-nav #home a:hover {background:  url(images/home_hover.gif) left top no-repeat; }

#main-nav #aboutus a:hover {background:  url(images/navi_aboutus_hover.gif) left top no-repeat; }

#main-nav #gallery a:hover {background:  url(images/navi_gallery_hover.gif) left top no-repeat; }

#main-nav #newreleases a:hover {background:  url(images/navi_newreleases_hover.gif) left top no-repeat; }

#main-nav #giclee a:hover {background:  url(images/navi_giclee_hover.gif) left top no-repeat; }

#main-nav #contact a:hover {background:  url(images/navi_contact_hover.gif) left top no-repeat; }

#main-nav .main-sub-nav a:hover {
	width: 210px; height: 23px; 
	padding: 0 0 0 20px; 
	color:#000; text-decoration:none; 
	z-index:99; 
	background: url(images/hor_line.gif) bottom left repeat-x;
}


/* Off states */

#main-nav #home  {background: url(images/navi_home.gif) left top no-repeat;}

#main-nav #aboutus  {background: url(images/navi_aboutus.gif) left top no-repeat;}

#main-nav #gallery  {background: url(images/navi_gallery.gif) left top no-repeat;}

#main-nav #newreleases  {background: url(images/navi_newreleases.gif) left top no-repeat;}

#main-nav #giclee  {background: url(images/navi_giclee.gif) left top no-repeat;}

#main-nav #contact  {background: url(images/navi_contact.gif) left top no-repeat;}

#art-home #home,  #art-aboutus #aboutus, #art-giclee #giclee, #art-newreleases #newreleases, #art-gallery #gallery, #art-contact #contact {background-position:0 -53px;}








/* --[ Site info - footer ]-------------------------- */

#site-info {
	clear: both; 
	width:100%; height:60px; 
	text-align:left; 
	position:relative; 
	margin-top: -60px; 
	background:#d2d2d2 url(images/footer_bg_grey.jpg) left top repeat-x
	}

#site-info a, #site-info #copyright {color:#333; font-size: 0.9em}

#copyright {position: absolute; top: 30px; margin-left: 20px; width: 640px}

#copyright span {display: block; margin: 0 auto; text-align: center;}










/* --[ Main content areas ]-------------------------- */


#content { 
	width: 75em;
	margin: 0 0 65px 23em;
	padding: 20px 0 4em;
	background: url(images/softbar.gif) right top repeat-y;	
}

#maincontent { 
	width: 50em; min-height: 25em;	
	margin-left: 1.4em; padding-right: 20px; font-size: 1.1em;margin-left: 20px;margin-right: 20px; line-height:20px; text-align: justify;
}


#container {text-align:left;}

#maincontent li {margin-bottom:5px; list-style-image: url(images/red_square.gif); margin-left: 5px}

#maincontent ul, #maincontent ol {padding-left: 2em; margin-bottom: 1.5em}


#maincontent ul.contacts li {list-style-image: none; margin-left: 0}
#maincontent ul.contacts {margin-left: 6px; padding-left:0}







.contentrightside {font-size: 1.0em;margin-left: 4px;line-height:16px; text-align: center;}




#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font: bold 16px Tahoma;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}




/* Slide Show */
#slideInfo
{

}

#slideInfo #slideShow img
{
	margin: 0px auto;
	display: block;
	border: 0px solid #000;	
}



#slideInfo #detailPhoto
{	
	float:center;
	text-align: right;
	width: 400px;
}


#slideInfo #detailPhoto img
{
	margin: 0 auto;
}

#slideInfo #detailPhoto .Slide
{
	display: none;
}
.Clear
{
	clear:both;
}

.search {
	font: 12px Verdana, Arial, sans-serif; font-weight: normal;
}


.formBox {
	 width:170px;height:18px;font: 12px Verdana, Arial, sans-serif; font-weight: normal;
}

.imgresultscontainer {
	border: 0 solid #F2F2F2;
	width: 180px;
	height: 220px;
	margin: 5px;
	float: left;
	text-align: left;
	font-size: 10px;
	position: relative;
	text-wrap: normal;
	word-wrap: break-word;
}

#gallistfooter {
	background: #ffffff; font-size: 13px;font-weight: bold;padding: 3.0px 5.0px 3.0px 5.0px;color:#72716f
}

#gallistfooter a {
	COLOR: #72716f;
    	FONT-FAMILY: arial, verdana;
    	FONT-SIZE: 13px;
    	TEXT-DECORATION: Underline;
}

#gallistfooter a:hover {
    COLOR: #eea354;
    TEXT-DECORATION: Underline
}