/* RESET
----------------------------------------------- */
html, body, div, span, applet, object, 
iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, 
tbody, tfoot, thead, tr, th, td			{ margin:0; padding:0; border:0; outline:0; font-size:100.01%; vertical-align:baseline; background:transparent; }
body									{ line-height:1; }
ol, ul									{ list-style:none; }
blockquote, q							{ quotes:none; }
:focus									{ outline:0; }
ins										{ text-decoration:none; }
del										{ text-decoration:line-through; }
table									{ border-collapse:collapse; border-spacing:0; }
blockquote, q							{ quotes:none; }

/* Safari doesn't support the quotes attribute, so we do this instead. */
blockquote:before, blockquote:after, q:before, q:after
{
	/* CSS 2; used to remove quotes in case "none" fails below. */
	content:"";
	/* CSS 2.1; will remove quotes if supported, and override the above. User-agents that don't understand "none" should ignore it, and keep the above value. This is here for future compatibility, though I'm not 100% convinced that it's a good idea... */
	content:none;
}

textarea								{ overflow: auto; }
input									{ border: 0px solid white; margin: 0; padding: 0; }


/* CLEARFIX
----------------------------------------------- */
.clear:after							{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height: 0; }
.clear									{ display:inline-block; } /* start commented backslash hack \*/
* html .clear							{ height:1%; }
.clear									{ display:block; } /* close commented backslash hack */


/* COMMON STYLES / SETTINGS
----------------------------------------------- */
.fl										{ float:left; }
.fr										{ float:right; }
.mb										{ margin-bottom:20px; }
.col									{ width:300px; }


/* CONTENT
----------------------------------------------- */
body									{ font-family:Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif; }

h1, h2									{ margin-bottom:21px; border-top:3px solid #2b7081; border-bottom:1px solid #2b7081; line-height:40px; font-size:20px; font-family:Georgia; color:#2b7081; }
h3										{ padding:5px 0; margin-bottom:10px; line-height:26px; font-weight:bold; font-size:22px; color:#2B7081; }
h3 a									{ color:#2B7081; }
p										{ margin:0 0 1em 0;  font-size:12px; line-height:1.539; }

a										{ text-decoration:none; color:#2b7081; }
a:hover									{ text-decoration:underline; }

.separator								{ height:1px; margin-bottom:20px; overflow:hidden; background:url(/g/layout/separator-bg.gif); }

#frontpage-images-container				{ width:620px; height:272px; margin-bottom:20px; }
#frontpage-images						{ width:620px; background-color:#485c6d; }
#frontpage-images .item					{ width:620px; height:272px; background-position:right top; left:0; top:0; }
#frontpage-images .item .box			{ height:272px; background:url('/g/gfx/frontpage-image-text-box.png') no-repeat left top; }
#frontpage-images .item .box .text		{ width:250px; padding:30px 0 0 30px; color:#fff; }
#frontpage-images .item .box .text h3	{ margin-bottom:15px; line-height:35px; font-size:33px; font-weight:bold; color:#fff; }
#frontpage-images .item .box .text p	{ width:200px; line-height:18px; font-size:12px; }

.event-teaser							{ margin-bottom:20px; }
.event-teaser .date-col					{ width:40px; float:left; margin-right:20px; }
.event-teaser .date-col .date			{ width:40px; height:40px; background-image:url(/g/layout/event-date-bg.png); }
.event-teaser .date-col .date .month	{ height:16px; margin-bottom:1px; line-height:16px; text-align:center; font-size:10px; font-weight:bold; text-transform:uppercase; color:#fff; }
.event-teaser .date-col .date .day		{ text-align:center; line-height:19px; font-size:19px; font-weight:bold; color:#fff; }
.event-teaser .image a					{ display:block; }
.event-teaser .image					{ width:140px; float:left; }
.event-teaser h3						{ margin:0 0 10px 0; padding:0; line-height:22px; }
.event-teaser .text						{ width:400px; float:right; }
.event-teaser .text	p					{ font-size:12px; color:#666; }
.event-teaser .text p.read-more			{ margin-bottom:0; }
.event-teaser .text p.read-more a		{ color:#dd8a35; }

.view-more-events						{ text-align:right; }

#event									{  }
#event .image							{ width:320px; float:left; }
#event .date							{ width:40px; height:40px; float:left; margin-top:4px; margin-right:15px; background-image:url(/g/layout/event-date-bg.png); }
#event .date .month						{ height:16px; margin-bottom:1px; line-height:16px; text-align:center; font-size:10px; font-weight:bold; text-transform:uppercase; color:#fff; }
#event .date .day						{ text-align:center; line-height:19px; font-size:19px; font-weight:bold; color:#fff; }
#event .text							{ width:300px; float:right; }
#event .text h3							{ margin-bottom:15px; font-size:25px; }

.company								{ margin-bottom:20px; font-size:12px; }
.company .image							{ width:280px; float:left; }
.company .details						{ width:300px; float:left; }
.company .contact-info					{ line-height:18px; }
.company .contact-info .label			{ width:35%; float:left; }
.company .contact-info .info			{ width:65%; float:right; }
.company .description					{ margin-top:10px; line-height:18px; }
.company .description .label			{ width:35%; float:left; }
.company .description .info				{ width:65%; float:right; }
.company .google-maps-pointer			{ width:20px; float:right; }

.weather-box							{ width:250px; height:188px; margin-bottom:20px; padding:5px; background:url(/g/gfx/weather-bg.png) no-repeat center; }
.weather-box .weather					{ width:220px; height:163px; padding:15px 15px 10px 15px; background-position:left top; background-repeat:no-repeat; color:#fff; }
.weather-box .weather .today			{ height:114px; text-align:right; }
.weather-box .weather .today strong		{ font-size:50px; line-height:50px; font-weight:bold; }
.weather-box .weather .today .temps		{ margin-bottom:5px; font-size:11px; font-weight:bold; }
.weather-box .weather .today .sun-info	{ font-size:11px; }
.weather-box .weather .tomorrow .info	{ width:120px; float:left; }
.weather-box .weather .tomorrow strong	{ font-size:24px; }
.weather-box .weather .tomorrow span	{ font-size:12px; font-weight:bold; }
.weather-box .weather .tomorrow .image	{ width:73px; height:50px; float:right; }

#gallery								{ margin-bottom:20px; }
#gallery .image							{ width:300px; float:left; }
#gallery .image a						{ display:block; padding:3px; border:1px solid #ccc; border-top:1px solid #eee; border-bottom:1px solid #888; background:#fff url(/g/gfx/gallery-image-bg.gif) left top repeat-x; }
#gallery .image a img					{ vertical-align:bottom; }
#gallery .details						{ width:300px; float:right; }

#gallery-images div 					{ width:210px; height:210px; float:left; margin-right:20px; margin-bottom:20px; }
#gallery-images div.last				{ margin-right:0; }
#gallery-images a						{ display:inline-block; margin:0 auto; padding:3px; border:1px solid #ccc; border-top:1px solid #eee; border-bottom:1px solid #888; background:#fff url(/g/gfx/gallery-image-bg.gif) left top repeat-x; text-align:center; }
#gallery-images a img					{ vertical-align:bottom; }