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

.section {
    height:1500px;
}

.section2 {
    height:5500px;
}

.section3 {
    height:940px;
}

.section4 {
    height:500px;
}

/* SIDE BAR */

#sidebar {
	background-image:url(../images/side_tab.png);
	width:66px;
	height:190px;
	position: fixed;
	z-index: 1000;
	top: 50px;
	left: 0px;
	padding: 15px 0px 0px 5px;
}


body {
  background-color:#000000;
  background-image:url(../images/bg.jpg)
  }

.centered {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  margin: auto;
} 

#centered {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
} 

#center_image {
  display: block;   
  margin-left: auto;   
  margin-right: auto; 
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f1f1f1;
	line-height: 18pt;
	text-align: justify;
	}
	
h1 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#CCCCCC;}
	
h2 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:100;
	color:#1c5f60;}

#background {
	width:auto;
	height:auto;
	margin-top:0px;}

/* ========== H E A D E R ========== */ 
#header {
    background-image:url(../images/header_bg.png);
	background-position: 50% 50%;	
	width:auto;
	height:168px;
	margin: 0 auto;
	position:relative;
	}

#logo {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
	padding: 20px 0px 0px 10px;
	width:auto;
	height:auto;
	z-index:2;}


/* ======== n a v i g a t i o n ==============*/
#navigation_wrap {
position: relative;
top:-112px;
}


   #main_nav {
    background: url(images/navigation.png) no-repeat;
    width:1014px;
    height:100px;
    margin:0 auto;
    padding:0;
	z-index: 1;
    }

    #main_nav span {
    display: none;
    }

    #main_nav li, #main_nav a {
    height:100px;
    display:block;
    }

    #main_nav li {
    float:left;
    list-style:none;
    display:inline;
    }

    #home {width: 125px;}
    #work {width: 132px;}
	#space {width: 500px;}
    #about {width: 126px;}
	#contact {width: 128px;}

    #home a:hover {background: url(images/navigation.png) 0px -200px no-repeat; }
    #work a:hover {background: url(images/navigation.png) -125px -200px no-repeat; }
    #about a:hover {background: url(images/navigation.png) -757px -200px no-repeat; }
	#contact a:hover {background: url(images/navigation.png) -883px -200px no-repeat; }
	

	
/* ========== H O M E   P A G E========== */ 

#main {
  width: 100%;
  height: auto;
  padding: 0px 0px 0px 0px;
  margin: -80px 0px 0px 0px;
  }
  
.main_image {
  padding: 20px 0px 0px 0px;
  }

#divider {
padding: 10px 0px;
}
/* Home Page 2 column grid  */ 

/* Main Properties */


#wrap {
width:925px;
margin:0 auto;
}

/* 2 Column Grid */
/* HEADER */

#head {
padding:40px 0px 0px 0px;
}

/* LEFT COLUMN */
#leftColumm {
float:left;
width:571px;
padding:0px 0px 0px 0px;
}

/* RIGHT COLUMN */

#rightColumn {
background-image:url(../images/right_column_bg.png);
position:relative;
top:-41px;
float:right;
width:307px;
height:375px;
padding:85px 0px 0px 0px;
}

/* FOOTER */

#footer {
clear:both;
padding:30px 0px 20px 0px;
}

#footer p {
color: #c9de55;
font-size:14px;
text-align: center;
}


#section_header {
padding: 60px 0px 0px 0px;
}

#portfolio_wrap {
width: 925px;
margin: 0 auto;
}

/* ========== P O R T F O L I O  ========== */

/* PORTFOLIO NAVIGATION  */

    #subnav {
    background: url(images/sub_navigation.png) no-repeat;
    width:581px;
    height:20px;
    margin:10px 0px 0px 5px;
    padding:0;
    }

    #subnav span {
    display: none;
    }

    #subnav li, #subnav a {
    height:20px;
    display:block;
    }

    #subnav li {
    float:left;
    list-style:none;
    display:inline;
    }

    #weddings_sub {width: 88px;}
    #family_sub {width: 70px;}
    #animals_sub {width: 82px;}
	#in_the_oven_sub {width: 112px;}
    #children_sub {width: 90px;}
    #portraits_sub {width: 105px;}

    #weddings_sub a:hover {background: url(images/sub_navigation.png) 0px -20px no-repeat; }
    #family_sub a:hover {background: url(images/sub_navigation.png) -88px -20px no-repeat; }
    #animals_sub a:hover {background: url(images/sub_navigation.png) -158px -20px no-repeat; }
	#in_the_oven_sub a:hover {background: url(images/sub_navigation.png) -240px -20px no-repeat; }
    #children_sub a:hover {background: url(images/sub_navigation.png) -352px -20px no-repeat; }
    #portraits_sub a:hover {background: url(images/sub_navigation.png) -442px -20px no-repeat; }
	
