html, body {
margin:			0px;
padding:		0px;
background: 	#000;
font-family:	Arial, Helvetica, sans-serif;
font-size:		10px
}

#logo {
margin:			40px 0
}

#logo strong, #logo em, #logo span {
color:			#fff;
font-weight:	bold;
text-transform:	uppercase;
text-align:		center;
margin:			0;
display:		block
}

#logo strong {
font-family:	"Times New Roman", Times, serif;
font-size:		30px
}

#logo strong a:hover {text-decoration:none
}

#logo em {
letter-spacing:	10px;
font-size:		12px;
font-style:		normal
}

#logo span {
letter-spacing:	5px;
font-size:		10px
}

#content {
color:			#999;
width:			700px;
margin:			20px auto;
position:		relative;
font-size:		13px
}

#content p {
text-align:		justify;
margin:			10px 30px
}

#content p em {
font-size:	12px
}

#content p strong {
color:#CCC
}

#content p span {
color:#666
}

#content h1 {
font-size:		22px;
margin:			10px 30px;
font-family:	"Times New Roman", Times, serif;;
color:			#fff;
font-weight:	normal
}

#content h2 {
font-size:		14px;
margin:			0px 90px;
color:			#fff
}

#content img {
display:		block;
border:			none;
}

a {
color:			#fff;
text-decoration:none
}

a:hover {
text-decoration:underline
}

.navigation {
height:			20px;
margin:			0 0 40px 0;
position:		relative;
background:		#222
}

.navigation ul {
list-style:		none;
text-align:		center;
height:			20px;
line-height:	20px;
margin:			0;
padding:		0
}

.navigation li {
display:		inline
}

.navigation li a {
color:			#999;
text-transform:	uppercase;
font-size:		10px;
text-decoration:none;
margin:			0 10px
}

.navigation li a:hover {
color:			#fff
}

.navigation span {
position:		absolute;
width:			7px;
height:			20px
}

.navigation span.left {
background:		url(../images/navigation_left.gif);
left:			0;
top:0
}

.navigation span.right {
background:		url(../images/navigation_right.gif);
right:			0;
top:0
}

#copyright {
text-align:		center;
color:			#222;
text-transform: uppercase;
margin:			40px auto
}

#copyright a {
color:			#222;
text-decoration:none
}

#logo_left, #logo_right {
background: 	url(../images/logo_small.gif) no-repeat left top;
width:			205px;
height:			217px;
position:		absolute;
top:			50%;
margin-top:		-100px
}

#logo_left {left:-112px}
#logo_right {right:-112px}

.middle {margin:0 auto!important;}

#comingsoon {display:block}

#slideshow #slidesContainer {
margin:			0 auto;
width:			440px;
margin:			-20px auto;
height:			300px;
overflow:		auto;
position:		relative;
}

#slideshow #slidesContainer .slide {
margin:			0 auto;
width:			220px;
height:			300px;
text-align:		center;
}

#slideshow #slidesContainer .slide img {margin:0 auto;}

.control {
display:		block;
width:			20px;
height:			300px;
text-indent:	-10000px;
position:		absolute;
cursor:			pointer;
}

#leftControl {
top:			40px;
left:			110px;
background:		transparent url(http://www.carmelafontana.com/images/control_left.jpg) no-repeat 0 0;
}

#rightControl {
top:			40px;
right:			110px;
background:		transparent url(http://www.carmelafontana.com/images/control_right.jpg) no-repeat 0 0;
}