html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
  color: #AF3535;
}
a:hover {
  text-decoration: underline;
	color: #CC0000;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

ul {
	margin-left: 25px;
}

body {
  background: url(images/bg2.png);
	text-align: center;
	font-family: verdana, arial, sans-serif;
	color: white;
	padding-bottom: 10px;
	font-size: 0.7em;
}

/** layout **/
#wrapper {
	text-align: left;
	margin: 1em auto;
	width: 875px;
  position: relative;
}

body#home #header {
  background: #666 url(images/header.jpg) no-repeat;
  height: 350px;
  position: relative;
 
}


#header {
  background: #333;
  height: 80px;
  position: relative;
}

#logo {
  position: absolute;
  color: white;
  left: -68px;
}

#logo #brooklyn {
	
}

#logo h1 {
  font-family: arial, Helvetica, sans-serif;
  font-size: 3em;
  font-weight:normal;
  letter-spacing:4px;
  line-height:0.8em;
  text-transform:uppercase;
}

h1 {
	font-family: Arial, Helvetica, sans;
	margin-bottom: 1em;
}

#logo p {
  margin: 0;
  font-weight: bold;
}

#cart {
  position: absolute;
  top: 10px;
  left: 454px;
  width: 208px;
  background: #4B5360;
  width: 209px;
}
#cart-top { background: url(images/cart_top.gif) no-repeat; }
#cart-bot { background: bottom left url(images/cart_bot.gif) no-repeat; }
#cart-cart { background: 9px 11px url(images/cart.gif) no-repeat; }
#cart-cart {
  padding: 8px 8px 8px 60px;
  color: white;
}
#cart p {
  margin: 0;
}
#cart .orange {
  color: #FFB400;
  font-size: 10px;
}
#cart a {
  color: white;
  font-size: 10px;
}

.transparent-100 {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;  
}

.transparent-75 {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

.transparent-60 {
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}

.transparent-50 {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.transparent-25 {
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}

#nav {
  background: #4B5360;
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 10px;
  text-align: center;
}
#nav ul {
	margin: 0;
}
#nav li {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity: 1;  
  list-style: none;
  display: inline;
  color: #fff;
}
#nav a {
  filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity: 1;
  padding: 2px 5px;
  text-decoration: none;
  color: #fff;
}
#nav a:hover {
  background-color: white;
  color: #CC0000;
}

#gallery {
  position: absolute;
  top: 155px;
  left: 287px;
  width: 385px;
}
#gallery li {
  list-style: none;
  text-indent: -999px;
  float: left;
  overflow: hidden;
  height: 111px;
}
#gallery .gwomen {
  background: url(images/pic_1.jpg) no-repeat;
  width: 127px;
}
#gallery .gkids {
  background: url(images/pic_2.jpg) no-repeat;
  width: 130px;
}
#gallery .gmen {
  background: url(images/pic_3.jpg) no-repeat;
  width: 128px;
}

body#home #body {
  padding: 0;
  padding-top: 3px;
  margin: 0;
  background-color: #eee;
  border: none;
}

#body {
	margin-top: 2em;
	background-color: #333;
	padding: 1em 3em 2em 3em;
	border: 1px solid black;
}

#services {
  color: white;
  width: 271px;
  position: absolute;
  left:0; bottom: 0;
  padding-bottom: 1em;
}
#box1 {
  position: relative;
  background: url(images/brooklyn_headshot.jpg) top right no-repeat ;
}
#box1 .inner {
  margin-right: 12em;
}

#box1 p {
  padding-left: 3em;
}

#box1, #box2 {
  float: right;
  width: 100%;
  background-color: #333;
  margin-bottom: 2px;
}
#box1 .inner, #box2 .inner {
  padding: 6px 12px;
}
#box1 p, #box2 p {
  margin: 0.9em 0;
}

.more a {
  font-size: 12px;
  color: #000;
  text-decoration: none;
}
.more a:hover {
  text-decoration: underline;
}

h3 {
  font: bold 1.4em arial, helvetica, sans-serif; 
  color: #1B1812;
}


table h3 {
	color: white;
	margin-bottom: 1em;
}

table td {
	vertical-align: top;
}


h2 {
  font: 1.8em arial, helvetica, sans-serif; 
  color: white;
  padding-bottom: 10px;
}
h2 span a {
  font-size: 80%;
  color: #999;
}
h2 span a:hover {
  color: #3399FF;
}

#services h2 {
  color: #fff;
  padding: 4px 0 5px 39px;
  background: #4B5360;
}
#services ul {
  margin-top: 1em;
  margin-left: 0;
}

#services li {
  list-style: none;
  border-bottom: 1px solid #ddd;
  font-size: 1.2em;
  padding: 7px 0 8px 40px;
}
#services li.second_level {
  font-size: 95%;
  border: none; 
  padding: 3px 0 4px 40px;
  color: #999;
}
#services .top {
  margin-top: 1em;
}

#box2 {
  background: #333 url(images/portfolio_montage.jpg) 68% top no-repeat;
  height: 165px;
  position: relative;
}
.link_box  {
  font-family: Arial, Helvetica, sans;
  font-size: 1.3em;
  color: black;
  font-weight: bold;
  background-color: #ccc;
  position: absolute;
  right: 0;
  top: 0;
  padding: 1.5em 0 0 3px;
}
.link_box a {
  font-weight: normal;
  background-color: #CC0000;
  color: white;
}

.link_box a:hover {
  background-color: #ccc;
  color: #CC0000;
  text-decoration: none;
}

#box2 .inner {

}
#minigal {
  float: right;
  width: 222px;
  margin-top: 1em;
  margin-bottom: 1em;
}
#minigal div {
  float: left;
  margin: 6px;
}
#box2 ul {
  margin-left: 1.5em;
}
#box2 li {
  margin: 0.2em 0;
  color: #463F32;
  font-size: 16px;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
}

.link_to_gallery {
  text-decoration: none;
  padding: 0 5px;
}

/* Column layout */
body#home #right_col {
  margin-left: 280px;
}
body#home #left_col {
  float: left;
  width: 270px;
}



#level3 {
}

#level3 .box {
  border-top: 1px solid #ddd;
}


#level3 a,
#box2 p a {
  color: #CC0000;
  text-decoration: none;
}
#level3 a:hover,
#box2 p a:hover {
  text-decoration: underline;
}

#box-two,
#box-three {
  height: 146px;
}

#level3 p {
  text-align: right;
  color: #666;
  padding: 0.5em 1em 0 9em;
  
}

#news-box {
  width: 100%;
  height: 200px;
  padding: 3px;
  color: #666;
}

#news-box h3 {
  color: #444;
  font-size: 1.5em;
  margin: 0.5em 0 0.5em 3px;
}

#news-box p {
  padding-left: 0.5em;
}

#box-two {   
  float: left;
  position: relative;
  width: 49.4%;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #ccc;
  background: white url(images/girl_white.jpg) 20px 0 no-repeat;
}
#level3 #box-two h3 {
  color: #333;
}
  
#box-three {
  float: right;
  color: black;
  position: relative;  
  width: 49.4%;
  background: #A51D1F;
}
#box-three p {
  color: #333;
}

#level3 h3 {
  color: #eee;
  margin: 100px 10px 0 0;
  font-size: 2.3em;
  font-weight: bold;
  position: absolute;
  right: 0;
  bottom: 3px;
}
#level3 p.date {
  margin-top: 0;
  font-size: 16px;
}

#footer {
  padding-top: 2em;
  text-align: right;
  font-size: 0.9em;
  color: #999;
}/* CSS Document */


