/***********************************************************************
/***********************************************************************
****																			********
****		FILENAME:            style.css							********
****		DESCRIPTION:      CSS for sheppco		   		********
****		CREATION DATE:  06/23/2008						********
****		LAST MODIFIED:   06/17/2010						********
****																			********
/***********************************************************************
/***********************************************************************


/* GLOBAL STYLES --------------------------------------------------- */

body { margin:0; background-color:#f6f6fa; font:11px/18px Tahoma, Helvetica, sans-serif; color:#000000; }
#top { position:relative; z-index:2; top:0px; left:0px; margin:auto; background-color:#000; height:25px; border-bottom:4px solid #999; color:#666; padding:5px 0 0 50px; }
#wrapper { position:relative; z-index:2; top:0px; left:0px; margin:auto; width:785px; }
img { border: none; }
blockquote { margin:0; padding:10px; font:9px/14px Courier, monospace; background-color:#fff; }

a {	color:#0066cc; text-decoration:none; }
a:hover { color:#ff3300; }

ul { margin:0 0 20px 15px; padding:0px; }
li { margin:0; padding:0;	list-style:disc inside; }

/* TEXT STYLES --------------------------------------------------- */

h1 { font-size:11px; display:inline; color:#999; margin-right:20px; font-weight:normal; text-transform:uppercase; }
h2 { font-size:16px; color:#000; margin:0px; }
h3 { font-size:13px; color:#000; margin:0px; padding:8px 0 0 10px; height:30px; background:url(../images/blue/colcap.png) no-repeat; }
h4 { font-size:11px; color:#000; margin:15px 0 5px 0; text-transform:uppercase; }
h5 { font-size:11px; font-weight:normal; color:#c00; margin:0; padding:0 0 10px 15px; line-height:normal; }

/* MAIN CONTENT AREA --------------------------------------------------- */

.logo { position:absolute; top:30px; left:7px; z-index:100; }
.blinky { position:absolute; top:18px; left:277px; z-index:100; }

#login { text-align:right; margin:3px 20px 4px 0; padding:0; height:55px; }

#topbar { background:url(../images/blue/menubar.gif) no-repeat; height:23px; margin:0px; text-align:right; padding:8px 50px 0 0; line-height:normal; }
#content { background:url(../images/blue/bg.gif) repeat-x; margin:0 2px; padding:20px; min-height:300px; }
#rightcol { float:right; width:200px; }
#leftcol { float:left; width:500px; }
#leftcol p { text-align:justify; }

#introtext { font-size:14px; padding-top:10px; letter-spacing:1px; }

.menu { margin:0px; padding:0px 0px 30px 10px; }
.menu li { margin:0px; padding:0px; display:inline-block; text-decoration:none; list-style-type:none; width:100%; }
.menu li a { display:block; background:url(../images/blue/arrow.gif) no-repeat 4px 9px; padding:3px 0 3px 15px; margin:0; text-decoration:none;}
.menu li a:hover { color:#000; background-color:#eaefff; } 

#contactbox { width:190px; font:bold 10px Arial, Helvetica, sans-serif; text-align:right; margin:0; padding:0; }
.required { color:#d4402b; font-weight:bold;}
.formfield { width:170px; font-size:11px; font-weight:normal; vertical-align:text-bottom; }
.textfield { width:185px; font-size:11px; font-weight:normal; margin-top:5px;}
#comments { text-align:left; padding:10px 0; }

/* FOOTER --------------------------------------------------- */

#footer { clear:both; width:785px; margin:auto; text-align:center; padding:10px 0; margin:0px; font:10px Arial, Helvetica, sans-serif;}
#footer a { color:#666; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/* CLIENT LIST --------------------------------------------------- */

#cl { font-size:9px; line-height:16px; padding:10px 0 0 0; margin:30px 20px 10px 0; border-top:1px dashed #999; }

/************************************************
*	SPRY  									*/

.CollapsiblePanel {	margin:0;	padding:0; width:470px;}
.CollapsiblePanelTab { background:url(../images/blue/tabs.png) no-repeat; margin:0; font-weight:bold; padding:10px 0 0 13px; height:30px; cursor:pointer; }
.CollapsiblePanelContent { margin:0; padding:15px; }
.CollapsiblePanelTab a { text-decoration:none;}
.CollapsiblePanelOpen .CollapsiblePanelTab { background:url(../images/blue/tabs.png) 0px -80px no-repeat  ; }
.CollapsiblePanelTabHover { background:url(../images/blue/tabs.png) 0px -40px no-repeat; }
.CollapsiblePanelOpen .CollapsiblePanelTabHover { background:url(../images/blue/tabs.png) 0px -120px no-repeat; }

/************************************************
*	Gallery  									*/

#gallery { padding:0; margin:20px 0 0 0; }
#gallery ul { padding:0; margin:0; font:12px "Trebuchet MS", Arial, sans-serif; }
#gallery ul li { list-style:none; width:310px; height:140px; margin-right:15px; background:url(../images/blue/thumbBack1.gif) no-repeat; }
#gallery ul li.b2 { background:url(../images/blue/thumbBack2.gif) no-repeat; }
#gallery ul li div.pad { padding-top:33px; }
#gallery ul img {float:left; display:inline-block; margin:26px 15px 0 26px; border:0px; }
#gallery ul a { border:none; }
#gallery ul a img { border:2px solid #ccc; }
#gallery ul a:hover img { border:2px solid #000; }

#jquery-overlay {	position:absolute; top:0; left:0; z-index:90; width:100%; height:500px;}
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box {	position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading {	position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav {	position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%;	height:100%; display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right;}
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0;}
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:75%; float:left; text-align:left; }	
#lightbox-image-details-caption {  }
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; }			
#lightbox-secNav-btnClose {	width:103px; float:right; padding-top:5px; }