/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

#content li { margin-left: 20px; }

html, body {
	text-align: center;
	font-size: 11px;
	font-family: Verdana, arial, sans-serif;
	color: #000;
	line-height: 18px;
	background: url(../images/bg.jpg) top left repeat-x #000; }


	/*** FONT STYLES ***/	
	h1 { 
		font-size: 16px; 
		font-weight: normal;
		color: #000;
		margin: 10px 0 10px 0; }
	
	a:link, a:visited { color: #000; }
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	a:focus, a:hover, a:active { outline:none; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 950px;
	margin: 0 auto; }
	
	/*** HEADER ***/
	#header {
		width: 950px;
		height: 289px;
		float: left;
		background: url(../images/header_bg.jpg) no-repeat; }
		
		/*** FLASH HEADER ***/
		#flashHeader {
			width: 628px;
			height: 255px;
			float: right;
			margin: 34px 0 0 0;
			background: #fff; }
			
	/*** CONTENT WRAPPER ***/
	#contentWrapper {
		width: 950px;
		min-height: 400px;
		float: left;
		padding: 0 0 50px 0;
		background: url(../images/contentWrapper.jpg) top left repeat-y;
		text-align: left; }
		
		/*** CONTENT INNER ***/
		#contentInner {
			width: 950px;
			float: left;
			background: url(../images/contentInner_bg.jpg) top left no-repeat; }

			/*** NAVIGATION ***/
			ul#nav { 
				width: 598px;
				height: 59px;
				float: left;
				margin: 0 0 0 53px;
				list-style: none; }
		
				ul#nav li { 
					float: left; 
					height: 59px; }
					
					a.home {
						width: 102px;
						height: 59px;
						display: inline-block;
						margin: 0 18px 0 0;
						background: url(../images/nav_01_home.jpg) no-repeat 0px 0px; }
				
						a.home:hover {background: url(../images/nav_01_home.jpg) no-repeat 0px -59px; }
						
					a.whatwedo {
						width: 142px;
						height: 59px;
						display: inline-block;
						margin: 0 24px 0 0;
						background: url(../images/nav_02_whatwedo.jpg) no-repeat 0px 0px; }
				
						a.whatwedo:hover {background: url(../images/nav_02_whatwedo.jpg) no-repeat 0px -59px; }
						
					a.photogallery {
						width: 152px;
						height: 59px;
						display: inline-block;
						margin: 0 29px 0 0;
						background: url(../images/nav_03_photogallery.jpg) no-repeat 0px 0px; }
				
						a.photogallery:hover {background: url(../images/nav_03_photogallery.jpg) no-repeat 0px -59px; }
						
					a.contactus {
						width: 131px;
						height: 59px;
						display: inline-block;
						background: url(../images/nav_04_contactus.jpg) no-repeat 0px 0px; }
				
						a.contactus:hover {background: url(../images/nav_04_contactus.jpg) no-repeat 0px -59px; }
	
		/*** CONTENT ***/
		#content {
			width: 628px;
			float: left;
			margin: 150px 0 0 30px; }
			
		/*** SIDEBAR ***/
		#sidebar {
			width: 239px;
			float: right;
			margin: 6px 3px 0 0; }
				
			#sidebar img {
				float: left;
				margin: 0 0 4px 20px; }
				
				a.facebook {
					width: 239px;
					height: 131px;
					float: left;
					display: inline-block;
					margin: 0 0 4px 0;
					background: url(../images/btn_facebook.jpg) no-repeat 0px 0px; }
				
					a.facebook:hover {background: url(../images/btn_facebook.jpg) no-repeat 0px -131px; }
		
		
	/*** FOOTER ***/
	#footer {
		width: 950px;
		height: 145px;
		text-align: left;
		font-family: Arial;
		float: left;
		margin: 0 0 20px 0;
		font-weight: bold;
		background: url(../images/footer_bg.jpg) no-repeat; }
		
			#footer p.nav { 
				font-size: 11px;
				color: #000;
				margin: 70px 0 0 20px; }
				
				#footer p.nav a:link, #footer p.nav a:hover, #footer p.nav a:visited {
					text-decoration: none;
					color: #000;
					margin: 0 20px 0 0; }

		#redcow {
			float: right;
			margin: 57px 20px 0 0; }
			
			#redcow a img {
				float: right;
				margin: 0 0 0 15px; }
				
			#redcow p {
			text-align: right;
				margin: 0 0 0 0; }


/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */