/* padding    top  right  bottom  left */
/*   use body1.gif  */
body {
background-image : url('images/back.jpg');
font-family:rockwell;color:#3c3a3a;
background-attachment: fixed;
}    /*  text colour */


table, td {
border:none;
}


.cat {			
background-image : url('images/dancingcat3.gif');
font-size:20px;			
vertical-align:top;
width:194px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.logo {			
background-image : url('images/logo11.gif');
font-size:20px;			
vertical-align:top;
width:756px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.toprow {			
background:#363636; 
font-size:20px;			
vertical-align:top;
width:780px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


.copyright	{
padding:5px 0px 5px 190px;
font-size:15px;color:white;	
font-style:italic;
font-weight: bold
}


h1 {	
font-size:35px;
white-space:nowrap;    /* means header does not shrink */
margin:20px 0 5px 0px;
text-align:center;
}

p {		
font-size:20px;
text-align:justify;
margin:10px 40px 0px 50px;
}  	   


/* padding    top  right  bottom  left */


.toc {			
font-size:20px;			
vertical-align:top;
width:100px;
padding:30px 5px 30px 5px;
margin:0px 0px 50px 0px;
}

a.four {margin:0 0 0 0px}


.toc2 {			
font-size:20px;			
vertical-align:top;
width:10px;
padding:0px 0px 0px 0px;
}


.main {		
vertical-align:top;
background-image : url('images/3.gif');
font-family:arial;
padding:0px 0px 0px 0px;
}


.frontpagetext {		
font-size:25px;
font-weight:bold; 
letter-spacing: 0.05em;
color:#000000;
text-align:center;
padding:20px 20px 0px 20px;
} 

.frontpagetext2 {
color:#1f1e1e;
font-size:20px;
font-weight:bold; 
text-align:center;
padding:20px 20px 0px 20px;
} 

.frontpagetext3{	
font-size:35px;   
font-weight:bold; 
color:#000000;
letter-spacing: 0.1em;
margin:20px 5px 5px 5px;
text-align:center;
}

.frontpagetext4 {
font-size:20px;
font-weight:bold; 
text-align:center;
padding:0px 20px 0px 20px;
} 

a.one {margin:0 0 0 0px}
a.one:link {color: #ffffff; text-decoration:none} 
a.one:visited {color: #ffffff;text-decoration:none}
a.one:hover {color: #ffffff; text-decoration:underline}



							/*  ABOUT PAGE   */


.aboutpagetext2 {
color:#1f1e1e;
font-size:20px;
font-weight:bold; 
text-align:justify;
padding:20px 30px 0px 20px;
} 

.aboutpagetext3{	
font-size:35px;   
font-weight:bold; 
color:#000000;
letter-spacing: 0.1em;
margin:20px 5px 5px 5px;
text-align:center;
}


							/*  ENQUIRIES PAGE   */




.enquiriespagetext {		
font-size:25px;
font-weight:bold; 
letter-spacing: 0.05em;
color:#000000;
text-align:center;
padding:0px 20px 0px 20px;
} 


.enquiriespagetext2 {
color:#1f1e1e;
font-size:20px;
font-weight:bold; 
text-align:left;
padding:20px 30px 0px 30px;
} 


.enquiriespagetext3{	
font-size:35px;   
font-weight:bold; 
color:#000000;
letter-spacing: 0.1em;
margin:20px 5px 5px 5px;
text-align:center;
}

a.two {margin:0 0 0 0px}
a.two:link {color: #3c3a3a; text-decoration:none} 
a.two:visited {color: #3c3a3a;text-decoration:none}
a.two:hover {color: #3c3a3a; text-decoration:underline}




							/*  CREW PAGE   */


.nametext1 {
color:#1f1e1e;
font-size:20px;
font-weight:bold; 
text-align:center;
padding:20px 20px 0px 20px;
} 


.nametext2 {
color:#1f1e1e;
font-size:20px;
font-weight:bold; 
text-align:center;
padding:20px 20px 0px 20px;
} 


.crewpagetext3{	
font-size:35px;   
font-weight:bold; 
color:#000000;
letter-spacing: 0.1em;
padding:20px 5px 20px 300px;
}


.crewleftsidebar {
width:280px;			
float:left;
border:none;
margin:0px 0px 0px 0px;
}

.crewrightsidebar {
width:280px;			
float:right;
border:none;
margin:0px 0px 0px 0px;
}

							/*  PHOTO PAGE   */
/* padding    top  right  bottom  left */

.thumbs  {
width:700px;
text-align:center;
padding:0px 0px 0px 30px;
}				

.thumbs2  {
width:700px;
text-align:center;
padding:0px 0px 0px 80px;
}				



.picpagetext {		
font-size:25px;
font-weight:bold; 
letter-spacing: 0.05em;
color:#000000;
text-align:center;
padding:20px 20px 0px 20px;
} 

.picpagetext2 {		
font-size:20px;
font-weight:bold; 
letter-spacing: 0.05em;
color:#000000;
text-align:center;
padding:0px 20px 0px 20px;
} 


							/*  LETTERS PAGE   */
/* padding    top  right  bottom  left */


.thumbs3  {
width:700px;
text-align:center;
padding:0px 0px 0px 44px;
}				

.thumbs4 {
width:700px;
text-align:center;
padding:0px 0px 0px 100px;
}






							/*  KIDS PAGE   */


.kidspagetext {		
font-size:25px;
font-weight:bold; 
letter-spacing: 0.05em;
color:#000000;
text-align:center;
padding:20px 20px 0px 20px;
} 

.kidspagetext2 {
color:#1f1e1e;
font-size:20px;
font-weight:bold; 
text-align:center;
padding:20px 20px 0px 50px;
} 

.kidspagetext3{	
font-size:35px;   
font-weight:bold; 
color:#000000;
letter-spacing: 0.1em;
margin:20px 5px 5px 5px;
text-align:center;
}

.kidspagetext4 {
color:#1f1e1e;
font-size:20px;
font-weight:bold; 
text-align:left;
padding:0px 20px 0px 50px;
} 

.kidspagetext5 {
color:#1f1e1e;
font-size:20px;
font-weight:bold; 
text-align:center;
padding:0px 20px 0px 30px;
} 




							/*  OK AND ERROR PAGE   */


.okpagetext {
color:#1f1e1e;
font-size:20px;
font-weight:bold; 
text-align:center;
padding:20px 30px 0px 20px;
} 


.errorpagetext{	
font-size:35px;   
font-weight:bold; 
color:red;
letter-spacing: 0.1em;
margin:20px 5px 5px 5px;
text-align:center;
}


.errorpagetext2 {
color:red;
font-size:20px;
font-weight:bold; 
text-align:center;
padding:20px 30px 0px 20px;
} 

.copyright2	{
padding:5px 0px 5px 290px;
background:#363636; 
font-size:15px;color:white;	
font-style:italic;
font-weight: bold
}


a.three {margin:0 0 0 0px}
a.three:link {color: red; text-decoration:none} 
a.three:visited {color: red;text-decoration:none}
a.three:hover {color: red; text-decoration:underline}



							/*  HIGHSLIDE   */




.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 4px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 4px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: white;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: .5em;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}


/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border:2px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}




h2 {		
font-size:19px; font-style:italic;
color:#16116a;
font-weight:normal;
margin:10px 20px 10px 50px;
}

h3 {		
font-size:19px; 
color:#16116a;
font-weight:normal;
margin:10px 20px 10px 50px;
}


.rightsidebar {
width:150px;			
float:right;
border:none;
background:#006666;
color:white;
margin:0px 0px 0px 0px;
}

.leftsidebar {
width:40px;			
float:left;
border:none;
color:white;
margin:0px 0px 0px 0px;
}

.caption {
font-size:.8em; 
font-style:italic; 
color:black;
text-align:center;
padding:5px; 
margin:0; 
color:red;
}



.center {	
text-align:center;
}

.right {	
text-align:right;
}


.logobar  {
padding:0px 0px 0px 0px
}				

.toc a:link {
color:white;
text-decoration:none;
font-weight:bold;
}

.toc a:visited {
color:white;
text-decoration:none;
font-weight:bold;
}

.toc a:hover {	
color:white;
text-decoration:underline;
font-weight:bold;
}

.toc a:active {	
color:white;
text-decoration:underline;
} 

a:link.current {color:yellow}


						
#form1	{
padding:5px 0px 5px 50px;
background:#2013cb; 
font-size:15px;color:white;	
font-style:italic;
font-weight: bold
}
			
#form2	{
padding:5px 0px 5px 50px;
background:#2013cb; 
font-size:15px;color:white;	
font-style:italic;
font-weight: bold
}
             
#head1	{
font-weight:normal; 
font-size: 20px;
color:#0B02A2;
text-align:center
}

#head2 	{
font-weight:normal; 
font-size: 20px;
color:#0B02A2;
 padding:0px 0px 0px 50px;
}

#text 	{
font-weight:normal; 
font-size: 20px;
color:#0B02A2;
padding:0px 20px 0px; 
text-align:justify
}

#text2 	{
font-weight:normal; 
font-size: 18px;
color:#0B02A2;
 padding:0px 20px 0px 50px;
text-align:justify
}

#text3 	{
font-weight:normal; 
font-size: 20px;
color:red;
 padding:0px 0px 0px 20px;
text-align:justify
}

