@charset "UTF-8";
/* CSS Document */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	background: transparent;
}
body {
font-size: 62.5%;
background-color:#6666CC
}

h1{
	font-size:2em;
	line-height:1.3;
	color:#003399;
	padding-bottom:0.3em;
}

h2{
	font-size:1.5em;
	line-height:1.3;
	color:#0033CC;
	padding-bottom:0.2em;
}

h3{
	font-size:1.3em;
	line-height:1.2;
	color:#ffffff;
}

h4{
	font-size:1.3em;
	line-height:1.2;
	color:#ffffff;
}
a:link {color:#000000}    /* unvisited link */
a:visited {color:#333300} /* visited link */
a:hover {color:#336600}   /* mouse over link */
a:active {color:#339900F}  /* selected link */

p{
	font-size:1.2em;
	line-height:1.5;
	color:#000000;
	padding-bottom:1em;
}

p.footertext{
font-size:1.3em;
	line-height:1.2;
	color:#ffffff;
	}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border:none;
}

.fltleft {
float: left;}

#spacedown {
width:1000px;
margin:0 auto;
height: 20px;
position:relative;
background-color:#6666CC
}

#container {
width:1000px;
position:relative;
margin:0 auto;
padding:0 0 0 0;
background-color:#ffffff;
}
#spacedown {
width:1000px;
height: 20px;
position:relative;
background-color:#6666CC
}

#header {
height:110px;
text-indent:-9999px;
background: url('http://www.anitaluckett.co.uk/images/header.jpg') no-repeat 0 0;
}

#mainstory {
	position:relative;
	float: left;
	top:17px;
	left:17px;
	width: 630px;
	overflow:auto;
	padding-right:10px;
	margin-bottom:10px;
}

ul.mainstory {
	list-style: none;
		font-size:1.2em;
	line-height:1.5;
	}
	
	ul.bullets {
	padding-left:20px;
	padding-bottom:10px;
	font-size:1.2em;
	line-height:1.5;
	list-style-type:disc;
	list-style-position:outside;
}
	
	li.bullets {
	list-style:disc;
		font-size:1.2em;
	line-height:1.5;
	padding-bottom:10px;}

#main_nav {
	position: relative;
top:0px;
	left: 0px;
	width:203px;
float: right;
}

#main_nav ul{
margin:0;
padding:0;
list-style-type:none;
overflow:hidden;
}

#main_nav li{
}

#home a{
	display:block;
	height:46px;
	width:203px;	
	text-indent:-9999px;
	background: url('http://www.anitaluckett.co.uk/images/but_home.jpg') no-repeat 0 0;
}

#home a:hover{
background-position:0 -46px;}/*adjust height by figure to remove jump*/


#graphic_design a{
	display:block;
	height:36px;
	width:203px;	
	text-indent:-9999px;
	background: url('http://www.anitaluckett.co.uk/images/but_graphic.jpg') no-repeat 0 0;
}

#graphic_design a:hover{
background-position:0 -36px;}/*adjust height by figure to remove jump*/

#illustration a{
	display:block;
	height:37px;
	width:203px;
	text-indent:-9999px;
	background: url('http://www.anitaluckett.co.uk/images/but_illustration.jpg') no-repeat 0 0;
}

#illustration a:hover{
background-position:0 -37px;/*adjust height by figure to remove jump*/
}

#photography a{
display:block;
	height:34px;
	width:203px;
		text-indent:-9999px;
background: url('http://www.anitaluckett.co.uk/images/but_photography.jpg') no-repeat 0 0;
}
#photography a:hover{
background-position:0 -34px;/*adjust height by figure to remove jump*/
}

#web_design a{
	display:block;
	height:35px;
	width:203px;	
	text-indent:-9999px;
	background: url('http://www.anitaluckett.co.uk/images/but_webdesign.jpg') no-repeat 0 0;
}

#web_design a:hover{
background-position:0 -35px;}/*adjust height by figure to remove jump*/

#fine_art a{
	display:block;
	height:31px;
	width:203px;	
	text-indent:-9999px;
	background: url('http://www.anitaluckett.co.uk/images/but_fineart.jpg') no-repeat 0 0;
}

#fine_art a:hover{
background-position:0 -31px;}/*adjust height by figure to remove jump*/

#murals a{
	display:block;
	height:38px;
	width:203px;	
	text-indent:-9999px;
	background: url('http://www.anitaluckett.co.uk/images/but_murals.jpg') no-repeat 0 0;
}

#murals a:hover{
background-position:0 -38px;}/*adjust height by figure to remove jump*/

