body {
    margin: 0;
    padding: 0;
    font-family: Helvetica;
    font-size: 62.5%;
	overflow:hidden;
} 

#bg{
	background:url(../images/bg.jpg) no-repeat; /* fallback color for pc*/
	background:-moz-linear-gradient(-45deg, #cdcdcd 25%, #ffffff 50%) no-repeat;
	background:-webkit-gradient(linear, 45% 45%, 25% 25%, from(#ffffff), to(#cdcdcd));
	width:100%;
	height:100%;
	position:fixed;
}

/***** player style *******/
/* container has a background image */
a#player {
    display: block;
    background: url(../images/lurpak/imageOneVideo.jpg) no-repeat;
    width: 720px;
    height: 405px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

/* splash image */
a#player img {
    margin-top: 159px;
    border: 0;
}

a#playerSix {
    display: block;
    background: url(../images/cokeStreetStriker/ApreviewImage.jpg) no-repeat;
    width: 720px;
    height: 405px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

/* splash image */
a#playerSix img {
    margin-top: 159px;
    border: 0;
}

a#playerSeven {
    display: block;
    background: url(../images/cokeTrophyTour/ApreviewImage.jpg) no-repeat;
    width: 720px;
    height: 405px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

/* splash image */
a#playerSeven img {
    margin-top: 159px;
    border: 0;
}

a#playerEight {
    display: block;
    background: url(../images/cokeWorldCup/ApreviewImage.jpg) no-repeat;
    width: 720px;
    height: 405px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

/* splash image */
a#playerEight img {
    margin-top: 159px;
    border: 0;
}

a#playerNine {
    display: block;
    background: url(../images/muller/imageOne.jpg) no-repeat;
    width: 720px;
    height: 405px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

/* splash image */
a#playerNine img {
    margin-top: 159px;
    border: 0;
}

span{
	font-weight:lighter;
	color:#343434;
}

.displaynone{
display: none;
}

img {
	border:none;
}

.navList img {
	border:none;
	margin:-8px 0 0;
}


p{
	margin:0;
	padding:0;
	font-size:1.0em;
}

#navIE{
	display:none;
}

.pageHeader{
	margin:0;
	padding:0;
	/*height:45px;	*/
}


h1{
	color: #4EB2CA;
	display:inline;
	font-size:4.5em;
	font-weight:bold;
	margin:0;
	padding:0;
}

h2{
	color:#CB95B8;
	display:inline;
	font-size:4.5em;
	font-weight:bold;
	margin:0;
	padding:0;
}

.innerPage h2{
	color:#768398;
	font-weight:bold;
}


.innerPage p{
	color:#666;
font-size:18px;
font-weight:lighter;
line-height:20px;
margin:0;
padding:10px 0 0 0;
}

.innerPage ul li{
	color:#666666;
font-size:14px;
font-weight:lighter;
line-height:15px;
margin:0;
padding:2px 0 0 0;
list-style:none;
}

h3{
color:#343434;
font-size:20px;
font-weight:normal;
line-height:22px;
margin:5px 0 0 0;
padding:10px 0 0;

}

h4{
color:#555555;
font-size:18px;
font-weight:lighter;
line-height:22px;
margin:0;
padding:10px 0 0;

}

.bold{
	font-weight:normal;
}

a {
color:#ec0092;
text-decoration:none;
outline-color:-moz-use-text-color; 
outline-style:none; 
outline-width:0;
}

a:hover {
color:#dddddd;
text-decoration:none;
}

#header {
    position: fixed;
	z-index:10;
    left: 0;
    top: 0;
    height: 7em;
	padding:1.0em 0 0 1.0em;
	width:99%;
} 

#footer{
	margin:560px 0 0 0;
    position:fixed;
    width:99%;
	padding:0;
}

#footer img{
    width:127px;
}

#footer p{
	color:#b1b1b1;
	margin:-15px 0 0 35px;

}

