@charset "UTF-8";
/* ========== Main Content Styles ========== */

*				{margin: 0; padding: 0}

html, body {height: 100%; background:000;

}

body { font-family: Helvetica, Arial, sans-serif;

}


p { color: #000; font-family: Arial, Helvetica, san-serif;}
	
#container{
	width:1024px;
	height:768px;
	margin-left:auto;
	margin-right:auto;
background:#fff;
		}

#header {  position:relative;
height:136px;
width: 1024px;

}

#sliderFrame {position:relative;
top: 25px;

width:1024px;
height:585px;
}	

#slider {width:1024px;
height:585px;

}



table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-family: Helvetica, Arial, sans serif;font-weight:normal; color:#ac726c;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

input,textarea,select{font-size:100%}

legend{color:#000;}

html, body { height: 100%; background: none;

}


a:link{text-decoration: none;}

a {color:#ac726c;}
a:hover { color: #6fdaeb;}

/*******************start clearfix**************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

/*******************end clearfix**************/

/***********start nav-bar***********/

#nav-bar { position: relative;

z-index: 2;
}

#nav-bar ul { margin: -20px 0 0 310px;

	list-style: none;

}

#nav-bar a {display: inline;
	font-family: Helvetica, Arial, san-serif;
	padding: 5px;
	font-size: 0.9em;
	color: #ac7262c;
letter-spacing: .3em;


}

#nav-bar a:hover {background-color: #81a2ab;
color: #fff;

}

#nav-bar a:active {background-color: #b57600;
}

#nav-bar li { float: left; 
	padding-right: 10px;
}


/*******************
#nav-bar li ul{ display: none;

}


#nav-bar li:hover ul { display:block;
	position: absolute;
	background-color: #442109;

}
***************/


/***********end nav-bar***********/

/***********start home***********/

#home-para { position: relative;
left: 810px;

}

#home-para p { position: absolute;
top:-295px;
left: 920x;
background-color: white;
width: 200px;
z-index: 2;
padding: 15px 10px 10px 10px;
font-size: .8em;
line-height: 1.2em;

}

#home-para p::first-letter{ color: #ac726c;
font-size: 3em;

}



/***********start home***********/

/**********start classes**********/


#blackboard { position: relative;
width: 1024px;
height: 585px;


}

#class-para { position: relative;
width:200px;


}

#class-para p{ position: absolute;
width:175px;
font-size: .9em;
left: 720px;
top: -400px;

}

#class-para p::first-letter{ color: #ac726c;
font-size: 3em;
}

/**********end classes**********/

/***********start wedding***********/

#wedding-para { position: relative;


}

#wedding-para p { position: absolute;
top:-210px;
left: 650px;
color: white;
width: 300px;
z-index: 2;
font-size: .9em;
line-height: 1.2em;
}

#wedding-para p::first-line {font-size: 1.5em;
color: #ac726c;
}



/***********end wedding***********/


/***********startcontact***********/
#contact-button {

width: 1024px; 
height: 585px;
margin-top: 20px;

}

#circle-para-cont {  position: relative;


}

#circle-para {  position: absolute;
top: -520px;
left: 753px;
text-align: center;
color: fff;
line-height: 1.5em;
z-index: 3;
font-size: 1.4em;
}

#circle-para p { color:white;

}

#circle-para h1 { color: white;
font-size: 1.5em;
margin-bottom: 10px;
}


/*********** endcontact ***********/


.footer { position: relative;
height: 100px;
bottom: 0;
left: -65px;
top: 40px;

}

.footer p { float: right;
text-align: right;
width:700px;
font-family: Helvetica, Arial, san-serif;
font-size: 0.8em;
padding: 0 20px 0 0;
color: 000;
line-height: 1.2em;


}

#facebook-logo {float:left;
margin: -30px 0 0 1050px;

}

#yelp-logo {float:left;
margin: -30px 0 0 1013px;

}



#copyright { float: left;
width: 850px;
text-align: center;
font-size: 0.7em;
padding: 5px;
background: #fff;
top: 690px;
left: 110px;
margin: 20px 0 0 140px;

}




/***************end contact footer***************/