/* CSS Document */

body{
	background-color:#000000;
	background-image:url(../graphics/bg.jpg);
	
	background-repeat:repeat-x;
	
	width:800px;
	max-width:800px;
	padding-left:50PX;

}

p.pink {
color:#FF00FF;

}

.portfoliosFlash {
margin-left:25px;
}

displayimage{
border-color:#000000;
border-style:solid;
border:5px;
}


Div.messageBoard{
margin:auto;
width:500px;
text-align:left;
background-color:#000000;



}

Div.newMessage{

background-color:#ffffff;
color:#000000;
font-size:16px;
font-weight:bold;
padding-top:10px;
padding-left:10px;
padding-right:10px;
background-color:#000000;
background-image:url(../cards/springtime_New_Lanark_World_Heritage_Site.jpg);
border-bottom-color:#000000;
border-bottom-style:solid;
border-bottom-width:20px;
margin:20px;
margin-top:0px;

}

.messageHeader {
text-align:center;
font-size:18px;
font-style:bold;
}



.portfolioContent {
color:#FFFFFF;
line-height:35px;
padding-bottom:25px;
letter-spacing:1pt;
text-align:center;
font-size:14px;

}


.bigText{
font-size:x-large;

}


.submit {
border:0px;
border-bottom:1px;

background-color:#202020;
color:#FFFFFF;
}
.oneImageRight{
float:right;
border:1px;
border-style:1px;
border-color:#000000;
margin-top:40px;

}






.container{
	margin-top:0px;
	margin-left:auto;	
	margin-right:auto;	
	text-align:left;	
	width:900px;
	display:block;

}

.top{
display:block;
color:#0066AA;



}

.nav{
clear:both;
float:left;
	padding-top:15px;
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	color:#0066AA;
	margin-bottom:25PX;
}




/* -----------------------------------------
		THE FOLOWING SECTION IS USED  
		
		PRIMARILY ON THE INDEX / HOME PAGE 
		
		TO DISPLAY THE IMAGES ON THE RIGHT 
		HAND SIDE - USES A 'FIX' FOR REMOVING
		
		THE BORDERS AROUND THE IMAGES		

 ----------------------------------------- */
.indexPageBlock{
	color:#0066AA;
	padding:5px;
	width:480px;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	border-width:0px;
	border-color:#ffffff;
	border-style:solid;
	float:right;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:4px;
	line-height:20px;
	}
img.thumbs {
border:0px;/* 1. Remove Borders from Images */
		   /* 2. Step to to remove the Borders takes a wee bit
		   		 of Jimming- see index.html for example*/

}


.thumbs{

}
a.thumbs{
}

.indent{
padding-left:10pt;
}

.indexContainer{
width:900px;
	margin-left:auto;	
	margin-right:auto;
	clear:both;
	
}

.portfoliosContainer{
width:100%;
	margin-left:auto;	
	margin-right:auto;
	clear:both;
	text-align:center;
	
}

.indexContent{
width:350px;
line-height:35px;
padding-bottom:25px;
letter-spacing:1pt;
color:#0066AA;
text-align:justify;
float:left;
}

.servicesContent{
line-height:18pt;
letter-spacing:1pt;
color:#006699;
padding-top:18pt;
}

.contactContent{
line-height:18pt;
letter-spacing:1pt;
color:#ffffff;
padding-top:18pt;
text-align:center;

}
/* ----------------------------------------- */


/*------Exhibits--------------------- */



.eventsPics {

float:right;
width:205px;
color:#FFFFFF;
padding:5px;

padding-bottom:25px;
PADDING-RIGHT:50PX;


margin-top:70px;
border-width:0px;
color:#FFFFFF;
border-style:solid;
display:block;

}
.eventsPicInd {
border-color:#FFFFFF;
border-style:solid;
border-width:0px;
padding-bottom:25px;
border-bottom:0px;
border-top:0px;

}
.eventsPicIndT {
border-color:#FFFFFF;
border-style:solid;
border-width:0px;
padding-bottom:25px;
border-bottom:0px;
}
.eventsPicIndB {
border-color:#FFFFFF;
border-style:solid;
border-width:0px;
padding-bottom:25px;
border-top:0px;
}

.eventsText {
text-align:center;
color:#0066AA;

padding-bottom:25px;


}


p.message {
font-family:Arial, Helvetica, sans-serif;
padding-left:20px;
padding-right:20px;
	padding:2px;
	text-align:center;
	paddingtop:5px;
	/**background-image:url("../events2.jpg");**/
	color:#ffffff;
	background-color:#333333;
}

.event {
font-family:Arial, Helvetica, sans-serif;
	border-width:0px;
	border-bottom:0px;
	border-top:0px;
	border-color:#ffffff;
	border-style:solid;
	padding:10px;
	text-align:center;
	margin-bottom:25px;
	/**background-image:url("../events2.jpg");**/
	

	color:#ffffff;
	background-color:#333333;
}

