/*
	ANNE LEAVY - BEAUTICIAN
	
	master.css
	Matthew O'Flynn
	
	5 October 2008
 */


/*
RED		COOL WATERS
BB0000	557480
FF0D0D	7FAEBF
FF5400	DEEBFF
999999	2A3A40
444444	9DD8ED

Colours that match the colour of the flower
ANALOGOUS	TRIAD
1A3CE8		FF5642
331CFF		0B53B3
2985FF		2985FF
1AA9E8		A6CC0C
1CF5FF		93B314

Wanted Colours:
BRIGHT RED 	FF0447
LIGHT BLUE	4C00FF
*/	


html, body {
	padding: 0px;
	margin: 0px;
	
	background-color: #EEF;/*#E6E6E6;*/
}
 
#page-container {
	width: 750px;
	margin: auto;
	margin-top: 15px;
	padding-top: 1px;
	
	background-color: #FFFFFF;
	
	background-image: url('../images/anne-title.jpg');
/* 	background-image: url('../images/ladies profile.jpg');*/
	background-position: 600px 10px;
	background-repeat: no-repeat;
	
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 12px;
}

#title {
	width: 100%;
}

#title h1 {
	background-image: url('../images/logo big title.jpg');
	background-repeat: no-repeat;
	
	margin: 8px 0px 0px 25px;
	padding: 45px 0px 45px 100px;
	
	font: 42px Mistral Monotype Corsiva;
	color: #103085;
}

#services-nav {
	width: 750px;
}

#services-nav ul {
	padding: 0px;
	margin: 0px;
	min-height: 32px;
}

#services-nav ul li {
	list-style-type: none;
	display: inline;

	margin: 0px;
	padding: 0px;
}

#services-nav a {
	color: #F66;
	text-decoration: none;
	background-color: #FFF;
	border-bottom: 1px solid #FDD;
	border-right: 1px solid #FDD;
	border-left: 1px solid #FDD;
	
	float: left;
	padding: 2px 7px 2px 7px;
	margin: 0px 11px 0px 11px;
}

#services-nav ul li a:hover {
	color: #F00;
	background-color: #FEE;
	
	border-bottom: 1px solid #FAA;
	border-right: 1px solid #FAA;
	border-left: 1px solid #FAA;
}

/*
	NAVIGATION
 */
#nav {
	margin: 0px;
	padding: 0px;
 /*	float: left; */
	background: url(../images/title-background.jpg) 0 0 repeat-x; 
	background-color: #FFF;
	width: 100%;
	min-height: 26px;
	
	font-size: 16px;
/*	border-bottom: 1px solid #CC0047;*/
}

#nav ul {
	margin: 0px;
	margin-left: 185px;
	padding: 0px;
}

#nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#nav a {
	color: #FFFFFF;
}

#nav a:link,
#nav a:visited {
	color: #FFC;
	background:#FF0447;
	background: url('../images/title-background.jpg') 0 0 repeat-x;
	padding: 5px 20px 5px 20px;
	margin: 0;
	width: auto;
	float: left;
/*	border-top: 1px solid #CC0047;*/
	border-right: 1px solid #CC0047;
	text-decoration: none;
	font: normal 1em/1em Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-shadow: 2px 2px 2px #555;
}

#nav a:hover {
	background: url('../images/title-background active.jpg') 0 0 repeat-x;
	background-color: #FFF;
}


/*
	CONTENT
 */
#content-container {
	float: left;
	background-color: #FFF;
}

#page-content {
	float: right;
	
	width: 730px;
	padding: 5px 10px 5px 10px;
	
	/* IE6 Fast min-height Hack
		Problem: 	IE Doesn't recognise min-height - so the left-border is rendered to whatever height the content ends up to be.
		Solution: 	Uses the fact that IE6 doesn't use !important in order to use height as the "min-height equivalent"
	 */
	height: auto !important;
	height: 150px;
	min-height: 150px;
	/* End Hack */
	
	color: #4C44FF;
	
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

#page-content h2 {
	color: #6E66FF;
	margin: 10px 0px 10px 0px;
}

#page-content b, #page-content strong {
	color: #CC0047;
}

#page-content table {
	width: 100%;
	background-color: #FFEEEE;
	border-left: 1px solid #EEAAAA;
	border-right: 1px solid #EEAAAA;
}

#page-content td {
	padding-left: 10px;
}

#page-content img {
	color: #FFFFFF;
	border: 0px;
	border-color: #FFFFFF;
	padding: 0px;
}

#page-content a {
	color: #6E66FF;
}

#page-content a:hover {
	color: #CC0047;
}

#page-content .home-page-table {
	background-color: #FFF;
	border: none;
	color: #FFF;
	text-align: center;
}

#page-content .home-page-table tr {
	padding: none;
}

#page-content .home-page-table td {
	padding-left: 1px;
}

#page-content a.service-link {
	color: #4C00FF;
	
	line-height: 150%;
	
	display: block;
	width: 99px;
	padding: 7px 7px 7px 7px;
	border: 1px solid #BBF;
	
	text-decoration: none;
	font-style: italic;
}

#page-content a.service-link:hover  {
	color: #00F;
	border: 1px solid #66F;
}

#page-last-updated {
	color: #FFF;
	text-align: center;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-variant: small-caps;
}

#footer {
	float: left;
	
	width: 720px;
	padding: 0px 15px 0px 15px;
	border-bottom: 1px solid #FF0447;
	
	color: #FFF;
	background-image: url('../images/footer bg.jpg');
	background-repeat: repeat-x;
	background-color: #F00;
	min-height: 20px;
	
	font: 16px Arial, Helvetica Neue, Helvetica, sans-serif;
	line-height: 120%;
	font-variant: small-caps;
	text-align: center;
}

#footer a {
	color: #FFC;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}

#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

#pinpoint-studios-link {
	width: 750px;
	margin: auto;
	
	font: 10px 'Century Gothic','Trebuchet MS',Tahoma;
	color: #333;
}

#pinpoint-studios-link span {
	float: right;
}

#pinpoint-studios-link a {
	color: #333;
	text-decoration: none;
}

#pinpoint-studios-link a:hover {
	color: #F33;
}