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

body {
 font-size:62.5%;
 background:#000 url(../img/bg/space_background_004.jpg) top center no-repeat;
 margin:0 auto;
 }
  
#wrapper {
  width:800px;
  margin: 2em auto;
  position: relative;
   }  

#masthead, #navmain, #contentwidth { behavior: url(/css/bin/iepngfix.htc);}

/* Above code, along with files in /bin/ make transparancies work in IE6 */

/*   GENERAL 
---------------------------------------------*/


h1,h2,h3,h4 {
  font-family:Myriad Pro, Arial, Helvetica, sans-serif;
  }


h1, h2, h3 {
  color:#000;
  }

h1 {
  font-size:1.8em;
  color:#202C25;
  }

h1.extra {
  font-size:2em;
  color:#CC0000;}

h2 {
  font-size:1.5em;
    font-family: Myriad Pro, Arial, Helvetica, sans-serif;
    }

h3 {
  font-size:1.3em;
  text-transform:uppercase;;
  }
 
p {
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.3em;
 color:#222;
 margin:1em 0;
 padding:0;
 }
 
  
img {
  border:none;}
  


/*  MAST HEAD
---------------------------------------------*/

#masthead {
  background:url(../img/bg/header_black_background_63percent_002.png);
  height:6.4em;}


#logo {
	margin: 0;
	padding: 1.4em 0 0 1.8em;
	}

#logo ul {
    margin:0;
	padding:0;}

#logo ul li a,
#logo ul li span {
	
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/logo/logo_mast_30x30.gif) no-repeat top left;
	}
#logo ul li img {
	list-style:none;
	display: block;
	width: 0;
	}
#logo ul li a:hover {
	list-style:none;
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(../img/logo/logo_mast_30x30_hov.gif);
	}

#logo ul li {
  list-style:none;
  float:left;
  color:#FFF;
  font-family:Myriad Pro, Arial, Helvetica, sans-serif;
  font-size:1.3em;
  }

#logo ul li.tag {
  padding:.6em;}

#masthead ul.mastphone {  /* Phone on Top right of page */
  padding:.5em 2em 0em 0;
  margin:0;
  color:#FFF;
  list-style:none;
  float:right;
  }

.logo {
  color:#FFF;
  font-family:Myriad Pro, Arial, Helvetica, san-serif;
  font-size:1.4em;
  float:left;
  }

.phone {
  color:#FFF;
  font-family:Myriad Pro, Arial, Helvetica, san-serif;
  font-size:1.4em;
  text-align:right;
  }

.call {
  color:#999;
  font-family:Myriad Pro, Arial, Helvetica, san-serif;
  font-size:1.3em;
  text-align:right;
}


.call a:link {
  color:#999;
  text-decoration:none;

  }

.call a:visited {
  color:#999;
  text-decoration:none;
  }

.call a:hover {
  color:#FFF;
  text-decoration:none;
  }

.call a:active {
  color:#FFF;
  text-decoration:none;

  }
  
  
.logotag {
  color:#999;
  font-family:Myriad Pro, Arial, Helvetica, san-serif;
  font-size:1.4em;
  float:left;
  margin:.4em 0 0 .8em;
}

.logotag a {
 color:#999;
  text-decoration:none;}




/*  NAV MAIN 
---------------------------------------------*/

#navmain {
 width:100%;
  background:url(../img/bg/bg_blk_trans_24png_70per_nav.png);
/* background-color:#212121; */
 height:5.9em;}

#navmain ul {
  list-style:none;
  display:inline;
  
  }

#navmain ul li {
 float:left;
 color:#FFF;
 font-family: Myriad Pro, Helvetica,  Arial, sans-serif;
 font-size:1.3em;
 padding:.8em .8em;
 }

#navmain ul li.bumpleft {
  padding-left:2.6em;
  margin-left:1.3em;
  background:url(../img/bg/bumpnav_line.gif) no-repeat 0px 8px;}




/*   LINKS (NAV)
---------------------------------------------*/


#navmain li a:link {
 color:#FFF;
 text-decoration:none;
}

#navmain ul li a strong {
	color:#FFF;
	display:block;
	line-height: 1.5em;
	font-weight:bold;
	}

#navmain ul li a span {
	display:block;
	color:#999;
	font-weight:normal;	
	padding:.1em 1em 0em .7em;
	}

#navmain li a:visited {
 color:#FFF;
 text-decoration:none;}

#navmain li a:hover {
 color:#C6C6C6;
 text-decoration:none;}

#navmain ul li a:hover span {
    color:#FFF;
	font-weight:normal;
	background-color:#666;
	 }

#navmain li a:active {
 color:#F0F0F0;
 text-decoration:none;}


#navmain span.current {
  color:#FFF;
  font-weight:normal;
  background-color:#5E5E5E;
}


/*   LINKS (CONTENT)  #005BAD
---------------------------------------------*/



#content a:link {
  color:#002E54;
  }
  
#content a:visited {
  color:#114776;
  }

#content a:hover {
  color:#002E54;
  background:#EEE;
  }
	
#content a:active {
  color:#002E54;
  background:#EEE;
  }

 
 /*   LINKS (SIDEBAR)  #005BAD
---------------------------------------------*/

#sidebar a:link {
  color:#002E54;
  
}

#sidebar a:visited {
  color:#114776;
  }

#sidebar a:hover {
    color:#002E54;
	background:#EEE;
	}
	
#sidebar a:active {
    color:#002E54;
	background:#EEE;
}

 
 
/*   MODULES
---------------------------------------------*/

#modules {
  margin:0;
  padding:0;}


/*   CONTENT
---------------------------------------------*/


#gutter {
  padding:1.8em;
  margin:0;}

#content {
  clear:left;
  width:100%;
  line-height:2.5em;
  padding:0;
  marging:0;
  background:url(../img/bg/content_bg_80percent.png);
  }

#contentwidth {
  width:536px;
  margin:0;
  padding:0;
  clear:left;}


#contentwidth h1.first {
  padding-top:0;
  margin-top:0;}
  
#contentwidth_wide h1.first {
  padding-top:0;
  margin-top:0;}
  
#contentwidth ul {
  list-style:none;
  margin:0 0 1.5em 0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.2em;
  }

#contentwidth ul li {
  padding:.3em 0;
  line-height:1.6em;}









/*   SIDEBAR
---------------------------------------------*/


  
#sidebar {
  clear:both;
  width:200px;
  float:right;
  border-left:1px solid #888;
  padding:0 0 0 1.5em;
  margin:0 0 0 .5em;}
  
#sidebar ul {
  list-style:none;
  margin:0 0 1.5em 0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.2em;
  }

#sidebar ul.ls-bullet {
  list-style:inside square;}

#sidebar ul li {
  padding:.3em 0;
  line-height:1.6em;}

#sidebar p {
  font-size:1.2em;
  }

#sidebar p.first {
  margin:0;
  padding:0;}


#sidebar h3 {
  font-size:1.3em;
  padding:0;
  margin:0;}

#sidebar h3.first {
  margin:0;
  padding:0;}


#sidebar p.first {
  margin: 1em 0 0 0;}


/*   FOOTER
---------------------------------------------*/

#footer {
  clear:both;
  margin:0 0;
  padding:1em 2em;}

#footer ul {
  font-family: Arial, Helvetica, sans-serif;
  list-styles:none;
  font-size:1.2em;
  color:#777;
  margin:1em 0 0 0;
  padding:1em 0 0 0;
  border-top: 1px solid #BCBCBC;
  }
  
#footer ul li {
  padding: 0 2.5em 0 0;
  list-style:none;
  float:left;
  display:block;}
  
#footer ul li a {
  color: #CCC;
  }

#footer ul li a:visited {
  color: #CCC;
  }

#footer ul li a:hover {
  color: #FFF;
  }


#footer ul li a:active {
  color: #FFF;
  }



#footernav {
  clear:both;
  margin:0em 0;
  padding:1em 2em 3em;}

#footernav ul {
  font-family: Arial, Helvetica, sans-serif;
  list-styles:none;
  font-size:1.2em;
  color:#777;
  margin:0;
  padding:0;
  }
  
#footernav ul li {
  padding: 0 2.5em 0 0;
  list-style:none;
  float:left;
  display:block;}
  
#footernav ul li a {
  color: #666;
  }

#footernav ul li a:visited {
  color: #666;
  }

#footernav ul li a:hover {
  color: #666;
  background:#ccc;
  }

#footernav ul li a:active {
  color: #666;
  }


#footerall {
  background:url(../img/bg/footer_bg.jpg) center bottom no-repeat;
  }

/* BREADCRUMB
---------------------------------------------*/ 

#breadcrumb {
  margin:0 0 0 0em;
  padding:1.5em 0 1.5em 0;
  font-family:Myriad Pro, Helvetica, Arial, sans-serif;
  text-transform:uppercase;
  font-size:1.3em;
  }
  
#breadcrumb a:link {
  color:#2E2E2E;}

#breadcrumb a:visited {
color:#2E2E2E;}

#breadcrumb a:hover {
color:#2E2E2E;
background: #EEE;}

#breadcrumb a:active {
color:#2E2E2E;
background: #EEE;}

#breadcrumb ul {
margin:0;
padding:0;
list-style:none;
}
 
#breadcrumb ul li {
  float:left;
  padding:0 1em 0em 1.7em;
  margin:0 0em 0 0em;
  background:url(../img/bg/arrow_list_item_for_breadcrumb.gif) 2px 7px no-repeat;
  }

#breadcrumb ul li.firstbc {
  background:none;}
  

/* PHOTO NAV
-------------------------------------------------------*/

#photonav {
  margin:0;
  padding:2em 0 1.5em 0;
  font-family:Myriad Pro, Helvetica, Arial, sans-serif;
  font-size:1.3em;
  }

#photonav ul {
margin:0;
padding:0;
list-style:none;
}
 
#photonav ul li {
  float:left;
  padding:0em 1em 1em 1.9em;
  margin:0;
  }



#waterbuffalonav {
  margin:0 0 1em 0;
  padding:2em 0 1.5em 0;
  font-family:Myriad Pro, Helvetica, Arial, sans-serif;
  font-size:1.3em;
  }

#waterbuffalonav ul {
margin:0;
padding:0;
list-style:none;
}
 
#waterbuffalonav ul li {
  float:left;
  padding:0em 1em 1em 1.9em;
  margin:0;
  }



/*   Photo Navigation Thumbs
---------------------------------------------*/

#photonav ul li.nav_portrait a,
#photonav ul li.nav_realestate a,
#photonav ul li.nav_product a,
#photonav ul li.nav_corporate a,
#photonav ul li.nav_landscape a,
#photonav ul li.nav_travel a,
#photonav ul li.portrait_active a,
#photonav ul li.realestate_active a,
#photonav ul li.product_active a,
#photonav ul li.corporate_active a,
#photonav ul li.landscape_active a,
#photonav ul li.travel_active a

 {
  margin:0em;
  padding:1em 0em 1em 2.9em;
  }

#photonav ul li.firstnavver {
  padding-right:1em;}

#photonav ul li.nav_portrait a {
  background:url(../img/photography/photo_nav_icons/portrait-th-ro.png) no-repeat 0px -45px;
  text-decoration:none;
  }
#photonav ul li.nav_portrait a:hover {
  background:url(../img/photography/photo_nav_icons/portrait-th-ro.png) no-repeat 0px 3px;
  text-decoration:underline;}
#photonav ul li.portrait_active a {
  background:url(../img/photography/photo_nav_icons/portrait-th-ro.png) no-repeat 0px 3px;
  text-decoration:underline;}
  


#photonav ul li.nav_realestate a {
  background:url(../img/photography/photo_nav_icons/realestate-th-ro.png) no-repeat 0px -45px;
  text-decoration:none;
  }  
#photonav ul li.nav_realestate a:hover {
  background:url(../img/photography/photo_nav_icons/realestate-th-ro.png) no-repeat 0px 3px;
  text-decoration:underline;}
#photonav ul li.realestate_active a {
  background:url(../img/photography/photo_nav_icons/realestate-th-ro.png) no-repeat 0px 3px;
  text-decoration:underline;}



#photonav ul li.nav_product a {
  background:url(../img/photography/photo_nav_icons/product-th-ro.png) no-repeat 0px -44px;
  text-decoration:none;
  }
#photonav ul li.nav_product a:hover {
  background:url(../img/photography/photo_nav_icons/product-th-ro.png) no-repeat 0px 5px;
  text-decoration:underline;}
#photonav ul li.product_active a {
  background:url(../img/photography/photo_nav_icons/product-th-ro.png) no-repeat 0px 5px;
  text-decoration:underline;}





#photonav ul li.nav_corporate a {
  background:url(../img/photography/photo_nav_icons/corporate-th-ro.png) no-repeat 0px -44px;
  text-decoration:none;
  }
#photonav ul li.nav_corporate a:hover {
  background:url(../img/photography/photo_nav_icons/corporate-th-ro.png) no-repeat 0px 5px;
  text-decoration:underline;}
#photonav ul li.corporate_active a {
  background:url(../img/photography/photo_nav_icons/corporate-th-ro.png) no-repeat 0px 5px;
  text-decoration:underline;}





#photonav ul li.nav_landscape a {
  background:url(../img/photography/photo_nav_icons/landscape-th-ro.png) no-repeat 0px -44px;
  text-decoration:none;
  }
#photonav ul li.nav_landscape a:hover {
  background:url(../img/photography/photo_nav_icons/landscape-th-ro.png) no-repeat 0px 5px;
  text-decoration:underline;}


#photonav ul li.landscape_active a {
  background:url(../img/photography/photo_nav_icons/landscape-th-ro.png) no-repeat 0px 5px;
  text-decoration:underline;}




#photonav ul li.nav_travel a {
  background:url(../img/photography/photo_nav_icons/travel-th-ro.png) no-repeat 0px -44px;
  text-decoration:none;
  }
#photonav ul li.nav_travel a:hover {
  background:url(../img/photography/photo_nav_icons/travel-th-ro.png) no-repeat 0px 5px;
  text-decoration:underline;}
#photonav ul li.travel_active a {
  background:url(../img/photography/photo_nav_icons/travel-th-ro.png) no-repeat 0px 5px;
  text-decoration:underline;}





#contentwidth p.employees {
  margin:0 0 1.5em 0;
  padding:0;}
  

#contentwidth_wide {
  width:100%;
  margin:0;}

#contentwidth_wide ol {
  margin:0 0 1.5em 1.5em;
  list-style:inside;
  list-style:decimal;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.2em;
  }

#contentwidth_wide ol li {
  padding:.3em 0;
  line-height:1.2em;}


#contentwidth_wide ul, #content_wide ul {
  margin:1em 0 1.5em 0;
  list-style:inside;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.2em;
  }

#contentwidth_wide ul li, #content_wide ul li {
  padding:.3em 0;
  line-height:1.2em;}
  
  
#content_wide {
  width:100%;
  vertical-align:top;}
  
#content_wide ul {
  list-style:square;
  list-style-position:inside;}
  


/* STYLES
---------------------------------------------*/ 

/* self-clear floats */
.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
	
.alignright_img {
  float:right;
  padding:0 0 .5em .5em;}
	
.alignleft_img {
  float:left;
  padding:0;
  margin:0 1em 1em 0;
  border:3px solid #818181;}

.alignleft_img_nb {
  float:left;
  padding:0;
  margin:0 1em 0em 0;}


.comment {
  font-weight:bold;
  font-size:.9em;
  color:black;
  float:right;
  padding:0;
  margin:0;}
  
 
.caption {
  width:100%;
  margin:0;
  padding:0;
  text-align: left; }

.caption img {float:left;margin:0;}
.caption p {clear:left;width:526px; margin:0; padding:.5em; font-size: 1.1em; color: #111; background:#777; line-height:1.5em;}	

#sidebar ul.bullet {
  list-style:inside;
  list-style-type:square;}
  
#sidebar ul.bold li {
  padding:.4em 0;}

img.border5px {
  border:3px solid #818181;}
  
p.pyramid {
  font-size:1.5em;}
  
  
  
 dl.about {
  margin: 2em 0 1em 0;
  padding: 0 0 1.5em 0;
  clear:left;
  }

dl.about:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

dl.first {
  margin:1em 0;}

dl.about dt {
  margin:0;
  font-family:Myriad Pro, Helvetica, Arial, san-serif;
  font-size:1.4em;
  text-transform:uppercase;
  font-weight:bold;
  }
 
dl.about dt a {
  font-weight:normal;}

dl.about dt img {
  float: left;
  margin:8px 15px 0 0;
  padding:0;
   border:3px solid #818181;
  }

dl dd {
  margin:0;
  padding:0;}

dl p {
  margin:0em 0;
  padding:0;}
  
.distance {
  font-family: Helvetica, Arial, san-serif;
  font-size:.9em;
  color:#333;
  text-transform:uppercase;
  margin-left:.8em;}
  
.photobox {
  text-align:center;}

.photopad {
  margin:1em 0 3em;}

.specialty-active a {
    color:#002E54;
	background:#EEE;}
	
	
/* --========= Portfolio ==========-- */
  
dl.portfolio {
  margin: 2em 0 0 0;
  padding: 0 0 .5em 0;
  clear:left;
  }

dl.portfolio:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

dl.portfolio dt {
  font-family: Myriad Pro, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  margin: 0 0 .5em 0;
  font-size: 1.5em;
  }
dl.portfolio dt a {
  font-weight:normal;}

dl.portfolio dt img {
  float: left;
  margin: 0 .9em 0 0;
  padding:0;
  border:3px solid #CCC;
  }

dl.portfolio dd {
  font-size:1em;
  margin-left: 145px;
  }

dl.portfolio dd ul li {
  list-style:inside;
  list-style-type:square;
  margin:0;
  padding:0;}
  
  
#movie {
  clear:both;
  padding:1em 0;}
  
td {
   font-family:Arial, Helvetica, sans-serif;
 font-size:1em;
 color:#222;}
 
 #contentwidth ul.buffalolist {
   list-style:inside;
   list-style-type:square;

   }
   
.contactform {
  padding:.3em;
  margin:0;}
  
.forms {
  padding-bottom:0;
  margin-bottom:0;
  font-weight:bold;}


#sidebar p.forms {
  padding:1.4em 0 0 0;
  margin:0;}

#sidebar p.first {
  padding-top:0;}

#sidebar h2.first {
  padding-top:0;
  margin-top:0;}

#sidebar h3.first {
  padding-top:0;
  margin-top:0;}
  
.alert {
  background-color:#FF0033;
  padding:.5em .5em;
  margin:1em 0em;
  color:#000;}

.h3inline {
  display:inline;
  padding:.9em .5em 0 0;
  float:left;}
  
#content_wide ul.list_ad {
  font-size:1.4em;
  color:#D20000;
  font-weight:bold;}
  
#sidebar ul li.twitter {
  padding:1em 0 0 2.5em;
  background: url(../img/waterbuffalo/twitter-logo.gif) 0px 10px no-repeat;
  font-weight:bold;
  }
  
#waterbuffalonav ul li.twitter {
  margin-left:1em;
  padding-left:2.3em;
  background: url(../img/waterbuffalo/twitter-logo.gif) 0px 3px no-repeat;
  font-weight:bold;
  }