@charset "UTF-8";
/* CSS Document */

/* Reset */

* { margin: 0; padding: 0 }

/* End Reset */

/* Global */

body {font-family: "Helvetica Neue", Verdana, Arial; 
font-size: 80%; 
line-height: 1.4em;
background: url(../images/body_bg_rpt.jpg);
color: #333333;
margin: auto;
text-align: center;
		}
		

p { text-align: left; margin: 10px 0 }
		
p, ul {  }
		
p a, li a { color: #00ff33; text-decoration: none }

p a:hover, li a:hover { color: #666666; text-decoration: none }

p a:visited, li a:visited { color: #00ff33; text-decoration: none }
	
#footer a { color: #666666; text-decoration: none; }
#footer a:hover { color: #666666; }
#footer a:visited { color: #666666; }	
		
p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		
a:focus { outline:none }
		
img { border: 0 }

.clr { clear:both; }

/* End Global */
		

/* Lists */

#content_wrapper ul {
text-align: left;
padding: 10px 0 10px 0;
}
		
#content_wrapper li  {
text-align: left;
padding-left: 20px;
background: url(../images/li.jpg) no-repeat; background-position: 0 50%; list-style: none;
}

/* End Lists */	

/* Typography */

			h1 {
color: #f1f1f1;
text-align:left;
font-family:  helveticaneuelight,Helvetica Neue, sans-serif;
font-size: 300%;
margin: 10px 0 0 0;
height: 36px;

  }
			h2 {
color: #f1f1f1;
text-align:left;
display: block;
height: 28px;
font-size: 240%;
padding-bottom: 3px;
margin: 10px 0 0 0;
border-bottom: 2px dotted #ccc;
font-family:  helveticaneuelight, Helvetica Neue, sans-serif;

  }

h2 span {
  display: block;
  padding: 2px 0 2px 4px;
    background: #333333;
}
		
		h3 {
 text-align:left;
display: block;
  margin: 0px 0;
  font-size: 180%;
font-family:  helveticaneuelight, Helvetica Neue, sans-serif;
  color: #f1f1f1;
  }

h3 span {
  display: block;
  padding: 2px 0 2px 4px;
    background: #333333;
}

h4 { padding-top: 11px;
font-size: 180%;
color: #f1f1f1;
 }
 
h6 {
  clear: both;
  margin: 0px 0;
font-family:  Helvetica Neue, sans-serif;
  color: #333;
  text-align: left;

} 


/* End Typography */
		
		
		/* header images */
		
		#header {width: 1024px; height: 220px; background:url(../images/flowers_header3-trans.png); margin: 0px; display:block;}
		
		#header_home {background:url(../images/headers/home-trans.png); height: 299px; width: 1024px; }
		#header_equipment {background:url(../images/headers/di-trans.png); height: 299px; width: 1024px; }
		#header_booking {background:url(../images/headers/drums-trans.png); height: 299px; width: 1024px; }
		#header_rates {background:url(../images/headers/hydroponic_singer-trans.png); height: 299px; width: 1024px; }
		#header_gallery {background:url(../images/headers/keyboard3-trans.png); height: 299px; width: 1024px; }
		#header_contact {background:url(../images/headers/desk-trans.png); height: 299px; width: 1024px; }
		
		/* end header images */
	
		
		
		
		/* layout */
		
	
		#container {
		width: 1024px;
		margin: 20px auto 0 auto;
		overflow: auto;
		
		}
		
		#nav_bar {background:url(../images/nav_bar-trans.png); width: 1024px; height: 38px;}
		
		#logo {background:url(../images/logo3-trans.png); width: 262px; height: 159px; float: right; margin: 140px 0 0 0;}
		
		#content_wrapper {
			width: 1024px;
			margin: 20px 0 0 0;
			padding: 0px;
		
		}
		
		#content {
		padding: 0px 20px 0px 20px;
		margin: 0px;
		background: #f1f1f1;
		
		}
		
		#content_box_top { background-image:url(../images/content_box_top-trans.png); width: 1024px; height: 10px; margin: 0px; padding: 0px; display:block;}
		
		#content_box_bottom { background-image:url(../images/content_box_bottom-trans.png); width: 1024px; height: 10px; }
		
			#main_nav {
			width: 1024px;
			text-align:center;
		
		
		}
		
		
		
		
		
		.content_col1 {width: 314px; float: left;  }
		
		.content_col2 { width: 314px; float: left; margin-left: 21px; }
		
		.content_col3 {
		width: 314px;
		float: left;
		margin-left: 21px;
		}
		
		.content_full_width { padding-top: 10px; }
		
		.current_work {padding-bottom: 10px; }
		
		.feature_boxes {padding-top: 10px;}
		
		.feature_box { }
		
		.feature_box_header { width: 314px; height: 40px; background: url(../images/feature_boxes/feature_box_header-trans.png);} 
		
		
		#map { color: #333;}
		
		#footer {width: 1024px; height: 27px; background:url(../images/footer-trans.png); margin: 20px auto 10px auto; padding-top: 12px;}
			/* end layout */
		
		/* navigation */
		
