/* Body */
body{
background: url() repeat-x top center #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-variant: normal;
color: #000;
}

/* Header */
#header{ width: 1000px; float: left; margin: 20px 0 0 0; }

/* Logo */
#logo{
width: 320px;
height: 58px;
float: left;
background: url('../img/logo.gif') no-repeat top center;
margin: 0 0 15px 0;
text-indent:-9000px;
}
#logo a{ width: 320px; height: 37px; display: block; }

/* Menu */
ul.menu{ width: 650px; float: right; list-style: none; text-align: right; padding: 25px 18px 0 0; }
ul.menu li{ display: inline; }
ul.menu li a{
display: inline-block;
font-size: 12px;
text-transform: uppercase;
padding: 8px 12px 25px 12px;
}
ul.menu li a:hover{ background-color: #000; color: #fff; text-decoration: none; }
ul.menu li.selected a{ background-color: #000; color: #fff; }
ul.menu li.selected a:hover{ color: #666; }
/* Text */
p { margin-bottom: 15px; line-height:16px; }

a{ color: #000; text-decoration: none; }
a:hover{ color: #787878; text-decoration: none; }
a{ outline: none; }



/* Title */
h1.main_title{ 
font-size: 20px;
font-weight: normal; 
font-style: italic; 
border-bottom: 1px dotted #000; 
padding: 0 0 3px 0;
}
#index_text ul li p{ font-size: 11px; line-height: 14px; padding: 0 0 0 2px; margin: 0 0 12px 0; }

/* Container */
#container{
	width: 1000px;
	min-height:100%;
	margin: 0 auto -36px auto;
	position: relative;
	left: 20px;
	top: 10px;
}

/* Content */
#content{
width: 980px;
float: left;
background-color: #000;
padding: 1px;
}
.content{ width: 560px; float: left; clear: left; padding: 60px 70px 50px; }
h1{ font-family: Futura LT Book; font-size: 25px; font-weight: normal; text-transform: ; padding: 0 0 10px 0; }

/* Intro*/
#intro{ width: 980px; height: 400px; float: left; background-color: #fff; overflow: hidden; }
ul.intro{ width: 100%; float: left; list-style: none; } 
ul.intro li{ widht: 100%; float: left; }



/* Pages */
.pages{ width: 100%; height: 610px; float: left; background: url('../img/about.jpg') no-repeat top center #fff; overflow: hidden; }
.testimonials{ width: 100%; height: 700px; float: left; background: url('../img/testimonials_2.jpg') no-repeat top center #fff; overflow: hidden; }
.testimonials2{ width: 100%; height: 700px; float: left; background: url('../img/testimonials.jpg') no-repeat top center #fff; overflow: hidden; }
.links{ width: 100%; height: 610px; float: left; background: url('../img/links.jpg') no-repeat top center #fff; overflow: hidden; }
.media{ width: 100%; height: 610px; float: left; background: url('../img/awards.jpg') no-repeat top center #fff; overflow: hidden; }
.clients{ width: 100%; height: 700px; float: left; background: url('../img/clients.jpg') no-repeat top center #fff; overflow: hidden; }
.sitemap{ width: 100%; height: 610px; float: left; background: url('../img/wedding_2.jpg') no-repeat top center #fff; overflow: hidden; }
.contact{ width: 100%; height: 610px; float: left; background: url('../img/contact.jpg') repeat-x top center #fff; }
.portfolios{ width: 100%; height: 750px; float: left; background: url('') repeat-x top center #fff; }
/* Weddings */
.how_to{ width: 100%; height: 850px; float: left; background: url('../img/how_to.jpg') repeat-x bottom center #fff; }
.wanaka_wedding{ width: 100%; height: 750px; float: left; background: url('../img/wanaka_wedding.jpg') repeat-x bottom center #fff; }
.alpine_wedding{ width: 100%; height: 750px; float: left; background: url('../img/alpine-weddings.jpg') repeat-x bottom center #fff; }
.arrowtown_wedding{ width: 100%; height: 750px; float: left; background: url('../img/arrowtown_wedding.jpg') repeat-x bottom center #fff; }
.queenstown_wedding{ width: 100%; height: 750px; float: left; background: url('../img/queenstown_wedding.jpg') repeat-x bottom center #fff; }
.stoneridge{ width: 100%; height: 610px; float: left; background: url('../img/stoneridge.jpg') repeat-x top center #fff; }
.canyons_lodge{ width: 100%; height: 610px; float: left; background: url('../img/canyons_lodge.jpg') repeat-x top center #fff; }
.the_venue{ width: 100%; height: 610px; float: left; background: url('../img/the_venue.jpg') repeat-x top center #fff; }
.winehouse{ width: 100%; height: 610px; float: left; background: url('../img/winehouse.jpg') repeat-x top center #fff; }
.lookout{ width: 100%; height: 610px; float: left; background: url('../img/lookout_lodge.jpg') repeat-x top center #fff; }
.mt_soho{ width: 100%; height: 610px; float: left; background: url('../img/mt_soho.jpg') repeat-x top center #fff; }
.edgewater{ width: 100%; height: 610px; float: left; background: url('../img/edgewater.jpg') repeat-x top center #fff; }
/* Photography */
.advertising{ width: 100%; height: 610px; float: left; background: url('../img/advertising.jpg') repeat-x top center #fff; }
.architectural{ width: 100%; height: 610px; float: left; background: url('../img/architectural.jpg') repeat-x top center #fff; }
.commercial{ width: 100%; height: 610px; float: left; background: url('../img/advertising.jpg') repeat-x top center #fff; }
.food{ width: 100%; height: 610px; float: left; background: url('../img/food.jpg') repeat-x top center #fff; }
/* Photography */
.dunedin{ width: 100%; height: 700px; float: left; background: url('../img/dunedin.jpg') repeat-x bottom center #fff; }




/* Portfolio */

.portfolio ul{ width: 975px;height: 650px; float: left; list-style: none; margin: -95px 20px 20px 5px; padding: 0; border-top: 0px solid #000; border-left: 0px solid #000; }

ul.two_column li{ width: 280px; float: left; }

.title_wrapper{ width: auto; float: left; margin: 35px 0px 0px 55px;  }
.title{ width: auto; height: 50px; float: left; background-color: #fff; padding: 14px 14px 0 14px;  }
.title h1{ font-family: Futura LT Book; font-size: 50px; font-weight: bold; color: #666; text-transform: uppercase; }
.title_end {
width: 40px;
height: 65px;
float: left;

}




/* Sub menue */
ul.sub_nav{ 
width: 100%; 
float: left;
padding: 4px 0 6px 0; 
list-style: none; 
text-align: right; 
background-color: #666;
}
ul.sub_nav li{ display: inline; }
ul.sub_nav li a{ font-size: 11px; color: #fff; font-weight: normal; display: inline-block; text-transform: uppercase; padding: 0 17px; cursor:pointer; }
ul.sub_nav li a:hover{ color: #000; }
ul.sub_nav li a.sub_nav_selected { color: #000; }


/* Footer */
#footer{ width: 100%; float: left; padding: 8px 0; }

ul.footer_menu{ width: 200px; float: right; list-style: none; display: inline; text-align: right; padding: 0px 20px 5px 0; font-size: 8px; }

ul.footer_menu_larsson{ width:200px; float: left; list-style: none; display: inline; text-align:left; padding: 5px 50px 25px 15px; font-size: 8px; }
ul.footer_menu_larsson li{ display: inline;  text-transform: uppercase; padding: 0 5px; }
ul.footer_menu_larsson li a{ display: inline-block; }
}

#clear_bottom {
height: 36px;
clear: both;
}
/*form ----------------------------------------------- */
input.txt {
  color: #00008B;
  background-color: #ccc;
  border: 1px solid #00008B;
  width: 200px;
  margin-top:30px;
  }
 textarea.txt {
  color: #00008B;
  background-color: #ccc;
  border: 1px solid #00008B;
  width: 200px
  }
 select.txt {
  color: #00008B;
  background-color: #E0E6D2;
  border: 1px solid #00008B;
  width: 200px;
}


}
form p {
  clear: left;
  margin: 0;
  padding: 5px 0 0 0;
}
form p label {
  float: left;
  width: 30%;
  font: bold 0.9em Arial, Helvetica, sans-serif;
}
fieldset {

  margin-top: -5px;
  padding: 10px;
}
legend {
  margin:0 0 0 10px;
  font: bold 0.8em Arial, Helvetica, sans-serif;
  color: #24B7FB;
  background-color: #FFFFFF;
}
/* Misc */
*{ margin: 0; padding: 0; }
html, body { height:100%; }
img { border: 0; }