﻿/* CSS layout for Julie Frasers Website  http://julie-fraser.com */
body  {
				background-image: url(images/bg-top.gif);
				background-repeat: repeat-x;
				margin: 0; 
				padding: 0;
				
}

.thrColAbsHdr #container {
				position: relative;
				width: 780px;
				margin: 0 auto;
				left: 0px;
				visibility: visible;
				background-color: #FFFFFF;
				
}

.thrColAbsHdr #left_col {
				width: 260px;
				position: absolute;
				left: 0px;
				top: 370px;
				background-color: #DEDEDE;
				visibility: visible;
				font-family: Sylfaen;
				font-weight: bold;
				font-size: 10pt;
				text-align: center; 
}

.thrColAbsHdr #left_col1 {
				width: 260px;
				position: absolute;
				left: 0px;
				top: 370px;
				background-color: #DEDEDE;
				visibility: visible;
				font-family: Sylfaen;
				font-weight: bold;
				font-size: 10pt;
				text-align: center; 
}

.thrColAbsHdr #page_content {
				padding: 0px 20px 0px 20px;
				margin: 0 0 0 260px;
				font-family: Helvetica;
				font-size: 10pt;
				text-align: left;
				visibility: visible;
}

.thrColAbsHdr #page_content1 {
				padding: 0 20px 0 0;
				width: 760px;
				font-family: Helvetica;
				font-size: 10pt;
				visibility: visible;
				text-align: left;
				margin-left: 0px;
				margin-top: -30px;
				position: relative;
}

.thrColAbsHdr #footer {
				width: 780px;
				bottom: 0px;
				padding-left: 15px;
				visibility: visible;
				font-family: Helvetica;
				font-size: 7pt;
				vertical-align: bottom;
				font-weight: bold;
}

#hoverpopup {
	visibility: hidden;
	position: relative;
	top: -140px;
	left: 118px;
	width: 240px;
	padding-top: 190px;
}

	
a:link {text-decoration: none; border: 0px; color: #006600}
a:visited {text-decoration: none; border: 0px; color: #006600}
a:hover {text-decoration: none; border: 0px; color: #CC3300}


.style2 {
				width: 100%; 
				height: 20px;
}

.style3 {
				background-color: #DEDEDE;
				padding: 30px 40px 10px 40px;
				margin-top: -10px;
				left: 0px;
				margin-bottom: 0px;
}

.style4 {
				width: 90px;
				height: 160px;
				padding-top: 20px;
				padding-bottom: 10px;
				text-align: center;
}

.style5 {
				width: 100%;
				height: 40px;			
}

.style6 {
				height: 160px;
				width: 140px;
				float: right;
				padding-top: 30px;
				padding-bottom: 20px;
				padding-left: 0px;
}

.style7 {
				height: 160px;
				width: 120px;
				float: right;
				padding-top: 30px;
				padding-bottom: 20px;
				padding-left: 60px;
}

.style8 {
				width: 32px;
				height: 32px;
				border: 0px;
}

.style9 {
				width: 48px;
				height: 48px;
				border: 0px;
}

.style10 {
				font-family: Sylfaen;
				font-size: 36pt;
				font-weight: bold;
				padding-top: 0px;
				color: #595959;
				padding-left: 70px;
				margin: 0px;
}

.style11 {
				font-family: Sylfaen;
				font-size: 12pt;
				font-style: italic;
				font-weight: bold;
				padding-left: 100px;
				margin: 0px;
				color: #595959;
}

.style12 {
				background-color: white;
				margin-top: -20px;
}

.style13 {
				padding: 0 30px 0 30px;
				color: #595959;
				font-family: 'Calligraph421 BT';
				font-size: 14pt;
				font-style: italic;
				text-align: center;
}

.style14 {
				padding: 0 30px 0 30px;
				color: #000000;
				font-family: Calibri;
				font-size: x-small;
				font-style: normal;
				text-align: right;
				font-weight: bold;
}

.style15 {
				font-weight: bold;
				color: #006600;
}

.style16{
				font-style: italic;
				color: #CC3300;
}

.style17{
				font-family: Helvetica;
				font-size: 6pt;
}

.style18 {
				background-color: #DEDEDE;
				padding: 10px 40px 30px 80px;
				margin-top: -10px;
				left: 0px;
				margin-bottom: 0px;
				text-align: left;
}

