/* STYLE GUIDE COLOURS 

DARK BLUE	#002C5F

LIGHT BLUE	#0088CE

GREEN		#A2AD00

ORANGE		#CE8E00

RED			#983222

*/


/* Main TAGS
---------------------------------------------------*/
body {
	margin:0;
	padding:0;
	height:100%; /* this is the key! */
	background-color:#f1f1f2;
	font-family: Helvetica, Arial, sans-serif;
} 
html {height: 100%;}
#beattitude {
	background-color:#fff;
}
a:link {
	color:#0088CE;
	text-decoration:none;
}
a:hover {
	color:#CE8E00;
	text-decoration:none;
}
a:visited {
	color:#0088CE;
	text-decoration:none;
}
a:active {
	color:#0088CE;
	text-decoration:none;
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}


/* Layout
---------------------------------------------------*/
#container {
	width: 1100px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	background-color: #002C5F;
	background-image: url(../images/bg.gif);
	background-position: 1000px;
	background-repeat: no-repeat;
}
#logo {
	height: 90px;
	width: 720px;
	padding-left: 20px;
	margin-left: 110px;
	padding-top: 45px;
}
#logo p {
	color:#FFF;
	font-size: 12px;
	padding-left: 400px;
}
#memberslogin {
	float: right;
	padding-top: 15px;
	padding-right: 5px;
	color: #EEEFEE;
	text-align: right;
	margin-top: 10px;
	font-size: 11px;
}

#search {
	float: right;
	width: 210px;
	background-color: #FFF;
	height: 75px;
	overflow: hidden;
}

#colorbar {
	width: 680px;
	margin-left: 200px;
    background-color: #FFFFFF;
	height: 25px;
	padding-left: 10px;
}
#menu {
	height: 75px;
	background-color: #FFF;
}
#whitebox {
	background-color: #002C5F;
	width:200px;
	height:75px;
	float:left;
}
#nav {
	width: 690px;
	background-color: #FFF;
	margin-left: 200px;
	padding-top: 0px;
	padding-bottom: 10px;
	height: 30px;
	text-transform: uppercase;
}
#left {
	width: 180px;
	min-height: 320px;
	float: left;
	padding: 10px;
}
#left p {
	font-size: 10px;
	padding:3px;
	margin:0;
}
.leftmembers {
	padding: 10px 0 0 30px;
}
#education .leftmembers a {
	background-image:none;
}
#education .leftmembers a:hover {
	background-image:none;
}
#middle {
	width: 660px;
	float: left;
	margin-bottom: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#launchpage {
	width: 675px;
	float: left;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 10px;
}
#launchpage li {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#launchpage ul {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#right {
	float: right;
	width: 210px;
}
#footer {
	width: 1100px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-size: 9px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #3B3D3C;
}

/* Boxes
---------------------------------------------------*/
#tagline {
	margin-top: 30px;
	color: #FFF;
	margin-left: 350px;
	width: 380px;
}
#searchbox {
	width: 175px;
	border: 1px solid #00305f;
	padding: 10px;
	color: #0D2F5E;
	height: 40px;
	margin-top: 10px;
	margin-left: 5px;
	background-color: #f9f9fb;
}
#box {
	width: 175px;
	border: 1px solid #00305f;
	padding: 10px;
	color: #0D2F5E;
	margin-top: 10px;
	margin-left: 5px;
	background-color: #f9f9fb;
	position:relative;
}
#box h1 {
	color: #002C5F;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	padding:0;
	margin:0;
}


.prev, .prev2 {
	width: 12px;
	height: 12px;
	background-image:url(../images/button_arrows.png);
	background-position: left top;
	background-color: transparent;
	border: 0;
}
.prev:hover, .prev2:hover {
	background-position: left bottom;
}
.next:hover, .next2:hover {
	background-position: right bottom;
}
.next, .next2 {
	width: 12px;
	height: 12px;
	background-image:url(../images/button_arrows.png);
	background-position: right top;
	background-color: transparent;
	border: 0;
	float:right;
}
.box {
	width: 170px;
}
#box .newsbox {
	width: 170px;	
}
#box .newsbox ul li{
	width: 170px;
	padding: 0;
	margin:0;
}
.productssidebar ul li {
	list-style:none;
	padding:0 5px 0 0;
	margin:0;
	width: 170px;
	height: 120px;
}
#right #box {
	margin-bottom: 10px;
}
#memberslogin {
	text-align:right;
}
#memberslogin input.logologin {
	border: 0px;
	margin-left: 150px;
	background-color: #002C5F;
}
#memberslogin input {
	background-color: #00396d;
	border: 1px solid #b9c8d7;
	color:#FFF;
	margin-top:2px;
	font-size: 10px;
}
#memberslogin .textbox {
	width: 140px;
}
#memberslogin .submit {
	width: 50px;
}
#searchbox .searchfield input {
	background-color: #ffffff;
	border: 1px solid #0D2F5E;
	color: #0D2F5E;
	
}
#middle input {
	background-color: #ffffff;
	border: 1px solid #0D2F5E;
	color: #0D2F5E;
}
.logintext {
	font-size: 10px;
}
/* Secure Login Box
----------------------------------------------- */
div.secureloginboxmain{
	margin:30px auto; 
	
	width:400px;
	}
div.secureloginbox .textbox {
	width: 140px;
}
div.secureloginbox{
	border:solid 1px #002C5F;
	background:#f9f9fb;
	padding:20px;
	color:#333333;
	margin-bottom:20px;
}
div.secureloginbox h1 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
div.secureloginbox p{padding-bottom:14px;}

div.secureloginbox input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:180px;
}

div.secureloginbox label{
	display:block;
	margin-bottom:5px;
	color:#555555;
}

div.secureloginbox label span{
	display:block;
	float:left;
	padding-right:15px;
	
	width:70px;
	text-align:right;
	font-weight:normal;
	font-size:12px;
}
.spacer{margin-left:90px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}
#securelogin {
	width: 450px;
    border: 1px solid #002C5F;
    padding: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-color: #f9f9fb;
    }
#securelogin input {
    background-color: #ffffff;
	border: 1px solid #0D2F5E;
	color: #0D2F5E;
    margin-left: 40px;
}
#securelogin label {
	width: 20px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
}
.logintext {
	font-size: 10px;
}
#resources_item {
	width: 660px;
	display: block;
	border-bottom: 1px dashed #CCC;
	margin: 0 0 10px;
	padding: 5px;
	float: left;
	
 }
 #resources_item p {
	line-height: 15px;
	text-align: left;
 }
 #prod_img img{
	height:100px;
	width: 100px;
	border: 1px solid #E4E4E4;
	padding: 0;
 }
  #prod_img2 img{
	width: 130px;
	border: 1px solid #E4E4E4;
	padding: 0;
 }
 #prod_img {
	 float:left;
	 height:100px;
	 width: 100px;
	 margin-right: 20px;
 }
 #prod_img2 {
	 float:left;
	 height:100px;
	 width: 130px;
	 margin-right: 20px;
 }
#shortdescription {
 	height: 65px;
	overflow:hidden;
 }
 #resources_detail {
 	width: 650px;
    border: 1px solid #CCC;
    margin-top: 10px;
    padding: 10px;
 }
 #resources_detail_left {
	width: 145px;
    padding-right: 0px;
    
 }
  #resources_detail_left p{
	 text-align:left;
 }
 #resources_detail_right {
	width: 480px;
    border-left: 1px solid #CCC;
    padding-left: 10px;
    padding-bottom: 20px;
    padding-right: 10px;
    float: right;
    line-height: 15px;
  
}
#newsandevent_left {
	width: 310px;
    padding-right:10px;
    }
#newsandevent_right {
	width: 310px;
    padding-left:10px;
    float: right;
    border-left: 1px solid #0D2F5E;
    }
#newsandevent_image {
	float: left;
}
#newsandevent_image img {
	padding: 5px;
}
#newsandevent_item {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
    }
#memberslogin a:link {
	color: #FFFFF;
    text-decoration: none;
}
#memberslogin a:hover {
	color: #0088CE;
    text-decoration: none;
}
#memberslogin a:visited {
	color: #0088CE;
    text-decoration: none;
}
#memberslogin a:active {
	color: #0088CE;
    text-decoration: none;
}
.enews {
	background-image:url(../images/image_enews.png);
	background-repeat: no-repeat;
	background-position: 95px 5px;
}
#boximage {
	float:right;
}
#boximage img {
	width:80px;
	height:auto;
}
img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter {
text-align:center;
margin:0 auto;
}

/* Our People Page
---------------------------------------------------*/
#ourpeople {
}
#ourpeople .profile1 {
	width: 300px;
	float: left;
}
#ourpeople .profile2 {
	width: 300px;
	margin-left: 320px;
}
#ourpeople h2 {
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 3px;
	color:#0088CE;
}
#ourpeople h3 {
	font-size: 10px;
	padding-top: 3px;
	padding-bottom:5px;
}

/* Contact Form
---------------------------------------------------*/

p.contacttext {
margin-bottom: 15px;
}

.contactfield {
padding: 0 10px 10px 0;
}

#contactform label {
color: #333;
}
#contactfield {
	font-size: 11px;
    }

inputvalidate-alpha, input.validate-email, input.required, input.notrequired {
padding: 2px;
border: 1px solid #ccc;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #333;
width: 300px;
}

