/*********************************************************************************************************************************
 *
 * eye.kandydesigns.com
 *
 * Cascading Style Sheet for Site Style (v0.1)
 *
 * Author: Kerri Shotts
 *
 * Audit Trail
 * 04.07.2007 KAS: v0.1 Created file
 *
 *********************************************************************************************************************************/

/*
 * General Classes
 *
 * .LEFT, .RIGHT: Floats an object left or right.
 * .w25, .w50: Width 25%, width 50% respectively.
 * .trans(0-9): Applies transparency to the object. 0 = 0% transparency, 9 = 90% transparency.
 * .even, .odd: Applies alternating colors to even or odd table rows
 * .block: Applies block formatting to the object
 * .noclear: Overrides clearing of inherited styles
 * 
 *********************************************************************************************************************************/

.left { float:left; }
.right { float:right; }
.w25 { width:25%; }
.w50 { width:48%; }
.white { color: #FFF !important; }
.even {	background-color:#f4f4f4; }
.odd { background-color:#e8e8e8; }
.noclear { clear:none !important; }
.clear { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.block { display:block; }
A:focus{ outline: none; }



.portlet
{
	border:1px solid #888;
    Background-Image: url("../images/texture.gif");
    padding:10px;
    font-size:90%;
    margin:10px;
    width:280px;
}

.portlet h2
{
	margin:-10px !important;
	background-color:#272E33;
	color:#BA8;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:105% !important;
	line-height:1em !important;
	padding:5px !important;;
	margin-bottom:10px !important;
	font-weight:bold !important;
	border-bottom:1px solid #888 !important;
}

.portlet ul
{
	text-align:left;
}

.insetphoto
{
	display:block;
	float:left; 
	position:relative; 
	margin-right:10px;
	width:300px;
	height:300px;
  border-bottom:1px solid #37424A;
  border-right:1px solid #37424A;
  border-top:1px solid black;
  border-left:1px solid black;	
}
.insetphoto .photo
{
		display:block;
		width:300px;
		height:300px;
		position:absolute;
		top:0px;
		left:0px;
		margin:0;
		padding:0;
}
.insetphoto .inset
{
	display:block;
	position:absolute; 
	top:0px; 
	left:0px;
	background-image: url('../images/photo_hole.png');
	width:300px;
	height:300px;
}
/*
 * RSS Feed Subscription Styles
 *
 *********************************************************************************************************************************/
 
A.subscribe
{
	background-image:url('../images/feed-icon-14x14.png');
	background-repeat: no-repeat;
	background-position:  top left;
	padding-left:20px;
	text-decoration:none;
	color:#567;
	font-size:85%;
	display:block;
	line-height:16px;
	overflow:hidden;
}
A.subscribe:HOVER
{
	text-decoration:underline;
	color:#248;
}

A.rss
{
	background-image:url('../images/feed-icon-14x14.png');
	background-repeat: no-repeat;
	background-position: 3px center;
	text-decoration:none;    
	padding-left:20px !important;
}

/*
 * Background 
 *
 * BODY: green background color while background loads; background is green slate hatch and fixed (does not scroll)
 *       the margins and padding are 0, and the preferred font is Arial. Text is centered to force IE to center (yes, IE is nuts!)
 *
 * .SHADOW: Builds the shadow behind the content; repeats vertically.
 *
 *********************************************************************************************************************************/
 
BODY
{
    Background-Color:#000;
    Background-Image: url("../images/texture_wood.jpg");
    zbackground-attachment: fixed;
    margin:0px;
    padding:0px;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align:center;
}
DIV.switcher
{
	position:absolute;
	left:900px;
	top:0;
}
DIV.switcher A
{
	display:block;
	float:right;
	border:1px solid #999;
	margin:5px;
	width:16px;
	height:16px;
    text-decoration:none !important;
}
DIV.switcher A:hover{
    border:1px solid #CCC;
    text-decoration:none !important;
}
DIV.switcher A SPAN
{
	display:none;
}
DIV.switcher A:hover SPAN
{
    display:block;
    position:relative;
    width:auto;
    left:20px;
    top:-1px;
    white-space:nowrap;
    color:#FFF;
    line-height:16px;
    font-size:14px;
    text-decoration:none !important;
}
DIV.switcher #ss1
{
	background-image:url("../images/style_default.png");
	background-repeat:no-repeat;
}
DIV.switcher #ss2
{
	background-image:url("../images/style_sunset.png");
	background-repeat:no-repeat;
}
DIV.switcher #ss3
{
	background-image:url("../images/style_day.png");
	background-repeat:no-repeat;
}
DIV.shadow
{
    background-image: url("../images/shadow.png");
    background-position: center top;
    background-repeat: repeat-y;
    width:916px;
	margin-left:auto;
	margin-right:auto;
}

/*
 * Body Area
 *
 * Auto margins (centering for non-IE), white background, left aligned text (for IE), 5px padding
 * 900 pixels wide. Font size a little smaller than normal.
 *
 *********************************************************************************************************************************/

DIV.body
{
    margin-left: auto;
    margin-right: auto;
    Background-Color: #272E33;
    text-align:left;
    padding:5px;
    width:886px;
    zleft:-1px;
    //zwidth:887px;
    //zleft:1px;
    font-size:95%;
    position:relative;
}

div.head
{
    background-image:url(../images/menu.jpg);
    height:150px;
    margin:-5px;
}
div.head h1
{
  display:none;
  margin:0;
}

div.sidebar
{
    width:190px;
    margin-top:10px;
    margin-right:15px;
    float:right;
}


div.menu
{
  margin-bottom:2em;
}

div.blurb
{
  border-bottom:1px solid #37424A;
  border-right:1px solid #37424A;
  border-top:1px solid black;
  border-left:1px solid black;
  color: #CCC;
  background-color:#000;
  font-size:85%;
  padding:6px;
    Background-Image: url("../images/texture.gif");
}
div.blurb H2
{
    font-size:93%;
    font-weight:bold;
    margin:0.5em 0;
    color:#BA8;
    text-align:right;
    border-bottom:1px solid #4A4237;
}

div.blurb A
{
    color:#8AD;
    text-decoration:none;
}
div.blurb A:HOVER
{
  color:#FFF;
  text-decoration:underline;
}


ul.linklist
{
	text-indent:0;
	margin:0;
	list-style:none;
	padding:0;
}
ul.linklist li
{
	margin:0;
	text-indent:0;
	padding:0;
	display:inline;
	width:200px;
}
ul.linklist li a
{
	display:block;
	float:left;
	width:200px;
	background-image:url('../images/dark_buttons_round.png');
	height:50px;
	line-height:48px;
	text-align:center;
	overflow:hidden;
	margin:8px;
	color:#CB9 !important;
	font-size:120%;
	font-weight:bold;
	font-family:Arial, Helvetica, Sans Serif;
	
}
ul.linklist li a:hover
{
	background-position:0 -51px;
	text-decoration:none !important;
	color:#FFF !important;
}

ul.iconlist
{
	text-indent:0;
	margin:0;
	list-style:none;
	padding:0;
	background-image:url('../images/texture.gif');
  border-bottom:1px solid #37424A;
  border-right:1px solid #37424A;
  border-top:1px solid black;
  border-left:1px solid black;

}
ul.iconlist li
{
	margin:0;
	text-indent:0;
	padding:0;
	display:inline;
	width:200px;
}
ul.iconlist li a
{
	display:block;
	position:relative;
	float:left;
	width:200px;
	zbackground-image:url('../images/dark_buttons_round_big.png');
	height:50px;
	padding-top:75px;
	line-height:24px;
	text-align:center;
	overflow:hidden;
	margin:8px;
	color:#CB9 !important;
	font-size:120%;
	font-weight:bold;
	font-family:Arial, Helvetica, Sans Serif;
	
}
ul.iconlist li a:hover
{
	background-position:0 -127px;
	text-decoration:none !important;
	color:#FFF !important;
}
ul.iconlist li a img
{
	border:0;
	position:absolute;
	top:25px;
	left:76px;
}

.iconlist p
{
	clear:both;
	height:1px;
	margin-bottom:-20px;

}


.menu ul
{
    text-indent:none;
    margin:0;
    list-style:none;
    padding:0;
}

.menu ul li
{
    margin:0;
    text-indent:none;
    padding:0;
}

.menu ul li a
{
  display: block;
  border:1px solid transparent;
  border-bottom:1px solid #37424A;
  margin-top:3px;
  padding:3px;
  color: #8AD;
  text-decoration: none;
  text-align: right;
  line-height:20px;
}

.menu ul li a:hover
{
  background-color:#000;
  border-bottom:1px solid #37424A;
  border-right:1px solid #37424A;
  border-top:1px solid black;
  border-left:1px solid black;
  color: #FFF;
  font-weight:bold;
  line-height:20px;
    background-position: 0 -3px;
    Background-Image: url("../images/blue_glass_30.png");
    background-color:black;
    background-repeat:repeat-x;

}

table.compare
{
	width:75%;
  border-bottom:1px solid #37424A;
  border-right:1px solid #37424A;
  border-top:1px solid black;
  border-left:1px solid black;
  border-collapse:collapse;
}
table.compare thead
{
	height:40px;
	background-image: url("../images/blue_glass_40.png");
	color:#FFF;
	text-align:center;
  border-bottom:1px solid #37424A;
}
table.compare tbody td
{
	background-image: url("../images/texture.gif");
	border-right:1px solid #37424A;;
	padding:3px;
	text-align: center;
}
table.compare tbody th
{
	background-image: url("../images/texture.gif");
	border-right:1px solid #37424A;
	padding:3px;
	font-weight:bold;
	text-align:left;
}
table.compare tbody .divider td
{
	background-image: none !important;
	background-color: black;
	color:#CCC;
  border-bottom:1px solid #37424A;
  border-top:1px solid #37424A;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	padding:5px;
}




/*
 * Footer
 *
 *********************************************************************************************************************************/
div.footer
{
    clear:both;
    font-size:70%;
    color:#777;
    text-align:left;
    margin-top:5em;
    margin-bottom:0.5em;
    border-top:1px dotted #777;
    padding-top:0.5em;
    line-height:1em;
    letter-spacing:1px;
}
div.footer A, div.footer A:LINK, div.footer A:VISITED
{
    color:#567;
    text-decoration:none;
}
div.footer A:HOVER
{
    text-decoration:underline;
}
div.quicklinks, div.otherstuff
{
    width:185px;
    margin:25px;
	margin-right:0px;
	line-height:1.25em;
	float:left;
}
div.otherstuff
{
    text-align:right;
    width:410px;
}
div.quicklinks A, div.quicklinks:link{
    display:block;
    line-height:1.5em;
}

.shelf
{
   background-color:#000;
   border:1px solid #000;
   text-align:center;
}
.shelf a img
{
    border:none;
    margin:5px;
    margin-top:12px;
}


.wallpaper
{
    	margin:7px;
    	float:left;
}
.wallpaper img
{
	border:5px solid #EEE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
}
.wallpaper a:hover img
{
    border:5px solid #FFF;
}
.wallpaper .size
{
	font-size:80%;
	text-align:center;
}


.lbShadow
{
    opacity:0.65;
    filter:alpha (opacity=65);
    position:fixed;
    width:100%;
    height:100%;
    z-index:1;
    background-color:#000;
	display:none;
	top:0;
	left:0;
}
.lightBox
{
    position:fixed;
    width:68%;
    height:85%;
    top:7.5%;
    left:16%;
    padding:0;
    margin:0;
    background-color:#111;
    border:6px solid #333;
	display:none;
    z-index:2;
    text-align:center;
    color:#999;
    overflow:auto;
    background-image: url('../images/loading444.gif');
    background-position: center 200px;
    background-repeat: no-repeat;
}
.lightBox H1
{
    background-image: url('../images/gallerybg.png');
    background-repeat: repeat-x;
    
    color:#FFF;
    line-height:75px;
    height:75px;
    margin:0;
    padding:0;
    padding-left:20px;
    padding-right:20px;
    text-align:center;
    margin-bottom:10px;
}
.lightBox img
{
    border:10px solid black;
    position:relative;
}
.lightBox img#lightBoxWatermark
{
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;    
    background-image: url('../gallery/watermark_large.png');
    background-position: center center;
    background-repeat: no-repeat;
    border:0px solid black !important;
    display:block;
    width:100%;
    height:100%;
}
.lightBox P#lightBoxTags
{
    color:#565;
    font-size:85%;
    text-align:left;
    position:absolute;
    top:38px;
    left:38px;
    
}
.lightBox P#lightBoxDescription
{
    zdisplay:none;
}
.lightBox P#copyright
{
    font-size:85%;
    color:#444;
    
}
.lightBox A#closeLightBox
{
    display:block;
    text-indent:-9999px;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
}
.lightBox A#download
{
    display:block;
    position:absolute;
    top:20px;
    right:20px;
    width:200px;
    height:35px;
    border:1px solid #333;
    color:#777;
    text-decoration: none;
    line-height:35px;
    background-color:#101820;
}
.lightBox A#download:hover
{
    background-color:#182028;    
    color:#789;
}


/*
 * Main Content Styles
 *
 * .text:         Specifies default formatting for the text - 1.25em line height, and justified text.
 * .innertext:    The text left of the menu is 650px wide, 20px margins, 10px padding
 * .innertext H1: The large headings for text; styled glass, green right border, black bottom border. Text is Georgia, with .5
 *                margen on top and bottom. 15px padding, white color, and blue background. Font size is 2em. Clears on the left
 *                and height is 50px.
 * .innertext H2: The smaller headings; colored gray, underlined same color, 3px padding (except left), Margin bottom is .5 em
 *                and font is Georgia. Line height is much smaller, .5em (.55em for IE)
 * .innertext H3: Much smaller headings; blue and bold.
 * .innertext H3+P: Ensures paragraphs butt up against h3 (for non IE browsers)
 * .innertext blockquote: Styles the quote a blue color, indented margins, and a quote graphic behind the text.
 * .innertext blockquote.noquotes: Overrides the quote graphic. Intended for short block quotes.
 * .innertext table: Brings the font size of the tables down to a more reasonable size
 *
 *********************************************************************************************************************************/

DIV.text
{
    line-height:1.25em;
    text-align:justify;
    margin-left:15px;
    width:650px;
    float:left;
    Width:650px;
    padding-top:10px;
    color: #CCC;
}
div.breadcrumb
{
    margin-bottom:0.25em;
    font-size:80%;
    margin-top:-1.75em;
}
div.breadcrumb A, div.breadcrumb A:LINK
{   
    color:#8AB;
    text-decoration: none;
}
div.breadcrumb A:HOVER
{
    color:#FFF;
    text-decoration: underline;
}

div.innertext A, div.innertext A:LINK
{
    color:#8AD;
    text-decoration:none;
}
div.innertext A:HOVER
{
    color:#FFF;
    text-decoration:underline;
}
.button
{
    margin:10px;
    padding:5px;
    background-color:#FFF;
    border:5px solid white;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;    
}
div.innertext .button a, div.innertext .button a:link, div.innertext .button a:visited
{
    display:block;
    text-decoration:none;
    color:#333 !important;
    line-height:24px;
}
.button a img
{
    float:left;
    margin-right:5px;
}
div.innertext .button a:hover
{
    display:block;
    text-decoration:none;
    color:#369 !important;
}

.innertext H1
{
    Background-Color:#000;
    Background-Image: url("../images/blue_glass_40.png");
    Color:#8AB;
    border:1px solid #transparent;
    border-top:1px solid #000;
    border-left:1px solid #000;
    border-bottom:1px solid #37424A;
    border-right:1px solid #37424A;
    Padding-Left:15px;
    Margin:0;
    margin-top:0.0em;
    Margin-bottom:0.5em;
    Font-Weight:Normal;
    Font-Family: Georgia, Times New Roman, Serif;
    Font-Size:2em;
    clear:left;
    Height:40px;
    Line-Height:40px;
	position:relative;
}
.innertext H2
{
    Color: #E8E8E8;
    border-bottom:1px dotted #777;
    Padding:3px;
    Padding-Left:0px;
    Margin:0;
    margin-top:1em;
    Margin-bottom:0.5em;
    Font-Weight:Normal;
    Font-Family: Georgia, Times New Roman, Serif;
    Font-Size:1.5em;
    line-height:0.5em;
    clear:left;
}
.innertext H1 img
{
	position:absolute;
	right:-1px;
	bottom:-20px;
}
.innertext H3
{
	Font-size:11pt;
	Font-Weight:Bold;
	Margin:0px;
	Margin-Bottom:0;
	Color:#DDD;
}
.innertext H3 + p
{
    margin-top:0px;
}

.innertext blockquote
{
	background-image: url('../images/quote.gif');
	background-repeat: no-repeat;
	background-position:  8px 4px;
	color:#567;
}
.innertext blockquote.noquotes
{
    background-image: none !important;
}

.innertext TABLE
{
	text-align:justify;
	font-size:90%;
}


/*
 * General Anchors
 *
 * .offsite: Offsite anchor - offsite gif applied
 * .pdf:     pdf anchor - pdf gif applied
 *
 *********************************************************************************************************************************/

A.offsite
{
    background-image: url('../images/offsite.gif');
    background-repeat: no-repeat;
    background-position: top left;
    padding-left:16px;
    line-height:16px;

}

A.pdf
{
    background-image: url('../images/pdf.gif');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left:24px;
    line-height:24px;
}

.GoogleCSE
{
	margin-top:15px;
	padding-left:5px;
	text-align:center;
}


#outerRotator
{	border:1px solid #000;
	position:relative;
	padding:2px;
	background-color:#786941;
}
#rotator{
	border:1px solid #000;
	background-color:#000;
}

/*
 * gallery styles
 */
 
.gallery
{
    background-color:#786941;
    border:1px solid #463d26 !important;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:25px;
	padding-left:5px;
	padding-right:5px;
	width:845px;
	position:relative;
	margin-top:0em;
	margin-bottom:3em;
	text-align:center;
}
.gallery img
{
    width:250px;
    height:186px;
    margin:7px;
    border:5px solid #EEE;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
}

.gallery img.variable
{
    width:auto !important;
    height:auto !important;
    margin:7px;
    border:5px solid #EEE;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
}

.gallery img:hover{
    border:5px solid #FFF;
}

.gallery .pageSelect
{
    text-align:right;
    font-size:90%;
}

.gallery .bar
{
    font-size:85%;	
    margin-bottom:1em;
    margin-top:-1em;
}

.gallery .bar .picker
{
    float:left;
}

.gallery .bar .pager
{
    float: right;
    margin-right:-5px;
}

.pager .pagerFL, .pager .pagerML, .pager .pagerLL,
.pager .pagerFC, .pager .pagerMC, .pager .pagerLC
{
    text-align: center;
    display: inline-block;
    width:48px;
    padding-top:2px;
    height:46px;
    line-height: 38px;
    background-repeat: no-repeat;
    clip: rect(0px,50px, 48px, 0px);
    background-position: -49px 0px;
    margin:0;
}

.pager .pagerFL, .pager .pagerML, .pager .pagerLL
{
    color: #248  !important;
    background-image: url(../images/buttonbar.png) !important;
}

.pager .pagerFL:hover, .pager .pagerML:hover, .pager .pagerLL:hover
{
    color: #248 !important;
    background-image: url(../images/buttonbar_sel.png) !important;
    text-decoration: none !important;
}

.pager .pagerFC, .pager .pagerMC, .pager .pagerLC
{
    color: #008  !important;
    font-weight:bold  !important;
    background-image: url(../images/buttonbar_sel.png)  !important;
}
.pager .pagerFC:hover, .pager .pagerMC:hover, .pager .pagerLC:hover
{
	text-decoration: none !important;
	color: #008 !important;
}

.pager .pagerFL, .pager .pagerFC
{
    background-position: 0px 0px  !important;
    width:48px !important;
    padding-left:1px !important;
}
.pager .pagerLL, .pager .pagerLC
{
    background-position: -97px 0px  !important;
    width:48px !important;
    padding-right:6px !important;
}

.picker
{
    width: 140px;
    height: 46px;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background-image: url(../images/button_sel.png);
    background-repeat: no-repeat;
    text-align: center;
    line-height: 38px;
    color:#008 !important;
    position:relative;
}
.picker .galleryPicker
{
    color:#008 !important;
}

.picker div
{
    display: none;
}

.picker:hover div
{
    display:block;
    position:absolute;
    padding:10px;
    height:370px;
    width:480px;
    left:-1px;
    top:-1px;
    background-color:#000;
    border:3px solid #333;
    overflow:hidden;
    overflow-y: scroll;
    clear: both;
    z-index:1000;
}

.picker:hover div a
{
	clear:both;
    display:inline-block;
    width:150px;
    height:120px;
    line-height:210px;
    color:#CCC !important;
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.picker:hover div a:hover
{
	background-color:#333 !important;
}

.favImage
{
	display: inline-block;
    position: relative;
    left: -48px;
    top: -48px;
    margin-right:-48px;
    background-image: url(../images/star.png);
    background-repeat: no-repeat;
    width:48px;
    height:48px;
    text-indent:-9999px;
}