/* The TNCC Site */

html {
	font-size: 100%;
	/*overflow-y: scroll;*/	
}

body {
	font-size: 62.5%;
	font-family: "Helvetica", "Arial", sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	background-image:url(../images/bg.jpg);
	background-repeat: repeat-x;
	height: 100%;
}

/* Image Preloader */
.preload { 
	position: absolute;
	margin-left: -9999px;
	background: url(../images/home_btn_hover.png) no-repeat; 
	background: url(../images/ourstory_btn_hover.png) no-repeat;  
	background: url(../images/oursweets_btn_hover.png) no-repeat; 
	background: url(../images/funstuff_btn_hover.png) no-repeat; 
	background: url(../images/posted_btn_hover.png) no-repeat; 
	background: url(../images/chat_btn_hover.png) no-repeat; 
}

/* Main Elements */

#container {
	width: 950px;
	height: 700px;
	margin: 0pt auto;
} 

#header {	
	height: 120px;
	margin: 0px;
	padding: 10px 0 0 0;
}

#header .logo {
	width: 220px;
	height: 126px;
}

#header .navigation {
	margin-left: 290px;
	margin-top: -100px;	
}

#body {
	height: 490px;
}

#footer {
	text-align: center;	
	height: 60px;
	z-index: 100;
}

/* Language selection */ 

div#fb-link {
	width: 31px;
	height: 31px;
	position: absolute;
	left: 100px;
	top: 42px;
}

div#fb-link a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(../images/facebook.gif) no-repeat;
}

#country-flag-cont 
{
    width: 160px;
    height: 100px;
    position: absolute;
    margin-left: 750px;
    margin-top: -100px;
    z-index: 100;
}

.flag-cont 
{
    position: absolute;
    width: 50px;
    height: 50px;
    margin-left: 150px;
}

.irish 
{
    background-image: url(../images/irish-flag-small.png); 
    margin-top: 40px;   
}  

.irish-link a
{
    display: block;
    height: 48px;
    width: 48px;
    margin-top: 40px;
}

.uk 
{
    background-image: url(../images/uk-flag-small.png); 
    margin-top: 40px;   
}  

.uk-link a
{
    display: block;
    height: 48px;
    width: 48px;
    margin-top: 40px;
}

#imaginosity-image 
{
    width: 96px;
    height: 94px;
    background-image: url(../images/imaginosity_logo.png);
    position: absolute;
} 

#imaginosity-link a
{
    display: block;
    width: 96px;
    height: 94px;
    position: absolute;
} 

#fundays-image 
{
    width: 96px;
    height: 94px;
    background-image: url(../images/TNCC_Fundays_final_96x57.png);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center bottom;
    left:55px;
} 

#fundays-link a
{
    display: block;
    width: 96px;
    height: 94px;
    position: absolute;
    left:55px;
} 

#mindi-link a {
    display: block;
    height: 96px;
    left: 50px;
    top:100px;
    position: absolute;
    width: 150px;
}

#mindi-image {
    background-image: url("../images/MandI_150.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 96px;
    left: 50px;
    top:100px;
    position: absolute;
    width: 150px; 
}

.irish-home-only {
    display:none;
}
 
/* Text containers */

.text_cont {
	font-size: 1.2em;
	position: absolute;	
}

.home_text {
	color: #43a523;
	width: 175px;
	font-size: 1.2em;	
	font-weight: bold;
	text-align: left;
	line-height: 1.3em;
	margin-top: 80px;
	margin-left: 60px;
}

/* Graphic elements */

.graphic {
	display: block ;
	position: absolute;
}

/* Lists */

ul {
	margin: 0;
	padding: 0;	
}

ul li {
	list-style: none;	
}

/* Top Navigation */

ul.toplinks li {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;	
}

.nav_boxes {
	position: absolute;	
	display: block;
}

.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus
{
position:static;
width:auto;
height:auto;
}

.home {
	background-image: url(../images/home_btn_hover.png);
	width: 70px;
	height: 90px;	
	z-index: 1;
}

