/* CSS Document */


body{
	height: 100%;
	padding: 0 0 0 0;
	background: url('../images/bg.gif') top left;
	line-height: 1.2;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	overflow-x: hidden;
	
}

#container{
	width: 1190px;
	height: 100%;
	margin: 0 auto;
	
}

#header {
	width: 1190px;
	height: 132 px;
	margin: 0 auto;
	padding: 0 0 0 0;
	display:block;
	float:left;
}

ul#header li {
	
	display: block;
	float: left;	
}

#upper-navigation {
	width: 517px;
	height: 74px;
	padding-left: 50px;
}


#lower-navigation{
	width: 517px;
	height: 58px;
	padding: 0 0 0 0;
}

ul#upper-navigation li {
	display: block;
	float: left;
	
}

ul#lower-navigation li {
	display: block;
	float: left;
	
}


li#header-left a:link, li#header-left a:visited{
	width: 673px;
	height: 132px;
	background: url(../images/logoHeader.jpg) no-repeat;
	padding: 0 0 0 0;
	display: block;
}

li#header-left a#current{
	width: 673px;
	height: 132px;
	background: url(../images/logoHeader.jpg) no-repeat;
	padding: 0 0 0 0;
	display: block;
}


li#header-right {
	width: 517px;
	height: 132 px;	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: block;

}


li#about a:link, li#about a:visited {
	width: 125px;
	height: 74px;
	background: url(../images/about.jpg) no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: block;
}

li#about a:hover {
	width: 125px;
	height: 74px;
	background: url(../images/about.jpg) no-repeat -125px;
	display: block;
}

li#about a#current {
	width: 125px;
	height: 74px;
	background: url(../images/about-on.jpg) no-repeat;
	display: block;
}

li#investment a:link, li#investment a:visited {
	width: 98px;
	height: 74px;
	background: url(../images/investment.jpg) no-repeat;
	display: block;
}

li#investment a:hover {
	width: 98px;
	height: 74px;
	background: url(../images/investment.jpg) no-repeat -98px;
	display: block;
}

li#investment a#current {
	width: 98px;
	height: 74px;
	background: url(../images/investment-on.jpg) no-repeat;
	display: block;
}

li#blog a:link, li#blog a:visited {
	width: 107px;
	height: 74px;
	background: url(../images/blog.jpg) no-repeat;
	display: block;
}

li#blog a:hover {
	width: 107px;
	height: 74px;
	background: url(../images/blog.jpg) no-repeat -107px;
	display: block;
}

li#blog a#current {
	width: 107px;
	height: 74px;
	background: url(../images/blog-on.jpg) no-repeat;
	display: block;
}

li#contact a:link, li#contact a:visited {
	width: 99px;
	height: 74px;
	background: url(../images/contact.jpg) no-repeat;
	display: block;
}

li#contact a:hover {
	width: 99px;
	height: 74px;
	background: url(../images/contact.jpg) no-repeat -99px;
	display: block;
}

li#contact a#current {
	width: 99px;
	height: 74px;
	background: url(../images/contact-on.jpg) no-repeat;
	display: block;
}

li#first-comes-love a:link, li#first-comes-love a:visited {
	width: 152px;
	height: 58px;
	background: url(../images/first-comes-love.jpg) no-repeat;
	display: block;
}

li#first-comes-love a:hover {
	width: 152px;
	height: 58px;
	background: url(../images/first-comes-love.jpg) no-repeat -152px;
	display: block;
}

li#first-comes-love a#current {
	width: 152px;
	height: 58px;
	background: url(../images/first-comes-love-on.jpg) no-repeat;
	display: block;
}

li#then-comes-marriage a:link, li#then-comes-marriage a:visited {
	width: 196px;
	height: 58px;
	background: url(../images/then-comes-marriage.jpg) no-repeat;
	display: block;
}

li#then-comes-marriage a:hover {
	width: 196px;
	height: 58px;
	background: url(../images/then-comes-marriage.jpg) no-repeat -196px;
	display: block;
}

li#then-comes-marriage a#current {
	width: 196px;
	height: 58px;
	background: url(../images/then-comes-marriage-on.jpg) no-repeat;
	display: block;
}

li#other-portraits a:link, li#other-portraits a:visited {
	width: 165px;
	height: 58px;
	background: url(../images/other-portraits.jpg) no-repeat;
	display: block;
}

li#other-portraits a:hover {
	width: 165px;
	height: 58px;
	background: url(../images/other-portraits.jpg) no-repeat -170px;
	display: block;
}

li#other-portraits a#current {
	width: 165px;
	height: 58px;
	background: url(../images/other-portraits-on.jpg) no-repeat;
	display: block;
}


img {

	border: 0;
	
}

a:link { 
	color: #000000;
	}
a:visited { 
	color: #000000;
	}


#flash-application {
	width: 1190px;
	height: 755px;
	padding-top: 30px;
	line-height: 1.2;
	text-align: center;
}

#about-body {
	width: 1190px;
	height: 720px;
	background: url(../images/default-bg.jpg) no-repeat;
	text-align: center;
	line-height: 1.2;
	font-size: 13px;
	display: block;
	float: left;
}

#what-i-do-body {
	width: 1190px;
	height: 720px;
	background: url(../images/default-bg.jpg) no-repeat;
	text-align: center;
	line-height: 1.2;
	font-size: 13px;
	display: block;
	float: left;
}

#get-fresh-body
{
	width: 1190px;
	height: 720px;
	padding-top:10px;
	background: url(../images/default-bg.jpg) no-repeat;
	line-height: 1.2;
	font-size: 13px;
	display:block;
	float:left;

}

#gallery-container { 
	width: 1190px;
	height: 700px;
	padding-top: 20px;
	line-height: 1.2;	
}

#home-footer {
	width: 1146px;
	height: 20px;
	text-align: right;
	padding-bottom: 10px;
}

#page-footer {
	width: 1146px;
	height: 66px;
	text-align: right;
	padding-top: 64px;
	padding-bottom: 10px;
}

#get-fresh-footer{
	width: 1146px;
	height: 66px;
	text-align: right;
	padding-bottom: 10px;
	
}

#text-space{
	padding-top: 25px;
		
}

#fresh-space{
	padding-top: 15px;	
	
}
	


div#main_images_wrapper { overflow: scroll; overflow-y: hidden; }
div#main_images { margin-top: 10px; margin-left: 0px; font-weight: normal; width: 1116px; text-align: center;}
div#main_images .first-comes-love { float: left; margin-left: 0px; margin-right: 50px; text-align: left; color: #666666; }
div#main_images .then-comes-marriage { float: left; margin-left: 0px; margin-right: 50px; text-align: left; color: #666666; }
div#main_images .other-portraits { float: left; margin-left: 0px; margin-right: 50px; text-align: left; color: #666666; }


#content2 { float:left; overflow:hidden; width: 100%; }

#scroll_wrapper { margin: 20px 80px 0px 40px;}
.scrollbar-hor{ background-color: #d7d4ca; height: 18px; width: 1116px; float:left; }
.handle-hor{ height: 18px; width: 227px; background: url('../images/gallery-handle.jpg') no-repeat; }

div.clear { clear: both; }



/*this is what we want the div to look like when it is not showing*/
div.loading-invisible{
    
    /*make invisible*/
    display:none;
  }

/*this is what we want the div to look like when it IS showing*/
div.loading-visible{
	
    /*make visible*/
    display:block;

    /*position it at the very top-left corner*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;

    /*in supporting browsers, make it
      a little transparent*/
    background:#fff;
    _background:none; /*this line removes the background in IE*/
    opacity:.75;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;

    /*set the padding, so that the content
      of the div is centered vertically*/
    padding-top:25%;
  }