/* *************************************************************************
=HTML SELECTORS
************************************************************************* */
* {
}	
html {
}	
body {
	font-size:76%;
	margin:0;
	padding:8px 0 0 0;
	font-family: Arial,Verdana;
	color: #000000;
	background-color: #fffef8;
}

/* ----- HEADINGS ----- */
h1 span
{
	display:none;
}
h1 {
	margin:0px;
	padding:0px;
}
h2 {
	margin:0px;
	padding:0px;
	
}
h3 {
	margin:0px;
	padding:0px;
	
}
h4 {

}
h5 {

}
h6 {
}

/* ----- PARAGRAPHS ----- */
p {
	margin:0px;
	padding:0px;
}	
/* ----- QUOTES ----- */
blockquote {
	margin:0;
}
cite {
}
/* ----- CODE ----- */
pre {
}
code {
}
/* ----- LISTS ----- */
li {
}
ol {

}
ul {
margin:0px;
padding:0px;
list-style:none;
}
ol li {

}

ul li {

}


/* ----- IMAGES ----- */
img {
	border:0;
	margin:0;
	padding:0;
}
/* ----- TEXT FORMATTING ----- */
strong {
}
em {
}
b {
}
i {
}
ins {
	text-decoration: none;
}
del {
}
/* ----- LINKS ----- */
a {
	color: #f47e32;
	text-decoration: none;
}
a:visited {

}
a:hover {
	color: #f47e32;
	text-decoration:none;
}

a:active
{
	outline: none;
}
a span
{
	display:none;
}
/* ----- TABLES ----- */
table {
}
caption {

}
thead {
}
tbody {
}
tfoot {
}
tr {
}
th {
}
td {

}
/* ----- FORMS ----- */
form {
	margin:0;
	padding:0;
}
fieldset {
}
legend {
}
label {
}
input, select, textarea {

}
optgroup {
}
option {
}

select
{

}
/* ----- DEFINITIONS ----- */
dl { 
}
dt {
}
dd {
}

/* ----- Horizontal Rule -----*/
hr{
}
.hr{

}

/* ----- ID AND CLASS SELECTORS ----- */
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
	height:0px;
}
.clearBoth{
	clear:both;
}
.floatLeft{ 
	float:left;
	position:relative;
}
.floatRight{ 
	float:right;
	position:relative;
}


/* *************************************************************************
=LAYOUT
************************************************************************* */


/* --- containers --- */
#wrapper{
	width: 907px;
	height: 540px;
	margin: 0 auto;
	padding: 8px;
	border:10px solid #f2bab3;
	position:relative;
}
#wrapper-inside{
	border:1px solid #6bb1c3;
	height: 538px;
	position:relative;
}
#sig{
	width: 907px;
	height: 13px;
	margin: 0 auto;
	padding: 5px 8px 0 8px
	
}
#sig a{
	background:url(../images/img.matt.gif) no-repeat 0 0;
	display:block;
	width: 20px;
	height:13px;
	text-indent:-9999px;
}
/* ----- footer ----- */


/* ----- header ----- */


/* *************************************************************************
=NAVIGATION
************************************************************************* */


/*------ Global Navigation -----*/
#nav
{
	position:absolute;
	bottom:0;
	right:0;
	width: 300px;
	padding: 0 8px 8px 0;
}
#nav li{
	float:right;
	margin-left: 4px;
}
#nav li a{
	display:block;
	text-indent:-9999px;
	height:26px;
	outline:none;
	width: 27px;
}
#nav li#fb a{
	background:url(../images/facebook.gif) no-repeat 0 0;
}

#nav li#myspace a{
	background:url(../images/myspace.gif) no-repeat 0 0;
}

#nav li#twitter a{
	background:url(../images/twitter.gif) no-repeat 0 0;
}

#nav li#tumblr a{
	background:url(../images/tumblr.gif) no-repeat 0 0;
}

#nav li#youtube a{
	background:url(../images/youtube.gif) no-repeat 0 0;
}
/*------ Main Navigation -----*/



/*------ Skip Navigation (section 508 sites) -----*/

.skipNav{
	display:none;
}


/* *************************************************************************
=SECTION SPECIFIC
************************************************************************* */
#gallery{
	background: url(../images/splash.gif) no-repeat 0 0;
	width: 369px;
	height:515px;
	margin:11px auto 0 auto;
	position:relative;
}
#gallery img {
    position:absolute;
    top:141px;
    left:63px;
    z-index:8;
}

#gallery img.active {
    z-index:10;
}

#gallery img.last-active {
    z-index:9;
}