/* ------------------------------------------------------------------
www.fredemily.co.uk style sheet
author:	vikki neal
email: vikkineal@hotmail.co.uk
use of conditional comments have been used throughout site, therefore several styles have been filtered
into appropriate IE6/IE7 CSS documents - notes have been made next to relevant css rules
------------------------------------------------------------------*/
/*@import url(colour.css);  background properties, colours, images, text colours */
/*@import url(typography.css);   font-families, sizes, line-heights, letter spacing, text decorations */
/* ------------------------------------------------------------------
Sets default margin and padding
-------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}
/* ------------------------------------------------------------------
 Sets default font-size for headers 
 -------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	font-size: 100%;
	}
/* ------------------------------------------------------------------
Removes list-style from lists
-------------------------------------------------------------------*/
ol, ul {
	list-style: none;
	}
/* ------------------------------------------------------------------
Sets font-style and font-weight to normal
-------------------------------------------------------------------*/
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
	}
/* ------------------------------------------------------------------
Removes border from fieldset and image
-------------------------------------------------------------------*/
fieldset, img {
	border: 0;
	}
/* ------------------------------------------------------------------
left aligns text in caption and th
-------------------------------------------------------------------*/
caption, th {
	text-align: left;
	}
/* ------------------------------------------------------------------
body
-------------------------------------------------------------------*/
html, body {
	height: 100%;
	}
a, a:hover {
	outline: none;
	border: none;
	}
body {
	margin: auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #fff;
	background: url(/images/shared/swirls_bg.gif) left top repeat-x;
	background-color: #0E0635;
	}
/*#backgroundwrapper {
	background: url(/images/day/tree.gif) left bottom no-repeat;
	height:100%;
	}*/
.container {
	width: 770px;
	background-color: #fff;
	padding: 0 0 10px 0 ;
	margin: 20px auto 0 auto;
	}
.curvefix {
	background: url(/images/shared/bot_curve.gif) bottom no-repeat;
	height: 15px;
	border-bottom: 5px solid #fff;
	}
.columnfix {
	background: url(/images/shared/column_fix.gif) center repeat-y;
	}
#leftcol {
	width: 247px;
	float: left;
	background: url(/images/shared/logo.gif) no-repeat top;
	padding: 142px 10px 0 10px;
	}
.leftborder {
	border-left: 5px solid #fff;
	margin: 0 0 0 -10px;
	padding: 10px 10px 0 10px;
	}
ul.navigation {
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
	}
ul.navigation li {
	width: 102px;
	margin: 0 0 10px 0;
	}
ul.navigation li a {
	display: block;
	}
ul.navigation li a span {
	display: none;
	}
ul.navigation li#homelink, ul.navigation li#portfoliolink a {
	background: url(/images/shared/portfolio_link.gif) no-repeat;
	height: 24px;
	width: 116px;
	}
ul.navigation li#photolink, ul.navigation li#photolink a {
	background: url(/images/shared/photos_link.gif) no-repeat;
	height: 26px;
	}
ul.navigation li#archivelink, ul.navigation li#archivelink a {
	background: url(/images/shared/archive_link.gif) no-repeat;
	height: 23px;
	}
ul.navigation li#mylink, ul.navigation li#mylink a {
	background: url(/images/shared/links_link.gif) no-repeat;
	height: 23px;
	}
ul.navigation li#videolink, ul.navigation li#videolink a {
	background: url(/images/shared/animations_link.gif) no-repeat;
	height: 23px;
	width: 148px !important;
	}
ul.subnav {
	display: none;
	}
ul.navigation ul.subnav {
	margin: 10px 10px 0 30px;
	}
ul.navigation ul.subnav li a {
	font-size: 1.4em;
	color: #fff;
	text-decoration: none;
	background: none !important;
	}
ul.navigation ul.subnav li a:hover {
	text-decoration: underline;
	}
.hrfix {
	background: url(/images/shared/hr_image.gif) center no-repeat;
	height: 7px;
	margin: 0 0 20px 10px;
	}
.hrfix hr {
	display: none;
	}
h1 {
	color: #A9C517;
	font-size: 1.4em;
	margin: 0 0 10px 10px;
	line-height: 1.5em;
	}
p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 0 0 10px;
	padding-bottom: 10px;
	}
p a  {
	color:#F40887;
	font-weight: bold;
	text-decoration: none;
	}
p a:hover  {
	text-decoration: underline;
	}
#rightcol {
	width: 474px;
	float: right;
	background-color: #EDEDED;
	position: relative;
	border-width: 0 4px 0 5px;
	border-style: solid;
	border-color: #fff;
	height: 100%;
	padding: 10px;
	}
#rightcol h2 {
	color: #000;
	font-size: 1.3em;
	margin: 0 0 10px 0px;
	line-height: 1.5em;
	height: 50px;
	width: 200px;
	background: url(/images/shared/title_portfolio.gif) left no-repeat;
	text-indent: -9999px;
	float: left;
	}
body#linkspage #rightcol h2 {
	background: url(/images/shared/title_links.gif) left no-repeat;
	}
body#videopage #rightcol h2 {
	background: url(/images/shared/title_animations.gif) left no-repeat;
	width: 221px !important;
	}
h2.photosheader {
	background: url(/images/shared/title_photos.gif) left no-repeat !important;
	}
#rightcol p.backbutton a {
	color: #000;
	font-size: 1.3em;
	margin: 0 0 10px 0px;
	line-height: 1.5em;
	height: 50px;
	width: 66px;
	background: url(/images/shared/but_back.gif) left no-repeat;
	text-indent: -9999px;
	float: right;
	display: block
	}
#rightcol p {
	color: #000;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	}
#rightcol .imagethumb img {
	background: url(/images/shared/image_bg.gif) top no-repeat;
	padding: 10px 10px 15px 10px;
	float: left;
	margin: 0 10px 0 0;
	}
#topcurve {
	background: url(/images/shared/top_curve.gif) no-repeat;
	height: 15px;
	position: absolute;
	width: 503px;
	top: 0;
	left: -5px;
	}
#contactpanel {
	background: url(/images/shared/contact_topcurve.gif) top no-repeat;
	background-color: #3D444D;
	padding: 10px 10px 0 10px;
	border-width: 5px 5px 0 5px;
	border-color: #fff;
	border-style: solid;
	margin: 0;
	}
#contactpanel p {
	padding:0;
	}
#mainbotcurve {
	background: url(/images/shared/main_botcurve.gif) no-repeat;
	height: 21px;
	width: 770px;
	margin: -12px auto 0 auto;
	padding: 0;
	}
#contactpanel h2 {
	color: #A9C517;
	font-size: 1.3em;
	margin: 0 0 10px 0px;
	line-height: 1.5em;
	height: 33px;
	background: url(/images/shared/title_contact.gif) left no-repeat;
	text-indent: -9999px;
	}
/* ------------------------------------------------------------------
=generic classes
-------------------------------------------------------------------*/
.floatleft {
	float: left;
	}
.floatright {
	float: right;
	}
.clearboth {
	clear: both;
	}
.nomargin {
	margin-right: 0 !important;
	}
.left5 {
	margin-left: 8px !important;
	}
.videocontainer {
	width: 400px;
	margin: 0 auto 20px auto;
	}