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

body {
	background-image: url(../images/watermark.jpg);
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}

body .clear{
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container {
	width: 860px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}


#container h1{
	font-size:18px;
	font-weight:normal;
}

#mainNav {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-bottom:20px;
}

#mainNav a{
	font-size:11px;
	font-style:normal;
	color:#333333;
	padding-right:10px;
	text-decoration:none;
}

#mainNav a:hover{
	color:#EA7FB7;
}

#pinkBorder {
background-image:url(../images/pinkborder.jpg);
width:840px;
height:571px;
float:left;
padding-left:20px;
padding-top:10px
}

#pinkBorder2 {
	background-image:url(../images/pinkborder_photo.jpg);
	background-repeat:no-repeat;
	width:840px;
	height:521px;
	float:left;
	padding-left:20px;
	padding-top:30px
}

#gallerytitle {
float:left;
width:400px;
height:40px;
font-size:18px;
}

#gallery {
float:left;
height:303px;
width:800px;
}

#submenu {
float:left;
width:340px;
height:30px;
padding-top:55px;
font-size:11px;
font-style:normal;
color:#333333;
text-decoration:none;
}

#submenu a{
text-decoration:none;
color:#333333;
}

#submenu a:hover{
	color:#EA7FB7;
}



#largePic1 {
	background-image:url(../images/portraits.jpg);
	float:left;
	height:250px;
	width:400px;
	text-align:left;
	font-size:16px;
	overflow: hidden;
	margin-right:15px;
	margin-bottom:15px;
}

#largePic2 {
	background-image:url(../images/wedding.jpg);
	float:left;
	height:250px;
	width:400px;
	text-align:left;
	font-size:16px;
	overflow: hidden;
	margin-bottom:15px;
}

.largePicText {
margin-top:220px;
margin-left:10px;
}

.largePicText a{
text-decoration:none;
color:#333333;
margin-top:50px;
}

.largePicText a:hover{
color:#EA7FB7;
}

/*------------------------------This section is for the picture navigation on the home page (LARGE PICS)----------------------------*/
	
#smallPic1 {
	height:164px;
	width:261px;
	background-image:url(../images/lifestyle.jpg);
	float:left;
	text-align:left;
	font-size:14px;
	overflow: hidden;
	margin-right:15px;
}

#smallPic2 {
	height:164px;
	width:261px;
	background-image:url(../images/about.jpg);
	float:left;
	text-align:left;
	font-size:14px;
	overflow: hidden;
	margin-right:15px;
}

#smallPic3 {
	height:164px;
	width:261px;
	background-image:url(../images/contact.jpg);
	float:left;
	text-align:left;
	font-size:14px;
	overflow: hidden;
}

.SmallPicText {
margin-top:143px;
margin-left:10px;
}

.SmallPicText a{
text-decoration:none;
color:#333333;
margin-top:50px;
}

.SmallPicText a:hover{
color:#EA7FB7;
}

.justify {
text-align:justify;
}

.justify a{
color:#EA7FB7;
text-decoration:none;
}