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

Description:	Screen CSS
Version:		v1.0
	
Company:		Lindsley Architectural Lighting
				http://www.lindsleyarchitecturallighting.com

Author:			Design Vineyard, a division of Everflight LLC
				http://www.designvineyard.com

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

/* Imports */
@import "base.css";


/* ====================================================================================================				
	Generic Classes
==================================================================================================== */

/* Typography */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
body { font-size: 12px; line-height: 19px; }
p { color: #333333; }
blockquote { font-family: Georgia, serif; }

/* Lists */
ol { margin: 0 0 25px 0; }
ol li { margin: 0 0 4px 0; }
ul { list-style-type: square; margin: 0 0 25px 0; }
ul li { margin: 0 0 5px 20px; line-height: 14px; }

/* Links */
a:link, 
a:visited { color: #375b9e; text-decoration: underline; }
a:hover { color: #375b9e; text-decoration: underline; }

/* Selection */
::-moz-selection { background: #f6cf74; color: #fff; }
::selection { background: #f6cf74; color: #fff; }

/* Tables */
td { vertical-align: top; }


/* ====================================================================================================				
	Site Specific CSS
==================================================================================================== */

/* Body & Wrapper
---------------------------------------------------------------------------------------------------- */
body { margin: 0 0 20px 0; background: #ffffff; }
#wrapper { width: 960px; margin: 0 auto; }


/* Header
---------------------------------------------------------------------------------------------------- */
#header { z-index:998; margin-top: 10px; margin-bottom: 10px; }
#header .logo { margin: 0 0 0 0px; }

/* Sitewide Navigation */
#header ul.navigation { margin: 0 0 0 0; padding: 0; float: right; /* This float aligns the navigation */ }
#header ul.navigation li.top-nav { list-style: none; margin: 0 3px 0 0; padding: 0; }

#header ul.navigation li.top-nav a { font: bold 14px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 80px; text-transform: normal; }
#header ul.navigation li.top-nav a:link,
#header ul.navigation li.top-nav a:visited { padding: 0; margin: 0 0 0 30px; color: #999999; text-decoration: none; }
#header ul.navigation li.top-nav a:hover { color: #333333; }
#header ul.navigation li.top-nav a.current { color: #000000; }

.projects-navigation { text-align: right; }
.projects-navigation a:link,
.projects-navigation a:visited { font-weight: bold; color: #888888; text-decoration: none; margin: 0 0 0 20px; padding: 10px 0; }
.projects-navigation a:hover { color: #000000; }


/* Mega Drop Down Menu, based on jDiv - http://www.skyrocketlabs.com */
/* HIDDEN DIV PANEL STYLE */
#hidden-div { display: none; position: absolute; top: 70px; z-index: 999; margin: 0 0 0 150px; padding: 15px; border: 1px solid #dddddd; background: #ffffff; -webkit-box-shadow: 0px 5px 6px rgba(0,0,0,0.1); }

/* HIDDEN DIV PANEL - CONTENT INSIDE */
#hidden-div-links a.dropdowns { text-transform: normal; display: block; font: normal 12px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 14px; color: #333333; text-decoration: none; margin: 0 0 0 0; padding: 6px 0; }
#hidden-div-links a.dropdowns:hover { color: #b10000; text-decoration: none; font-weight: normal; }

/* Content
---------------------------------------------------------------------------------------------------- */
#content { margin-top: 0px; margin-bottom: 60px; }

#content h1 { font-size: 24px; font-weight: bold; }
#content h1 small { font-size: 18px; color: #d4d4d4; font-weight: normal; }
#content ul { list-style-type: none; margin: 0 0 35px 0; }
#content ul li { margin: 0 0 9px 0; line-height: 14px; }

.description { margin: 0 auto; width: 900px; margin: 0 0 50px 0; }

#main_caption { font-family: 'Lucida Grande'; }

.sidebar { padding: 15px; background: #f1f1f1; font-size: 11px; }

td img { margin: -9px 20px 0 0; }

/* Miscellaneous
---------------------------------------------------------------------------------------------------- */
/* Search */
#search { margin: 0 0 20px 0; }



/* Image Changer
---------------------------------------------------------------------------------------------------- */
img {border: none;}
.container {
	height: 360px;
	width: 940px;
	margin: 0px 0 0 -450px;
	left: 50%;
	position: absolute;
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 110px; height: 110px;
	background: #ffffff;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	background:url(../images/common/thumb_bg.png) no-repeat center center;
	border: none;
}
#main_view {
	float: left;
	padding: 9px 0;
	margin-left: -10px;
}


/* Footer
---------------------------------------------------------------------------------------------------- */
#footer { width: 960px; margin: 0 auto; margin-top: 20px; text-align: center; padding: 0 15px 0 15px; font-size: 9px; }
#footer p { margin-top: 4px; color: #f6e7e0; margin: 0 0 5px 0; }
#footer p em { margin: 0 2px 0 0; font: italic 10px Georgia, serif; color: #f8a887; }
#footer a:link,
#footer a:visited { color: #ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }