body
{
	background: #ffffff url(../../images/content-back.jpg) 50% 0 repeat-y;
	font: 12pt times new roman,times;
	color: #000000;
}
#wrapper {
	/*width: 100%; */
	background: url(../../images/page-back.jpg) 50% 0 no-repeat; 
/*	*background: url(../../images/page-back.jpg) 49.75% 0 no-repeat;*/
	z-index: 0;
	position: relative;
	border: none;
	margin:0 auto;
}

#header {
	width: 804px;
	height: 170px;
	background: url(../../images/header-back.jpg) 50% 0 no-repeat;

		margin: 0 auto;
}

#header .header-container {
	width: 804px;
	height: 170px;
	margin: 0 auto;
	border: none;

}

#logo {
	background: url(../../images/dynamicpagesolutions-logo.jpg) no-repeat;
	width: 153px;
	height: 88px;
	top: 0px;
	left: 0px;
	position: absolute;
}

#action-bx {
	background: url(../../images/loginbx-back.jpg) no-repeat;
	width: 303px;
	height: 38px;
	right: -3px;
	top: 0px;

}

#action-bx .login-container {
	padding: 3px 9px;
}

#navigation {
	height: 36px;
	clear: both



}
#footer-nav {
	background: url(../../images/bottomnav-back.png) repeat-x;
	height: 48px;
		width: 804px;
		margin:0 auto;

}

#navigation .nav-container {
	padding-top: 9px;
}

#page-container {
	clear: both;
}

#page-container .top {
	background: url(../../images/project-scroller-back.jpg) repeat-x;
	width: 900px;
	margin: 0 auto;
	
}

#page-container .top .container {
	padding: 12px 0 0 0;
}

#page-container .mid {
	background: url(../../images/bottomnav-icon.jpg) 50% 100% no-repeat;
	width: 900px; 
/*	height:800px;*/
min-height:600px;
height:auto !important;
	margin: 0 auto;
	
	
}



#page-container .mid .container {
	padding: 20px 67px 17px 67px;
}

.btm-txt {
	padding: 15px 0;
}

.flash-bx {
	background: url(../../images/flash-bx.jpg) 50% 0 no-repeat;
	width: 774px;
	height: 403px;
	padding-top: 6px;
	margin: 0;
	padding-right: 63px;
	padding-left: 63px;
}

#contact-form {
	background: url(../../images/form-back.png) no-repeat;
	width: 318px;
	height: 249px;
	top: 60px;
	right: 45px;
	position: absolute;
}

#contact-form .form-container {
	color: #E4E1B0;
}

#contact-form .form-container .input-container {
	width: 236px;
}

#left-clmn {
	width: 200px;
	margin-right: 20px;
}

#right-clmn {
	width: 760px;
}

#footer {
	background: url(../../images/footer-back.jpg) repeat-x;
	height: 42px;
	clear: both;
}

#footer .footer-container {
	width: 900px;
	height: 42px;
	margin: 0 auto;
	color: #FFFFFF;
}


/*
** NAVIGATION SETTINGS
**************************************************/

#nav {
	height: 36px;

}

#nav li {
	float: left;
	background-image: url(../../images/nav-back2.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#nav li a {
	margin: 0;
	padding: 13px  6px  10px  6px ;
	display: block;
	font: bold 10pt times;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
}

/*hover state*/
#nav li a:hover {
	text-decoration: none;
	color: #666666;
}

/*current state*/
#nav li.active a {
	background: url(../../images/naveffects-back.jpg) 0 0 repeat-x;
	color: #FFFFFF;
}


/*
** SUB-NAVIGATION SETTINGS
**************************************************/

#subnav {
	height: 36px;
}

#subnav li {
	float: left;
	background: url(../../images/sublink-btm.jpg) 50% 100% no-repeat;
	margin-bottom: 5px;
	width: 170px;
}

#subnav li a {
	background: url(../../images/sublink-icon.jpg) 0 50% no-repeat;
	margin: 0;
	padding: 8px  0px  5px  20px;
	display: block;
	font: bold 9pt times;
	text-align: left;
	color: #000000;
	text-transform: uppercase;
}

/*hover state*/
#subnav li a:hover {
	text-decoration: none;
	color: #666666;
}

/*current state*/
#subnav li.active a {
	color: #FFFFFF;
}


/*
** FOOTER NAVIGATION SETTINGS
**************************************************/

#fnav {
	margin-top:0px;
	height: 42px;
	padding-left: 0px;

}

#fnav li {
	float: left;
	background: none;
	top: 4px;
	position: relative;
}

#fnav li a {
	margin: 0;
	padding: 13px  4px  10px  4px ;
	display: block;
	font: bold 10pt times;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
}

/*hover state*/
#fnav li a:hover {
	text-decoration: none;
	color: #666666;
}

/*current state*/
#fnav li.active a {
	background: url(../../images/naveffects-back.jpg) 0 0 repeat-x;
	color: #FFFFFF;
}

#fnav-pranzo {
	margin-top: 1400px;
	height: 42px;
	padding-left: 0px;
}

#fnav-pranzo li {
	float: left;
	background: none;
	top: 4px;
	position: relative;
}

#fnav-pranzo li a {
	margin: 0;
	padding: 13px  8px  10px  8px ;
	display: block;
	font: bold 10pt times;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
}

/*hover state*/
#fnav-pranzo li a:hover {
	text-decoration: none;
	color: #666666;
}

/*current state*/
#fnav-pranzo li.active a {
	background: url(../../images/naveffects-back.jpg) 0 0 repeat-x;
	color: #FFFFFF;
}

#fnav-wedding {
	margin-top:1300px;
	height: 42px;
	padding-left: 0px;
}

#fnav-wedding li {
	float: left;
	background: none;
	top: 4px;
	position: relative;
}

#fnav-wedding li a {
	margin: 0;
	padding: 13px  8px  10px  8px ;
	display: block;
	font: bold 10pt times;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
}

/*hover state*/
#fnav-wedding li a:hover {
	text-decoration: none;
	color: #666666;
}

/*current state*/
#fnav-wedding li.active a {
	background: url(../../images/naveffects-back.jpg) 0 0 repeat-x;
	color: #FFFFFF;
}

#fnav-cocktails {
	margin-top:400px;
	height: 42px;
	padding-left: 0px;
}

#fnav-cocktails li {
	float: left;
	background: none;
	top: 4px;
	position: relative;
}

#fnav-cocktails li a {
	margin: 0;
	padding: 13px  8px  10px  8px ;
	display: block;
	font: bold 10pt times;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
}

/*hover state*/
#fnav-cocktails li a:hover {
	text-decoration: none;
	color: #666666;
}

/*current state*/
#fnav-cocktails li.active a {
	background: url(../../images/naveffects-back.jpg) 0 0 repeat-x;
	color: #FFFFFF;
}


/*
** FONT SETTINGS
**************************************************/

h1 {
	font: 16pt times new roman,times;
	margin: 0 0 20px 0;
	margin-bottom: 20px;
	color: #1a5494;
}

h1 span {
	font: 16pt times new roman,times;
	color: #418235;
}

h1.home {
	background: url(../../images/home-h1.jpg) no-repeat;
	width: 220px;
	height: 34px;
	overflow: hidden;
	text-indent: 99999px;
}

h1.about_the_villa {
	background: url(../../images/home-h1.jpg) no-repeat;
	width: 220px;
	height: 34px;
	overflow: hidden;
	text-indent: 99999px;
}

h1.weddings {
	background: url(../../images/weddings-h1.jpg) no-repeat;
	width: 220px;
	height: 29px;
	overflow: hidden;
	text-indent: 99999px;
}

	h2.weddings-2 {
		background: url(../../images/weddings-h2-gininfo.jpg) no-repeat;
		width: 220px;
		height: 33px;
		overflow: hidden;
		text-indent: 99999px;
	}
	
h1.corporate {
	background: url(../../images/home-h1.jpg) no-repeat;
	width: 220px;
	height: 34px;
	overflow: hidden;
	text-indent: 99999px;
}

h1.parties {
	background: url(../../images/home-h1.jpg) no-repeat;
	width: 220px;
	height: 34px;
	overflow: hidden;
	text-indent: 99999px;
}

h1.photos {
	background: url(../../images/home-h1.jpg) no-repeat;
	width: 220px;
	height: 34px;
	overflow: hidden;
	text-indent: 99999px;
}

h1.pricing {
	background: url(../../images/home-h1.jpg) no-repeat;
	width: 220px;
	height: 34px;
	overflow: hidden;
	text-indent: 99999px;
}

h2 {
	background: url(../../images/h2-icon.jpg) no-repeat;
	padding: 5px 0 0 28px;
	font: bold 14pt times;
	font-style: italic;
	margin: 0 0 20px 0;
	color: #000000;
}

h2 span {
	font: 14pt times new roman,times;
	color: #418235;
}

#contact-form h2 {
	color: #1a5494;
	top: 5px;
	position: relative;
	border-bottom: none;
}

h3 {
	font: 12pt times new roman,times;
	margin: 0 0 20px 0;
	color: #1a5494;
}

h3 span {
	font: 12pt times new roman,times;
	color: #418235;
}

h3 a:link, h3 a:visited, h3 a:active {
	color: #1a5494;
}

.footer-container h3 {
	font: 11pt times new roman,times;
	color: #b2eaf2;
	margin-bottom: 10px;
	border-bottom: solid 1px #b2eaf2;
}

.small {
	font: 10pt times new roman,times;
}

.small a:link, .small a:visited, .small a:active {
	font: 10pt times new roman,times;
}

.large {
	font: 14pt times new roman,times;
}

.xlarge {
	font: 16pt times new roman,times;
	color: #333333;
}

#page-container .top .left-txt .xlarge {
	font: 45pt times new roman,times;
	color: #FFFFFF;
}

