/*Natasha Hill Web Design Studio Web Site's CSS*/
/*
author: Natasha Hill
email:info@natashahill.co.uk
website: http://www.natashahill.co.uk
*/
* {
padding:0;
margin:0;
}
h1{margin:20px 0;}
h2, h3, h4, h5, h6 {margin:20px 0 0 0;}
p {margin:0 0 20px 0;}

/*fonts*/
p, td, ul, ol, li, dl, dt, dd {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, strong {
font-family:Arial, Helvetica, sans-serif;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #000000;
font-size:62.5%;
background: #ffffff;
}
	
/*ids*/
#wrapper {
text-align: left;
position: relative;
width: 100%;
}

#header {
height: 250px;
}
#mainnav {
font-size: 14px;
text-align: right;
}	
#main {
font-size: 14px;
position: relative;
margin: 0px 260px 0 20px;
}
#rightcol {
position: absolute;
top: 280px;
right: 10px;
width:230px;
font-size: 14px;
margin: 2em 0 0 0;
}
#footer {
font-size: 12px;
clear: both;
margin: 0 0 10px 0;
text-align: center;
}
#pagedescription{
position:absolute;
top:-300px;
}
#contact{
position:absolute;
top:-400px;
}
#icon {
	position:absolute;
	top: 2px;
	left: 20px;
	width:135px;
	height:250px;
	background: url(../images/tulip.jpg) no-repeat;
}
#logo{
position:absolute;
top: 175px;
left: 160px;	
width:350px;
height:70px;

}
#secondnav {
font-size: 12px;
text-align: center;
font-weight: bold;
}
#image {
position: relative;
text-align: right;
float: right;
}
#maintext {
position: relative;
text-align: left;
}

#ask{
font-size: 8px;
}
#extranav{
text-align:center;
}
/*classes*/
.clear {
clear:both;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.decor {
color:#ba0000;
font-weight: bolder;
}
.decorblack{
color:#000000;
font-weight: bolder;
}
.boxtop {
position:relative;
width:230px;
height:46px;
margin: 0 0 -5px 0;
background: url(../images/bgtop.jpg) no-repeat;
text-align:center;
}
.boxmdl {
position:relative;
width:230px;
height: auto;
margin: -14px 0 0 0;
background: url(../images/bgmdl.jpg) repeat-y;
text-align:center;
}
.boxbtm {
position:relative;
width:230px;
height:49px;
padding: 0;
margin: 0;
margin: -3px 0 0 0;
background: url(../images/bgbtm.jpg) no-repeat;
text-align:center;
}
.boxcontent{
padding: 5px 20px 0 20px;
width: 190px;
height:75px;
text-align: left;
}
.boxcontent img{
display:block;
float:left;
width:70px;
margin:-15px 10px 0 0;
}
.up{
margin: -60px 0 0 0;
}
form.cform .label {
display: block;
width: 80px;
float:left;
}
form.cform .field{

padding-bottom: 20px;
}
.back {
padding: 20px 0 0 0;
}

.borderleft{
border-left: 5px double #ba0000;
padding: 0 0 0 20px;
height:100%;
}
#extranav .floatleft{
padding-left:10%;
float:left;
}
#extranav .floatright{
padding-right:10%;
float:right;
}

/*tags*/

#header hr {
color:#999999;
width: 100%;
height: 2px;
position: absolute;
top: 250px;
left: 0px;
}
h2, h3, h4, strong, blockquote {
font-weight: bolder;
color: #666666;
}
h1 {
font-size: 26px;
font-weight:normal;
color:#666666;
}
h2 {
font-size: 18px;
}
h3{
font-size: 14px;
}
h4{
font-size: 1px;
}
#mainnav li {
list-style-type: none;
display: inline;
}
#main li {
list-style-type: none;
}
.bullet li{
list-style-image: url(../images/bullet.gif);
margin: 5px 0 0 20px;
}

a:visited { 
color: #666666;
font-weight: bolder;
} 
a:hover {
color: #999999;
}
a {
text-decoration: underline;
color: #ba0000;
font-weight: bold;
}

#mainnav a:visited, .displaylist a:visited { 
color: #666666;
font-weight: bold;
}
#mainnav a:hover, .displaylist a:hover{ 
color: #999999;
text-decoration: underline;
}
#mainnav a, .displaylist a {
text-decoration: none;
color: #000000;
padding: 10px;
} 

#secondnav a:visited { 
color: #666666;
font-weight: bolder;
}
#secondnav a:hover { 
color: #999999;
}
#secondnav a {
text-decoration: none;
color: #ba0000;
} 

#extranav a:visited, .boxcontent a:visited { 
color: #666666;
}
#extranav a:hover, .boxcontent a:hover {
text-decoration: underline;
color: #999999;
border: 0;
}
#extranav a, .boxcontent a{
font-size: 14px;
font-weight:bold;
text-decoration: none;
color: #ba0000;
border: 0;
}

#designed a:visited { 
color: #ba0000;
font-weight: bolder;
} 
#designed a:hover {
color: #999999;
}
#designed a {
text-decoration: underline;
color: #666666;
font-weight: bold;
}
a img {
border: 0;
}

.borderimg img, .border {
border: 1px dotted #666666;
}
#breadcramps a, .back a, .back a:visited{
text-decoration: none;
color: #ba0000;
font-weight: normal;
}
blockquote p{
margin:0;
}
h3 a{
text-decoration:none;}