.badges{
	float:right;
	padding:0.5em;
	width:250px;
}

.badges img{
	padding:0 0 0 0.5em;
	float:right;
}

.nav ul{
	text-align:right;
	margin:3px 0 0 0;
	float:right;
	clear:both;
}

.nav ul li{
	float:right;
	text-decoration:none;
	list-style:none;
    padding:5px 0 0 12px;
	color:#666666;
	font-size:10px;
	
}

.nav a{
	color:#666666;
}

.nav a:hover{
	color:#CB95B8;
}
#container {
    margin: 0;
    padding: 0;	 
} 

#twitter a{
	color:#666666;
}

#twitter a:hover{
	color:#CB95B8;
}

#twitter {
    float:left;
    text-align:left;
    font-size:18px;
    overflow:auto;
    font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 39px;
}

#twitter-link{
	clear:both;
	float:left;
	font-size:10px;
	margin:2px 0 0 10px;
}


#twitter-link-img{
	clear:both;
	color:#CB95B8;
	font-size:10px;
	margin:0 0 0 10px;
}

#twitter img {
	float:left;
}

#twitter ul {
    float:left;
    padding:0;
    margin:1px 0 0 10px;
}

#twitter ul li {
    list-style-type: none;
}


#twitter ul li span{
    margin-bottom:.5em;
    list-style-type: none;
	color:#999999;
	font-weight:normal;
	font-size:18px;
}
#twitter ul a {
    text-decoration:none;
    color:#A5A5A5;
	margin-left:5px;
}

#twitter ul a:hover {
    text-decoration:none;
    color:#CB95B8;
	margin-left:5px;
}



/*Nav*/


.navList li {

}



.navList {
	list-style-type:none;
	margin:0;
	width:51px;
	cursor: pointer;
	font-size:13px;
	margin:-22px 0 24px 0;	
	padding:0;

}

.navList #triggerNine{
		margin:0 0 0 335px;	
	
}

.navList #triggerEight{
		margin:0 0 0 225px;	
	
}

.navList #triggerSeven{
		margin:0 0 0 248px;	
	
}

.navList #triggerSix{
		margin:0 0 0 272px;	
	
}

.navList #triggerFive{
		margin:0 0 0 400px;	
	
}

.navList #triggerFour{
		margin:0 0 0 205px;	
	
}

.navList #triggerThree{
		margin:0 0 0 222px;	
	
}
.navList #triggerTwo{
		margin:0 0 0 335px;	
	
}

.navList #triggerOne{
		margin:0 0 0 320px;	
	
}



.navList a {
	color:#666;
	cursor: pointer;
	text-decoration:none;
	outline-color:-moz-use-text-color; 
	outline-style:none; 
	outline-width:0;
}

.navList .tooltip a {
	color:#CB95B8;
	padding:0;
	margin:0;
}

.navList .tooltip a:hover {
	color:#666;
	padding:0;
	margin:0;
}

.navList a:hover {
	color:#CB95B8;
	text-decoration:none;
	cursor: pointer;
}

#navOne {
	position:absolute;
	width:220px;
	cursor: pointer;
}

#navTwo {
	cursor:pointer;
	font-size:0.9em;
	margin-left:220px;
	margin-top:-20px;
	position:absolute;
	width:220px;

}

#levelUp{
	display:block;
	font-size:0.9em;
	margin:25.5em 0 0 8em;
	position:absolute;	
}

#levelUp a:hover{
	color:#CB95B8;
	text-decoration:none;
}

#navList a:hover {
		color:#CB95B8;
	text-decoration:none;
}


#navPane{
	width:360px;
	position:absolute;
	padding:0 0 0 20px;
	height:200px;
}


#navList li {
clear:left;
display:inline;
float:left;
list-style-type:none;
margin:0;
padding:3px 5px 0 0;
font-size:1.2em;
}

#navList {
	display:inline;
	list-style-type:none;
	padding:2.5em 0;
	position:absolute;
	width:160px;
}


