body
{
background-image: url(images/homepage/background.jpg); 
background-repeat: repeat-y;
background-position: top center;
background-color: #eeeeee;
font-family:helvetica, impact, sans-serif;
font-size:13px;
}
h1
{
color:#000;
font-family: helvetica, impact, sans-serif;
}

# Section1
{
color:#000;
font-family: helvetica, impact, sans-serif;
}

#utilities
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12.5px;
	height : 30px;
	width: 620px;
}

#news
{
font-size:9px
font-family: Arial, Helvetica, sans-serif;
}


p { color: blue; } 
h3{ color: white; }

img 
{
border: 0px none;
}


p.what {
color: black; 
font-family: helvetica, impact, sans-serif;
font-size:12px
}

.model {
color: white; 
background-color: red;
font-family: helvetica, impact, sans-serif;
padding:5px; 
font-size:16px
}

a.what2 {
font-family: helvetica, impact, sans-serif;
color: black;
}

a.what2:hover {
text-decoration: none; color: #a5a5a5;
}

a.what3 {
font-family: helvetica, impact, sans-serif;
color: grey;
}

a.what3:hover {
text-decoration: none; color: #a5a5a5;
}
a:link {text-decoration: none;}
a:visited {text-decoration:none;}
a:hover {text-decoration: none; color: grey;}

a.links { 
color: #3d2d3f;
font-family: helvetica, impact, sans-serif;
}

a.links:hover { 
color: #a5a5a5;
font-family: helvetica, impact, sans-serif;
}

a.bottom { 
color: #ffffff;
font-family: helvetica, impact, sans-serif;
font-size:12px
}

a.logo {
display:block;
width:324px;
height:116px;
position:relative;
background-image:url(images/homepage/perfect_logo.jpg);
background-position:0px 0px;
}

a.facebook {
display:block;
width:27px;
height:26px;
background-image:url(images/homepage/facebook_logo.jpg);
background-position:0px 0px;
}
a.facebook:hover {
background-position:-27px 0px;
}

a.myspace {
display:block;
width:25px;
height:26px;
background-image:url(images/homepage/myspace_logo.jpg);
background-position:0px 0px;
}
a.myspace:hover {
background-position:-25px 0px;
}

a.twitter {
display:block;
width:26px;
height:26px;
background-image:url(images/homepage/twitter_logo.jpg);
background-position:0px 0px;
}
a.twitter:hover {
background-position:-26px 0px;
}

a.youtube {
display:block;
width:27px;
height:26px;
background-image:url(images/homepage/youtube_logo.jpg);
background-position:0px 0px;
}
a.youtube:hover {
background-position:-26px 0px;
}


/* DON'T MISS */

a.self {
display:block;
width:150px;
height:150px;
background-image:url(images/dontmiss/self.jpg);
background-position:0px 0px;
}
a.self:hover {
background-position:-150px 0px;
}


a.men {
display:block;
width:150px;
height:150px;
background-image:url(images/dontmiss/men.jpg);
background-position:0px 0px;
}
a.men:hover {
background-position:-150px 0px;
}


a.women {
display:block;
width:150px;
height:150px;
background-image:url(images/dontmiss/women.jpg);
background-position:0px 0px;
}
a.women:hover {
background-position:-150px 0px;
}


a.attract {
display:block;
width:150px;
height:150px;
background-image:url(images/dontmiss/attract.jpg);
background-position:0px 0px;
}
a.attract:hover {
background-position:-150px 0px;
}


a.az {
display:block;
width:150px;
height:150px;
background-image:url(images/dontmiss/az.jpg);
background-position:0px 0px;
}
a.az:hover {
background-position:-150px 0px;
}


a.sex {
display:block;
width:150px;
height:150px;
background-image:url(images/dontmiss/sex.jpg);
background-position:0px 0px;
}
a.sex:hover {
background-position:-150px 0px;
}