#text4 	{
font-weight:normal; 
font-size: 20px;
color:red;

text-align:center
}

/* padding    top  right  bottom  left */





a.four {margin:0 0 0 0px}
a.four:link {color: #2013cb; text-decoration:none} 
a.four:visited {color: #2013cb;text-decoration:none}
a.four:hover {color: #2013cb; text-decoration:underline}


#quote 	{
font-weight:normal; font-style:italic;
font-size: 20px;
color:#0B02A2;
margin:10px 40px 0px 50px;
text-align:justify
}

#quote2 	{
font-weight:normal; font-style:italic;
font-size: 18px;
color:#0B02A2;
margin:10px 40px 0px 50px;
text-align:justify
}


/*  --------------PORTFOLIO PAGE ----------------*/

/* padding    top  right  bottom  left */

.portpagetext {		
font-size:20px;
text-align:justify;
margin:20px 0px 20px 20px;
} 

.portpagetext1 {		
font-size:20px;
text-align:justify;
margin:50px 0px 50px 20px;
}  

.portpagetext2 {		
font-size:20px;
text-align:justify;
margin:0px 0px 0px 30px;
}  

.portpagetext3 {		
font-size:16px;
font-weight:bold; 
text-align:justify;
margin:40px 0px 0px 350px;
}  


/* padding    top  right  bottom  left */

.leftsidebar2 {
width:200px;			
float:left;
border:2px  solid #2113cb;
margin:0px 0px 0px 0px;
}

.leftsidebar3 {
width:200px;			
float:left;
border:2px  solid #2113cb;
margin:0px 30px 0px 40px;
}

.leftsidebar4 {
width:200px;			
float:left;
border:2px  solid #2113cb;
margin:180px 30px 0px 40px;
}

.leftsidebar5 {
width:200px;			
float:left;
border:2px  solid #2113cb;
margin:150px 30px 0px 40px;
}

.leftsidebar5 {
width:200px;			
float:left;
border:2px  solid #2113cb;
margin:150px 30px 0px 40px;
}

.leftsidebar5 {
width:200px;			
float:left;
border:2px  solid #2113cb;
margin:150px 30px 0px 40px;
}

.leftsidebar5 {
width:200px;			
float:left;
border:2px  solid #2113cb;
margin:150px 30px 0px 40px;
}

.leftsidebar5 {
width:200px;			
float:left;
border:2px  solid #2113cb;
margin:150px 30px 0px 40px;
}