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

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	background-image: url(images/bg_page.gif);
	background-repeat: no-repeat;
}
#container{width:771px;height:auto;overflow:auto;margin:auto;}
#photos-home{border:1px solid #adb6ca;width:700px;height:222px;margin:auto;margin-top:240px;padding:12px;text-align:center;}
#content{border:1px solid #adb6ca;width:584px;height:394px;margin:auto;margin-top:68px;padding:12px;}
#content-contact{border:1px solid #adb6ca;width:584px;height:auto;margin:auto;margin-top:68px;padding:12px;overflow:auto;}
#gallery{border:1px solid #adb6ca;width:584px;height:379px;margin:auto;margin-top:68px;padding:12px;text-align:center;padding-top:27px;}

#footer{clear:both;margin-top:30px;width:771px;}
#logo{float:left;}
#nav-bar{float:left;margin-top:73px;margin-left:87px;}


p{font-size:80%;color:#4d504c;line-height:22px;}
ul{margin-left:3px}
li{font-size:80%;color:#4d504c;margin-left:0;margin-bottom:5px;list-style-type:none;}
a{color:#4d504c;line-height:22px;}
a:hover{color:#1d6685;}


table.tblContact{}
table.tblContact td{padding:4px;font-size:80%;color:#4d504c;}
/************* NAVIGATION ****************/
#nav-bar ul {margin:0;padding:0;}
#nav-bar li {display:inline-block;margin:0;padding:0;}
	
/* hide from mac ie5 \*/
#nav-bar li {display:inline;margin:0;}
/* end hide from mac ie5 */

#nav-bar a:link, #nav-bar a:visited {
	display:block;
	float:left;
	padding:0;
	margin:0;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	}
	
#nav-bar #home a{width:75px;height:23px;}
#nav-bar #wedding a{width:88px;height:23px;}
#nav-bar #portrait a{width:88px;height:23px;}
#nav-bar #about a{width:78px;height:23px;}
#nav-bar #contact a{width:87px;height:23px;}
#nav-bar #blog a{width:58px;height:23px;}

#nav-bar #home_current a{width:75px;height:23px;}
#nav-bar #wedding_current a{width:88px;height:23px;}
#nav-bar #portrait_current a{width:88px;height:23px;}
#nav-bar #about_current a{width:78px;height:23px;}
#nav-bar #contact_current a{width:87px;height:23px;}
#nav-bar #blog_current a{width:58px;height:23px;}
	
#nav-bar li {font-size:1em;}

/* end hide from mac ie5 */
#nav-bar span {visibility:hidden;}
#nav-bar a:hover span, #nav-bar a:active span, #nav-bar a:focus span {visibility:hidden;}
#nav-bar a{border:none;}
/* for some reason IE has a bug where it needs this border to display the text correctly */
/* i gave it a null border */
#nav-bar a:active, #nav-bar a:hover {border-width:0;}
	
/* normal state */
#home a:link, #home a:visited {background-image:url("images/btn_home01.gif");}
#wedding a:link, #wedding a:visited {background-image:url("images/btn_wedding01.gif");}
#portrait a:link, #portrait a:visited {background-image:url("images/btn_portrait01.gif");}
#about a:link, #about a:visited {background-image:url("images/btn_about01.gif");}
#contact a:link, #contact a:visited {background-image:url("images/btn_contact01.gif");}
#blog a:link, #blog a:visited {background-image:url("images/btn_blog01.gif");}

/* hover and focus state */
#home, #home_current a, #home a:hover, #home a:active, #home a:focus {background-image:url("images/btn_home02.gif") !important;}
#wedding, #wedding_current a, #wedding a:hover, #wedding a:active, #wedding a:focus {background-image:url("images/btn_wedding02.gif") !important;}
#portrait, #portrait_current a, #portrait a:hover, #portrait a:active, #portrait a:focus {background-image:url("images/btn_portrait02.gif") !important;}
#about, #about_current a, #about a:hover, #about a:active, #about a:focus {background-image:url("images/btn_about02.gif") !important;}
#contact,#contact_current a, #contact a:hover, #contact a:active, #contact a:focus {background-image:url("images/btn_contact02.gif") !important;}
#blog,#blog_current a,  #blog a:hover, #blog a:active, #blog a:focus {background-image:url("images/btn_blog02.gif") !important;}