/* Navigation Style */

/* Bar style */
ul#navlist
{
padding: 0;
margin: 0;
float: left;
width: 800px;
height: 20px;
color: #fff;
border-top:solid;
border-bottom:solid;
border-bottom-width: thin;
border-top-width: thin;
border-color: #000000;
background-color: #ad1f2b;
}

ul#navlist li { display: inline; }

/* Cell style */

ul#navlist li a
{
float: center;
width: 140px;
height: 20px;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
background-color: #ad1f2b;
padding: .2em 1.83em;
text-decoration: none;

}
/* Nav Hover style */
ul#navlist li a:hover
{
background-color: #000;
height: 20px;
color: #fb8a9e;
}


/* End Navigation Style */



/* Flaoting Table Layout  */

#container
{
width: 800px;
height: 600px;
margin: 10px auto;
background-color: #fff;
color: #333;

border: #ffffff;
}

#top
{
width: 800px;
height: 205px;
background-color: #999999;
}

#top h1
{
padding: 0;
margin: 0;
}


#leftnav
{
float: left;
width: 232px;
height: 424px;
margin: 0;
background-color: #999;
}

#rightnav
{
float: right;
width: 177px;
height: 400px;
margin: 0;
padding: .75em;
background-color: #999;
}

#content
{
position:relative;
float: left;
margin-left: 0px;
margin-right: 0px;
width: 349px;
height: 408px;
border-left: 1px solid gray;
border-right: 1px solid gray;
padding: .5em;
background-color: #fff;
}
/* long content*/

#leftnav2
{
float: left;
width: 232px;
height: 716px;
margin: 0;
background-color: #999;
}

#rightnav2
{
float: right;
width: 50px;
height: 692px;
margin: 0;
padding: .75em;
background-color: #999;
}

#content2
{
position:relative;
float: left;
margin-left: 0px;
margin-right: 0px;
width:468px;
height: 692px;
border-left: 1px solid gray;
border-right: 1px solid gray;
padding: .75em;

background-color: #fff;
}
#content3
{
position:relative;
float: left;
margin-left: 0px;
margin-right: 0px;
background: url(file:///C|/Documents and Settings/Paul Gill/Desktop/skinflexTest.com/images/bkgd.jpg);
background-repeat: no-repeat;
width:468px;
height: 692px;
border-left: 1px solid gray;
border-right: 1px solid gray;
padding: .75em;
background-color: #ffffff;
}

#footer
{
width: 790px;
height: 15px;
clear: both;
margin: 0;
padding: .5em;
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000;
background-color: #ddd;

}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }


.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: medium;
	line-height: 16pt;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}
.text2 {
	font-family: verdana;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	font-weight: medium;
	font-variant: normal;
	text-transform: none;
	color: #993399;
	margin: 20px 20px 30px 30px;
}
.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-style: normal;
	line-height: 25px;
	font-weight: medium;
	font-variant: normal;
	text-transform: none;
	color: #ad1f2b;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: 20pt;
	font-variant: normal;
	text-transform: none;
	color: #666666;
}
a.on:link{ color: #990000; text-decoration: none;}
a.on:hover{ color: #ffffff; text-decoration: none;}
a.on:vlink{ color: #ffffff; text-decoration: none;}

a.on2:link{color: #cc0033; text-decoration: none; } 
a.on2:hover{color: ##000099; text-decoration: none; }
a.on2:vlink{color: ##000099; text-decoration: none; }

a.on3:link{color: #fff; text-decoration: none;} 
a.on3:hover{color: #8ec63f; text-decoration: none;}
a.on3:vlink{color: #fff; text-decoration: none;}

a.on4:link{ color: #cc0033; text-decoration: none;}
a.on4:hover{ color: #888888; text-decoration: none;}
a.on4:vlink{ color: #888888; text-decoration: none;}


.thumbnail2
{
float: left;
width: 60px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}
.clearboth { clear: both; }

/*Hover Gallery*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid black;
margin: 2px 8px 8px 2px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px; border-color: #ff9900;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 1px;
left: -1000px;

visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.floatright  {
float: left;
margin: 10px 10px 15px 15px;
border: 1px solid #0000cc;
padding: 2px;
width: 200px;
clear: right;
}
.floatleft  {
float: left;
margin: 20px 5px 10px 5px;
border: 1px solid #666;
padding: 4px;
clear: right;
margin-left:10px;
}

.floatleft2  {
float: left;
margin: 10px 5px 10px 5px;
border: 1px solid #222;
padding: 4px;
clear: left;
margin-left:20px;
}