html, body		{ margin: 0 auto; text-align: center; font-size: 12px; color: #c6c0b8; }
html			{ background: url('../images/backer-dark.jpg') top center; }
body			{ background: url('../images/backer-header.jpg') top center repeat-x; }
body, textarea	{ font-family: Helvetica, Arial, sans-serif; }
ul, li, p, h1, h2, h3, h4 { padding: 0; margin: 0; list-style: none; }

/* Global */

a		 { text-decoration: none; color: #ec696f; }
a:hover  { color: #ffdfc0; }
a:active { color: #b75a2a; }
a img	 { border: none; }

div#dark  { min-height: 20px; }
div.area  { margin: 0 auto; }
div.one	  { width: 940px; padding: 0 30px 0 30px; text-align: left; }
div.two	  { margin: 0 auto; background: url('../images/backer-middle-repeat.jpg') top center; }
div.three { height: 60px; background: url('../images/backer-middle-top.jpg') top center repeat-x; }
div.four  { width: 940px; padding: 0 30px 0 30px; text-align: left; }
div.five  { height: 90px; background: url('../images/backer-footer.png') top center repeat-x; margin: 50px 0 0 0; }
p.button  { text-align: right; }
p.button span { visibility: hidden; }


ul.list{}
ul.list li {width:255px; float:left; clear:both; /*list-style-image: url('../images/list-style.jpg');*/
   background:url(../images/list-style.jpg) 0 3px no-repeat;
   padding:0 0 10px 25px; text-shadow: 1px 1px #161412; }

/* Header */

h1 		{ height: 175px; padding: 45px 0 0 0; }
h1 a 	{ height: 120px; width: 160px; display: block; background: url('../images/logos/cork.png'); }
h1 span { visibility: hidden; }

/* Menu */

#menu{width:auto; float:left; clear:both;}
ul#menu li			{width:auto; float:left; clear:none; padding: 0px 20px 0 0;}
ul#menu li a		{float:left;  color: #e3dacd; display:inline; cursor: pointer; padding:0 0 1px 0; height: 25px; }
ul#menu li a:hover 	{ color: #f28a55; }
ul#menu li a:active { padding: 1px 0 0 0; }
ul#menu li a.open	{ background: url('../images/menu-arrow.jpg') no-repeat; }
ul#menu li a#menu-background.open	{ background-position: 40px 20px; }
ul#menu li a#menu-reasons.open		{ background-position: 55px 20px; }
ul#menu li a#menu-facts.open		{ background-position: 34px 20px; }
ul#menu li a#menu-images.open		{ background-position: 31px 20px; }
ul#menu li a#menu-partners.open		{background-position: center 20px;}
ul#menu li a#menu-wedding.open		{background-position: center 20px;}

/* About */

div#about	 { float: left; width: 370px; padding: 33px 0 0 0; }
div#about h2 { text-indent: -9999px; height: 104px; background: url('../images/titles/about.png') no-repeat; padding: 0 0 20px 0; }
div#about p	 { padding: 10px 0 0 0; line-height: 19px; text-shadow: 1px 1px #161412; }

div#about p.button			{ background: url('../images/divider.jpg') top no-repeat; margin: 10px 0 0 0; padding: 20px 0 0 0; }
div#about p.button a		{ float: right; display: block; width: 114px; height: 40px; border: none; background: url('../images/buttons/read-more.jpg') no-repeat; cursor: pointer; }
div#about p.button a:hover	{ background-position: 0 -40px; }
div#about p.button a:active	{ background-position: 0 -80px; }

/* Pledge */

div#pledge { float: right; width: 550px; height: 430px; background: url('../images/pledge.png') no-repeat; margin: 0 -10px 0 0; }
div#pledge.back-thanks { background-position: 0 -430px; }
div#pledge.back-pledge { background-position: 0 0; }
div#pledge div.letter		{ padding: 100px 30px 0 30px; color: #6b6761; font-size: 12px; font-weight: bold; text-shadow: 1px 1px #f1efef; }
div#pledge div.letter p		{ padding: 0 0 10px 0; line-height: 20px; }
div#pledge form.pledge		{ padding: 20px 25px 0 25px; }
div#pledge form.pledge p	{ padding: 0 0 15px 0; font-size: 10px; color: #86827b; }
div#pledge form.pledge p.button { float: right; width: 150px; padding: 0 20px 0 0; }
div#pledge form.pledge p.tos 	{ float: left; width: 300px; padding: 0 10px 0 0; }
div#pledge form.pledge p.left		{ float: left; width: 250px; }
div#pledge form.pledge p.right		{ float: right; width: 250px; }
div#pledge form.pledge p label		{ font-size: 11px; font-weight: bold; text-shadow: 1px 1px #f1efef; color: #6b6761; }
div#pledge form.pledge p label a		{ color: #6b6761; border-bottom: 1px solid #b2aca4; }
div#pledge form.pledge p label a:hover	{ color: #cd4040; border-bottom: 1px solid #6b6761; }
div#pledge form.pledge button			{ width: 101px; height: 35px; text-indent: -9999px; border: none; background: url('../images/buttons/send.png') no-repeat; cursor: pointer; }
div#pledge form.pledge button:hover		{ background-position: 0 -35px; }
div#pledge form.pledge button:active	{ background-position: 0 -70px; }
div#pledge form.pledge button span		{ visibility: hidden; }
div#pledge form.pledge input.field,
div#pledge form.pledge input.field-error { width: 210px; height: 23px; padding: 10px; border: none; background: url('../images/field.png') no-repeat; color: #76726c; font-weight: bold; text-shadow: 1px 1px #ffffff; }
div#pledge form.pledge input.field-error { background-position: 0 -43px; color: #c04141; }

div#pledge div.thanks	{ padding: 110px 40px 0 40px; }
div#pledge div.thanks p	{ padding: 0 0 10px 0; line-height: 20px; color: #6b6761; text-shadow: 1px 1px #FFFFFF; font-weight: bold; }
div#pledge div.thanks p.shareFB	{ text-align: center; font-size: 11px; font-weight: bold; padding: 40px 0 0 0; }
div#pledge div.thanks p.shareFBLink			 { padding: 30px 0 0 100px; }
div#pledge div.thanks p.shareFBLink a		 { display: block;  height: 52px; width: 252px; background: url('../images/buttons/facebook.png') no-repeat; }
div#pledge div.thanks p.shareFBLink a span	 { visibility: hidden; }
div#pledge div.thanks p.shareFBLink a:hover  { background-position: 0 -52px; }
div#pledge div.thanks p.shareFBLink a:active { background-position: 0 -104px; }

div#pledge form.pledge p#notice { color: #c04141; text-shadow: 1px 1px #ffffff; font-weight: bold; margin: -15px 0 0 0; }

/* News */

div#news	{ clear: both; float: left; width: 370px; padding: 50px 0 0 0; text-shadow: 1px 1px #141210; }
div#news h2 { text-indent: -9999px; height: 25px; background: url('../images/titles/news.png') no-repeat; padding: 0 0 20px 0; }

div#news h3	{ font-size: 17px; color: #d6d1ca; padding: 0 0 5px 0; }
div#news h4	{ font-size: 11px; color: #9a8f82; padding: 0 0 5px 0; }
div#news p	{ line-height: 19px; padding: 10px 0 20px 0; margin: 0 0 10px 0; background: url('../images/divider.jpg') bottom no-repeat;  }

div#news p.button			{ background: none; }
div#news p.button span 		{ float: left; display: block; width: 360px; padding: 5px 0 0 0; text-align: left; font-size: 11px; color: #8f8c87; }
div#news p.button a			{ float: right; display: block; width: 114px; height: 40px; border: none; background: url('../images/buttons/read-more.jpg') no-repeat; cursor: pointer; }
div#news p.button a:hover	{ background-position: 0 -40px; }
div#news p.button a:active	{ background-position: 0 -80px; }

/* Facebook */

div#facebook	{ float: right; width: 540px; padding: 50px 0 0 0; }
div#facebook h2 { text-indent: -9999px; height: 25px; background: url('../images/titles/facebook.png') no-repeat; padding: 0 0 20px 0; }
div#facebook p#like { float: right; width: 250px; height: 25px; margin: -45px 0 0 0; text-align: right; }
div#facebook p { color: #c6c0b8; text-shadow: 1px 1px #161412; line-height: 18px; }

ul#wall-posts { margin: 20px 0 20px 0; }
ul#wall-posts li { clear: both; padding: 20px 0 15px 0; background: url('../images/divider.jpg') top no-repeat; }
ul#wall-posts li span.img { float: left; width: 55px; }
ul#wall-posts li span.msg { float: right; width: 470px; line-height: 19px; padding: 0 0 5px 0; }
ul#wall-posts li span.msg strong a { color: #c0e1ff;}
ul#wall-posts li span.msg strong a:hover { color: #ffdfc0; }
ul#wall-posts li span.msg em	{ font-size: 11px; color: #bdb2b2; }
ul#wall-posts li.divider		{ clear: both; background-position: 0 10px; padding: 0; height: 15px; }

div#facebook p.button			{ text-align: left; }
div#facebook p.button a			{ float: right; display: block; width: 114px; height: 40px; border: none; background: url('../images/buttons/read-more.jpg') no-repeat; cursor: pointer; }
div#facebook p.button a:hover	{ background-position: 0 -40px; }
div#facebook p.button a:active	{ background-position: 0 -80px; }

/* Footer */

div#footer { margin: 0 auto; width: 910px; padding: 0 30px 0 30px; text-align: left; }
div#footer p { float: left; width: 300px; padding: 35px 0 0 0; font-size: 10px; letter-spacing: 1px; color: #5b5751; }
div#footer p a { font-size: 12px; color: #c6c0b8; }
div#footer p a:hover { color: #FFFFFF; }

ul#sponsors				{ float: right; padding: 20px 0 0 20px; width: 580px; }
ul#sponsors li			{ float: right; padding: 0 0 0 40px; }
ul#sponsors li a		{ display: block; background: url('../images/logos/sprite.gif') no-repeat; text-indent: -9999px; }
ul#sponsors li.euro a	{ background-position: -358px -68px; width: 79px; height: 66px;  }
ul#sponsors li.euro a:hover	{ background-position: -358px 0px; }
ul#sponsors li.qren a		{ background-position: -212px -66px; width: 145px; height: 61px;  }
ul#sponsors li.qren a:hover	{ background-position: -212px -1px; }
ul#sponsors li.compete a	{ background-position: -95px -65px; width: 114px; height: 60px;  }
ul#sponsors li.compete a:hover	{ background-position: -95px -1px; }
ul#sponsors li.apcor a			{ background-position: -2px -66px; width: 82px; height: 63px;  }
ul#sponsors li.apcor a:hover	{ background-position: -2px -1px; }

/* Slider */

div.column 	 { float: left; width: 280px; padding: 0 30px 0 0; }
div.left	 { width: 315px; }
div.right	 { padding: 0; margin: -15px 0 0 0; }
div.column p { padding: 0 0 10px 0; line-height: 20px; }
.image_text{width:100%; margin:0; padding:0 0 10px 0; float:left; clear:both; border:0px solid red;}
div.slide	 { clear: both; padding: 30px 0 20px 0; display: none; position: relative; }

a.closeSlide { position: relative; float: right; top: -55px; right: 20px; color: #e3dacd; padding: 5px; cursor: pointer; }
a.closeSlide:hover { background: #9a2b2b; }

/* Background */

div#background.slide { height: 250px; }
div#background h2	 { text-indent: -9999px; height: 95px; background: url('../images/titles/background.png') no-repeat; padding: 0 0 20px 0; }

/* Reasons */

div#reasons.slide { height: 700px; }
div#reasons h2	{ text-indent: -9999px; height: 55px; background: url('../images/titles/reasons.png') no-repeat; padding: 0 0 20px 0; }
div#reasons div.column p	{ padding: 0 0 20px 0; }

/* Facts */

div#facts.slide { height: 540px; }

/* Images */

div#images a.closeSlide { top: -30px; }

div#images.slide { height: 610px; padding: 0; }
div#images.slide li { font-size: 11px; line-height: 18px; }
div#images.slide li span { font-weight: bold; line-height: 25px; font-size: 12px; }

div#image_carousel {
	float: left;
    width:  840px;
    padding: 20px 0 0 0;
    margin: 0;
    height: 565px;
}

div#image_carousel ul {
	background: transparent !important;
	padding: 0;
	margin: 0;
	width:  870px;
    height: 565px;
}

div#image_carousel ul li {
	float: left;
	width: 260px;
    height: 565px;
    padding: 0 30px 0 0;
    margin: 0;
}

div#images a span { visibility: hidden; }
div#images a#cNext,
div#images a#cPrev { height: 50px; width: 45px; display: block; cursor: pointer; background: url('../images/buttons/next-prev.jpg') no-repeat; }
div#images a#cNext { float: right; margin: 127px 0 0 0; }
div#images a#cPrev { float: left; background-position: 0 -50px; margin: 150px 0 0 0; }
div#images a:hover { opacity: 0.5; }

img.doubleclick { position: absolute; }

/* 'Partners' area 22 Dec 2010 */
#partners{height:900px; border:0px solid red;}
#partners a{text-decoration:none; color:#C0E1FF;}
#partners a:hover{color:#ffdfc0;}

#partners a.closeSlide { position: relative; float: right; top: -55px; right: 20px; color: #e3dacd; padding: 5px; cursor: pointer; }
#partners a.closeSlide:hover { background: #9a2b2b; }

.partner_row{width:860px; margin:20px 0 0 0; padding:0 0 40px 0; float:left; clear:both; border-bottom:1px solid #f9f9f9;}
.partner{width:195px; float:left; padding:0 15px 0 5px; border:0px solid blue;}
.partner_top{width:100%; height:108px; margin:0; padding:0; float:left; clear:both;}
.partner_text{width:100%; margin:10px 0 0 0; padding:0; float:left; clear:both;}

.partner_intro{width:100%; margin:0; padding:0 0 12px 0; float:left; clear:both; font-weight:bold; letter-spacing:0.75px;}

/* Royal Wedding, Apr MMXI */
#downloads{height:308px;}

/* Column Headers */
#wedding_col1_h3{width:100%; height:54px; margin:0; padding:0 0 12px 0; float:left; clear:both; text-indent:-9999px; line-height:0; font-size:0;
   background:url(../images/wedding_col1_h3.png) 0 0 no-repeat;}
#wedding_col2_h3{width:100%; height:54px; margin:0; padding:0 0 12px 0; float:left; clear:both; text-indent:-9999px; line-height:0; font-size:0;
   background:url(../images/wedding_col2_h3.png) 0 40px no-repeat;}
#wedding_col3_h3{width:100%; height:54px; margin:0; padding:0 0 12px 0; float:left; clear:both; text-indent:-9999px; line-height:0; font-size:0;
   background:url(../images/wedding_col3_h3.png) 0 20px no-repeat;}

#downloads .column p{padding:0 0 20px 0;}
#downloads .column p a img{padding:0 10px 0 0; margin:0; float:left; clear:none;}

/* downloads */
#download_buttons{width:226px; margin:0; padding:0; float:right; clear:both; border:0px solid blue;}
#downloads_left_detail{width:61px; height:58px; margin:0; padding:0; float:left; clear:none;
   background:url(../images/downloads_left_detail.png);}

#android{width:226px; height:30px; margin:0; padding:0; float:left; clear:both; text-indent:-9999px; line-height:0; font-size:0;
   background:url(../images/DL_both2.png) 0 0 no-repeat;}
#android:hover{background-position:0 -58px;}

#iPhone{width:226px; height:28px; margin:0; padding:0; float:left; clear:both; text-indent:-9999px; line-height:0; font-size:0;
   background:url(../images/DL_both2.png) 0 -30px no-repeat;}
#iPhone:hover{background-position:0 -88px;}

#ringtone_holder{width:100%; margin:0; padding:0; float:left; clear:both;}
#ringtone{width:169px; margin:0; padding:0; float:right; clear:both; text-align:right!important;}
#ringtone a{width:169px; height:36px; margin:0; padding:0; float:left; clear:both; line-height:0; font-size:0;
   background:url(../images/ringtone.png) 0 0 no-repeat; text-decoration:none; color:transparent!important; background-color:transparent!important;}
#ringtone a:hover{background-position:0 -36px;}

#disclaimer{width:100%; height:80px; margin:0 0 0 0; padding:0; float:left; clear:both; font-size:0; line-height:0; text-indent:-9999px;
   background:url(../images/disclaimer.gif) bottom right no-repeat; border:0px solid blue;}