#main_nav { margin: 0 auto 0 auto; width: 708px; color: #f1f1f1; }		

#main_nav ul {
			list-style: none;
			display: inline-block;
			white-space: nowrap;
			margin: 2px auto 0px auto;
		}
		
		
		#main_nav ul li {
		position: relative;
			display: inline-block;
			height: 30px;
			margin-top: 4px;
			float: left;
			
			 }
		
		#main_nav ul li a {
		height: 30px; width: 140px; display: block; text-indent: -9999px; margin: 0; cursor: hand; position: relative; border-right: dotted 2px #f1f1f1;
		}
		
		#main_nav ul li#home a { background:url(../images/nav/home-trans.png); }
		#main_nav ul li#home a:hover { background:url(../images/nav/home-trans.png) 280px 0; }
		#main_nav ul li#home a.selected { background:url(../images/nav/home-trans.png) 140px 0; }
		
		#main_nav ul li#contact a { background:url(../images/nav/contact-trans.png); border: none; }
		#main_nav ul li#contact a:hover { background:url(../images/nav/contact-trans.png) 280px 0; border: none;}
		#main_nav ul li#contact a.selected { background:url(../images/nav/contact-trans.png) 140px 0; border: none;}

	#main_nav ul li#print a { background:url(../images/nav/print-trans.png); }
		#main_nav ul li#print a:hover { background:url(../images/nav/print-trans.png) 280px 0;}
		#main_nav ul li#print a.selected { background:url(../images/nav/print-trans.png) 140px 0; }
		
			#main_nav ul li#web a { background:url(../images/nav/web-trans.png); }
		#main_nav ul li#web a:hover { background:url(../images/nav/web-trans.png) 280px 0;}
		#main_nav ul li#web a.selected { background:url(../images/nav/web-trans.png) 140px 0; }
		
			#main_nav ul li#portfolio a { background:url(../images/nav/portfolio-trans.png); }
		#main_nav ul li#portfolio a:hover { background:url(../images/nav/portfolio-trans.png) 280px 0;}
		#main_nav ul li#portfolio a.selected { background:url(../images/nav/portfolio-trans.png) 140px 0; }
		
			#main_nav ul li#photography a { background:url(../images/nav/photography-trans.png); }
		#main_nav ul li#photography a:hover { background:url(../images/nav/photography-trans.png) 280px 0;}
		#main_nav ul li#photography a.selected { background:url(../images/nav/photography-trans.png) 140px 0; }
	


/* Forms */

label {line-height: 20px;}

form .smalltext { font-weight: normal; font-size: 90%; line-height: 15px;}

.textfield {width: 255px;}

.notes {width: 340px; height:125px;}