/*
	Kat Palmer - kat@katpalmer.co.uk
	Design For Usability Dog Sledding Website
*/

/* body */
body {	background:#cacbdd url(../images/adventbg.jpg) repeat-x fixed;
	font-size:12px;
	font-family: Helvetica, arial, sans-serif;
	color:#000;
	text-align: center;
	}

h1{	font-size:26px;
	color:#000;
	font-variant: small-caps;
}

h2{ font-size:18px;
	color:#000;
	font-variant: small-caps;
}

strong{ font-size:12px;
	color:#3b3b3b;
}

a {
	color:#000;
	text-decoration:none;
	font-variant: small-caps;
	font-family:Arial, Helvetica, sans-serif;
	}
a:hover {
	color:#b31891;
	text-decoration:none;
	font-variant: small-caps;
	font-family:Arial, Helvetica, sans-serif;
}


/*navigation rollover effect*/

/*Normal state for navigation links*/
#about, #personal, #dogs, #cost, #training, #where, #UK, #Scandinavia, #NA, #links
{
  display: block;
  width: 150px;
  height: 25px;
  background: #cccccc;
  border: 1px solid #000;
}


/*Rollover state for navigation links*/
#about:hover, #personal:hover, #dogs:hover, #cost:hover, #training:hover, #where:hover, #UK:hover, #Scandinavia:hover, #NA:hover, #links:hover{ 
   background: #a6aadb;
}

/* container div*/
#container {
	background:#fff;
	text-align: left;
	width: 980px; height: auto;
	margin:0 auto;
	border: 2px solid #000;
}


/* positions of divs */

#banner{clear:both;
	width: 100%; height: 130px;
	background:#a6aadb url('../images/bannerbg.gif');
	text-align:right;
	margin: 0;
	padding: 0;
}

#section {clear:both;
	width: 100%; height: auto;
	background:#cccccc;
	text-align:center;
	font-size:20px;
	letter-spacing: 5px;
	font-variant: small-caps;
	border-top: 2px #000 solid;
	border-bottom: 2px #000 solid;
	margin: 0;
	padding: 0;
}


#navigation {float:left;
background:transparent;
text-align: center;
width: 150px;
margin: 0;
padding: 5px;
font-size:14px;
line-height:25px;
font-weight:bold;
}

#body{ float:left;
background:transparent;
text-align: left;
width: 560px;
margin-left: 5px;
margin-right: 5px;
padding: 5px;
}

#right{float:left;
background:transparent;
text-align: center;
width: 230px;
margin: 0;
padding: 5px;
}

#footer {clear:both;
width: 100%; height: auto;
background:#cccccc;
text-align:center;
border-top: 1px #000 solid;
margin-top: 20px;
}


img.floatRight { 
    float: right; 
    margin-left: 15px; 
}

img.floatLeft { 
    float: left; 
    margin-right: 15px; 
}