* {outline:none;}

img { border:0; }

html, body {
height: 100%;
margin: 0;
padding: 0;
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#content {
position:relative;
z-index:1;
width:783px;
margin-left: auto;
margin-right: auto;
}

.lozenge { margin:20px 0 10px 0; width:784px; height:34px; float:left; clear:all; background:url(../images/lozengeOff.png);}
.lozenge a { text-align:center; font-family:Verdana; width:784px; height:34px; float:left; background:url(../images/lozengeOff.png); line-height:1.4em; font-size:23px;}
.lozenge a:link { text-align:center; color:#fff; font-weight:normal; text-decoration:none;}
.lozenge a:visited { text-align:center; color:#fff; font-weight:normal; text-decoration:none;}
.lozenge a:hover { text-align:center; color:#000; font-weight:normal; width:784px; height:34px; background:url(../images/lozengeOn.png); text-decoration:none;}

.logos { margin-left:-30px; margin-top:230px; float:left; background:url(../images/logos.png);  width:612px; height:185px;}
.logos2 { float:left; background:url(../images/logos.png);  width:612px; height:185px;}
.twitter { float:left; margin-top:385px;}
.twitter img { border:0; margin-top:28px; margin-left:17px }

.twitter2 { float:left; }
.twitter2 img { border:0; margin-top:28px; margin-left:17px }
.contactContainer { width:783px; height:600px; }
.homeContainer { width:783px; height:700px; }



.contactContainer { width:783px; height:455px; }
.homeContainer { width:783px; height:700px; }

li { font-family:Verdana; color:#ffffff; font-size:12px; font-weight:normal;}


p.orangeText { font-family:Verdana; color:#ff9900; font-size:12px; font-weight:bold; position:absolute; margin-left:25px; margin-right:30px; }

.appStoreImg { width:225px; float:right; height:74px; background:url(../images/appstore.gif) }
.home { font-family:Verdana; color:#ffffff; font-size:12px; font-weight:normal; margin-top:380px; position:absolute; width:760px; }
.home p { font-family:Verdana; color:#ffffff; font-size:12px; font-weight:normal; position:relative; margin-left:25px; }
.featureImg { margin-left:25px;}

p.contact { font-family:Verdana; color:#ffffff; font-size:12px; font-weight:normal; margin-top:80px; width:700px; position:absolute; margin-left:25px; margin-right:30px;}
p.contact a:link { font-family:Verdana; color:#ff9900; font-size:12px; font-weight:bold; }
p.contact a:visited { font-family:Verdana; color:#ff9900; font-size:12px; font-weight:bold; }
p.contact a:hover { font-family:Verdana; color:#ff9900; font-size:12px; font-weight:bold;}

.panel { width:783px; height:686px; background:url(../images/frame-border.gif) no-repeat; margin-top:15px; padding:0; display:block; position:absolute; }
.fill { width:773px; height:678px; background:url(../images/frame-inner.jpg) no-repeat; margin-left:5px; margin-top:4px; padding:0; display:block; }
.panel2 { width:783px; height:941px; background:url(../images/783x941mainOutline.gif) no-repeat; margin-top:15px; padding:0; display:block; position:absolute; }
.fill2 { width:766px; height:917px; background:url(../images/766x917mainFill.jpg) no-repeat; margin-left:8px; margin-top:11px; padding:0; display:block; }
.contactpanel { width:783px; height:446px; background:url(../images/contact-frame-border.gif) no-repeat; margin-top:15px; padding:0; display:block; position:absolute; }
.contactfill { width:773px; height:438px; background:url(../images/contact-frame-inner.jpg) no-repeat; margin-left:5px; margin-top:4px; padding:0; display:block; }

.scrollPane { width: 764px; height: 180px; border:0px solid #ff0000; position: absolute; margin-top:10px;}
.scrollPane ul {margin-left:25px; margin-top:5px; padding:0; }
.scrollPane ul li { float:left; list-style: none outside none; margin-right:15px;}

#movie { width: 313px; height: 205px; margin-left:239px; margin-top:80px; position:absolute; }
#twitter { width: 184px; height:98px; margin-left:548px; margin-top:385px; position:absolute; }
#twitter2 { width: 184px; height:98px; margin-left:548px; margin-top:405px; position:absolute; }
#appstore { width: 225px; height:74px; margin-left:508px; position:absolute; margin-top:285px}
#appstore2 { width: 225px; height:74px; margin-left:208px; margin-top:405px; position:absolute; }

.lozenge2 { margin-left:-6px; margin-top:535px; width:705px; height:30px; background:url(../images/lozenge-off.png); position:absolute;}
.lozenge2 a { text-align:center; font-family:Verdana; width:705px; height:30px; background:url(../images/lozenge-off.png); line-height:1.4em; font-size:23px; position:absolute;}
.lozenge2 a:link { text-align:center; color:#fff; font-weight:normal; text-decoration:none;}
.lozenge2 a:visited { text-align:center; color:#fff; font-weight:normal; text-decoration:none;}
.lozenge2 a:hover { text-align:center; color:#000; font-weight:normal; width:705px; height:30px; background:url(../images/lozenge-over.png); text-decoration:none; position:absolute;}

.lozenge3 { margin-left:-10px; margin-top:530px; width:705px; height:30px; background:url(../images/contact-lozenge.png); position:absolute;}
.lozenge3 a { text-align:center; font-family:Verdana; width:705px; height:30px; background:url(../images/contact-lozenge.png); line-height:1.4em; font-size:23px; position:absolute;}
.lozenge3 a:link { text-align:center; color:#fff; font-weight:normal; text-decoration:none;}
.lozenge3 a:visited { text-align:center; color:#fff; font-weight:normal; text-decoration:none;}
.lozenge3 a:hover { text-align:center; color:#000; font-weight:normal; width:705px; height:30px; background:url(../images/contact-lozenge-rollover.png); text-decoration:none; position:absolute;}

.contactpanel2 { width:783px; height:593px; background:url(../images/783x593contactOutline.gif) no-repeat; margin-top:15px; padding:0; display:block; position:absolute; }
.contactfill2 { width:762px; height:581px; background:url(../images/762x581contactFill.jpg) no-repeat; margin-left:12px; margin-top:7px; padding:0; display:block; }

.scrollLeft
{
position: absolute;
left:0px;
top:65px;
font-family: arial, helvetica, sans-serif;
background: url(../images/15x35scrollLeftOver.gif) no-repeat;
white-space: nowrap;
display: block;
width: 15px;
height: 35px;
margin: 0;
padding: 0;
visibility:visible;
}

.scrollLeft a
{
display: block;
color: #000000;
font-size: 11px;
width: 15px;
height: 35px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.scrollLeft img
{
width: 15px;
height: 35px;
border: 0
}

.scrollLeft a:hover img
{
visibility:hidden
}

.scrollRight
{
position: absolute;
left:752px;
top:65px;
font-family: arial, helvetica, sans-serif;
background: url(../images/15x35scrollRightOver.gif) no-repeat;
white-space: nowrap;
display: block;
width: 15px;
height: 35px;
margin: 0;
padding: 0;
visibility:visible;
}

.scrollRight a
{
display: block;
color: #000000;
font-size: 11px;
width: 15px;
height: 35px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.scrollRight img
{
width: 15px;
height: 35px;
border: 0
}

* html a:hover
{
visibility:visible
}

.scrollRight a:hover img
{
visibility:hidden
}