#section_divider {
background-image:url(../images/section_stripe.png);
height: 31px;
width: 100%;
position: relative;
z-index: 100;
}

#section_divider2 {
background-image:url(../images/section_stripe.png);
height: 31px;
width: 100%;
position: relative;
top: -8px;
z-index: 100;
}

#to_the_top_black {
vertical-align:top;
position: absolute;
right: 3px;
padding: 5px 0px 0px 0px;
}

#to_the_top_about {
vertical-align:top;
position: absolute;
right: 3px;
padding: 0px 0px 0px 0px;
margin: -8px 0px 0px 0px;
}

#big_day {
position:relative;
top: -7px;
background-image:url(../images/big_day_green.png);
width: 100%;
height: 1200px;
}

#family {
position:relative;
top: -7px;
background-image: url(../images/portraits_grey.png); 
width: 100%;
height: auto;
}

#furry_friends {
position:relative;
top: -7px;
background-image: url(../images/little_ones_purple.png);
width: 100%;
height: auto;
}
#in_the_oven {
position:relative;
top: -7px;
background-image:url(../images/big_day_green.png);
width: 100%;
height: auto;
}

#little_ones {
position:relative;
top: -7px;
background-image: url(../images/portraits_grey.png); 
width: 100%;
height: auto;
}

#portraits {
position:relative;
top: -7px;
background-image: url(../images/little_ones_purple.png);
width: 100%;
height: auto;
}

#tying_the_knot {
position:relative;
top: -7px;
background-image: url(../images/tying_the_knot_brown.png);
width: 100%;
height: auto;
}

#photo_gallery {padding: 40px 0px 40px 4px;}

#photo_gallery img {
padding: 3px;
}

.divider_bar_adjust {
position:relative;
top: -7px;
}

/* ========== A B O U T   M E ========== */

#about_me {
width: 925px;
margin: 0 auto;
padding: 0px 0px 50px 0px;
} 

/* 2 Column Grid */
/* HEADER */

#about_me_head {
padding:40px 0px 0px 0px;
}

/* LEFT COLUMN */
#about_me_leftColumm {
float:left;
width:430px;
height:auto;
padding:10px 0px 0px 0px;
}

#about_me_leftColumm img {
position:relative;
left: -10px;
}

/* RIGHT COLUMN */

#about_me_rightColumn {
position:relative;
float:right;
width:460px;
height:auto;
padding: 70px 0px 0px 0px;
}

#about_me_rightColumn img {
padding: 0px 0px 10px 0px;
}


/* FOOTER */

#about_me_footer {
clear:both;
padding:0px 0px 0px 0px;
}

#about_me_footer p {
color: #f1f1f1;
font-size:12px;
}

about_me_section_divider #section_divider {
background-image:url(../images/about_me_section_stripe.png);
height: 31px;
width: 100%;
position: relative;
z-index: 100;
}

/* ========== C O N T A C T ==========  */

#contact_wrap {
position:relative;
top: -7px;
background-image: url(../images/black.png);
width: 100%;
height: auto;
}

#contact_me{
width: 925px;
margin: 0 auto;
padding: 0px 0px 50px 0px;
}

#contact_image {
padding: 0px 0px 30px 0px;
}

#contact_rightColumn {
position:relative;
float:right;
width:460px;
height:auto;
padding: 99px 0px 0px 0px;
}

#contactForm {padding: 0px 0px 0px 40px;}

#input {padding: 15px 0px 0px 0px;}

#footer_final {
background-image: url(../images/black2.png);
width: 100%;
height:300px;
position: relative;
top: -10px;
}

#page_spacer {
height: 500px;
background-color:#0A0709;
}

#homePage {height:auto;}