#logo{
	padding-left:54px;
	width:200px;
	
}

#logo img{
		opacity:0.6;
}

#navigationBackground {
    position: fixed;
    left: 0px;
    top: 145px;
    width: 220px;
    height: 409px;
    z-index: 2;
	background-image:url(../images/sideNav.png);
	background-repeat:no-repeat;
	} 

 #navigation {
 	position:absolute;
    width: 170px;
	height: 409px;
    margin: 0;
	padding:0.8em;
	font-size: 1.4em;
	color:#333333;
	overflow:hidden;
	    z-index: 2;
	} 
	
#navigation a{
	color:#333;
}


/*Nav Ends*/

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
} 

#content {
   height:100%;
	margin:0 auto;
	width:100%;
} 

.page {
   	float:left; 
    width:900px; 
	padding:0;
	position:relative;
}

#pagePress,#pageReco,#pageAbout,#pageAwards,#pageSeven,#pageSix,#pageFive,#pageFour,#pageThree,#pageTwo,#pageOne,#buttonLoadEight,#buttonLoadSeven,#buttonLoadSix,#buttonLoadFive,#buttonLoadFour,#buttonLoadThree,#buttonLoadTwo,#buttonLoadOne {
	display:none;
	
}




#pageDetails{
	display:none;
	
}

.awards{
  font-weight:normal; 
  float:left; 
  padding:0;
  margin:0;
	
}

.pageBackground{
	background: url(../images/infoGrad.png) no-repeat;
	padding:10px 0 0 25px;
	margin:9px 0 0;
	height:405px;
	width:720px;
}

.innerPage{
	height:460px;
	margin:0;
    padding:0;
	
}


.loading{
	background: url(../images/viewer/loader.gif) no-repeat;
	width:3.2em;
	height:3.2em;
	margin:18em auto;
}

/*viewer*/
.shadowBottom{
      position: absolute;
      background: url(../images/viewer/shadowBottom.png) no-repeat;
      width: 100%;
      height: 1.5em;
    }
	
.shadowLeft{	
	position: absolute;
    background:url(../images/viewer/shadowLeft.png) no-repeat;
    height: 410px;
    width: 20px;
	left:-20px;
	top:65px;
  }


/*Footer*/

#copyright{
	padding:0;
	float:left;
	position: relative;
	margin-right: 200px;
}

#contactDetails{
	padding:0;
	float: left;
	position: relative;
	margin-right: 200px;
}

#siteDetails{
	color:#676767;
	display:block;
	font-size:0.8em;
	margin:21em 0;
	position:absolute;
}

#flickrDetails{
	padding:0;
	float: left;
	position: relative;
}

/*Footer ends*/

/**** Scrollable ****/
div.scrollable {	
	position:relative;
	overflow:hidden;
	width: 1800em;	 
	height:49em;	
	margin: 70px 0 0 0;				
}

div.scrollable #pages {	
	position:absolute;
	width:1800em;	
	clear:both;
	margin:0 0 0 60px;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/****scrollable ends****/


 .scrollableFlickr {
        position: relative;
        overflow: hidden;
        width: 640px;
        height: 185px;

    }
 
.scrollableFlickr .items {
        width: 20000em;
        position: absolute;
        clear: both;
    }
    
.scrollableFlickr img {
        float: left;
		padding:5px;
        cursor: pointer;
        width: 120px;
    }
    
   .scrollableFlickr {
        float: left;
    }

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:-24px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
  background: url("../images/forward.png") no-repeat;
        display: block;
        width: 24px;
        height: 35px;
        float: left;
        margin: 5.5em 1em 0 1em;
}

