/*================================================================
BASE stylesheet (probably best to leave as is)

- Resets browser defaults
- Provides some basic extra classes
    - .clear
    - .clearfix
    - .hide
    - .block
- Corrects centering problem in IE 5
  
================================================================*/


/* RESET BROWSER DEFAULTS
----------------------------------------------------------------*/
html,body,form,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { 
  margin: 0; 
  padding: 0;
}

h1,h2,h3,h4,h5,h6,legend,pre,code { 
  font-size: 1em; 
}

a img,:link img,:visited img { 
  border: none;
}


address { 
  font-style: normal;
}


/* EXTRA CLASSES EVERY CSS HACKER NEEDS
----------------------------------------------------------------*/
.clear { 
  clear: both; 
}

.clearfix:after {
  /* What's this? --> http://www.positioniseverything.net/easyclearing.html */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

.hide {
  display: none; 
}

.block {
  display: block;
}


/* IE 5 Fix
----------------------------------------------------------------*/
body { 
  text-align: center; /* Hack for stoopid IE 5 */
}

div#wrapper {
  text-align: left; /* Undo stoopid IE 5 hack */
}

/*================================================================



	BLIS WEB AGENCY "TEMPLATE" STYLESHEET



	The purpose of stylesheet is position the "container"

	to the height and width you want it on the screen



	FORMAT: LONG CENTRE



	RULES:

	1. No TEXT FORMATING

	2. NO ENHANCEMENT (WIDGET) STYLES (THIS INCLUDES FORMS)

	3. AVOID HACKS

	4. NO IMAGES



================================================================*/





/* EVERYTHING

----------------------------------------------------------------*/



	* {

		margin: 0;

		padding: 0;

	}



/* BODY

----------------------------------------------------------------*/



	body

	{

		margin: 0 auto;

		width: 100%;

		text-align: center;

	}





/* WEBPAGE

----------------------------------------------------------------*/

	.webpage

	{

		margin: 0px auto;

		width: 830px;

	}



/* NAVIGATION

----------------------------------------------------------------*/



    .navigation

    {

       width:200px;

	   float:left;

	   background-color:#858585;

		height:236px;

		padding-top:15px;
		text-align:center;
		

    }





/* FOOTER

----------------------------------------------------------------*/



    #footer

    {

        margin-left: -415px;

        padding: 0;

        width: 830px;

        position:absolute;

        left:50%;

    }



/*================================================================
	
	BLIS WEB AGENCY "CORE" SCREEN STYLESHEET
	
	The purpose of stylesheet is to format the appearance of the
	site within the site container.
	
	RULES:
	1. NO ENHANCEMENT (WIDGET) STYLES (THIS INCLUDES FORMS)
	2. AVOID HACKS
	3. ALL PATHS TO BE ABSOLUTE (/images/...)

================================================================*/


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
        html { height: 100%; margin-bottom: 1px; }
html, body { font-family: tahoma, Arial, "Trebuchet MS", Verdana; color: #666666; background: #ffffff; font-size: 1em; margin-top:10px; letter-spacing:.05em; }
h1 {
	font-size: 140%;
	font-weight: normal;
	margin-top:20px;
	margin-bottom: 20px;
	text-transform:capitalize;
	letter-spacing:.15em;
	color: #999999;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
}
h2 { font-size: 14px; font-weight: normal; margin-bottom: 0px; padding:0px;  letter-spacing: .18em; text-transform:uppercase; font-variant:small-caps;}
#content h2 {
	margin-bottom:10px;
}
#content h3 { margin-bottom:20px;  background:none; padding-left:0px; margin-bottom:5px; border-top: dotted 1px #cccccc; padding-top:10px; font-size: 12px; font-weight: normal; text-transform:uppercase; }

h4 { margin-bottom:20px;  background:none; padding-left:0px; margin-bottom:5px; padding-top:10px; font-size: 11px; font-weight: bold; }


#id_index h4 { font-size: 12px; font-weight: normal; margin: 0px; padding:0px; text-transform:uppercase; letter-spacing: .15em; background-color:#DC2333; padding:3px; width:100%; }
#id_index h4 a:link, h4 a:visited, h4 a:hover { color:#ffffff; margin-bottom:0;}
p, li, td { margin-bottom: 12px; font-size: 70%; line-height: 1.6em; color:#666666; }

li { margin-left: 20px; line-height: 1.3em; margin-bottom:10px; list-style: square; }
ul { margin-bottom:10px; }
a { outline:none; }
a:link, a:visited { color: #666666; text-decoration: none; font-weight:normal; }
a:hover { color: #A71A1A; text-decoration: none; }

td {font-size:100%;}
/* TABLES
----------------------------------------------------------------*/

/* HEADER CONTENT
----------------------------------------------------------------*/
    #webpage { background: white; border:solid 1px #cccccc;}
#content_frame {padding-left: 10px; padding-right: 0px; padding-bottom: 10px; text-align: left; width: 820px; display: block; }
#content {
	margin:0px;
	padding:0px;
	background-image: url(../../images/content_bkgr.png);
	background-repeat: repeat-y;
	background-position: left;
}
#content img {display:block;}
.topPageGraphic { background: white url(../../images/header.png) no-repeat 200px 15px; height:100px;  }
.topPageGraphic h1 {display:none;}
.slideshow ul, .slideshow li { margin:0; padding:0; }
#slideshow { float:left; width:609px; padding:0; height:287px; overflow:hidden; border-left:solid 1px #ffffff; background-image:url(../../images/stock/loading.gif); background-repeat:no-repeat; background-position: center middle;}
#ydc_tsh { float:left; width:609px; padding:0; height:20px; background-color:#C1BBAB; border-left:solid 1px #ffffff; border-top: solid 1px #ffffff; margin:0; }
#ydc { float:left; width:300px; text-align:left; border-right:solid 1px #ffffff; margin-left:0px; }
#ydc h2, #tsh h2 {margin-bottom:0;}
#tsh { float:right; width:308px; text-align:left; }
#tsh a, #ydc a { color:#ffffff; text-decoration:none; }
.stretch {padding-left:3px;}
#bk_cond .stretch img {display:inline; float:left; padding-top:5px;}
/* SIDEBAR CONTENT
----------------------------------------------------------------*/
#leftNav { float:left; width:200px; color:#ffffff; font-size:11px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing: .18em; }
#leftNav .gallery { width:200px; height:25px; background-color:#B0AEAF; float:left; display:block; border-top:1px solid #cccccc;  text-align:center; padding-top:10px;}
#leftNav .subscribe { width:200px; height:18px; background-color:#AAB4B6; display:block; float:left; border-top:1px solid #cccccc; padding-top:2px; text-align:center;}
#leftNav .subscribe a, #leftNav .gallery a { color:#ffffff; text-decoration:none; }
/* CONTENT COLUMNS
----------------------------------------------------------------*/

#col1 { width:160px; float:left; margin:0; background: #d8d8d8;  padding:20px;}
#col1 .navSub a
{	width:160px;
display:block;
font-size:11px;
margin-bottom:10px;
border-bottom:dotted 1px #cccccc;
text-transform:uppercase;
letter-spacing: .15em;
margin-left:0; margin-right:0;}
#col2 { width:276px; float:left; display:block; padding:10px; margin-top:20px; padding-left:15px;  }
#col3 { width:255px; float:left; display:block;  margin-top:20px; padding:10px; padding-left:20px;}
#colWide { float:left; display:block; margin-top:20px; padding-left:5px; width:580px; margin-left:10px;}
/* FOOTER CONTENT
----------------------------------------------------------------*/
#footer { text-align:left; font-size:10px; color:#999999; margin-top:10px; letter-spacing:normal; }
#footer a { color:#666666; }
.footertext {float:left; display:block;}
.blisid { float:right; display:block; }
/* PAGE TOOLS
----------------------------------------------------------------*/
    
.hide, .printonly { display: none; }
.noscript { margin: 0 auto; text-align: center; position: absolute; left: 0; top: 0; width: 100%; }
.noscript span { border: 1px solid #A71A1A; font-size: 10px; color: #A71A1A; margin: 0 auto; padding: 4px; position: relative; width: 700px; background: white; display: block; font-family: verdana, sans-serif; }
.clear { clear:both; height:1px; width:1px; display:block;overflow:hidden;}

/* AUTO FORM
----------------------------------------------------------------*/


.formfield { float:left; width:250px; display:block; margin-bottom:10px; font-size:75%; }
.formlabel { float:left; display:block; width:300px; font-size:75%; }
.features a{font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#ffffff; margin-left:10px;}

/* stretcher 
----------------------------------------------------------------*/
.stretcher {margin:0; padding:0; display:block;}
#stretcher6
{	background-color:#efefef; border:dotted 1px #cccccc; padding:10px; margin-bottom:2px; }

.index_slider
{width:290px; padding:10px; font-size:10px; background-color:#B0BBBE; margin-top:4px; overflow:hidden; margin-bottom:0px; letter-spacing:1px; padding-left:5px; padding-right:5px;}


/*================================================================



	BLIS WEB AGENCY "WIDGET" STYLESHEET

	

	The purpose of stylesheet is provide layout and formatting

	for all enhancements and widgets.

	

	RULES:

	1. WIDGET AND ENHANCEMENT FORMAT ONLY

	2. AVOID HACKS

	3. ALL PATHS TO BE ABSOLUTE (/images/...)

	

	CONTENTS:

	- AUTO FORM

	- BREAD CRUMBS

	- FONT SIZE CHANGER

	- GALLERY

	- IMGTXT

	- NAVIGATION

	- NEWS

	- SEARCH

	- SHOP

	- SITEMAP

	- SUBSCRIPTION TOOL



================================================================*/



/* AUTO PAGE

----------------------------------------------------------------*/



.autopagefooter a

{	width:180px;

display:block;

font-size:11px;

margin-bottom:10px;

border-bottom:dotted 1px #cccccc;

text-transform:uppercase;

letter-spacing: .15em;

}



/* BREAD CRUMBS

----------------------------------------------------------------*/

    

/* CUSTOM SCROLL

----------------------------------------------------------------*/





/* DRAG

----------------------------------------------------------------*/

.drag {

	position: absolute;

	width: 150px;

	height: 150px;

	background-color: #EEEEEE;

	border: 1px solid #666666;

	padding: 5px;

	z-index: 999;

	}



.handle {

	position: relative;

	background-color: #CCCCCC;

	border: 1px solid #333333;

	padding: 2px;

	cursor: move;

	}

.resize {

	position: absolute;

	bottom: 0px;

	right: 0px;

	height: 10px;

	width: 10px;

	background-color: #CCCCCC;

	cursor: se-resize;

	}



/* FONT SIZE CHANGER

----------------------------------------------------------------*/



/* FOOTER TEXT

----------------------------------------------------------------*/



    .gallery .thumbs

    {

        /* THUMBNAILS */

        border: 1px solid #ccc;

        padding-left: 0;

        margin: 2px;

        display: block;

		overflow: hidden;

		float: left;

    }

    

    .gallery #lg

    {

        /* LARGE IMAGE */

        border: 1px solid #ccc;

        float: left;

		margin:5px;

		margin-left:2px;

    }

    

    .gallery #lgtxt

    {

        /* IMAGE COMMENT */

        font-size: 10px;

        font-family: verdana, sans-serif;

        width: 260px;

        display: block;

        float: right;

        padding: 4px;

        height: 20px;

        overflow: hidden;

    }

    

    .gallery #lgtb

    {

        /* IMAGE TOOLBAR (view large version) */

        font-size: 10px;

        text-transform: uppercase;

        font-family: verdana, sans-serif;

        display: block;

        width: 200px;

        margin-top: 8px;

        float: right;

        

        /* FORMAT FOR ICON */

        text-indent: 20px;

        background: url(/images/stock/new_window_3.gif) 0 0 no-repeat;

        height: 14px;

        padding-top: 2px;

    }

    

    .gallery .description 

    {

		font: bold 8pt tahoma, arial;

		text-align:center;

		color:Black;

		text-decoration:none;

	}

    

    .gallery .credits

    {

        display: none;

    }

    

    .gallery .lrgtext

	{

		float: left;

		padding-right: 9px;

	}

	

	/* EXIF INFORMATION */

	.gallery .table_exif{

		font: 8pt tahoma, arial;

		color:#757575;

		text-decoration:none;

		border: 1px solid #B5B5B5;

	   text-align:left;

	}

	

	.gallery .thumbcontainer

	{

		display: block;

		float: left;

	}

	

	.gallery .imgnav

	{

		clear: both;

		text-align: left;

		padding-top: 0;

		margin-top: -16px;

		display: block;

	}

	

	.gallery .imgnav p

	{

		text-align: left;

		width: 400px;

	}

/* GOOGLEMAP

----------------------------------------------------------------*/

    .printgooglemap

    {

      font-family:verdana;

      font-size:11px;

      display:block;

      width:100px;

      height:14px;

      padding-top:3px;

      padding-bottom:3px;

      border:1px solid black;

      background:white;

      position:absolute;

      bottom:10px;

      right:10px;

      text-align:center;

    }



/* IMGTXT

----------------------------------------------------------------*/



    .imgtxt

    {

		text-indent: -9999px;

		display: block;

		background-repeat: no-repeat;        

    }





/* MOOBOX

----------------------------------------------------------------*/

	#imgGallery{

		position: absolute;

		top: 40px;

		left: 0;

		width: 100%;

		z-index: 100;

		text-align: center;

		line-height: 0;

	}



	#overlay

	{

		position: absolute;

		top: 0;

		left: 0;

		z-index: 90;

		width: 100%;

		height: 100%;

		background-color: #000;

		filter:alpha(opacity=60);

		-moz-opacity: 0.6;

		opacity: 0.6;

	}

	

	#imageContainer{

		position: relative;

		background-color: #fff;

		width: 250px;

		height: 250px;

		margin: 0 auto;

		padding:10px;

	}



/* NAVIGATION

----------------------------------------------------------------*/

    

    .navigation

    {

        /* BLANK */

    }

    

    .navigation dl

    {

        width: 200px;

        margin: 0 auto;

        padding-top: 8px;

        height: 1px;

        display: block;

		background-color:#858585;

    }

    

    .navigation dd

    { float: left; margin: 0; padding: 0; padding-right: 0; width: 200px; background-color:#858585; 

	margin-bottom:15px;	





    }
	
	.navigation dd .selected { background-color:#B0BBBE; padding:10px; }

    

    .navigation a,

    .navigation a:link,

    .navigation a:hover,

    .navigation a:visited

    {

        cursor: pointer;

		color:#ffffff;

		text-decoration:none;

    }

    

    .navigation a.selected 

    { text-decoration: none; color:#ffffff; display:block; }

    

    .navigation em

    {

        display: none;

    }



/* NEWS

----------------------------------------------------------------*/



/* POSITION ITEM

---------------------------------------------------------------*/



    .positioneddiv

    {

        margin: 0;

        padding: 0;

        width: 100%;

        height: 1px;

        position: absolute;

        left: 0;

        display: block;

        visibility: hidden;        

    }

    

    .positioneddiv .posblock1

    {

        margin: 0 auto;

        padding: 0;

        width: 760px;

        height: 1px;

        display: block;

        visibility: hidden;

    }

    

    .positioneddiv .posblock1 .posblock2

    {

        display: block;

        visibility: visible; 

    }



/* PRINT PAGE

----------------------------------------------------------------*/



/* SEARCH

----------------------------------------------------------------*/



/* SHOP - SEE SHOP.CSS

----------------------------------------------------------------*/





/* SIFR

----------------------------------------------------------------*/

.sIFR-flash {

	visibility: visible !important;

	margin: 0;

}



.sIFR-replaced {

	visibility: visible !important;

}



span.sIFR-alternate {

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 0;

	display: block;

	overflow: hidden;

}



/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {

  display: none !important;

}



/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash h1 {

	visibility: hidden;

}



.sIFR-hasFlash h2 {

	visibility: hidden;

}



.sIFR-hasFlash h3 {

	visibility: hidden;

}



.sIFR-hasFlash h4 {

	visibility: hidden;

}



.sIFR-hasFlash h5#pullquote {

	letter-spacing: -4px;

}





/* SITEMAP

----------------------------------------------------------------*/



/* SLIMBOX

----------------------------------------------------------------*/



#lbOverlay {

	position: absolute;

	top:0; left: 0;

	width: 100%;

	background-color: #000;

	cursor: pointer;

	z-index: 1000;

}



#lbCenter, #lbBottomContainer {

	position: absolute;

	left: 50%; padding:0;

	overflow: hidden;

	background-color: #fff;

	z-index: 1001;

}



.lbLoading {

	background: #fff url(/images/stock/loading.gif) no-repeat center;

	z-index: 1001;

}



#lbCanvas {

	border: 9px solid #fff;

	z-index: 1001;

}



#lbCanvas iframe, #lbCanvas img {

	border:1px solid #999;

	margin:0; padding:0;

	z-index: 1001;

}



#lbPrevLink, #lbNextLink {

	display: block;

	position: absolute;

	top: 10px;

	width: 70px;

	background:url(/images/stock/spacer.gif);

	z-index: 1001;

}





#lbPrevLink {

	left: 0;

	z-index: 1001;

}



#lbPrevLink:hover {

	background: transparent url(/images/stock/prevlabel.gif) no-repeat;

	z-index: 1001;

}



#lbNextLink {

	right: 0;

	z-index: 1001;

}



#lbNextLink:hover {

	background: transparent url(/images/stock/nextlabel.gif) no-repeat;

	z-index: 1001;

}



#lbBottom {

	font-size:11px;

	font-family: Verdana, Helvetica, sans-serif;

	color: #666;

	line-height: 1.4em;

	text-align: left;

	margin:0 0 0 10px; padding:0;

	z-index: 1001;

}



#lbCloseLink {

	display: block;

	float: right;

	width: 66px;

	height: 22px;

	background: transparent url(/images/stock/closelabel.gif) no-repeat center;

	margin:0; padding:0;

	z-index: 1001;

}



#lbCaption, #lbNumber {

	z-index: 1001;

}



#lbCaption {

	font-weight: bold;

	z-index: 1001;

}



/* STRETCH TOOL

----------------------------------------------------------------*/

    

    .stretch {

        cursor: pointer;

    }

    

    .stretch img {

        margin-right: 4px;

    }
/* SUBSCRIBE

----------------------------------------------------------------*/

#subscribe p {
	text-transform:uppercase;
	color:#999999;
	font-size:11px;
}
.subscriptionzone {float:left; margin-right:20px;}
.tbox_max
{	height:16px; padding:0; margin:0; width:150px; color:#cccccc; font-size:11px; border: solid 1px #cccccc; padding:1px; padding-left:2px;}	
#sub_but {float:left; padding-top: 0px; display:block; height:20px;}
#sub_add {float:left; margin-right:3px; display:block; height:20px; padding-top:0px;}

.tbox
{float:left; margin-left:10px; margin-right:10px; margin-top:3px;}
/* TOOLTIPS

----------------------------------------------------------------*/

.tool-tip{



    width: 200px;



    color: #000;



    text-align: center;



    z-index: 999;

    }



.tool-title{



    color: #000;



    font-family: tahoma, verdana, sans-serif;



    text-transform: uppercase;



    font-size: 11px;



    font-weight: normal;



    text-shadow: 2px 2px 1px #222;



    margin: 0;



    padding: 13px 10px 5px;



    background: url(/images/stock/balloon.png) top left no-repeat !important;



    background: url(/images/stock/balloon.gif) top left no-repeat;



    font-size: 11px;

    }



.tool-text{



    margin: 0;



    padding: 0 10px 15px;



    text-shadow: 2px 2px 1px #222;



    background: url(/images/stock/balloon.png) bottom left no-repeat !important;



    background: url(/images/stock/balloon.gif) bottom left no-repeat;



    font-size: 10px;



    color: black;



    font-size: 11px;



    font-family: verdana, sans-serif;

    }