/* BeckwithContracting.ca March 2009 */
 
* {
 	margin:0;
 	padding:0;
 	-moz-box-sizing:content-box | border-box | padding-box ; /* Mozilla */
 	box-sizing: content-box | border-box | padding-box; /* Opera7 */
 	-webkit-box-sizing: content-box | border-box | padding-box ;
}
 body{
 	background-image:url("/images/skin0903a/background.jpg");
 	background-color:#1E2207;
 	text-align:center; 
 	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 	margin:0 auto;
 	padding:0;
 	font-size:8pt;
}
#container{
 	background-image:url("/images/skin0903a/content-background.gif");
 	background-repeat:repeat-y;
 	background-position: top center;
 	margin: 0 auto;
 	padding:0;
 	text-align: center;
 	overflow:hidden;
 	width:800px;
}
#header{
 	background-image:url("/images/skin0903a/header.jpg");
  	background-position: top center;
 	background-repeat: no-repeat;
 	margin:0 0 0 0;
 	padding:0;
 	width:800px;
 	height:190px;
}
#header code{
 	display:block;
 	width:770px;
 	padding-right:30px;
 	font-family:times;
 	font-size:11pt !important;
 	text-align:right;
 	position:relative;
 	right:10px;
 	top:150px;
}
#header code a, #header code a:visited{
 	color:blue;
 	text-decoration:none;
}
#header code a:hover{
 	font-style:italic;
 	text-decoration:overline;	
}
#frontsplash{
display:none;
 	background-image:url("/content/uploads/front-page-picture.jpg");
 	background-position: center 4px;
 	background-repeat: no-repeat;
 	width:300px;
 	height:225px;
 	overflow:hidden;
 	margin:0;
 	margin-right:10px;
 	margin-left:15px;
 	padding:15px;
 	position:relative;
 	left:2px;
	top:0px;
 	float:right;
 	border:1px solid black;
}
.imgShadow img{
	width:200px;
	display: block;
	position: relative;
	background-color: #fffff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px !important;
	padding: 1px !important;
}
.imgShadow{
	float: left;
	background: url('http://crookedbush.com/images/shadowAlpha.png') no-repeat bottom right !important;
	background: url('http://crookedbush.com/images/shadow.gif') no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
#navmenu * {
	padding:0;
 	margin:0;
}
#navmenu{
 	padding:0;
 	margin:0;
 	float:left;
 	z-index:5;
  	text-align:center;
 	position:relative;
 	left:30px;
 	top:-30px;
 	font-size:9pt;
  	width:200px;
 	height:650px;
 	overflow:hidden;
}
#navmenu p{
	text-align:center;
	color:black;
	font-size:7pt;
	position:relative;
	top:50px;
}
#navmenu p img{
	width:160px;
	border:1px dotted gray;
	margin:2px;
}
#navmenu ul{
	list-style-type:none;
}
  /*---------------------------------*/
  .button{
  	font-weight:normal;
  	text-align:left;
  	vertical-align:top;
  	font-size:8pt;
  	overflow:hidden;
  	width:178px;
  	height:44px;
 	position:relative;
  	left:0pt;
}
 .button a{
  	display:block;
 	padding:2px 0 0 10px;
 	background-image:url("/images/skin0903a/buttons.jpg");
 	background-repeat:no-repeat;
 	background-position:0 -35px;
 	text-decoration:none;
 	font-weight:bold;
 	color:black;
 	height:34px;
}
 .button a:hover {
  	background-image:url("/images/skin0903a/buttons.jpg");
 	background-repeat:no-repeat;
 	background-position:0 0;
 	overflow:hidden;
  	color:#51BA2C;
  	text-decoration:none;
 	padding-top:3px;
  }
  .button span{
 	position:relative;
 	top:8px;
 	left:10px;
  }
 /*---------------------------------*/
#content *{
 	margin:0px;
 	padding:0px;
}
#content{
 	width:475px;
 	min-height:560px;
  	background-image:url("/images/skin0903a/content-graph-paper.gif");
 	background-repeat:no-repeat;
 	background-position:top right;
 	float:right;
 	padding:25px 20px 0 25px;
 	color:#ffffff;
 	text-align:left;
 	font-size:9pt;
 	position:relative;
 	left:-20px;
 	top:-15px;
}
 * html #content { display:inline; }
#content ul{
 	margin: 8px;
 	line-height:16px;
 
}
#content img{
 	padding:5px;
	margin:2px;
	border:1px solid black;
}
#content a{
 	font-weight:bold;
 	color:yellow;
 	text-decoration:none;
}
#content a:hover{
 	color:#82AE18;
 	text-decoration:underline;
}
#content #albumBack a{
	font-size:12pt;
}
#content #contactForm{
	padding:20px;
}
#content #capchaImage{
	border:0 !important;
}
 /*---------------------------------*/