#contactform textarea.required {
padding: 2px;
border: 1px solid #ccc;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #333;
width: 460px;
height: 200px;
}
#contactform textarea.area {
padding: 2px;
border: 1px solid #ccc;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #333;
width: 460px;
height: 200px;
}

#contactform input.submit {  /* -- For both comments and contact submit -- */
cursor: pointer;
width: 75px;
}

#contactform input.submit:hover {
color: #3080cb;
}

#contactform .validation-advice {
color: #CE8E00;
background: #fff url(../images/alert.gif) no-repeat left center;
padding-left: 22px;
}

#contactform .requiredfield {
font-size: 10px;
font-style: italic;
color: #CE8E00;
}
#middle #news_short {
	margin-left: 100px;
}
#contact-area {
	width: 380px;
	margin-top: 25px;
}
#contact-area-login {
	width: 280px;
	margin-top: 25px;
}
#contact-area-login input {
	padding: 5px;
	width: 150px;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area input, #contact-area textarea, #contact-area select {
	padding: 5px;
	width: 250px;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #0088CE;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}
#contact-area-login input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 11px;
}
#didyouknow {
	width: 350px;
	height: 260px;
	background-image: url(../images/didyouknow.jpg);
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 60px;
	padding-left: 250px;
}
/* Sliding right image 
*/
#productsbox a:link {
	color: #fff;
}
#productsbox a:hover {
	color: #F3F3F3;
}
#box .enews a:link {
	color: #fff;
}
a.button {
	display: block;
	float: left;
	height: 21px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 12px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/button_right_01.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.button {
	color: #fff;
}
a.button span {
	display: block;
	line-height: 8px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 6px 12px;
	color: #fff;
	background-color: transparent;
	background-image: url(../images/button_left_01.png);
	background-repeat: no-repeat;
} 
a.button:hover span{
text-decoration:none;
}


/* PODCAST STYLING 
--------------------------------------------------------- */

.podcast {
	padding: 10px 10px 5px 10px;
	background-color: #F5F5F5;
}
.podcast h2 {
	font-size:13px;
	font-weight:bold;
	color: #A2AD00;
}
.podcast img {
	float:left;
	display: block;
	margin: 0 0 30px 0;
}
#middle .podcastsmall {
	font-size:10px;
}
.player {
	padding: 5px;
	background-color:#fff;
	margin-bottom: 5px;
}
.podcast p {
	min-height: 50px;
}
/* HOME Boxes
--------------------------------------------------------- */

#home_boxes {
	padding: 0;
	margin: 0;
}
#home_boxes img {
	padding: 0;
	margin: 0;
	float:left;
}
#home_boxes ul {
	padding: 0;
	margin: 0;
}
#home_boxes ul li {
	list-style:none;
	width: 340px;
	height:145px;
	float:left;
	padding:0;
	margin:0;
}
#home_boxes ul li h1 {
	color: #fff;
	font-size: 20px;
	font-weight: lighter;
	margin: 100px 0 0 20px;
}
#home_boxes ul li p {
	color: #fff;
	font-size: 12px;
	font-weight: lighter;
	margin: 4px 0 0 20px;
}
#home_boxes ul p a {
	color:#fff;
}
#home_boxes ul li a:hover {
	color:#CCC;
}
li.about {
	background-image:url(../images/beattitude_homepage_about.jpg);
	background-repeat:no-repeat;
}
li.education {
	background-image:url(../images/beattitude_home_education.jpg);
	background-repeat:no-repeat;
}
li.resources {
	background-image:url(../images/beattitude_homepage_resources.jpg);
	background-repeat:no-repeat;
}
li.community {
	background-image:url(../images/beattitude_home_community.jpg);
	background-repeat:no-repeat;
}
	
#home_boxes img:hover {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.quote h2 {
	font-size:18px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	color: #003C82;
}
.quote p {
	font-size:11px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	color: #0088CE;
	font-style: italic;
}
.quote {
	padding: 20px 0 0 0;
	margin-bottom: 50px;
	position:relative;
	width: 170px;
}
.quote1 {
	background-image: url(../images/quotes.gif);
	width: 14px;
	height: 14px;
	background-position:left top;
	position: absolute;
	top: 0;
	left: 0;
}
.quote2 {
	background-image: url(../images/quotes.gif);
	width: 14px;
	height: 14px;
	background-position:right bottom;
	position: absolute;
	bottom: 0;
	right: 0;
}
.events {
	padding: 10px;
	background-color: #F5F5F5;
}
#middle .events p {
	padding: 0;
	margin:0;
}

/* CALENDAR 
-------------------------------------------------- */

