/*CSS Reset Reloaded-  From Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color: #425b00;
}
/* remember to define focus styles! */
:focus {	outline: 0;}
body { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: left; background-color: white; }
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}
/**/


blockquote{font-style:italic; padding:5px; margin:5px 0;}
pre{background:#fff; font-size:0.9em; font-style:normal; padding:15px; margin:10px 0; font-family:courier;}
code{font-family:courier; padding:3px;}
pre code{padding:0; background:none}

#wrapper {
	top: 0px;
	width: 100%;
}

#content {
	top: 0px;
	width: 9000px;
	padding-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
}

#avatar {
	position: relative;
	float: left;
	z-index: 250;
	top: 0px;
	left: 0px;
	height: 200px;
	width: 200px;
	border: 0px solid #000;
}

#logo {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 130px;
	width: 830px;
	background: url(../images/banner.jpg);
	top: 0px;
	text-align: center;
	z-index: 99;
}

#navigation {
	position: relative;
	height: 25px;
	top: 60px;
	left: 310px;
	width: 450px;
	background: #97A217;
	color: white;
}

#navigation a {
	color: white;
}

.ezslide {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: 0px;
	overflow: hidden;
	width: 755px;
	height: 413px;
	background: white;
	z-index: 5;
}
.ez_layer {
	position: absolute;
	overflow: hidden;
	width: 755px;
	height: 413px;
	padding: 0px 0px 0px 0px;
}

hr {
	margin-bottom: 20px;
}

.ez_layer p, h1, h2, h3, h4 {
	padding-bottom: 10px;
}

#main_home {
	background: white;
}

#main_wedding {
	background: white;
}

#main_promotional {
	background: white;
}

#main_social {
	background: white;
}

#main_corporate {
	background: white;
}

#main_contact {
	background: white;
}

#footer {
	position: relative;
	width: 755px;
	height: 58px;
	background: url(../images/rodape.jpg);
	color: white;
	border: 0px solid #333;
	margin-left: auto;
	margin-right: auto;
		left: 0px;
}

#footer p {
	font-size: 0.8em;
	padding: 2px 20px 0px 20px;
	
}

#footer a {
	color: white;
}


.subslide {
	position: absolute;
	top: 0px;
	width: 500px;
	height: 200px;
	overflow: hidden;
}

.subslide_layer {
	width: 500px;
	height: 200px;
}

/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/ 

html>body .outerpair1 {
background: url('../images/sombra2.jpg') right top repeat-y;*/
} 
/* .outerpair1 must be given a width contraint, via either a width, 
or by floating or absolute positioning. In this demo these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background: url('../images/sombra.jpg') left bottom repeat-y;*/
padding-left: 0px;
padding-right: 0px;
}

html>body .innerbox {
position: relative;
top: 0px;
left: 0px;
}
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */