@charset "UTF-8";
/* CSS Document */

body {	
	background-color: #CCCCCC;
} 
/* Hide from IE-Mac \*/ 
img.bg {
	/* Set rules to fill background */
	min-height: 604px;
	min-width: 100%;

	/* Set up proportionate scaling */
	width: auto;
	height: 100%;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}
/* End hide */

div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 

	/* These have no effect on the functionality */
	
}

body {
	/* These rules have no effect on the functionality */
	/* They are for styling only */
	margin: 0;
	padding: 20px 0 0 0;
}
/*STRUCTURE*/
#scrollable { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	z-index: 2; 
}
/*Central Container*/
#centrecontainer {
	width: 650px;
	height: 655px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #FFFFFF;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 0px;
	background-color: #FFFFFF;
	
}

/*Landing Page*/
#centrelanding {
	left:50%;
	margin-left:-265px;
	margin-top:-60px;
	position:absolute;
	text-align:center;
	top:50%;
	height: 106px;
	width: 529px;
}

/*TOP NAV*/

#mainnav {
	width: 535px;
	height: 18px;
	margin: 41px 59px 41px 59px;
}

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 535px;
	height: 18px;
	background: #FFFFFF url(images/nav.png) no-repeat;
}



/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 18px;
	background: url(images/nav.png) no-repeat;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(images/nav.png);
}	
	
/*</group>*/

.hide {display:none;}


/*<group=level 1 ids>*/

li#home a {
	width: 65px;
 }

li#about a {
	width: 79px;
}

li#about a:link,
li#about a:visited,
li#about a:hover {
	background-position: -65px 0px;
}

li#cravings a {
	width: 108px;
}

li#cravings a:link,
li#cravings a:visited,
li#cravings a:hover {	
	background-position: -142px 0px;
}


li#sessions a {
	width: 109px;
}

li#sessions a:link, 
li#sessions a:visited, 
li#sessions a:hover {	
	background-position: -252px 0px;
}

li#blog a {
	width: 66px;
}

li#blog a:link, 
li#blog a:visited, 
li#blog a:hover {	
	background-position: -360px 0px;
}

li#contact a {
	width: 101px;
}

li#contact a:link,
li#contact a:visited, 
li#register a:hover {	
	background-position: -539px 0px;
}

	
/*</group>*/






/*TITLE*/
#title {
	width: 535px;
	margin: 41px 59px 10px 59px;
	padding: 41px 0px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#bodytext {
	width: 535px;
	margin: 25px 59px 5px 59px;
	height: 240px;
}

#bodytextfull {
	width: 535px;
	margin: 15px 59px 15px 59px;
	height: 260px;
	overflow: auto;
	Overflow-x:hidden;
}



#subnav {
	width: 535px;
	margin: 5px 59px 5px 59px;
	border: 1px solid #FFFFFF;
	height: 16px;
}

#subnav2 {
	width: 535px;
	margin: -21px 59px 5px 59px;
	border: 1px solid #FFFFFF;
	height: 16px;
}

#footer {
	width: 535px;
	margin: 10px 59px 10px 59px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #999999;
	height: 111px;
}

/*Typography*/

/* centre content */
p {
	font-family: "Helvetica", arial, sans-serif;
	line-height: 1.1em;
	font-weight: normal;
	font-size: 14px;
	color: #999999;
	text-align: center;
	margin: 0px 0px 15px 0px;
	
}

.p2 {
	font-family: "Helvetica", arial, sans-serif;
	line-height: 1.1em;
	font-weight: normal;
	font-size: 13.35px;
	color: #999999;
	text-align: center;
	margin: 0px 0px 15px 0px;
	
}

.outside {
	display: table; 
	height: 240px; 
	width: 535px; 
	_position: relative; 
	overflow: hidden;
}
.outside2 {
	display: table; 
	height: 261px; 
	width: 535px; 
	_position: relative; 
	overflow: hidden;
}
.inside {
	_position: absolute; 
	_top: 50%; 
	display: table-cell; 
	vertical-align: middle;
}

.buttons{
	vertical-align: text-top;
}

img {
	border-style: none;
}

a {
	color: #999999;
	text-decoration:underline;
}

#footertext {
	color: #999999;
}

socialhold {

}

.list {
	margin: 6px 8px;
}

#botform {
	margin: 15px 0px 0px 0px;
	height: 23px;
}


#bottext {
	margin: 5px 0px;
	height: 50px;
}

#logocontainer {
	float: right;
	margin: 0px 25px 6px 0px;
	width: 535px;
	text-align: right;
}