.calendarBG {
	width: 90%;
	background-color:#f9f9fb;
	border:solid 1px #E5E7E8;
	padding: 2px;
}
.calendarBG tr, .calendarBG th, .calendarBG td {
	padding: 5px;
}
.calendarHeader {
	background-color:#0088CE;
	color: #fff;
	padding: 5px;
	border-bottom:solid 1px #fff;
}
.calendarDayHeading {
	padding: 5px;
	text-align:center;
	vertical-align: middle; 
	background-color: #0088CE;
	color: #fff;
}
.calendarCell {
	text-align: center;
	vertical-align: middle;
	color: #666;
	background-color: #f9f9fb;
	height: 30px;
	border:1px solid #E5E7E8;
} 
.calendarToday {
	text-align: center;
	vertical-align: middle;
	color: #0088CE;
	background-color: #f9f9fb;
	padding: 5px;
	height: 30px;
	border:1px solid #E5E7E8;
}
.calendarBlank {
	text-align: center;
	vertical-align: middle;
	color: #999;
	background-color: #F8F9F9;
	padding: 5px;
	height: 30px;
	border:1px solid #E5E7E8;
}
.calendarMonthLinks a {
	color: #fff;
}
.calendarCell a {
	display:block;
	background-color:#0088CE;
	color: #fff;
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
}
.calendarCell a:hover {
	background-color:#00A7FE;
}

/* DATE SPRITRES 
-------------------------------------------------- */

.readmorelink {
	display: block;
	background-color:#0088CE;
	color: #fff;
	width: 75px;
	height: 25px;
}
.postdate {
position: relative;
width: 66px;
height: 60px;
float: left;
}
.month, .day, .year {
position: absolute;
text-indent: -1000em;
background-image: url(../images/date_img.png);
background-repeat: no-repeat;
}
.month { top: 0px; left: 0; width: 33px; height: 30px;}
.day { top: 20px; left: 0; width: 33px; height: 30px;}
.year { top: -18px; right: 13px; width: 20px; height: 65px;}

.m-01 { background-position: 0 0px;}
.m-02 { background-position: 0 -30px;}
.m-03 { background-position: 0 -62px;}
.m-04 { background-position: 0 -94px;}
.m-05 { background-position: 0 -125px;}
.m-06 { background-position: 0 -155px;}
.m-07 { background-position: 0 -185px;}
.m-08 { background-position: 0 -217px;}
.m-09 { background-position: 0 -248px;}
.m-10 { background-position: 0 -279px;}
.m-11 { background-position: 0 -310px;}
.m-12 { background-position: 0 -341px;}

.d-01 { background-position: -51px 0;}
.d-02 { background-position: -51px -27px;}
.d-03 { background-position: -51px -57px;}
.d-04 { background-position: -51px -91px;}
.d-05 { background-position: -51px -122px;}
.d-06 { background-position: -51px -151px;}
.d-07 { background-position: -51px -185px;}
.d-08 { background-position: -51px -214px;}
.d-09 { background-position: -51px -249px;}
.d-10 { background-position: -51px -275px;}
.d-11 { background-position: -51px -309px;}
.d-12 { background-position: -51px -338px;}
.d-13 { background-position: -51px -373px;}
.d-14 { background-position: -51px -404px;}
.d-15 { background-position: -51px -436px;}
.d-16 { background-position: -51px -462px;}
.d-17 { background-position: -100px -0px;}
.d-18 { background-position: -100px -27px;}
.d-19 { background-position: -100px -57px;}
.d-20 { background-position: -100px -91px;}
.d-21 { background-position: -100px -122px;}
.d-22 { background-position: -100px -151px;}
.d-23 { background-position: -100px -185px;}
.d-24 { background-position: -100px -214px;}
.d-25 { background-position: -100px -249px;}
.d-26 { background-position: -100px -275px;}
.d-27 { background-position: -100px -309px;}
.d-28 { background-position: -100px -338px;}
.d-29 { background-position: -100px -373px;}
.d-30 { background-position: -100px -404px;}
.d-31 { background-position: -100px -436;}

.y-2009 { background-position: -150px 0;}
.y-2010 { background-position: -150px -60px;}
.y-2011 { background-position: -150px -120px;}
.y-2012 { background-position: -150px -180;}
.y-2013 { background-position: -150px -240px;}
.y-2014 { background-position: -150px -300px;}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

a.booking1, a.booking2 {
	display: block;
	background-color:#0088CE;
	padding: 10px;
	color: #fff;
	float:left;
	margin: 5px;
}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(../images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(../images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(../images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(../images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(../images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(../images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
		
		
/* GALLERY */

ul#gallery {
	padding: 0;
	margin: 0;
	list-style:none;
}
ul#gallery li {
	padding: 0;
	margin: 0;
	list-style:none;
	float: left;
	width: 650px;
	border-bottom: solid 1px #ccc;
}