h2.event {
font-family:Arial, Helvetica, sans-serif;
letter-spacing:4px;
line-height:20px;
margin-left:25px;
margin-right:25px;
background-color:#242465;

}
.event2 {
font-family:Arial, Helvetica, sans-serif;
	border-width:0px;
	border-color:#ffffff;
	border-style:solid;
	padding:30px;
	text-align:center;
	margin-bottom:25px;
	background-image:url(../event209.jpg);
	color:#000000;
	font-size:20;
	font-weight:bolder;
}
.event3 {
	border-width:0px;
	border-bottom:0px;
	border-top:0px;
	border-color:#0066AA;
	border-style:solid;
	padding:10px;
	text-align:center;
	margin-bottom:25px;
	background-color:#FFFFFF;
	color:#000000;
}

.event5 {
	border-width:0px;
	border-bottom:0px;
	border-top:0px;
	border-color:#0066AA;
	border-style:solid;
	padding:10px;
	text-align:center;
	margin-bottom:25px;
	background-color:#000000;
	color:#ffffff;
}


.eventsContent{
color:#000000;
padding-top:25px;

padding-bottom:25px;

}

/*------------------------------------------- */
.footContent{
border-top-style:dashed;
border-top-width:1px;
border-bottom-style:dashed;
border-bottom-width:1px;
line-height:18pt;
letter-spacing:1pt;
color:#006699;
padding:2pt;
text-align:center;
}

.footContainer{
width:900px;
margin:auto;
}

/* -----------------------------------------
		THE FOLOWING SECTION IS USED  
		
		PRIMARILY ON THE ABOUT PAGE 
		
		TO DISPLAY THE IMAGES ON THE RIGHALONG 
		THE Bottom
 ----------------------------------------- */
.aboutPageBlock{
padding-top:25pX; /*Decrease when content is suppied*/
display:block;
clear:both;
PADDING-LEFT:50PX;
}

.aboutContent{
color:#006699;
width:900px;
margin:auto;
clear:both;

}

.aboutTextContainer{
float:left;
padding-right:25px;
padding-left:25px;
width:500px;
}
.aboutText {
color:#0066AA;
line-height:35px;
padding-bottom:25px;
letter-spacing:1pt;
float:left;

}


.aboutPics {
float:right;
width:205px;
color:#FFFFFF;
text-align:center;
padding-bottom:25px;
PADDING-RIGHT:50PX;
}
.aboutPicInd {
border-color:#FFFFFF;
border-style:solid;
border-width:0px;
padding-bottom:25px;
}

/* ----------------------------------------- */

.white {
color:#0066AA;
}


.picTitle{
font-size:22px;
color:#0066AA;
FONT-WEIGHT:BOLD;
}


.picCaption{
margin-top:5px;
font-size:14px;
color:#0066AA;
padding-left:10px;
padding-right:10px;
text-align:center;
}
.price{
font-size:18px;
color:#0066AA;
}


.portfolioNav{
display:block;
	padding:15px;
	padding-top:0px;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#ffff00;
}



.portfolioContent{
margin:auto;
display:block;
clear:both;
}

div.imageRow{
display:block;
clear:both;
}

.portfolioItem {
border:1px;
border-size:1px;
border-style:solid;
width 250px;
top 50px;
color:ffffff;
text-size:50px;

}


.portfolioPageBlock{
display:block;
clear:both;
}



#col_one { 
width: 30%; /* Allows for fluid design. Can be set to pixels */ 
float: left; 
background-color:#202020; /* Only here so you can see the different columns */ 
border: thin solid #0066AA; /* again, just so you can see the different columns */ 
margin-bottom:25px;
padding:5px;
padding-bottom:25px;
padding-top:20px;
text-align:center;
min-height:200px;
background-image:url(../portfolio/portfolioback.jpg);
background-repeat:repeat-x;
} 

#col_two { 
width: 30%; 
float: left; 
background: #202020; /* Only here so you can see the different columns */ 
border: thin solid #0066AA; /* again, just so you can see the different columns */ 
margin-left:20px;
padding:5px;
margin-right:20px;
margin-bottom:25px;
padding-bottom:25px;
padding-top:20px;
text-align:center;
min-height:200px;
background-image:url(../portfolio/portfolioback.jpg);
background-repeat:repeat-x;

} 

#col_three { 
width: 30%; 
float: left; 
background: #202020; /* Only here so you can see the different columns */ 
border: thin solid #0066AA; /* again, just so you can see the different columns */ 
padding:5px;
margin-bottom:25px;
padding-bottom:20px;
padding-top:25px;
text-align:center;
background-image:url(../portfolio/portfolioback.jpg);
background-repeat:repeat-x;

min-height:200px;
} 


.logoBackground{
float:left;

}



img{


}





a.navigation{ 
	padding-right:25px;
	padding-left:25px;
	margin-top:5px;
	text-decoration:underline;
	
}