#workshops a{
	display:block;
	height:35px;
	width:203px;	
	text-indent:-9999px;
	background: url('http://www.anitaluckett.co.uk/images/but_workshops.jpg') no-repeat 0 0;
}

#workshops a:hover{
background-position:0 -35px;}/*adjust height by figure to remove jump*/



#contact a{
	display:block;
	height:38px;
	width:203px;	
	text-indent:-9999px;
	background: url('http://www.anitaluckett.co.uk/images/but_contact.jpg') no-repeat 0 0;
}

#contact a:hover{
background-position:0 -38px;/*adjust height by figure to remove jump*/
}


#footer {
	background: url('http://www.anitaluckett.co.uk/images/footer_bkgrnd.jpg');
	background-repeat:no-repeat;
	height:43px;
	padding-top:10px;
	clear:both;
}

.footer h1 {
font-size:.9em;
color: #ffffff;
}

.footer p {
font-size:.3em;
color: #ffffff;}

#footerleft {
	height:32px;
	width:750px;
	padding: 5px 0 0px 10px;
	float: left;
}

#arrowbutton{
height:32px;
width:36px;
position:absolute;
	left:630px;
	z-index:100;
	top: 559px;}

#footerright {
	color: #ffffff;
	float: left;
	width:200px;
	position:relative;
}

.rightpic{
float:right;
padding-left:10px;
padding-bottom:5px;
font-size:.7em;
font-style:italic;}

.leftpic{
float:left;
padding-right:10px;
padding-bottom:5px;
font-size:.7em;
font-style:italic;}

#sub_nav {
position:relative;
	top:17px;
	left:17px;
width:130px;
padding: 7px 10px 10px 0;
float:left;
clear:right;
}

h3.sub_nav {
padding-bottom:10px;
color:#0033CC;
}

ul.sub_nav{
margin:0;
padding:0;
list-style-type:none;
overflow:hidden;
}

li.sub_nav{
font-size: 1em;
font-weight:bold;
padding-bottom:5px;}

#sub_nav a {text-decoration:none;}    /* unvisited link */

.sub_nav a:link {
text-decoration:none;
color:#000000;
decoration:none;}    /* unvisited link */

.sub_nav a:visited {color:#333300;} /* visited link */

.sub_nav a:hover {color:#990000;}   /* mouse over link */

.sub_nav a:active {color:#990000;}  /* selected link */

.calendarBG {
 background-color: #000;
}

.calendarBlank {
 background-color: #9DB7A7;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #000;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #195337;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}


.box{
width:250px;
height:20px;
background:#9999FF;
border: 1px solid black;
}

.errormsg{
color:red;
font-size:2ems;}

h3.errormsg{color:red;}

.box2{
     width:250px;
height:75px;
background:red;
border: 1px solid black;
}

.cflite {
	width: 400px;
	font-family: arial;
}
.cflite_td {
	padding:4px;
	font-size:12px;
}
.cflite p {padding:4px;}
.cflite label {padding:4px;}
.label {
 padding:10px 10px 0;
text-align:right;
}
.required {font-weight:bold;}
.required_star {
 font-weight:bold;
 color:#F00;
}
.not-required {font-weight:normal}

.smallprint{font-size:.5em;}
.legal{
font-size:.8em;
color: #ffffff;
}

#rss1{
}

#rss1 a{
position:absolute;
z-index:40;
top:15px;
left:950px;
	display:block;
	text-indent:-9999px;
width: 33px;
height:33px;
background: url('http://www.anitaluckett.co.uk/images/but_rss.png') no-repeat 0 0;
}

#facebook{
position:absolute;
	top:60px;
	left: 950px
}

#facebook a{
	display:block;
	text-indent:-9999px;
z-index:100;
width: 33px;
height:33px;
background: url('http://www.anitaluckett.co.uk/images/but_facebook.png') no-repeat 0 0;
}

#contentForm{
padding:5px 10px 10px 10px;
margin:60px 0px 10px 0px;
}

#form_left{
padding:0px 10px 0px 0px;
width:270px;
float:left;
}

#form_right{
padding:0px 10px 0px 0px;
width:265px;
float:left;}

#pantones{
position: absolute;
top:450px;
left:800px;
z-index:100;
}

#pens_and_mouse{
position: absolute;
top:300px;
right:868px;
z-index:200;
}

#paint-tin{
position: absolute;
top:364px;
right:843px;
z-index:200;
}

#toad_and_mole{
position: absolute;
top:450px;
left:800px;
z-index:200;
}

#palette_knife{
position: absolute;
top:270px;
right:890px;
z-index:200;
}

.category_block{
height:150px;
width:500px;
padding-bottom:10px;
float: left;
}

.category_image{
height:150px;
padding-right:10px;
float: left;
}