a.prev, a.prevPage {
  background: url("../images/backward.png") no-repeat;
        display: block;
        width: 24px;
        height: 35px;
        float: left;
        margin: 5.5em 1em 0 1em;
}
    a.right {
        background-position: 0;
    }
    
    a.right:hover {
        background-position: -24px;
    }
    
    a.right:active {
        background-position: -24px;
    }
    
    a.left {
        margin-left: 0px;
    }
    
    a.left:hover {
        background-position: -24px;
    }
    
    a.left:active {
        background-position: -24px;
    }

/* root element for tabs  */
ul.tabs img,ul.tabsOne img,ul.tabsTwo img,ul.tabsThree img,ul.tabsFour img,ul.tabsFive img,ul.tabsSix img,ul.tabsSeven img,ul.tabsEight img,ul.tabsNine img,ul.tabsTen img,ul.tabsEleven img,ul.tabsTwelve img,ul.tabsThirteen img,ul.tabsFourteen img { 
	height:98px;
	width:176px;
}
ul.tabs,ul.tabsOne,ul.tabsTwo,ul.tabsThree,ul.tabsFour,ul.tabsFive,ul.tabsSix,ul.tabsSeven,ul.tabsEight,ul.tabsNine,ul.tabsTen,ul.tabsEleven,ul.tabsTwelve,ul.tabsThirteen,ul.tabsFourteen{ 
	float:right;
	height:407px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	/*margin:11px 0 0 0 !important;*/
	padding:0;
	height:98px;
	width:176px;
}

/* single tab */
ul.tabs li,ul.tabsOne li,ul.tabsTwo li,ul.tabsThree li,ul.tabsFour li,ul.tabsFive li,ul.tabsSix li,ul.tabsSeven li,ul.tabsEight li,ul.tabsNine li,ul.tabsTen li,ul.tabsEleven li,ul.tabsTwelve li,ul.tabsThirteen li,ul.tabsFourteen li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 0 0.4em 0;
	list-style-image:none; 
	height:98px;
	width:176px;
}

/* link inside the tab. uses a background image */
ul.tabs a,ul.tabsOne a,ul.tabsTwo a,ul.tabsThree a,ul.tabsFour a,ul.tabsFive a,ul.tabsSix a,ul.tabsSeven a,ul.tabsEight a,ul.tabsNine a,ul.tabsTen a,ul.tabsEleven a,ul.tabsTwelve a,ul.tabsThirteen a,ul.tabsFourteen a  { 
	display:block;
	height:98px;
	width:176px;
	margin:0;
	padding:0;
	/*border:1px solid;*/
}

/* link inside the tab. uses a background image */
ul.tabs a:hover,ul.tabsOne a:hover,ul.tabsTwo a:hover,ul.tabsThree a:hover,ul.tabsFour a:hover,ul.tabsFive a:hover,ul.tabsSix a:hover,ul.tabsSeven a:hover,ul.tabsEight a:hover,ul.tabsNine a:hover,ul.tabsTen a:hover,ul.tabsEleven a:hover,ul.tabsTwelve a:hover,ul.tabsThirteen a:hover,ul.tabsFourteen a:hover  { 
	opacity:0.75;
}


#viewer,#viewerOne,#viewerTwo,#viewerThree,#viewerFour,#viewerFive,#viewerSix,#viewerSeven,#viewerEight,#viewerNine,#viewerTen,#viewerEleven,#viewerTwelve,#viewerThirteen,#viewerFourteen{
                width: 719px;
                overflow: hidden;
                position: relative;
                /*border: 1px solid #ddd;
                margin:11px 0 0 0;*/
                height: 404px;
            }
            
 #panes,#panesOne,#panesTwo,#panesThree,#panesFour,#panesFive,#panesSix,#panesSeven,#panesEight,#panesNine,#panesTen,#panesEleven,#panesTwelve,#panesThirteen,#panesFourteen{
                height: 404px;
                border-width: 1px;
                position: absolute;
                width: 10000px;
            }
            
 #panes div,#panesOne div,#panesTwo div,#panesThree div,#panesFour div,#panesFive div,#panesSix div,#panesSeven div,#panesEight div,#panesNine div,#panesTen div,#panesEleven div,#panesTwelve div,#panesThirteen div,#panesFourteen div   {
                width: 720px;
                text-align: center;
                float: left;
            }
            
       
			
			*{ padding:0px; margin:0px; }
			