a.bride {
display:block;
width:150px;
height:150px;
background-image:url(images/dontmiss/bride.jpg);
background-position:0px 0px;
}
a.bride:hover {
background-position:-150px 0px;
}

a.make {
display:block;
width:150px;
height:150px;
background-image:url(images/dontmiss/make.jpg);
background-position:0px 0px;
}
a.make:hover {
background-position:-150px 0px;
}

a.five {
display:block;
width:150px;
height:150px;
background-image:url(images/dontmiss/five.jpg);
background-position:0px 0px;
}
a.five:hover {
background-position:-150px 0px;
}

/* Newsletter CSS */


#newsletter {
padding: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:15px;
}

#newsletter2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
padding:2px;
}


#newsletter_email {
	width:210px;
}

#newsletter_disclaimer {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:10px;
float:left;
padding:5px;
}


/* Demo 3 - returnDelay Demo */

#lavaLampBorderOnly {
position: relative;
width: 1000px;
background-color: #000000;
padding: 0px;
margin: 0px 0;
overflow: hidden;
border: 0px solid #CC6600;
}

#secondmenu li {
	color:#000;
display: inline;
list-style-type: none;
padding-right: 10px;
}



#lavaLampBorderOnly li {
float: left;
list-style: none;
}

#lavaLampBorderOnly li.backLava {
background-color:#bd9f45;
width: 15px;
z-index: 9;
position: absolute;

}
#lavaLampBorderOnly li a {
font: 14px arial;
text-decoration: none;
color: #ffffff;
outline: none;
text-align: center;
padding: 5px 0px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
position: relative;
overflow: hidden;
margin: auto 10px;
}

/* Nav window */


   div#nav ul li{
    float:left;
    height:52px;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    }
 

div#header{
 margin:-1px 0 0;
}
div#video-header{
 height:83px;
 margin:-1px 0 0;
}

 div#header div#slide-holder{
  z-index:40;
  width:6px;
  height:366px;
  position:absolute;
 }
/* Image */
  div#header div#slide-holder div#slide-runner{
   top:9px;
   left:9px;
   width:690px;
   height:350px;
   overflow:hidden;
   position:absolute;
  }
  div#header div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
/* Info bar */
  div#header div#slide-holder div#slide-controls{
   left:0;
   bottom:0px;
   width:690px;
   height:60px;
   display:none;
   position:absolute;
 
  }
   div#header div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font-size:0px;
    line-height:26px;
    margin:15px 0 0 20px;
    
   }
 
   div#header div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0px 11px;
   }
    div#header div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     color:#fff;
     width:24px;
     height:24px;
     display:inline;
     font-size:0.0001px;
     margin:24px 5px 10px 0px;
     line-height:100px;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/homepage/silde-nav.png);}
div#nav ul li a{background:url(images/homepage/nav.png) no-repeat;}


/* Lightbox */


#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 20px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.0em;
	overflow: auto;
	width: 100%;
	padding: 0 0px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 1.0em;	
}


/* Pikachoose */


.pikachoose{width:610px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:710px;height:200px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:0px solid #555;padding:2px;background:#f4f2f3;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:650px;height:450px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:0px solid #555;background:#f4f2f3;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:5px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}




/*Video Player */
#page {
	background-color:#efefef;
	width:600px;
	margin:50px auto;
	padding:20px 150px 20px 50px;
	min-height:600px;
	border:2px solid #fff;
	outline:1px solid #ccc;
	text-align:left;
}

h1, h2 {
	letter-spacing:-1px;
	color:#2D5AC3;
	font-weight:normal;		
	margin-bottom:-10px;
}

h1 {
	font-size:22px;
}

h2 {
	font-size:18px;
}

.less {
	color:#999;
	font-size:12px;
}

a {
	color:#295c72;		
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 700px; 
    height:230px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/lightbox-btn-prev.gif) no-repeat;
	display:block;
}

/* right */
a.right 		{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(images/lightbox-btn-prev.gif) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 			{ background-position: 0 -30px; }
a.down:hover  	{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */