﻿/* SPA IN THE CITY - MAIN CSS*/

/* ZERO MARGINS/PADDINGS*/
* {
	margin: 0;
	padding: 0;}

body {
	font: 65%/1.6 "Arial", "Lucida Grande", "Lucida Sans","Verdana", "Lucida Sans Unicode", sans-serif;
	background-image:url(img/pattern.JPG);
	text-align: center;
	padding-top:0px;
	background-repeat: repeat-x;}
	
/*WRAPPER*/
#wrapper {
	width: 981px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	border:0px solid #000000;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px; background-color:#FFFFFF;}

/*ABOVE HEADER*/
#aboveheader {
	margin: 0px;
	padding: 0px;
	height:94px;
	position:relative;
	width: 981px;
	border-bottom: 0px solid #ffffff;
	background-image: url(img/spa_aboveheader.jpg);
	background-repeat: no-repeat;}

/*HEADER*/
#header {
	margin: 0px;
	padding: 0px;
	height:319px;
	position:relative;
	width: 800px;
	border-bottom: 0px solid #ffffff;
	background-image: url(img/spa_header.jpg);
	background-repeat: no-repeat;
	float: right;
	background-color: #FFFFFF;}

/*LOGO*/
#logo {
	margin: 0px;
	padding: 0px;
	height:167px;
	position:absolute;
	width: 230px;
	float:left;
	border-bottom: 0px solid #ffffff;
	padding-top: 0px;
	padding-left: 30px;}

#logo h1{text-indent: -9999px; width:0px; height:0px;}

#logo img{
	border:0px;
	position: absolute;
	left: 303px;
	top: 12px;}
	
/*END OF HEADER INFO*/
	
/*MAIN BODY*/		
#mainbody{
	width:800px;
	position:relative;
	float: right;
	height: auto;
	background-image: url(img/spa_bodybg.jpg);
	background-repeat: repeat;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 3px;}
	
/*MAIN BODY 1*/		
#mainbody1{
	width:800px;
	position:relative;
	float:right ;
	height: auto;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 3px;}
	
/*FRONT PAGE PIC*/
#frontpic{
	position:absolute;
	width:181px;
	height:813px;
	left: 0px;
	top: 94px;
	z-index: 10;
	background-image: url(img/spra_orchid.jpg);
	padding-top: 94px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;}
		
/*MAIN CONTENT*/	
#maincontent{
	width: 380px;
	margin: 0;
	float: left;
	padding-top: 0px;
	position:relative;
	padding-bottom: 0px;
	padding-left: 10px;
	border: 0px solid;
	border-color: #000000;
	color: #FFFFFF;
	border-right: 0px;
	border-right-color: #FFFFFF;
	min-height: 500px;}
			
#mainContent a:link,  a:visited {
	color: #666666;
	text-decoration: underline;} 

#mainContent a:hover,  a:active {
	color: #999999;
	text-decoration: underline;}
	
#mainContent ul{
	padding-left: 20px;}
	
#mainContent h1{
	color: #179FAD;}
			
#maincontentwide{
	width: 520px;
	margin: 0;
	float: left;
	padding-top: 0px;
	position:relative;
	padding-bottom: 0px;
	padding-left: 10px;
	border: 0px solid;
	border-color: #000000;
	color: #FFFFFF;
	border-right: 0px;
	border-right-color: #FFFFFF;
	min-height: 500px;}
			
#mainContentwide a:link,  a:visited {
	color: #666666;
	text-decoration: underline;} 

#mainContentwide a:hover,  a:active {
	color: #999999;
	text-decoration: underline;}
	
#mainContentwide ul{
	padding-left: 20px;}
	
#mainContentwide h1{
	color: #179FAD;}

#maincontent1{
	width: 495px;
	margin: 0;
	float: left;
	padding-top: 0px;
	position:relative;
	padding-bottom: 0px;
	padding-left: 10px;
	border: 0px solid;
	border-color: #000000;
	color: #FFFFFF;
	border-right: 0px;
	border-right-color: #FFFFFF;}
			
#mainContent1 a:link,  a:visited {
	color: #666666;
	text-decoration: underline;} 

#mainContent1 a:hover,  a:active {
	color: #999999;
	text-decoration: underline;}
	
#mainContent1 ul{
	padding-left: 20px;}

/*TEXTINNER */
#textinner {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #283987;
	top: 0px;
	z-index: 0;
	width: 370px;
	position: relative;
	margin-top: 10px;}

#textinner p{
	padding-bottom: 5px;
	padding: 5px;
	font-size: 1.4em;
	color: #333333;}
	
#textinner h1{
	font-size: 2em;
	font-weight:bold;
	padding-left: 5px;
	border-bottom: 0px solid #000000;
	color: #179FAD;
	text-align: left;}	
	
#textinner ul{
	color:#666666;
	font-size: 1.1em;
	line-height: inherit;
	padding-left: 20px;
	list-style-position: outside;}
		
#textinner a:link,  #textinner a:visited {
	color: #000000;
	text-decoration: underline;} 

#textinner a:hover,  #textinner a:active {
	color: #666666;
	text-decoration: underline;}
	
/*TEXTINNERWIDE */
#textinnerwide {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #283987;
	top: 0px;
	z-index: 0;
	width: 510px;
	position: relative;
	margin-top: 10px;}

#textinnerwide p{
	padding-bottom: 5px;
	padding: 5px;
	font-size: 1.4em;
	color: #333333;}
	
#textinnerwide h1{
	font-size: 2em;
	font-weight:bold;
	padding-left: 5px;
	border-bottom: 0px solid #000000;
	color: #179FAD;
	text-align: left;}	
	
#textinnerwide ul{
	color:#666666;
	font-size: 1.1em;
	line-height: inherit;
	padding-left: 20px;
	list-style-position: outside;}
		
#textinnerwide a:link,  #textinnerwide a:visited {
	color: #000000;
	text-decoration: underline;} 

#textinnerwide a:hover,  #textinnerwide a:active {
	color: #666666;
	text-decoration: underline;}

#textinner1 {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #283987;
	top: 0px;
	z-index: 0;
	width: 500px;
	position: relative;
	margin-top: 10px;}

#textinner1 p{
	padding-bottom: 5px;
	padding: 5px;
	font-size: 1.4em;
	color: #333333;}
	
#textinner1 h1{
	font-size: 2em;
	font-weight:bold;
	padding-left: 5px;
	border-bottom: 0px solid #000000;
	color: #179FAD;
	text-align: left;}	
	
#textinner1 ul{
	color:#666666;
	font-size: 1.1em;
	line-height: inherit;
	padding-left: 20px;
	list-style-position: outside;}
		
#textinner1 a:link,  #textinner1 a:visited {
	color: #000000;
	text-decoration: underline;} 

#textinner1 a:hover,  #textinner1 a:active {
	color: #666666;
	text-decoration: underline;}

/*TEXTINNER INTERNAL*/
#textinner_internal {
	margin-left: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 0px;
	color: #666666;
	top: 0px;
	z-index: 0;
	position: relative;}
	
#textinner_internal img{ border:0px;}
	
/*TEXTINNER 21*/
#textinner21 {
	margin-left: 0px;
	text-align: justify;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 157px;}

/*TEXTINNER 2a INNER*/
#textinner2a_inner {
	text-align: left;
	padding-bottom: 10px;
	padding-right: 0px;
	font-size:1.2em;
	padding-left: 0px;
	background-image: url(img/spa_mail_bg.jpg);
	width: 157px;
	height: 170px;
	background-repeat: no-repeat;
	
}	
/*TEXTINNER 2a INNER 1*/
#textinner2a_inner1{
	text-align: left;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size:1.2em;
	padding-left: 10px;
	padding-top: 10px;
	color: #FFFFFF;}
	
	
#textinner2a_inner1 a:link,  #textinner2a_inner1 a:visited {
	color: #ffffff;
	text-decoration: underline;} 

#textinner2a_inner1 a:hover,  #textinner2a_inner1 a:active {
	color: #efefef;
	text-decoration: underline;}
			
/*SECONDARY CONTENT*/
#secondaryContent {
	padding-bottom: 0px;
	height: auto;
	width: 245px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: right;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 10px;
	position:relative;
	color: #FFFFFF;
}

#secondaryContent a:link, #secondaryContent a:visited {
	color: #666666;
	text-decoration: underline;} 

#secondaryContent a:hover, #secondaryContent a:active {
	color: #CCCCCC;
	text-decoration: underline;}
	
#secondaryContent h2{
	font-size:1.3ems;
	color:#ACB576;
	padding-left:10px;
	font-weight:bold;}
	
#secondaryContent p {font-size: 1.2em;color: #CCCCCC;}


#secondaryContent1 {
	padding-bottom: 0px;
	height: auto;
	width: 215px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: left;
	padding-left: 5px;
	padding-right: 0px;
	margin-top: 10px;
	position:relative;
	color: #EF3125;}

#secondaryContent1 a:link, #secondaryContent1 a:visited {
	color: #666666;
	text-decoration: underline;} 

#secondaryContent1 a:hover, #secondaryContent1 a:active {
	color: #CCCCCC;
	text-decoration: underline;}
	
#secondaryContent1 h2{
	font-size:1.3ems;
	color:#ACB576;
	padding-left:35px;
	font-weight:bold;}
	
#secondaryContent1 p {font-size: 1.2em;color: #CCCCCC;}

/*THIRD CONTENT*/
#thirdContent {
	padding-bottom: 0px;
	height: auto;
	background-repeat: repeat;
	width: 203px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: right;
	padding-left: 0px;
	padding-right: 0px;
	position:relative;
	color: #efefef;
	text-align:left;
	padding-top: 10px;
	margin-right: 0px;}
		
#thirdContent a:link, #thirdContent a:visited {
	color: #eaeaea;
	text-decoration: underline;} 

#thirdContent a:hover, #thirdContent a:active {
	color: #cccccc;
	text-decoration: underline;}
	
#thirdContent p {font-size: 1.1em;}

/*THIRD CONTENT 1*/
#thirdContent1 {
	padding-bottom: 0px;
	height: auto;
	background-repeat: repeat;
	width: 157px;
	/**display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: left;
	padding-left: 0px;
	padding-right: 0px;
	position:relative;
	color: #006600;
	text-align:left;
	padding-top: 0px;
	margin-right: 0px;
}
		
#thirdContent1 a:link, #thirdContent1 a:visited {
	color: #ffffff;
	text-decoration: underline;
} 

#thirdContent1 a:hover, #thirdContent1 a:active {
	color: #efefef;
	text-decoration: underline;
}
	
#thirdContent1 p {font-size: 1.1em;}



/*START OF FOOTER*/
#footer {
	color:#FFFFFF;
	padding: 0px 0px;
	width:981px;
	clear: both;
	height: 108px;
	position:relative;
	bottom:0px;
	float: right;
	background-color: #231F20;
	border-bottom-color: #064288;
	border-top: 5px solid #ffffff;
	border-top-color: #FFFFFF;
	border-bottom: 0px solid #064288;
	background-image: url(img/spa_footer.jpg);} 

#footer a:link,  #footer a:visited {
	color: #cccccc;
	text-decoration: underline;} 

#footer a:hover,  #footer a:active {
	color: #ffffff;
	text-decoration: none;}

#footertext{
	float:right;
	padding-top:10px;
	width: 380px;
	padding-right: 400px;
	font-weight:lighter;
	font-size: 1.5em;
}

/*MISC. STYLES & INFO.*/

.bold{font-weight:bold;}

li{
	font-size: 1.1em;
	color: #000000;
	padding-left: 0px;}

.button1{
	background-color:#7E1847;
	color:#FFFFFF;
}
	
#jollie{
	padding-left:10px;
	padding-right: 20px;
	height: auto;
	width: 930px;
	float: left;
	color: #333333;}

#jollie p{color: #231F20;}

#jollie a:link,  a:visited {
	color: #333333;
	text-decoration: underline;} 

#jollie a:hover,  a:active {
	color: #006600;
	text-decoration: underline;
}

#scotlandmap{
	position: relative;
	width: 197px;
	height:213px;
	right: 0px;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	float: left;
	background-color: #FFFFFF;
	padding-left: 2px;}
	
#scotlandmap1{
	position: relative;
	width: 197px;
	height:213px;
	right: 0px;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	float: left;
	background-color: #FFFFFF;
	padding-left: 5px;}	

.style8{color:#666666;}

.style2{ font-size:1.1ems;}

#services{
	height:64px;
	width:245px;
	border-bottom:1px solid;
}
#welcome{
	height:77px;
	width:208px;}

.style9 {
	color: #7E1847;
	font-weight: bold;}

.style10 {
	color: #006600;
	font-weight: bold;}
	
#flash2{
	position:absolute;
	width:387px;
	height:315px;
	top: 0px;
	z-index:30;
	visibility: visible;
	left: 1px;
	margin-top: 4px;}

#headeraboutus{
	position:absolute;
	width:387px;
	height:315px;
	top: 0px;
	z-index:30;
	visibility: visible;
	left: 1px;
	margin-top: 4px;
	background-image:url(headers/set4.JPG);}
	
#headerservices{
	position:absolute;
	width:387px;
	height:315px;
	top: 0px;
	z-index:30;
	visibility: visible;
	left: 1px;
	margin-top: 4px;
	background-image:url(headers/set2.JPG);}
	
#headervouchers{
	position:absolute;
	width:387px;
	height:315px;
	top: 0px;
	z-index:30;
	visibility: visible;
	left: 1px;
	margin-top: 4px;
	background-image:url(headers/set5.JPG);}
	
#headergallery{
	position:absolute;
	width:387px;
	height:315px;
	top: 0px;
	z-index:30;
	visibility: visible;
	left: 1px;
	margin-top: 4px;
	background-image:url(headers/set3.JPG);}

#headercontactus{
	position:absolute;
	width:387px;
	height:315px;
	top: 0px;
	z-index:30;
	visibility: visible;
	left: 1px;
	margin-top: 4px;
	background-image:url(headers/set1.JPG);}

#imagefloatright{
	position:relative;
	float:right;
	width:187px;
	height:260px;
	background-color:#FFFFFF;
	border: 0px solid #cccccc;
	padding:0px;
	margin:5px;}
	
#imagefloatright1{
	position:relative;
	float:right;
	width:150px;
	height:100px;
	background-color:#FFFFFF;
	border: 0px solid #cccccc;
	padding:0px;
	margin:5px;}

#imagefloatright2{
	position:relative;
	float:right;
	width:100px;
	height:150px;
	background-color:#FFFFFF;
	border: 0px solid #cccccc;
	padding:0px;
	margin:5px;}

	
	
	
	
	
	
.pa{
	color:#666666;
}

th{color:#FFFFFF;}

#dayspaglasgow{
	position:absolute;
	left: 743px;
	top: 11px;
	width: 232px;
}

#dayspaglasgow h1{
	font-size:1.2em;
	color: #66D0DE;
}

#map{
	width: 440px;
	height: 400px;
	border: 0px solid;
	margin: 0px;
	border-color: #003366; z-index:auto;	
} 


.style11 {
	color: #EE5ACA
}
