/*
Theme Name: Gay Mobile Pass Desktop Landing Page
Theme URI: http://www.gaymobilepass.com/
Description: Gay Mobile Pass Landing Page 1
Author: dimez
*/

/* Reset */
html, body, div, span, object, input, textarea, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

a img { border: none; }
a:focus { outline-style: none; }

.clear { clear: both; }
.left { float: left; }
.right { float: right;  }
.textright { text-align: right; }
.textleft { text-align: left; }

/* Body */
body { background: url(images/bg.png); background-repeat:repeat-x; background-color:#FFF; font: 12px Arial, Helvetica, sans-serif; margin: 0; color: #fff; }
a { color: #06C; text-decoration: underline; }
a:hover { color: #333; text-decoration: none; }

h2 { font-size: 17px; color: #666; font-weight: bold; }

/* Structure */
#container { width: 100%; margin: 0 auto; }
#content { width: 995px; margin: 0 auto; background: none;}

/* Header */
#header { width: 1000px; } 
#headerWrap { width: 1000px; height:322px; background: url(images/headerbg.png); }

.logo { float: left; margin: 0 0 0 0; height: 299px; width:444px; background:url(images/header-left.png); }
.headerLeft { float: left; margin: 0 0 0 0; height: 299px; width:127px; background:url(images/header-right.png); }
.iphone1{ float: left; margin: 0 0 0 0; height: 299px; width:142px; background:url(images/iphone1.png); }
.iphone2{ float: left; margin: 0 0 0 0; height: 299px; width:142px; background:url(images/iphone2.png); }
.iphone3{ float: left; margin: 0 0 0 0; height: 299px; width:145px; background:url(images/iphone3.png); }


/* Navigation*/

#nav { width:1000px; height:110px; background-image: url(images/nav-bg.png); }

.signup_button { float: left; background-image:url(images/navigation/signup1.png); background-repeat: repeat-x; height: 110px; width: 183px; text-align: center; margin: 0 0 0 0;}
.signup_button:hover{ float: left; background-image:url(images/navigation/signup2.png); background-repeat: repeat-x; height: 110px; width: 183px; text-align: center; }


.login_button { float: left; background-image: url(images/navigation/login1.png); background-repeat: repeat-x; height: 110px; width: 140px; text-align: center; margin: 0 0 0 0;}
.login_button:hover{ float: left; background-image: url(images/navigation/login2.png); background-repeat: repeat-x; height: 110px; width: 140px; text-align: center; }

.updates_button { float: left; background-image: url(images/navigation/updates1.png); background-repeat: repeat-x; height: 110px; width:146px; text-align: center; margin: 0 0 0 0;}
.updates_button:hover{ float: left; background-image: url(images/navigation/updates2.png); background-repeat: repeat-x; height: 110px; width: 146px; text-align: center; }

/* Mid Page Flash Player Area */

#midContainer{ width:1000px; height:254px; background-image:url(images/mid-bg.png); }
.playa { float:left; width:429px; margin: 5px 0 0 40px; }
.midContainerRight { float:left; width:514px;  height:254px; display:inline;  }
.joinNowThumbs { width:100%; background:none; height: 190px; }

.join_button { float: left; background-image: url(images/clickHere2Join2day.png); background-repeat: repeat-x; height: 64px; width:491px; text-align: center; margin: 0 0 0 0;}
.join_button:hover{ float: left; background-image: url(images/clickHere2Join2day-hover.png); background-repeat: repeat-x; height: 64px; width: 491px; text-align: center; }

.profile1 {background-image:url(images/profile1.png); width:1000px; height:355px;}
.profile2 {background-image:url(images/profile2.png); width:1000px; height:355px;}
.profile3 {background-image:url(images/profile3.png); width:1000px; height:355px;}
.profile4 {background-image:url(images/profile4.png); width:1000px; height:355px;}
.profile5 {background-image:url(images/profile5.png); width:1000px; height:355px;}

.profileDescription{ width:400px; height:123px; padding:80px  0 0 48px; font-family:Arial, Helvetica, sans-serif; color:#666;}

.footer {background-image:url(images/footer.png); width:1000px; height:57px;}

/* 1st iphone rotater Css */

/* rotator in-page placement */
    div#rotator2 {
	width: 106px;
	position:relative;
	height:153px;
	margin: 95px 0 0 26px;
}
/* rotator css */
	div#rotator2 ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator2 ul li img {
	border: none;
	padding: 4px;
	background: none;
}
    div#rotator2 ul li.show {
	z-index:500
}

/* 2nd iphone rotater Css */

/* rotator in-page placement */
    div#rotator3 {
	width: 106px;
	position:relative;
	height:153px;
	margin: 66px 0 0 13px;
}
/* rotator css */
	div#rotator3 ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator3 ul li img {
	border: none;
	padding: 4px;
	background: none;
}
    div#rotator3 ul li.show2 {
	z-index:500
}

/* 3rd iphone rotater Css */

/* rotator in-page placement */
    div#rotator5 {
	width: 101px;
	position:relative;
	height:159px;
	margin: 51px 0 0 6px ;
}
/* rotator css */
	div#rotator5 ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator5 ul li img {
	border: none;
	padding: 4px;
	background: none;
}
    div#rotator5 ul li.show4 {
	z-index:500
}

<style type="text/css">


/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:475px;
	height:150px;
	background:transparent url(imgages/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:475px;
  height:150px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:475px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:150px;
}
.slide {
  margin:0 auto;
  width:475px; 
  height:150px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:55px;
  height:42px;
  position:absolute;  
   margin: 195px 0 0 0;
   cursor:auto;
}
#leftControl {
  float:left;
  top:0;
  left:0;
  background:transparent url(tent/themes/default/images/control_left.png) no-repeat 0 0;
}
#rightControl {
  background:transparent url(tent/themes/default/images/control_right.png) no-repeat 0 0;
  float:right;
  top:0;
  right:0;
  
}

#slideInner {
	width: 100%;
}

/** 
 * Style rules for Demo page
 */
.slide h2, .slide p {
	font-family:Verdana, Geneva, sans-serif;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}