@charset "UTF-8";
/*tomsears.co.uk stylesheet */

/* main style */

* {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #bbbbbb;
	padding: 0;
	margin: 0;
	border: none;
	font-size: 100%;
}

body {
		background: #1d1c1b url(../images/bg.jpg) repeat-x;
		font-size:85%;
}

#main {
	width: 870px;
	margin: 0 auto;
	display: block;
}

.wrapper {
	width: 870px;
	margin: 0 auto;
	display: block;
}

#main .wrapper {
	background:url(../images/wrapper-bg.jpg) no-repeat;
}

/* header style */

#header {
	padding-top:15px;
	margin-right:25px;
	overflow:hidden;
}

#header a img {
	float:left;
	display: block;
}

#header h3 {
	background:url(../images/photography-and-design.gif) no-repeat;
	text-indent:-5000px;
	height: 74px;
	width:348px;
	float:right;
	margin-top: 10px;
}

/* navigation style */

#navigation {
	background:url(../images/nav-bg.jpg) no-repeat;
	overflow: hidden;
	zoom: 1;
	clear:both;
	width: 800px;
	margin-left:30px;
}

#navigation ul.nav {
	float:right;
	padding-right: 2px;
	margin:0;
}

#navigation ul.nav li {
	list-style:none;
	float:left;
}

#navigation ul.nav li a {
	display:block;
	line-height: 42px;
	padding-left: 10px;
	padding-right:10px;
	text-decoration:none
}

#navigation ul.nav li a:hover {
	color: #777373;
}

#navigation ul.nav li a#active {
	color: #777373;
}

#navigation ul.smalllinks {
	float:left;
	margin-left:10px;
}

#navigation ul.smalllinks li {
	float:left;
	list-style:none;
	margin-top: 5px;
	margin-right: 10px;
}



/* container style */

#container {
	clear:both;
	overflow:hidden;
	zoom:1;
	margin-left: 30px;
	margin-top:10px;
	padding-bottom:20px;
	margin-right:25px;
}

#containermain {
	clear:both;
	overflow:hidden;
	zoom:1;
	margin-left: 30px;
	margin-top:10px;
	padding-bottom:20px;
	background:url(../images/containermain-bg.jpg) no-repeat;
	margin-right:25px;
}

#contentmain {
	min-height: 126px;
	height: 126px;
	height: auto !important;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* content style */

#content {
	width: 448px;
	min-height: 126px;
	height: 126px;
	height: auto !important;
	float:left;
	background:url(../images/content-bg.jpg) no-repeat top center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* sidebar style */

#sidebar {
	width:259px;
	float:right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background:url(../images/sidebar-bg.jpg) no-repeat;
	margin-right:15px;
}

/* text style */

p {
	padding-bottom:10px;
	line-height: 170%;
}

h1 {
	font-weight:normal;
	font-size:200%;
	padding-bottom:10px;
}

h2 {
	font-weight:normal;
	font-size:200%;
	padding-bottom:10px;
}

h3 {
	font-weight:normal;
	font-size:120%;
	padding-bottom:10px;
}

#container2 h3 {
	text-align:right;
	padding-top: 20px;
}

.contact-details {
	font-size: 90%;
}

.contact-details dt {
	color:#fff;
	float:left;
	width: 70px;
	padding-right:10px;
	padding-bottom:10px;
	text-align:right;
	clear:left;
	line-height: 170%;
}

.contact-details dd {
	margin-left:80px;
	padding-bottom:10px;
	line-height: 170%;
}

.contact-details dd.pdf a {
	display:block;
	background:url(../images/pdf-logo.gif) no-repeat;
	padding-bottom:3px;
	padding-left:25px;
}

#contentmain .contact-details {
	margin-left: 250px;
	padding-bottom: 200px;
	padding-top: 100px;
}



a {
	color:#fff;
}

a:hover {
	color:#bbbbbb;
}

/* footer style */

#footer {
	clear:both;
	background:url(../images/footer-bg.jpg) repeat-x;
	min-height: 161px;
	height: auto !important;
	height: 161px;
	border-top:2px solid #757574;
	font-size:80%;
} 

#footer .wrapper {
	padding-top: 20px;
}

#footer p {
	float:right;
	clear:both;
	padding-right: 25px;
}

/* slider style */

#container2 {
	position:relative;
	padding-bottom:20px;
	margin-left: 30px;
	margin-right: 25px;
}

#slider {
	width: 799px;
	background:url(../images/slider-bg.jpg) no-repeat;
	margin-left: 6px;
	height:302px;
	overflow:hidden; 
	padding-right:1px;
	padding-left:1px;
	position:relative;
	border:2px solid #0B0B0B;
}
 
/* slider default style */


#slider ul {
	width:3600px;
}
	
#slider li{ 
	width:799px;
	height:302px;
	overflow:hidden; 
	list-style:none;
	float:left;
	margin-right:1px;
	
	}
	
span#prevBtn{
	display:block;
	height:69px;
	left:-45px;
	position:absolute;
	top:115px;
	width:35px;
}

span#nextBtn{
	display:block;
	height:69px;
	left:808px;
	position:absolute;
	top:115px;
	width:35px;
}

span#nextBtn a{
	display:block;
	background:url(../images/next-button) no-repeat;
	text-indent:-5000px;
	width:52px;
	height:73px;
}

span#prevBtn a{
	display:block;
	background: url(../images/prev-button.gif) no-repeat;
	text-indent:-5000px;
	width:52px;
	height:73px;
}

span#nextBtn a:hover {
	background: url(../images/next-button-hover.gif);
}

span#prevBtn a:hover {
	background:url(../images/prev-button-hover.gif);
}

/* dl.skills style */

dl.skills {
	font-size:90%;
}

dl.skills dt {
	color:#fff;
	padding-bottom:2px;
	font-size:110%;
}

dl.skills dd {
	padding-bottom:10px;
	line-height: 160%;
}

/* dl.portfolio style */
	
dl.portfolio {
	font-size:90%;
	display:block;
	padding-top:20px;
}

dl.portfolio dt {
	color:#fff;
	font-size: 110%;
	padding-bottom:2px;
}

dl.portfolio dd {
	border-bottom: 1px solid #bbbbbb;
	margin-bottom: 10px;
	padding-bottom:10px;
	overflow:hidden;
	zoom: 1;
}

dl.portfolio dd a img {
	float:right;
	border: 1px solid #bbbbbb;
	margin-left: 20px;
}

dl.portfolio dd a:hover img {
	border: 1px solid #fff;
}

/* ul.gal style */

ul.gal {
	padding-left: 40px;
}

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

ul.gal li a img {
	display: block;
	border: 1px solid #BBBBBB;
}

ul.gal li a:hover img {
	display: block;
	border: 1px solid #ffffff;
}