/* GENERAL */
/* ================================================================================= */
html		{overflow-y:scroll;}
body		{font-family:Georgia, "Times New Roman", Times, serif; margin:0; color:#111; font-size:16px;}
h1			{font-size:80px;}
h2			{font-size:48px;}
h3			{font-size:28px;}
h4			{font-size:20px;}
p			{font-size:16px; line-height:24px;}
ul			{font-size:16px; line-height:24px;}
small		{font-size:14px;}
a			{color:#111;}
a.hover		{color:#F00;}
.clear		{clear:both;}
.gap		{height:30px;}
.lucida		{font-family: "Lucida Grande", Tahoma; color:#CCC;}
#wrap		{margin:0 auto; min-width:920px; max-width:1200px; padding:20px 40px 0 40px;}
#fadeshow		{margin:0 auto; min-width:300px; max-width:1200px; padding:0px 0px 0 0px;}
#content	{margin:16px auto 0 auto; min-width:920px; max-width:1200px; padding:20px 40px; background-color:#EEE;}
#background {display:none; background-color:#EEE;}
.nowrap		{white-space:nowrap;}


/* Lightbox */
/* ================================================================================= */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1000; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 9000; width: 100%; height: 500px; background-color: #000; }


/* GRIDS */
.grid_2			{width:48%; float:left; margin-right:4%;}
.grid_2_last	{width:48%; float:left; margin-right:0;}
.grid_4			{width:15%; float:left; margin-right:4%;}
.grid_4_last	{width:15%; float:left; margin-right:0;}

/* HEADER */
#header			{text-align:center; margin-top:10px;}
#header h1		{letter-spacing:-2px; word-spacing:10px; margin:10px 0 30px 0; line-height:1;}
#header h1 span	{letter-spacing:-0.13em; padding-right:0.06em;}
/*#header h1 span	{letter-spacing:-10px; padding-right:4px;}*/
#header h4		{padding:18px 0; border-top:4px double #CCC; border-bottom:4px double #CCC;}
#header h4 span	{letter-spacing:-0.06em; padding-right:0.03em;}

/* NAVIGATION */
#nav					{margin:20px 0 0 0;}
#nav h4					{margin:0 0 13px 0;}
#nav div.hover h4		{color:#F00;}
#nav div.hover p		{color:#111;}
#nav div.hover .lucida	{color:#FFBFBE;}
#nav div.hover 			{cursor:pointer;}
#nav div.inactive		{color:#CCC;}

/* SOFTWARE */
/* ================================================================================= */
.shistory			{margin-top:37px;}
.shistory p			{margin-bottom:24px;}
.shistory p.last	{margin-bottom:0;}
.shistory h2		{margin:0 0 11px 0;}
.shistory h2 span	{letter-spacing:-0.07em;}
.shistory h3		{margin:0 0 25px 0; color:#BBB;}
.shistory img		{margin:0 auto; display:block;}

/* LINKS */
.shistory .links			{float:left; width:100%; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:0px 0 100px 0;}
.shistory ul				{margin:0; padding-top:12px;}
.shistory li				{float:left; margin-right:12px; padding-bottom:14px; list-style-type:none;}
.shistory li a				{background-color:#BBB; color:#FFF; padding:4px 7px 5px 7px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.shistory li a:hover		{background-color:#999;}
.shistory li a.home			{background-color:#555;}
.shistory li a.home:hover	{background-color:#111;}

/* THUMBNAILS */
.shistory .gallery		{width:440px; margin:0 auto;}
.shistory .thumbnail	{width:80px; height:80px; border:1px solid #CCC; float:left; margin:0 10px; padding:4px; background:url("") no-repeat center center #FFF;}
.thumbnail:hover		{cursor:pointer;}

/* DESIGN */
/* ================================================================================= */
.history p					{margin-bottom:23px;}
.history h3					{padding-bottom:6px;}
.history h3.first			{margin:20px 0 18px 0; border-bottom:1px solid #CCC;}
.history h3 em				{color:#BBB;}
.history h3.extra-margin		{margin:40px 0 30px 0;}
.history .button				{background-color:#BBB; color:#FFF; padding:3px 6px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.history .button:hover		{background-color:#999; color:#FFF; border-bottom:1px solid #999;}
.history a					{border-bottom:1px solid #BBB; padding-bottom:1px;}
.history a:hover				{border-bottom:1px solid #FFBFBE; color:#F00;}

/* CLEARS */
.history .clear 				{margin:0 30px;}
.history .clear.margin 		{margin-bottom:40px; border-top:1px solid #DDD;}
.history .clear.gap			{margin-top:70px;}

/* CONTENT AREA SPECIFIC */
.history .content				{background-color:#FFF; padding-top:14px; -webkit-border-radius:6px; -khtml-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.history .content p				{padding-left:30px; color:#888; margin-top:20px;}
.history .content h3				{padding-left:30px;}
.history .content h4				{padding-left:30px;}
.history .content small			{font-family:Verdana; font-size:11px; color:#CCC; margin-top:10px; display:block;}
.history .content .grid_2_last	{float:right;}

/* COMPANY */
/* ================================================================================= */
.summerphotos h3				{margin:46px 0 18px 0; border-bottom:1px solid #CCC; padding-bottom:6px;}
.summerphotos h3.first		{margin:20px 0 18px 0;}
.summerphotos p				{margin-bottom:23px;}
.summerphotos a				{border-bottom:1px solid #BBB; padding-bottom:1px;}
.summerphotos a:hover		{border-bottom:1px solid #FFBFBE; color:#F00;}
.summerphotos .white			{background-color:#FFF; margin:30px 0; padding:14px 20px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.summerphotos .white p		{margin:0 0 26px 40px;}
.summerphotos .white p.left	{margin-left:0;}
.summerphotos .white p.last	{margin-bottom:0px;}
.summerphotos .white img		{float:left; margin-top:8px;}
.summerphotos .white small	{color:#AAA; margin-left:6px;}
.summerphotos .more			{text-align:center;}
.summerphotos .more a		{color:#AAA; border-bottom:1px solid #CCC; font-size:14px;}
.summerphotos .more a:hover	{color:#777; border-bottom:1px solid #AAA;}
.summerphotos .thumbnail:hover {cursor:default;}
.summerphotos ul					{margin-left:24px;}
.summerphotos ul li				{list-style-position:outside; list-style-image: url("/media/img/bullet-summerphotos.gif"); margin-bottom:10px;}

/* PROFILES */
.profile				{clear:both;}
.profile p				{margin-bottom:16px;}
.profile h4				{float:left; margin:0 12px 0 0;}
.profile .header		{margin:0 0 7px 0;}
.profile .header span	{white-space:nowrap;}
.profile a				{font-size:14px; margin:0 3px 0 0; background-color:#D5D5D5; color:#FFF; padding:3px 6px; line-height:22px; -webkit-border-radius:3px; -moz-border-radius:3px; border:0;}
.profile a:hover		{background-color:#C5C5C5; color:#FFF; border:0;}

/* THUMBNAILS */
.summerphotos .thumbnail		{width:90px; height:90px; border:1px solid #CCC; float:left; margin:0 20px 30px 0; padding:4px; background:url("") no-repeat center center #FFF;}

/* ANNOUNCEMENT */
#announcement				{margin:60px auto 0 auto; text-align:center; font-size:14px;}

/* FOOTER */
#footer small		{font:12px/24px "Lucida Grande", Verdana, Tahoma;}
#footer				{margin:60px 0 10px 0; text-align:center; color:#CCC;}
#content #footer	{color:#CCC; margin:0;}

/* HOVER FADING IMAGES */
img.fade				{display:none;}