#footer{
 	float:none;
 	clear:both;
 	color:#ffffff;
 	font-weight:bold;
 	font-size:7pt;
 	text-align:left;
 	background-image:url("/images/skin0903a/footer.jpg");
 	background-repeat: no-repeat;
 	margin:0;
 	width:800px;
 	height:74px;
 	position:relative;
  	l/eft:1px;
 	top:4px;
 	overflow:hidden;
}
#footer p{
 	text-align:right;
 	position:relative;
 	top:10px;
 	margin-right:50px;
}
#footer a{
 	color:yellow;
}
 /*---------------------------------*/
 /*******************0*
  CONTENT STYLING
  *********************/
 /* HEADINGS */
 div#content h1 {
  	font-size:2em; /* font size for h1 */
  	line-height:1em;
  	margin:0 0 10px 0;
 	font-size:15pt;
 	font-weight:bold;
 	color:#92AB3B;
}
 div#content h2 {
  	color:#A9CE7E; 
  	font-size:10.5pt; 
  	text-align:left; 
  	/* some air around the text */
  	padding-top:2px;
  	padding-left:5px;
  	padding-bottom:1px;
  	/* set borders around header */
  	border-bottom:1px solid #A9CE7E; 
  	border-left:1.1em solid #A9CE7E; 
  	line-height:1.5em;
  	/* and some air under the border */
  	margin:15px 20px 5px 0;
}
 div#content h3 {
  	color:#D39D3F; 
  	font-size:9.5pt;
  	line-height:1.3em;
  	margin:0 0 0.5em 0;
 	font-style: italic;
}
 div#content h4 {
  	color:#BB0801; 
  	font-size:1.2em;
  	line-height:1.3em;
  	margin:0 0 0.25em 0;
}
 div#content h5 {
  	font-size:1.1em;
  	line-height:1.3em;
  	margin:0 0 0.25em 0;
}
 div#content h6 {
  	font-size:1em;
  	line-height:1.3em;
  	margin:0 0 0.25em 0;
}
 /* END HEADINGS */
 /* LISTS */
 div#content ul{
 	margin-left:10px;
}
 div#content li{
 	margin-left:15px;
}
 /* FORMS */
 form{
 	z-index:2;
}
 .inputBox {
 	position:absolute;
 	left:160px;
 	background:none;
 	width:120px;
 	height:12px;
 	font-size:8pt;
}
 textarea{
 	width:300px;
 	height:200px;
}
 .inputButton{
 	
}
 /* TEXT */
 div#content p{
  	font-size:1em;
  	margin:.5em 0 1em 0; /* some air around p elements */
  	line-height:1.7em;
  	padding:0;
}
 div#content br {
  	line-height:15px;
}
 blockquote {
 	background-image:url("/images/skin0903a/quotes.gif");
 	background-position:top left;
 	background-repeat:no-repeat;
  	border-left:5px solid #5D7327;
  	margin-left:10px !important;
  	margin-right:20px !important;
  	padding:3px !important;
 	padding-left:20px !important;
 	font-size:8pt;
}
 pre {
  	font-family:monospace;
  	font-size:1.0em;
}
 strong, b {
  /* explicit setting for these */
  	font-weight:bold;
 	font-size:1em;
}
 em, i {
 	/* explicit setting for these */
  	font-style:italic;
}
 u {
  	text-decoration:underline;
  	font-size:10px
}
 ol{
  	position:relative;
  	left:35px;
}
 /* Wrapping text in <code> tags. Makes CSS not validate */
 code, pre {
  	white-space:pre-wrap; /* css-3 */
  	white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
  	white-space:-pre-wrap; /* Opera 4-6 */
  	white-space:-o-pre-wrap; /* Opera 7 */
  	word-wrap:break-word; /* Internet Explorer 5.5+ */
  	font-family:"Courier New", Courier, monospace;
  	font-size:1em;
}
 pre {
  	border:1px solid #000; /* black border for pre blocks */
  	background-color:#ddd;
  	margin:0 1em 1em 1em;
  	padding:0.5em;
  	line-height:1.5em;
  	font-size:90%; /* smaller font size, as these are usually not so important data */
}
 /* END TEXT */
 
	#content #photoAlbumFolders{
		color:#ffffff;
		font-weight:normal;
		width:500px;
		float:left;
		padding:0;
		margin:0;
	}
	#content .photoAlbumSubFolder{
		background:url('/images/icons/folder.png') no-repeat 0 0;
		line-height:32px;
		display:block;
		height:32px !important;
		margin:10px 0 0 0;
		padding:0 0 0 32px;
	}
	#content #photoAlbumFolders .child{
		margin:0 0 0 16px !important;
		padding:0 0 0 16px;
		line-height:20px;
		height:24px;
		background:url('/images/icons/folder-small.png') no-repeat 0 5px;
	}