/* ********* Website design by Little Bird Web Services *********** */
/* ************** www.littlebirdwebserives.co.uk ********** */
/* *********** Copyright - 2009 ********** */

/* ********** Main page styles *********** */

* {
	padding: 0;
	margin: 0;
	}

body {
	background: #e4e4e4 url(../templateImages/bg_body.jpg) top left repeat-x;
	font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
	font-size: 100%;
	color: #fff;
	text-align: center;
	}

a img {
	border: none;
	}

.w3c {
	position: absolute;
	left:-7000px;
	top: -7000px;
	}

.clear {
	clear: both;
	}

.textleft {
	float: left;
	}

.textright {
	float: right;
	}

h1,h2,h3 {
	font-size: 1em;
	font-weight: normal;
	}

div#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}

div.header {
	background: url(../templateImages/logo.gif) 18px 15px no-repeat;
	height: 100px;
}

a:link {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #6cf;
	text-decoration: underline;
	}

/* ********* main nav styles ******** */

div.nav ul {
	float: right;
	margin: 60px 3px 0 0;
	}

div.nav ul li {
	float: left;
	list-style: none;
	margin-right: 15px;
	}

div.nav ul li a {
	display: block;
	height: 42px;
	width: 84px;
	text-indent: -9000px;
	}

div#portfolio.nav ul li#nav_port a {
	background: url(../templateImages/ro_portfolio.gif) top center no-repeat;
	}

div#about.nav ul li#nav_about a {
	background: url(../templateImages/ro_about.gif) top center no-repeat;
	}

div#contact.nav ul li#nav_contact a {
	background: url(../templateImages/ro_contact.gif) top center no-repeat;
	}

div.nav ul li#nav_port {
	background: url(../templateImages/nav_portfolio.gif) top center no-repeat;
	}
	
div.nav ul li#nav_port a:hover {
	background: url(../templateImages/ro_portfolio.gif) top center no-repeat;
	}

div.nav ul li#nav_about {
	background: url(../templateImages/nav_about.gif) top center no-repeat;
	}

div.nav ul li#nav_about a:hover {
	background: url(../templateImages/ro_about.gif) top center no-repeat;
	}

div.nav ul li#nav_contact {
	background: url(../templateImages/nav_contact.gif) top center no-repeat;
	}

div.nav ul li#nav_contact a:hover {
	background: url(../templateImages/ro_contact.gif) top center no-repeat;
	}

/* ******** Gallery thumbnail navigation styles ******** */

ul#gallerySelection {
	list-style: none;
	margin: 55px 0 0 18px;
	}

ul#gallerySelection li {
	float: left;
	margin: 0 18px 18px 0;
	border: 1px solid #999;
	}

ul#gallerySelection li a {
	display: block;
	height: 100px;
	width: 300px;
	text-indent: -9000px;
	}

ul#gallerySelection li#tn1 {
	background:url(../templateImages/tn_aquatic2_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn1 a {
	background:url(../templateImages/tn_aquatic2_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn1 a:hover {
	background:url(../templateImages/tn_aquatic2_illustrations.jpg) bottom left no-repeat;
	}

ul#gallerySelection li#tn2 {
	background:url(../templateImages/tn_nature_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn2 a {
	background:url(../templateImages/tn_nature_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn2 a:hover {
	background:url(../templateImages/tn_nature_illustrations.jpg) bottom left no-repeat;
	}

ul#gallerySelection li#tn3 {
	background:url(../templateImages/tn_technical_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn3 a {
	background:url(../templateImages/tn_technical_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn3 a:hover {
	background:url(../templateImages/tn_technical_illustrations.jpg) bottom left no-repeat;
	}

ul#gallerySelection li#tn4 {
	background:url(../templateImages/tn_childrens_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn4 a {
	background:url(../templateImages/tn_childrens_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn4 a:hover {
	background:url(../templateImages/tn_childrens_illustrations.jpg) bottom left no-repeat;
	}

ul#gallerySelection li#tn5 {
	background:url(../templateImages/tn_figure_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn5 a {
	background:url(../templateImages/tn_figure_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn5 a:hover {
	background:url(../templateImages/tn_figure_illustrations.jpg) bottom left no-repeat;
	}

ul#gallerySelection li#tn6 {
	background:url(../templateImages/tn_humorous_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn6 a {
	background:url(../templateImages/tn_humorous_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn6 a:hover {
	background:url(../templateImages/tn_humorous_illustrations.jpg) bottom left no-repeat;
	}
	
ul#gallerySelection li#tn7 {
	background:url(../templateImages/tn_caricature_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn7 a {
	background:url(../templateImages/tn_caricature_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn7 a:hover {
	background:url(../templateImages/tn_caricature_illustrations.jpg) bottom left no-repeat;
	}

ul#gallerySelection li#tn8 {
	background:url(../templateImages/tn_stamp_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn8 a {
	background:url(../templateImages/tn_stamp_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn8 a:hover {
	background:url(../templateImages/tn_stamp_illustrations.jpg) bottom left no-repeat;
	}

ul#gallerySelection li#tn9 {
	background:url(../templateImages/tn_misc_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn9 a {
	background:url(../templateImages/tn_misc_illustrations.jpg) 0 0 no-repeat;
	}

ul#gallerySelection li#tn9 a:hover {
	background:url(../templateImages/tn_misc_illustrations.jpg) bottom left no-repeat;
	}

/* ********* Portfolio page text stytles ****** */

h2 {
	font-size: 1.5em;
	padding: 10px 0 5px 18px;
	}

p {
	padding: 0 0 15px 18px;
	font-size: 0.75em;
	width:440px;
	}

p.textright {
	margin-right:20px;
	display: inline;
	}

a.featureLink {
	font-size: 1.25em;
	font-style: italic;
	color: #fff;
	text-decoration:none;
	}

a:hover.featureLink {
	color: #6cf;
	text-decoration:underline;
	}

/* ******** About page styles ******** */

div.firstColumn {
	width: 460px;
	float:left;
	margin: 55px 0 0 0;
	}

div.firstColumn p {
	line-height: 1.5em;
	}

div.firstColumn h2 {
	padding-top:0;
	}

div.secondColumn {
	width: 420px;
	float:right;
	margin: 55px 0 0 0;
	}

div.secondColumn img {
	border: 1px solid #999;
	}

div.halfColumn {
	float: left;
	width:180px;
	margin-top: 15px;
	}

div.halfColumn p {
	padding:0;
	width:100%;
	}

div.halfColumn h3 {
	padding: 0 0 5px 0;
	}

div.firstColumn h3 {
	padding: 20px 0 15px 18px;
	}

h3 {
	font-size: 1.15em;
	font-style: italic;
	}

/* ******* Styles for portfolio section / image gallery page ******* */

ul#thumbGallery {
	list-style: none;
	margin: 55px 0 0 18px;
	}

ul#thumbGallery li {
	float: left;
	margin: 0 18px 18px 0;
	}

ul#thumbGallery li a img {
	border: 1px solid #999;
	}

/* ******** footer styles ****** */

div.footer {
	clear:both;
	padding-top: 10px;
	}

div.footer p {
	width:100%;
	color: #333;
	}

div.footer a:link {
	color: #333;
	text-decoration: none;
}

div.footer a:hover {
	color: #fff;
	text-decoration: underline;
	}