a:link, a:visited, a:active {
	text-decoration: none;
	font: 12pt times new roman,times;
	color: #226f7a;
}

a:hover {
	text-decoration: underline;
	font: 12pt times new roman,times;
	color: #226f7a;
}

.footer-container a {
	color: #FFFFFF;
}

.footer-container a:hover {
	color: #FFFFFF;
}

.footer-container a.large {
	color: #b2eaf2;
	font: 12pt times new roman,times;
}

.footer-container a:hover.large {
	color: #b2eaf2;
	font: 12pt times new roman,times;
}

strong {
	font: inherit;
	font-weight: bold;
}

em {
	font: inherit;
	font-style: italic;
}

.small em {
	color: #07832D;
}

.sub-nav {
	color: #226f7a;
}

.sub-nav li a:link, .sub-nav li a:visited, .sub-nav li a:active {
	color: #226f7a;
	text-decoration: none;
}

.sub-nav li a:hover {
	color: #000000;
	text-decoration: none;
}

.active {
	font-weight: bold;
	color: #000000;
}

p {
	margin-bottom: 20px;
}

/*
** OTHER LAYOUT SETTINGS
**************************************************/

ol .page {
	list-style: decimal;
	margin: 0 30px;
}

.page {
	margin: 15px 0 15px 10px;
}

.page li {
	background: url(../../images/bullet.png) 5px 6px no-repeat;
	display: block;
	margin: 5px 0;
	padding-left: 15px;
}

.page-black {
	margin: 15px 0 15px 10px;
}

.page-black li {
	background: url(../../images/bullet-black.png) 5px 6px no-repeat;
	display: block;
	margin: 5px 0;
	padding-left: 15px;
}

.footer-container .page {
	margin: 0 0 0 10px;
}

.footer-container .page li {
	color: #FFFFFF;
	background: none;
	margin: 0;
	padding: 0;
}

.sub-nav li {
	border-bottom: dotted 1px #226f7a;
	padding: 10px 0;
}


/*
** MISC SETTINGS
**************************************************/

.copyright {
	padding: 10px;
	text-align: center;
	color: #000000;
}

.dotSep {
	height: 1px;
	border-bottom: dotted 1px #226f7a;
	padding-top: 2px;
	margin-bottom:2px;
}

.page-sep {
	background: url(../../images/page-sep.jpg) 50% 0 no-repeat;
	width: 760px;
	height: 21px;
	margin-bottom: 20px;
}

.openhouse-bx {
	background: url(../../images/openhouse-box.jpg) no-repeat;
	width: 355px;
	height: 172px;
	position: relative;
}

.testimonial-box-top {
	background: url(../../images/testimonial-box_top.jpg) no-repeat top;
	width: 400px;
	position: relative;
}

.testimonial-box-bottom {
	background: url(../../images/testimonial-box_bottom.jpg) no-repeat bottom;
	width: 400px;
	position: relative;
}

.testimonial-xw-box-top {
	background: url(../../images/testimonial-box_xw_top.jpg) no-repeat top;
	width: 760px;
	position: relative;
}

.testimonial-xw-box-bottom {
	background: url(../../images/testimonial-box_xw_bottom.jpg) no-repeat bottom;
	width: 760px;
	position: relative;
}


.coffee_lid
{
padding: 2px;
border: 2px #FFF solid;
background-color:#000000;
font: bold 18px times new roman,times;
text-align:center;
color: #FFF;
z-index: 101;
position: absolute;
top:0px;
left:0px;
filter: alpha(opacity=0);
-moz-opacity:0;
opacity: 0;
}
.coffee
{
width: 1px;
height: 1px;

position: absolute;
top:0px;
left:0px;
z-index: 100;
}
.coffee_active
{
width: 100%;
/*height: 2500px;*/
visibility: visible;
filter: alpha(opacity=0);
-moz-opacity:0;
opacity: 0;
position: absolute;
top:0px;
left:0px;
background-color:#000000;
z-index: 100;
}
div.closebutton
{
	font:normal 12px times new roman,times;
	color:#FFF;
	cursor:pointer;
}
#dog
{
width:530px;
height:60px;
overflow:hidden;
position:relative;
left:-10px;
top:-5px;
}
#asdf
{
position:relative;
left:0px;
}
.fixdata
{
font:bold 16px times new roman;
color:#FFF;
}
A.FreddyLink:link {
font: normal 12px times, times new roman;
color: #000;
text-decoration: none;
}
A.FreddyLink:visited {
font: normal 12px times, times new roman;
color: #000;
text-decoration: none;
}
A.FreddyLink:hover {
font: normal 12px times, times new roman;
color: #FFF;
text-decoration: none;
}
#dropmenudiv{
position:absolute;
border-bottom-width: 0;
line-height:11px;
z-index:100;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity: 1;
}
#dropmenudiv a{
border-top: 1px #000000 solid;
width: 145;
height: 20px;
display: block;
padding: 3px 0px 0px 5px;
}