#trigger {
	color:#333;
	display:block;
	padding:0;
	text-decoration:none;
	position:relative;
	top:0;
	width:200px;
	
}

/* simple mouseover effect for the trigger */
#trigger:hover {
	color:#ec0092;
text-decoration:none;
}


#pageOne div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:230px;
	padding:10px;
	width:310px;
	display:none;
	color:#343434;
	z-index:10;
}


#pageTwo div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:150px;
	padding:10px;
	width:310px;
	display:none;
	color:#343434;
	z-index:10;
}


#pageThree div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:225px;
	padding:10px;
	width:310px;
	display:none;
	color:#343434;
	z-index:10;
}

#pageFour div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:215px;
	padding:10px;
	width:310px;
	display:none;
	color:#343434;
	z-index:10;
}

#pageFive div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:350px;
	padding:10px;
	width:320px;
	display:none;
	color:#343434;
	z-index:10;
}


#pageSix div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:250px;
	padding:10px;
	width:310px;
	display:none;
	color:#343434;
	z-index:10;
}


#pageSeven div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:235px;
	padding:10px;
	width:310px;
	display:none;
	color:#343434;
	z-index:10;
}


#pageEight div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:260px;
	padding:10px 10px 0 10px;
	width:310px;
	display:none;
	color:#343434;
	z-index:10;
}

#pageNine div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:200px;
	padding:10px;
	width:290px;
	display:none;
	color:#343434;
	z-index:10;
}

#pageTen div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:200px;
	padding:10px;
	width:290px;
	display:none;
	color:#343434;
	z-index:10;
}

#pageEleven div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:200px;
	padding:10px;
	width:290px;
	display:none;
	color:#343434;
	z-index:10;
}

#pageTwelve div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:200px;
	padding:10px;
	width:290px;
	display:none;
	color:#343434;
	z-index:10;
}

#pageThirteen div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:200px;
	padding:10px;
	width:290px;
	display:none;
	color:#343434;
	z-index:10;
}

#pageFourteen div.tooltip {
	border:5px solid #d3d3d3;
	background-color:#ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:13px;
	height:200px;
	padding:10px;
	width:290px;
	display:none;
	color:#343434;
	z-index:10;
}


div.tooltip li{
	clear:left;
	font-size:0.95em;
	line-height:1.2em;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0 5px 0 5px;
}

div.tooltip p{
	font-size:0.95em;
	line-height:14px;
	float:left;
	padding:5px 0 5px 5px;
	margin:0;
}

/* tooltip title element (h3) */
div.tooltip h3 {
	margin:0;
	padding:0 0 0 0.2em;
	font-size:20px;
	border:none;
	color:#CB95B8;
	font-weight: normal;
}

div.tooltipAward li{
	clear:left;
	font-size:0.95em;
	display:inline;
	float:left;
	list-style-type:none;
	margin:0;
	padding:3px 5px 0 5px;
}

div.tooltipAward p{
	padding: 0.4em;
	font-size:0.95em;
}

/* tooltip title element (h3) */
div.tooltipAward h3 {
	margin:0;
	padding:0 0 0 0.3em;
	font-size:20px;
	border:none;
	color:#CB95B8;
	font-weight: normal;
}
/**Flickr Tooltip**/
/* tooltip styling. uses a background image (a black box with an arrow) */
div.tooltipFeed {
	border:5px solid #d3d3d3;
	background-color:#f5f5f5;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:1.2em;
	height:220px;
	width:725px;
	padding:5px;
	display:none;
	color:#343434;
	z-index:10;
}

div.tooltipVimeo {
	border:5px solid #d3d3d3;
	background-color:#f5f5f5;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 5px;
	font-size:1.2em;
	height:220px;
	width:725px;
	padding:5px;
	display:none;
	color:#343434;
	z-index:10;
}


div.tooltipFeed  li{
	clear:left;
display:inline;
float:left;
list-style-type:none;
margin:0;
padding:0;
}

div.tooltipFeed  p{
	padding: 0.5em;
}

/* tooltip title element (h3) */
div.tooltipFeed  h3 {
	margin:0;
	padding:0.1em 0 0 1.5em;
	font-size:25px;
	border:none;
	color:#d483ae;
	font-weight: normal;
}

div.tooltipFeed  h3 span{
	margin:0;
	padding:0;
	font-size:25px;
	border:none;
	color:#343434;
	font-weight: lighter;
}
/**ends**/
.buttons{
	padding:0;
	float:left;
	position: relative;
	margin:24em 17px 0 17px;
}

#buttonsClear{
	padding:0 0 0 18px;
	
}

#aboutButtons{
	display:none;
}

#awardButtons{
	display:none;
}

#backwardButton{
	display:none;
}

.forward{
	display: block;
  width: 20px;
  height: 35px;
  background: url("../images/forward.png") no-repeat 0 0;
  float: left;
  position: relative;
  margin:0;
}

.backward{
  display: block;
  width: 20px;
  height: 35px;
  background: url("../images/backward.png") no-repeat 0 0;
  float: left;
  position: relative;
 margin:0;
}

a:hover.forward{
	background-position:-24px;
}

a:hover.backward{
	background-position:-24px;
}


#hyundai{
	overflow:hidden;
}

div.tooltipFeed ul{
	float:left;
}

#viewer img.playButton {
margin-top:160px;
}


.facebox {
	display:none;
	width:640px;	
	border:5px solid #d3d3d3;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#ffffff;
}

.facebox div {
	padding:10px;
	/*border:1px solid #a07591;*/
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}

.facebox h3 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#CB95B8;
	padding:10px 10px;
	/*border:1px solid #a07591;*/
	font-size:24px;
	display:block;
}

.facebox h4 {
	color:#555;
	font-size:18px;
	line-height:16px;
	padding:0.9em 0 0;

}

.facebox p {
	color:#666666;
	font-size:14px;
	line-height:16px;
	padding:0.9em 0 0;

}

#cv p {
	color:#666666;
	float:right;
	font-size:12px;
	padding:1.5em 0;
	width:320px;
}



.facebox div.close{
	border:medium none;
	float:right;
	margin:-0.7em -0.4em 0 0;
	padding:0;
	position:relative;
	background:none;
	cursor: default;
	color:#fff;
	font-size:1.5em;
}

.facebox a {
color:#DDDDDD;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
text-decoration:none;
}

.facebox a:hover {
color:#fff;
text-decoration:none;
}

.facebox img {
	padding:1em 0 0;

}

form.expose {
	border:1px outset #ccc;
	background:#fff url(http://flowplayer.org/img/global/gradient/h150.png) repeat-x;
	background-position:0 30px;
	border:1px outset #CCCCCC;
	margin:10px 0 0;
	padding:20px;
	text-align:center;
	width:335px;
}

/* http://www.quirksmode.org/css/forms.html */
label, input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
	font-size:13px;
}

br {
	clear: left;
}

#comment{
		display: block;
	width: 155px;
	float: left;
	margin-bottom: 10px;

}

.submit{
	float:right;
margin:-5px -10px 0 0;
}

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	height:20px;
	margin:0 auto;
	width:140px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 

div.navi a:active {
	background-position:0 -16px;     
} 

.QOverlay {
	background-color: #cdcdcd;
	z-index: 9999;
}

.QLoader {
	background-color: #ffffff;
	height: 1px;
}	
	
#iphone{
	float:right;
	margin-right:-5px;
}

#iphone img{
	width:100px;
		opacity:0.2;
}