a.navigation:link {
	color:#FFFFFF;
}
a.navigation:visited {

	color:#FFffff;
}
a.navigation:hover {
	color:#ffffff;
}


a.hover {
	color:#0066AA;
	background-color:#000000;
	text-decoration:none;
	}
a.hover:link {
	color:#0066AA;
	background-color:#000000;}
a.hover:visited {
	color:#0066AA;
}
a.hover:hover {
	color:#0066AA;
	background-color:#000000;
}



.logoRunner {

}

.siteNameBackShadow {
background-color:#7F7F7F;
width:300px;
height:85px;
position:absolute;
top:100px;
margin-left:10px;
}


.siteName {
position:absolute;
top:90px;
color:#0066AA;
font-size:48px;
margin-left:10px;

}

.siteNameShadow {
position:absolute;
top:95px;
color:#A3A3A3;
font-size:48px;
margin-left:8px;
}

.siteName2{
position:absolute;
color:#0066AA;
padding-left:48px;
font-size:36px;
top:100px;
}

.siteName2Shadow{
position:absolute;
top:105px;
color:#A3A3A3;
padding-left:46px;
font-size:36px;
}

.siteNameSepetator{
padding-left:100px;
padding-right:10px;
}

.tagLine{
	color:#000000;
	position:absolute;
	
}


/* FORM */

.form{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

margin:auto;
background-image:url(../form.jpg);
font:Arial, Helvetica, sans-serif;
color:#000000;
padding:25px;

}

.form2{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

margin:auto;
background-image:url(../form2.jpg);
font:Arial, Helvetica, sans-serif;
color:#000000;
padding:25px;

}

.formContainer{
width:900px;


}


.formContent{
padding-left:100px;
margin-top:25px;
color:#000000;
width:597px;
float:left;
}

fieldset{
border:1px solid #006699;
background-color:#fffff;
background-image:url(../images/contactimage.jpg);
}

legend{
font-size:bigger;
font-weight: bolder;
color:#FFFFFF;
}

label{
display:block;
}

.formlable{
font-family:Arial, Helvetica, sans-serif;
	border-width:0px;
	border-bottom:0px;
	border-top:0px;
	border-color:#ffffff;
	border-style:solid;
	padding:10px;
	text-align:center;
	margin-bottom:25px;
	margin-left:200px;
	margin-right:200px;
	/**background-image:url("../events2.jpg");**/

	color:#ffffff;
	background-color:#333333;
}

input:focus{
background-color: #ffffcc;
color:#000000;
}

input{
color:#003300;
}


em{
font-weight: bold;
color:#ff0000;
}

input.required_Field{
border-left:3px solid #ff0000;
}

/*END FORM*/













.headercontainer {
	background-image:url(../images/headerbg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:110px;
	min-height:110px;
	margin-bottom:10px;
	z-index:2;
}

.headdetails{
	color:#FFFFFF;
	font-size:small;
	float:right;
	text-align:right;
	padding-top:25px;
	padding-right:10px;
}

.logo{
	float:left;
}

a.logo{
	width:285px;
	height:120px;
	background-image:url(../images/logo1.gif);
	min-width:285px;
	min-height:120px;
	background-repeat:no-repeat;
}

a.logo:hover{
	width:285px;
	height:120px;
	background-image:url(../images/logoover.gif);
	min-width:285px;
	min-height:120px;
	background-repeat:no-repeat;
}
.logobot{
	float:left;
}

.navigationcontainer {
	background-image:url(../images/navbg.png);
	background-repeat:repeat-x;
	height:25px;
	min-height:25px;
	z-index:1;
}




.textcontainer{
	float:left;
	background-color:#EAE8E9;
	width:325px;
	padding-left:25px;
	padding-right:25px;
	
}
.imagecontainer{
	float:right;
	padding-top:40px;
}



.bodybackcontainer {
	background-color:#FFFFFF;
	padding:27px;
}


.contentbackcontainer {
	background-color:#EAE8E9;
	height:265px;
	min-height:265px;
	margin-top:10px;
	border-width:27px;
	border-color:#FFFFFF;
	border-style:solid;
}


.footer{
	margin-top:8px;
	background-image:url(../images/footer.png);
	background-color:#000000;
	height:25px;
	min-height:25px;
	background-repeat:repeat-x;
	color:#FFFFFF;
}


.footer{
	text-align:center;
	color:#FFFFFF;
	font-size:small;
}

a.footer{ 
	padding-right:5px;
	padding-left:5px;
	margin-top:5px;
	text-decoration:none;
	color:#FFFFFF;
}

a.footer:link {
	color:#FFFFFF;
}
a.footer:visited {
	color:#FFFF00;
}
a.footer:hover {
	color:#33FF00;
}

h2.main {
	color:#990100;
	font-family:"Times New Roman", Times, serif;
}

p.contentJustify{
	text-align:justify;
}