/* ------------------- UNIVERSAL ------------------- */

body {
    background: url("../images/bg.jpg") repeat-x #000000;
	background-position:top center;
	margin: 0;
	padding: 0; 
	font-family: "Droid Sans",Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
      }
	  
#main {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  overflow: hidden;
}	

h1 {
    color: #FFFFFF;
    font-size: 18.5px;
    line-height: 24px;
    margin: 33px 0 0 35px;
    text-shadow: 2px 2px 2px #000000;
}

/* ------------------- HEAD, LOGO, NAV ------------------- */

#head {
width: 980px;
}

#logo {
margin: -10px 0 0 25px;
}

#logo span {
background:url(../images/logo-trans.png) no-repeat;
display:block;
width:330px;
height:88px;
overflow: visible;
}

#logo-interior {
margin: 20px 0 0 25px;
}

#logo-interior span {
background:url(../images/logo-trans.png) no-repeat;
_background:url(../images/logo.gif) no-repeat;
display:block;
width:330px;
height:88px;
overflow: visible;
}



#nav {
	background: url("../images/nav.png") no-repeat scroll 0 0 transparent;
    font-size: 15.4px;
    height: 40px;
    margin: 0 0 0 385px;
    text-shadow: 2px 2px 2px #000000;
    top: 0;
}

#nav ul {
	margin: 0 0 0 5px;
    padding: 8px 0 0 0;
	}
	
#nav ul li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 10px;
 }
 
#nav ul li a {
    color: #c1e6f1;
    text-decoration: none;
 }
 
 #nav ul li a:hover {
    color: #fff;
    text-decoration: underline;
    text-shadow: 0px;
 }
 
 

#moon {
xbackground:url(../images/moon-bg.png) no-repeat;
xwidth: 160px;
xheight: 164px;
}


#left-side {
float: left;
display: block;
width: 350px;
}


#right-side {
float: left;
display: block;
width: 577px;
margin-top: 5px;
margin-left: 40px;
}

/* ------------------- CLOCK ------------------- */

#left-side-clock {
  	color: #FFFFFF;
    display: block;
    float: left;
    margin-top: 25px;
    padding-left: 40px;
    width: 0;

}

#left-side-clock img {
  	xpadding: 0 15px;

}



#right-side-clock {
float: left;
display: block;
width: 0px;

}

#topclock {
background:url(../images/topclock-trans.png) no-repeat;
height: 53px;
display: block;

}

#middleclock {
background:url(../images/middleclock-trans.png) repeat-y;
display: block;
padding: 0;
float:left;
position: relative;
z-index: 1000;
}

#clock-bg {
background:url("../images/clock-bg-trans.png") no-repeat scroll 0 0 transparent;
display:block;
margin-left:2px;
width:494px;
height: 213px;

}


#bottomclock {
background:url(../images/bottomclock-trans.png) no-repeat;
*background:url(../images/bottomclock-fuckIE-trans.png) no-repeat;
width: 556px;
height: 140px;
*height: 235px;
display: block;
padding: 0 0 0 0px;
float: left;
position: relative;

}

#bottomclock p{
    color: #FFFFFF;
    float: left;
    margin: 7px 0 0;
    padding-left: 65px;


}

#bottomclock img{
float: left;
margin: 4px 0 0;
padding-left: 40px;
*margin: 100px 0 0 0;
}

#cloud {
background:url("../images/cloud-trans.png") no-repeat scroll 0 0 transparent;
display:block;
height:363px;
margin-top:-190px;
padding:0 0 0 50px;
width:952px;
z-index:-99999;
}



#iphone {
float:left;
margin:30px 0 0 45px;
position: relative;
z-index: 1000;
}

#iphone  span{
background:url(../images/iphone-trans.png) no-repeat;
display:block;
height:210px;
width:145px;
}

.popup {
display:inline;
visibility:visible; 
z-index:1008;
position: fixed;
top: 50%;
left: 50%;
margin-top: -245px;
margin-left: -230px;
}


.alarmdiv {
color:#fff; 
margin: 0 0 7px 0;
}

.delete{
	background: url("../images/delete.gif") no-repeat scroll 0 0 transparent;
    float: right;
    height: 16px;
    margin: 3px 0 0;
    padding: 0 3px 0 0;
    width: 16px;
}

#hidetext { 
display: none; 
} 

.AlarmTime {
margin:0;
padding:0 0 0 160px;
width:310px;
}

.block-4 {
padding-right: 10px;
position:relative;
left:85px;
top:0px;
width:276px;
}

.block-4 ul {
list-style:none outside none;
margin: 5px 0 0 0;
overflow:hidden;
padding:0 0 0 20px;
}



/* ------------------- HIDDEN INFO BOXES------------------- */

.WeatherOptionInterface{
	background: url("../images/optionbg.jpg") repeat-y scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline;
    height: 362px;
    margin: -10px 0 0 37px;
    position: absolute;
    visibility: hidden;
    width: 415px;
    z-index: 100;
	}
	
.WeatherOptionInterface input[type="text"]{
   width: 150px;
}	
	
.WeatherOptionInterface p{
	margin: 9px 0 25px 47px;
	padding: 0;
	}	
	
.WeatherOptionInterface p a{
	color: #fff;
	}

.WeatherOptionInterface input[type="text"]{
   width: 150px;
}	
	
	
	
.FlightOptionInterface{
	background:url("../images/optionbg.jpg") repeat-y scroll 0 0 transparent;
	color:#FFFFFF;
	display:inline;
	height:350px;
	*height:409px;
	margin:-10px 0 0 37px;
	position:absolute;
	visibility:hidden;
	width:415px;
	z-index:100;
	}
	
.FlightOptionInterface p{
	margin: 30px 0 20px;
    padding: 0 0 0 2px;
	
	}	

.FlightOptionInterface span{
	font-size: 11.5px;
	}

.FlightOptionInterface p a{
	color: #fff;
	}		
	
	
.SocialInterface{
	background:url("../images/optionbg.jpg") repeat-y scroll 0 0 transparent;
	color:#FFFFFF;
	display:inline;
	height:369px;
	*height:409px;
	margin:-10px 0 0 37px;
	position:absolute;
	visibility:hidden;
	width:415px;
	z-index:100;
	}	
	
	
	
.SocialInterface p{
	margin: 0px 0 0;
    padding: 0 0 0 95px;
	}

.SocialInterface img{
	 margin-top: 10px;
    padding-left: 20px;
    
	}		
	
.SocialInterface form{
	margin:0;
	padding:0 0 0 35px;
	}	
	
.SocialInterface form input{
	margin:10px 0;
	padding:0;
	}		
	
.SocialInterface p span{
	font-size: 11px;
	}	

.TwitterInterface p a{
	color: #fff;
	}	
	
.TwitterInterface{
	background:transparent url("../images/optionbg.jpg") repeat-y;
	width: 438px;
    height: 188px;
	color: #fff;
	display:inline;
	margin:0px;
	*margin: auto auto auto 217px;
	top: 215px;
    position:absolute;
	visibility: hidden;
	z-index: 100;
	}	
	
.TwitterInterface p{
	margin: 23px 0 50px 10px;
	padding: 0;
	}	
	
.TwitterInterface p span{
	font-size: 11px;
	padding: 0;
	margin: 0;
	}

.TwitterInterface p a{
	color: #fff;
	}
	
	
.preview{
	background: url("../images/twitterbox.gif") no-repeat scroll 0 0 transparent;
    color: white;
    height: 375px;
    left: 0%;
    list-style: none outside none;
    margin: 0;
    padding: 30px 35px 10px 15px;
    position: fixed;
    top: 20%;
    visibility: visible;
    width: 315px;
    z-index: 1006;
	
}	
	
#more {
padding-right:5px;
position:relative;
bottom: 0.3em; 
font-size: 11px;
color: #fff;
padding: 0 0 0 3px;
}

.checkbox {
    color: #FFFFFF;
    font-size: 13px;
    margin: 16px 0 0 333px;
    position: absolute;
}

.top-note {
    background: url("../images/topANDmiddle-note.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 180px;
    margin: -650px 0 0 345px;
    position: absolute;
    width: 291px;
    z-index: 1000;
}

.middle-note {
    background: url("../images/topANDmiddle-note.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 180px;
    margin: -500px 0 0 290px;
    position: absolute;
    width: 291px;
    z-index: 1000;
}

.bottom-note {
    background: url("../images/bottom-note.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 180px;
    margin: -350px 0 0 340px;
    position: absolute;
    width: 291px;
    z-index: 1000;
}




.Instruct-setalarm {
    background: url("../images/instruct-setalarm.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 180px;
    margin: -600px 0 0 723px;
    position: absolute;
    visibility: hidden;
    width: 271px;
}


/* ------------------- CHOOSE ALARM SCRIPT STYLES ------------------- */

#slideshow {
	margin:20px 0 12px 0;
	*margin:10px 0 0px 0;
	width:300px;
	height:105px;
	position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:290px;
  overflow:hidden; /* allow scrollbar */
 
}
#slideshow #slidesContainer .slide {
  xmargin:0 auto;
  xwidth:300px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  xheight:70px;
}



.slide h2, .slide p {
 margin: 0 108px;
 color: #fff;
 font-size: 11.5px;
}

.slide a {
 color: #FFD200;
}

/* ------------------- FOOTER ------------------- */

#footer{
	background:url(../images/bottom-bar.gif) no-repeat;
	width:860px;
	height: 90px;
	margin: 75px 0 0 80px;
	text-shadow: 1px 1px 1px #000;
	font-size: 15px; 
	color:#fff;
	bottom: 5px;
	left:45px;
	font: 100% Georgia, Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

}

p.footer-text{
	width:300px;
	float:left;
	padding:0 0 0 38px;
	margin:25px 0 0 0;
}


/*--Footer menu--*/

.footer-menu{
	list-style:none;
	margin:25px 0 0 0;
	padding:0px 50px 0 0;
	text-align:right;
	float:right;

}

.footer-menu li{
	display:inline;
	padding:0 0 0 25px;

}

.footer-menu li a{
	color:#fff;
	text-decoration:none;

}

.footer-menu li a:hover{
	text-decoration:underline;

}	

#video {
border-color:#F8DF85 #F8DF85 #F8DF85 -moz-use-text-color;
border-style:outset outset outset none;
border-width:1px 1px 1px medium;
display:block;
height:90px;
left:0;
margin-top:-45px;
position:fixed;
top:40%;
width:25px;
z-index:100001;
}