/*
Pushkar.com.au Stylesheet copyright Chris Jacob 2008.

# Referenced : 1. "Master Stylesheet: The Most Useful CSS Technique" (2007)
#                  Crucial Web Hosting, Ltd.
#                  http://www.crucialwebhost.com/blog/master-stylesheet-the-most-useful-css-technique/
#                  Accessed: 03/10/2007
#              2. "Master Layout: Give Your Stylesheet A Friend" (2007)
#                  Crucial Web Hosting, Ltd.
#                  http://www.crucialwebhost.com/blog/master-layout-give-your-stylesheet-a-friend/
#                  Accessed: 03/10/2007
*/

/* Shorthand tips
background: color image repeat attachment position;
background: #000 url(images/bg_body.png) repeat-x fixed top left;

margin: top right bottom left;
margin: 1em 0 2em 0.5em;

border: width style color;
border: 1px solid #000;

font: font-style (italic/normal) font-variant (small-caps) font-weight font-size/line-height font-family;
font: italic small-caps bold 1em/140% "Lucida Grande",sans-serif;
*/

/***** General Styles *****/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
border: 0px;
margin: 0px;
padding: 0px;
}
body {
background: #000 url(../images/bg_body.jpg) repeat;
color: #111;
font: normal normal normal 16px/160% arial, verdana, helvetica, sans-serif;
}
p {
padding: 4px 0px 12px 0px;
}
h3 {
color: #333;
font: normal normal bold 16px/200% arial, verdana, helvetica, sans-serif;
padding: 4px 0px 2px 0px;
}
h3.large {
background: transparent;
color: #000;
font: normal normal normal 20px/200% arial, verdana, helvetica, sans-serif;
padding: 6px 0px 12px 0px;
}
ol, ul  {
margin: 0px 0px 0px 25px;
}
li {
padding: 4px 0px 8px 8px;
}
table {
margin: 0px;
padding: 0px;
}
a img {
border: 0;
}

/***** IDs *****/
#wrap {
background: #000 url(../images/bg_wrap.jpg) repeat-y top left;
margin: 0px auto;
padding: 0px;
text-align: left;
width: 780px;
}
	#page {
	margin: 0px auto;
	width: 750px;
	}
		#utilities {
		background: #FFF;
		height: 0px;
		overflow: hidden;
		width: 0px;
		}
		#banner {
		background: #000 url(../images/bg_banner.jpg) no-repeat top left;
		height: 250px;
		margin: 0px;
		padding: 0px;
		}
			#banner h1 {
			padding: 0px;
			text-indent: -2000px;
			}
			#banner h1 a {
			background: transparent;
			display: block;
			height: 190px;
			width: 470px;
			}
			#banner div.bookmark {
			background: transparent;
			margin-top: 33px;
			margin-left: 651px;
			}
		#navigation {
		margin: 0px;
		padding: 0px;
		text-align: center;
		}
			#navigation ul {
			margin: 0px;
			padding: 0px;
			}
			#navigation  li {
			display: inline;
			list-style: none;
			padding: 0px 15px;
			}
			#navigation  a {
			border-left: 8px solid #0d0d0d;
			border-right: 8px solid #0d0d0d;
			font: normal normal normal 25px/200% georgia, arial, helvetica, sans-serif;
			padding: 5px 8px;
			text-decoration:none;
			}
			#navigation  a.yellow {
			background: transparent;
			color: #fffb69;
			}
			#navigation  a.green {
			background: transparent;
			color: #89cc5c;
			}
			#navigation  a.blue {
			background: transparent;
			color: #5ca9cc;
			}
			#navigation  a.indigo {
			background: transparent;
			color: #cc5c92;
			}
			#navigation  a.violet {
			background: transparent;
			color: #a459a7;
			}	
			#navigation  a:hover {
			background: transparent;
			color: #000;
			}
			#navigation  a.yellow:hover {
			background: #fffee9;
			border-color: #fffb69;
			}
			#navigation  a.green:hover {
			background: #edf7e7;
			border-color: #89cc5c;
			}
			#navigation  a.blue:hover {
			background: #e7f2f7;
			border-color: #5ca9cc;
			}
			#navigation  a.indigo:hover {
			background: #f7e7ef;
			border-color: #cc5c92;
			}
			#navigation  a.violet:hover {
			background: #f1e6f2;
			border-color: #a459a7;
			}
		#contact {
		}
			#contact span.text_large {
			font: normal normal normal 21px/200% arial, verdana, helvetica, sans-serif;
			}
			#contact img.icon {
			padding: 5px 10px 0px 0px;
			vertical-align: -65%;
			}
		#photos {
		}
			#photos span.text_large {
			font: normal normal normal 21px/200% arial, verdana, helvetica, sans-serif;
			}
		#blog {
		}
		#brochures {
		}
		#about {
		}
		#footer{
		}
			#footer p {
			text-align: center;
			color: #EEE;
			font: normal normal normal 14px/250% arial, verdana, helvetica, sans-serif;
			}
#wrap_end {
background: #000 url(../images/bg_wrap_end.jpg) no-repeat top left;
height: 25px;
margin: 0px auto;
padding: 0px;
text-align: left;
width: 780px;
}
	
/***** Classes *****/
div.box {
border-left: 8px solid #000;
border-right: 8px solid #000;
}
	div.box.black {
	background: #0d0d0d;
	}
	div.box.yellow {
	background: #fffee9;
	border-color: #fffb69;
	}
	div.box.green {
	background: #edf7e7;
	border-color: #89cc5c;
	}
	div.box.blue {
	background: #e7f2f7;
	border-color: #5ca9cc;
	}
	div.box.indigo {
	background: #f7e7ef;
	border-color: #cc5c92;
	}
	div.box.violet {
	background: #f1e6f2;
	border-color: #a459a7;
	}
div.sidebar {
background: #000;
clear: right;
float: left;
margin: 0px;
padding: 0px 10px;
text-align: left;
width: 172px;
}
	div.box.yellow div.sidebar {
	background: #fffdb4;
	}
	div.box.green div.sidebar {
	background: #c4e6ae;
	}
	div.box.blue div.sidebar {
	background: #aed4e6;
	}
	div.box.indigo div.sidebar {
	background: #e6aec9;
	}
	div.box.violet div.sidebar {
	background: #d2acd3;
	}
	div.sidebar h2 {
	background: transparent;
	color: #000;
	font: normal normal normal 25px/200% georgia, arial, helvetica, sans-serif;
	margin: 0px -10px;
	padding: 0px 10px;
	}
		div.box.yellow div.sidebar h2 {
		background: #fffb69;
		}
		div.box.green div.sidebar h2 {
		background: #89cc5c;
		}
		div.box.blue div.sidebar h2 {
		background: #5ca9cc;
		}
		div.box.indigo div.sidebar h2 {
		background: #cc5c92;
		}
		div.box.violet div.sidebar h2 {
		background: #a459a7;
		}
div.content {
background: transparent;
float: right;
padding: 0px 10px;
width: 522px;
}
	div.content div.column_left {
	background: transparent;
	float: left;
	width: 50%;
	}
	div.content div.column_right {
	background: transparent;
	float: right;
	width: 50%;
	}

/***** Global Classes *****/
.clear { clear: both; height: 1px; /* Fix IE6 Bug */ overflow: hidden; }
.float-left   { float:left; }
.float-right  { float:right; }
.text-center  { text-align: center; }