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

	Bayside Mechanical Ltd. Style Sheet
	(c) Copyright 2005 Peter Desaulniers, Virtual Genius Studios Ltd. All rights reserved.

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

/* Structure */
body					{ margin: 0; padding: 0; background-color: #036baa; text-align: center; }
#page					{ width: 760px; margin: 0 auto; padding: 0; background: url("images/site/background.jpg") repeat-y top; border: 0; text-align: left; }
#header				{ width: 100%; height: 182px; margin: 0; padding: 0 0 0 1px; background: url("images/site/header.jpg") no-repeat bottom center; }
#navigation 		{ width: 100%; height: 30px; margin: 0 auto; padding: 0; }
#nav_text			{ margin: 7px 130px 0; }
#content				{ font-size: 1.2em; line-height: 1.6em; }
.widecolumn			{ width: 500px; margin: 5px 0 0 130px; padding: 10px 0 20px 0; }
#footer				{ width: 760px; margin: 0 auto; padding: 0 0 0 1px; background-color: #eee; background: url("images/site/footer.jpg") no-repeat bottom; border: none; clear: both; }
#footer p			{ margin: 0; padding: 30px 0; text-align: center; }

.column				{ width: 240px; float: left; padding: 0; margin: 0; border: none; }

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

/*	Typography */
body, table						{ font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333; }
h1, h2, h3						{ font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; color: #000; }
h1									{ font-size: 4em; text-align: center; padding-top: 70px; margin: 0; }
h2									{ font-size: 1.6em; margin: 30px 0 0; }
h3									{ font-size: 1.3em; padding: 0; margin: 30px 0 0; }
small 							{ font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
acronym, abbr, span.caps	{ font-size: 0.9em; letter-spacing: .07em; cursor: help; }
acronym, abbr					{ border-bottom: 1px dashed #999; }
blockquote						{ margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite				{ margin: 5px 0 0; display: block; }

/* Links */
a									{ color: blue; text-decoration: none; }
a:hover							{ color: red; text-decoration: underline; }

/* Lists */
ul li:before					{ content: "\00BB \0020"; }
ul, li							{ list-style-type: none; list-style-image: none; padding: 5px; }
dt									{ font-weight: bold; }
dd 								{ margin: auto auto auto 0px; font-size: .9em; }

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

/* Images */
img.centered					{ display: block; margin-left: auto; margin-right: auto; }
img.alignright					{ margin: 0 0 2px 7px; padding: 4px; display: inline; }
img.alignleft					{ margin: 0 7px 2px 0; padding: 4px; display: inline; }
img.frame						{ margin: 20px 0 10px 10px; padding: 4px; border: 1px solid #999; }
p img								{ padding: 0; max-width: 100%; }
a img								{ border: none; }
.picture_caption_r									{ float: right; margin: 20px 0 10px 10px; padding: 4px; border: 1px solid #999; }
.picture_caption_l									{ float: left; margin: 20px 10px 10px 0; padding: 4px; border: 1px solid #999; }
.picture_caption_r p, .picture_caption_l p	{ margin: 3px; padding: 0px; text-align: center; }

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

/* Misc */
.alignright						{ float: right; }
.alignleft						{ float: left }
.center							{ text-align: center; }
hr									{ display: none; }


/* Begin Box */
.box img							{ padding: 4px; border: 1px solid #999; margin: 20px 0 10px 10px; }
.box2								{ padding: 5px; margin: 10px 0; }
.box								{ width: 100%; border-bottom: 1px solid #999; }
.box p							{ text-align: left; }
.prop								{ height:50px; float:right; width:1px; }
.clear							{ clear:both; height:1px; overflow:hidden; }

/* Site Dev Note */
.note								{ margin: 5px; padding: 5px; background-color: #fef49c; border: 1px solid #bca902; }