/*stylesheet created by southbucks.net 2006 for Graziemille all rights reserved*/

/**********Body***********/
body {
    background-color: #D5C2BE;
	background-image: url(images/background.jpg);
	background-repeat:no-repeat;
}

#wrapper { 
    margin: 0 10%  0 10% ;
	background-color:#CC9900;
}



/**********Navigation***********/

div#links li	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	text-align: center;
}


div#links {
    position: relative; 
	top: 120px; 
	left: 0; 
	width: 166px; 
	height: 700px; 
	font: Arial, Helvetica, sans-serif;
	font-size: 60%; 
	z-index: 100;
	}
	
div#links a {
   display: block; 
   text-align: center; 
   font: bold 1em Arial, Helvetica, sans-serif; 
   padding: 5px 10px; 
   margin: 0 0 1px; 
   border-width: 0; 
   text-decoration: none; 
   color: #FFCC66; 
   background: #444;
   border-right: 5px solid #505050;
   }
   
div#links a:hover {
   color: #AC6C0D; 
   background: #000000;
   border-right: 5px double #AC6C0D;
   }

div#links a span {
   display: none;
   }
   
div#links a:hover span {
   display: block;
   position: absolute; 
   top: 220px; 
   left: 20px; 
   width: 125px;
   padding: 5px; 
   margin: 10px; 
   z-index: 100;
   color: #FFCC66; 
   background: black;
   font: 110% Verdana, sans-serif; 
   text-align: center;
   }

div#content {
   position: relative; 
   top: 26px; 
   left: 16px; 
   right: 25px;
   color: #BAA;
   background: #22232F; 
   font: 13pt Verdana, sans-serif; 
   padding: 10px; 
   border: solid 5px #444;
   }
   
div#content p {
   margin: 0 1em 1em;
   }
   
div#content h3 {
   margin-bottom: 0.25em;
   }

div#content a:link {
   color: white;
   }

div#content a:visited {
color: #BBC;
}

div#content a:link:hover {
color: #FF0;}

div#content a:visited:hover {
color: #CC0;}

/**********Main***********/

#banner  {
    position: absolute;
	background-image: url(images/banner2.gif);
	width:480px;
	height: 128px;
	top: 2px;
	left: 232px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-style:italic;
	font-weight:bolder;
	text-align:center;
	z-index: 12;
}

#banner span {
    display:none;
	
}

#main {
	position:absolute;
	text-align:center;
	top: 170px;
	width:530px;
	height: 160px;
	margin-top: 5px;
	left: 200px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#othertext {
	top: 270px;
	text-align:left;
	width:290px;
	height: auto;
	float:left;
	padding-right: 1em;
	margin-top: 5px;
	left: 200px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
}


h1, h2 {
    text-align:center;
	font-size: 80%;
	color:  #381D1D;
}

h3, h4, h5, h6 {
	color: #660000;
	font-size: 90%;
	text-align:justify;
	font-style: italic;
}

.narrow  {
    width: 250px;
    }
.christmas {
    font-size: 150%;
	text-align:center;
	color:#006600;
    }

a {
  color: #336600;
}

/**********Enhancements***********/

#photographer  {
     font-family:Arial, Helvetica, sans-serif;
	 color:#990000;
	 text-align:left;
     }
.redlink {
     color:#660000;
     }

#imagediv {
     position:absolute;
     left: 310px;
     background-image: url(images/C&R6.jpg);
	 width: 200px;
	 height:206px;
}

#imagediv2 {
     position:absolute;
	 top: 120px;
     left: 300px;
	 background-image: url(images/diningroom.jpg);
	 width: 260px;
	 height:174px;
}

#imagediv3 {
     position:absolute;
	 margin-top: 2em;
     left: 310px;
	 background-image: url(images/catering.gif);
	 width: 223px;
	 height:293px;
}

#imagediv4 {

     position:absolute;
     left: 310px;
	 background-image: url(images/merry.jpg);
	 width: 280px;
	 height:280px;
}

/** Photographer div**/

#imagediv5 {
     position:absolute;
	 margin: 2em;
     left: 310px;
     background-image: url(images/wedding1.jpg);
	 width: 200px;
	 height:200px;
	 }

#imagediv span{

     display:none;
}

#imagediv2 span{

     display:none;
}

#imagediv3 span{

     display:none;
}

#imagediv4 span{

     display:none;
}
.large{
    font-size: 3em;
}


.center {
    text-align:center;
}

#imagetop{
    position: fixed;
	top: 80px;
	left: 200px;
}

.gianfranco {
    font-family: Verdana,Geneva, Arial, Helvetica, san-serif;
	font-style:italic;
	color: #FF0000;
}

.blue {
    font-family: Verdana,Geneva, Arial, Helvetica, san-serif;
	text-align: left;
	font-style:italic;
	font-size: 70%;
	color: #000000;
}
.large{
    font-size: 2em;
}

.small {
    font-size:small;
	color: #00001A;
	text-align:justify;
}

/**********Footer***********/

#footer	{
    position: bottom;
	clear:both;
	text-align:center;
	width: 530px;
	margin-left: 13.5%;
	padding: 0 10px;
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 70%;
}