.home_uk {
	background-image: url(../images/home_btn_uk_hover.png);
	width: 104px;
	height: 107px;
	z-index: 1;	
	margin-top: -20px;
	margin-left: -20px;
}

.story {
	background-image: url(../images/ourstory_btn_hover.png);
	width: 80px;
	height: 95px;	
	z-index: 2;
	margin-left: 60px;
	margin-top: -15px;
}

.sweets {
	background-image: url(../images/oursweets_btn_hover.png);
	width: 90px;
	height: 76px;	
	z-index: 8;
	margin-left: 110px;
	margin-top: 15px;
}

.fun {
	background-image: url(../images/funstuff_btn_hover.png);
	width: 90px;
	height: 91px;
	z-index: 5;
	margin-left: 190px;
}

.posted {
	background-image: url(../images/posted_btn_hover.png);
	width: 92px;
	height: 95px;	
	z-index: 4;
	margin-left: 255px;
	margin-top: -20px;
}

.guzzle {
	background-image: url(../images/gz/gz_nav.png);
	width: 66px;
	height: 42px;	
	z-index: 4;
	margin-left: 255px;
	margin-top: -20px;
}

.chat {
	background-image: url(../images/chat_btn_hover.png);
	width: 102px;
	height: 99px;	
	z-index: 4;
	margin-left: 310px;
	margin-top: -10px;
}

.home_sel {
	background-image: url(../images/home_btn.png);
	width: 70px;
	height: 90px;	
	z-index: 1;
}

.home_uk_sel {
	background-image: url(../images/home_btn_uk.png);
	width: 104px;
	height: 107px;
	z-index: 1;	
	margin-top: -20px;
	margin-left: -20px;
}

.story_sel {
	background-image: url(../images/ourstory_btn.png);
	width: 80px;
	height: 95px;	
	z-index: 2;
	margin-left: 60px;
	margin-top: -15px;
}

.sweets_sel {
	background-image: url(../images/oursweets_btn.png);
	width: 90px;
	height: 76px;	
	z-index: 3;
	margin-left: 110px;
	margin-top: 15px;
}

.fun_sel {
	background-image: url(../images/funstuff_btn.png);
	width: 90px;
	height: 91px;	
	z-index: 5;
	margin-left: 190px;
}

.posted_sel {
	background-image: url(../images/posted_btn.png);
	width: 92px;
	height: 95px;	
	z-index: 4;
	margin-left: 255px;
	margin-top: -20px;
}

.chat_sel {
	background-image: url(../images/chat_btn.png);
	width: 102px;
	height: 99px;	
	z-index: 4;
	margin-left: 310px;
	margin-top: -10px;
}

/* Nav boxes Links */
.navigationLinks { position: absolute; width: 410px; height: 100px; margin-left: 290px; top: 30px; z-index: 200; }
.innerwrap a { display: block; float: left;}

.home_link a { width: 70px; height: 90px; }
.story_link a { width: 70px; height: 90px; margin-left: -10px;}
.sweets_link a { width: 60px; height: 60px; margin-left: -5px; margin-top: 30px; }
.fun_link a { width: 60px; height: 80px; margin-top: 8px; }
.posted_link a { width: 80px; height: 60px; margin-left: 5px; margin-top: 10px;}
.chat_link a { width: 70px; height: 60px; margin-left: -5px; margin-top: 20px;}

/* Bottom Nav */

ul.bottomlinks li {
	display: inline;
	margin: 0px;	
	padding: 0pX;
	color: #999;
	font-size: 1.0em;
}

ul.bottomlinks li a {
	display: inline;
	margin: 0px;	
	padding: 0px 0px 0px 5px;
	color: #999;
	font-size: 1.1em;
}

ul.bottomlinks li a:hover {
	color: #333;
}

/* Typography */

/* General Calls */

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;	
	font-weight: normal;
} 

p {
	margin: 5px 0px;	
}

a {
	text-decoration: none;	
	outline: none;
}	

a:hover {
	color: #333;	
}

.invis {
	display: none;	
}
/*leaving page */
.leaving_sweets 
{
    width: 152px;
    height: 77px;
    background-image: url(../images/error_sweets.png);
    margin-left: 400px;
    margin-top: 150px;
}
.leaving_buttons
{
	margin-top: -50px;
}
.leaving_button_leave
{
	background-image:url(../images/leaving_leave.png);
}
#leaving
{
	margin-top: 50px;
}

/* Error Page */

.error_sweets 
{
    width: 152px;
    height: 77px;
    background-image: url(../images/error_sweets.png);
    margin-left: 400px;
    margin-top: 250px;
}

.error_bubble_small 
{       
    width: 198px;
    height: 142px;
    background-image: url(../images/error_small.png);
    margin-left: 200px;
    margin-top: 270px;
}  

.error_bubble_small_inner  
{  
    width: 140px;
    height: 120px;
    margin-top: 46px;
    margin-left: 22px;
    color: #dc949f;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
} 

.error_bubble_medium 
{       
    width: 160px;
    height: 143px;
    background-image: url(../images/error_medium.png);
    margin-left: 390px;
    margin-top: 105px;
}  

.error_bubble_medium_inner  
{  
    width: 120px;
    height: 120px;
    margin-top: 35px;
    margin-left: 18px;
    color: #ff68ae;
    font-size: 17px;
    line-height: 19px;
    font-weight: bold;
    text-align: center;
}

.error_bubble_large
{       
    width: 342px;
    height: 250px;
    background-image: url(../images/error_big.png);
    margin-left: 560px;
    margin-top: 55px;
}  

.error_bubble_large_inner  
{  
    width: 200px;
    height: 200px;
    margin-top: 45px;
    margin-left: 80px;
    color: #98da53;
    font-size: 23px;
    line-height: 26px;
    font-weight: bold;
    text-align: center;
}  

div.clear {
	clear: both;
}

div#navigation {
	position: absolute; width: 616px; height: 60px; margin-left: 210px; top: -10px; z-index: 200;
}

	#mainNav {
		width:auto;
		height:60px;
		list-style:none;
		margin:35px 0 0 10px;
		background: transparent;
	}
	
	#mainNav li{
		float:left;
		margin:0 0px 0 0;
		cursor:pointer;
	}

	ul#mainNav li a{
		display:block;
	}	
	
		ul li a#flavourOfTheMonth{
			background: url('../images/menu/flavourmonth1.gif');
			height:83px;
			width:120px;
		}
		
		ul li a#flavourOfTheMonth:hover{
			background: url('../images/menu/flavourmonth.gif');
		}
		
		ul li a#ourStory{
			background: url('../images/menu/ourstory1.gif');
			height:83px;
			width:72px;
		}
		
		ul li a#ourStory:hover{
			background: url('../images/menu/ourstory.gif');
		}
		
		ul li a#ourSweets{
			background: url('../images/menu/our_sweets1.gif');
			height:83px;
			width:79px;
		}
		
		ul li a#ourSweets:hover{
			background: url('../images/menu/our_sweets.gif');
		}
		
		ul li a#naturalArchive{
			background: url('../images/menu/natural_archive1.gif');
			height:83px;
			width:89px;
		}
		
		ul li a#naturalArchive:hover{
			background: url('../images/menu/natural_archive.gif');
		}
		
		ul li a#fancyAChat{
			background: url('../images/menu/fancy1.gif');
			height:83px;
			width:85px;
		}
		
		ul li a#fancyAChat:hover{
			background: url('../images/menu/fancy.gif');
		}
		
		ul li a#posted{
			background: url('../images/menu/posted.gif');
			height:83px;
			width:85px;
		}
		
		ul li a#guzzle{
			background: url('../images/menu/guzzle.png');
			height:42px;
			width:66px;
			margin: 25px 0 0 10px;
		}
		
		ul li a#posted:hover{
			background: url('../images/menu/posted1.gif');
		}
		
		

#preLoader{
	text-align:center;
	width:150px;
	height:150px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-75px 0 0 -75px;
	font-family:"Arial";
	color:#ff703e;
}