/**************** Body and tag styles ****************/
* {margin: 0;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, label, fieldset, ul, ol, dl, li, object, table, th, tr, td  {padding: 0;}
body {
	font: 100%/1.1 Arial, Helvetica, sans-serif;
	color: #B8B8B8; background-color: #181818;
}
img {border:none;
}
h1 {
	font-size: 1.15em;
	font-weight: normal;
	margin-bottom: .2em;
}
h2 {font-size: .9em;
}
h3 {
	font-size: .8em;
	margin-bottom: .5em;
}
h4 {
	font-size: .9em;
	margin-bottom: 1em;
	font-weight: normal;
}
h5 {
	font-size: .8em;
	font-weight: normal;
	color: #fff;
}
p {
	margin-bottom: 1.2em;
	font-size: .8em;
}
table {
	float: left;
	width: 100%;
}
table, th, td {
	border-collapse: collapse;
	border: 1px solid #000;
	padding: 5px;
	font-size: .9em;
}
th {
	color: #fff;
	text-align: left;
	font-size: .9em;
	background-color: #333;
}		
td {vertical-align: top;
	color: #000;
}		
a {text-decoration: underline;}
a:link {color: #fff; background-color: inherit;}
a:visited {color: #fff; background-color: inherit;}
a:hover {color: #606060; background-color: inherit; text-decoration: none;}
a:active {color: #606060; background-color: inherit; text-decoration: none;
}
/**************** Container styles ****************/
#outercontainer {
	width: 760px;
	margin: 0 auto;
}
#container {
	width: 708px;
	padding: 0 26px;
	float: left;
	background: #000;
}
/**************** Header styles ****************/
#header, #header2 {
	height: 97px;
	background: url(../images/gif/left-darkgrey-repeaty.gif) repeat-y left top;
	position: relative;
	border-bottom: 2px solid #B8B8B8;
}
#header2 {background: url(../images/gif/left-splitgrey-repeaty.gif) repeat-y left top;
}
#header img, #header2 img {
	position: absolute;
	top: 30px; left: 0;
}
img#portfoliosearch {
	position: absolute;
	top: 84px; left: 74px;
	background: url(../images/gif/portfolio-link.gif) no-repeat left top;
	z-index: 10;
}
a:hover img#portfoliosearch {
	background: url(../images/gif/portfolio-link.gif) no-repeat -122px top;
}
/**************** Navigation styles ****************/
#navbar ul {
	position: absolute;
	right: -1px;
	bottom: 6px;
}
#navbar li {
	list-style-type: none;
	display: inline;
	border-right: 1px solid #777;
	padding: 0 7px;
	float: right;
	height: 8px;
}
#navbar li a {display: block; height: 8px;}
#navbar li a.homelink {background: url(../images/gif/home-link.gif) no-repeat left top; width: 35px;}
#navbar li a.homelink:hover {background: url(../images/gif/home-link.gif) no-repeat -35px top;}
#navbar li a.clientslink {background: url(../images/gif/clients-link.gif) no-repeat left top; width: 47px;}
#navbar li a.clientslink:hover {background: url(../images/gif/clients-link.gif) no-repeat -47px top;}
#navbar li a.contactlink {background: url(../images/gif/contact-link.gif) no-repeat left top; width: 54px;}
#navbar li a.contactlink:hover {background: url(../images/gif/contact-link.gif) no-repeat -54px top;}
#navbar li a.aboutlink {background: url(../images/gif/about-link.gif) no-repeat left top; width: 39px;}
#navbar li a.aboutlink:hover {background: url(../images/gif/about-link.gif) no-repeat -39px top;}
#navbar li a.linkslink {background: url(../images/gif/links-link.gif) no-repeat left top; width: 33px;}
#navbar li a.linkslink:hover {background: url(../images/gif/links-link.gif) no-repeat -33px top;}
#navbar li a.calendarslink {background: url(../images/gif/calendars-link.gif) no-repeat left top; width: 69px;}
#navbar li a.calendarslink:hover {background: url(../images/gif/calendars-link.gif) no-repeat -69px top;}
#navbar li a.canvaseslink {background: url(../images/gif/canvases-link.gif) no-repeat left top; width: 61px;}
#navbar li a.canvaseslink:hover {background: url(../images/gif/canvases-link.gif) no-repeat -61px top;}
#navbar li.lastlist {border-right: none; padding-right: 0;
}
#navbar span,.portlink span {display: none;}
/**************** Content styles ****************/
#contentcontainer {
	position: relative;
	float: left;
	border-bottom: 2px solid #B8B8B8;
	background: url(../images/gif/left-lightgrey-repeaty.gif) repeat-y left top;
}
#contentleft, #contentright {
	width: 270px;
	float: left;
	padding: 10px 0;	
}
#contentleft p, #contentleft h3 {
	padding: 0 20px;
}
#contentleft h3 {
	padding-top: 15px;
}
#leftthumbcontainer, #rightthumbcontainer {
	margin-bottom: 13px;
	float: left;
}
#rightthumbcontainer {margin-left: 11px;
}
#leftthumbcontainer img {
	margin-right: 6px;
	float: left;
}
#rightthumbcontainer img {
	margin-right: 3px;
	float: left;
}
#leftthumbcontainer img.margeright0, #rightthumbcontainer img.margeright0 {margin-right: 0;}
.portsearch {background: url(../images/gif/portfoliosearch-text.gif) no-repeat left top;}
a:hover .portsearch {background: url(../images/gif/portfoliosearch-text.gif) no-repeat -210px top;
}
#portsearchcontainer {
	width: 708px;
	height: 47px;
	float: left;
	background: url(../images/gif/left-darkgrey-repeaty.gif) repeat-y left top;
}
#portsearchbox {
	width: 427px;
	float: right;
	text-align: center;
	border-top: 1px solid #B8B8B8;
	padding-top: 8px;
}
#contentright {
	background-color: #000;
	width: 438px;
}
#slideshow {
	position: relative;
	width: 427px;
	height: 427px;
	margin: 1px 0 0 11px;
	background-color: #000;
	float: left;
}
#slideshow img {
	display: none;
	position: absolute;
	top: 0; left: 0;
}
ul#clientlist, ul#linkslist {
	font-size: .82em;
	margin: .5em 10px 10px 2.85em;
	line-height: 1.4;
}
ul#linkslist {
	margin: 0 0 .5em .85em;
	float: left;
	padding-left: 2em;
}
#contentright img.singlephoto {
	margin: 1px 0 0 11px;
}
/**************** Portfolio styles ****************/
#portcontainer {
	background: url(../images/gif/left-splitgrey-repeaty.gif) repeat-y left top;
	float: left;
}
#contentleft2 {
	width: 100px;
	color: #fff;
	float: left;
}
#contentleft2 h2 {
	padding: 10px 5px 25px;
}
#contentleft2 li {
	list-style-type: none;
	text-transform: uppercase;
	font-size: .64em;
	font-weight: bold;
}
#contentleft2 li a {
	text-decoration: none;
	padding: 3px 5px;
	display: block;
	color: #fff;
}
#contentleft2 li a:link, #contentleft2 li a:visited {background-color: inherit;}
#contentleft2 li a:hover, #contentleft2 li a:active {background-color: #5D5D5D;
}
#contentcentre {
	width: 150px;
	padding: 10px;
	float: left;
}
.photocounter {
	border-top: 1px solid #B8B8B8;
	margin-top: 2em;
	padding-top: 9px;
}
.searchbox {
	margin: 2em 5px 0;
}
input#searchtext {
	width: 85px;
	margin-bottom: .5em;	
	float: left;
}
#searchsubmit {width: 50px;
}
#portscrollcontainer {
	margin: -1px 0 10px 10px;
	float: left;
	width: 429px;
	height: 42px;
	overflow: hidden;
	position: relative;
}
#portthumbcontainer {
	float:left;
	position:absolute;
	left: 0; top: 0;
	white-space: nowrap;
	height: 42px;
}
#portthumbcontainer .thumbbox {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 3px;
	background: url(../images/gif/blank.gif) no-repeat center top;
}
#portthumbcontainer a img {border: 1px solid #000;}
#portthumbcontainer a:hover img {border-color: #B8B8B8;
}
#scrollcontainer {
	float: left;
	width: 427px;
	margin-left: 11px;
	border-bottom: 1px solid #B8B8B8;
	border-top: 1px solid #B8B8B8;
	background: url(../images/gif/scrollbar-bg.gif) no-repeat left center;
	position: relative;
	overflow: hidden;
	height: 25px;
	cursor: pointer;
}
#portimagecontainer {
	float: left;
	border-bottom: 1px solid #B8B8B8;
	margin: 12px 0 0 11px;
	padding-bottom: 12px;
	width: 427px;
	height: 427px;
	background: url(images/gif/blank.gif) no-repeat center top;
}
/**************** Contact styles ****************/
#contactformcontainer {
	width: 427px;
	padding-top: 1em;
	float: left;
	margin-left: 10px;
}
#contactformcontainer input#theirname, #contactformcontainer input#email, #contactformcontainer input#subject, #contactformcontainer textarea {
	width: 200px;
	float: left;
}
#contactformcontainer #submit {
	margin-left: 109px;
}
#contactformcontainer label {
	width: 99px;
	float: left;
	font-size: .8em;
	text-align: right;
	margin-right: 10px;
	padding-top: .2em;
}
#contactformcontainer input, #contactformcontainer textarea {
	margin-bottom: .6em;
}
#contactformcontainer br {
	clear: both;
}
/**************** Calendar styles ****************/
.calendarwrapper {
	margin: 0 0 1.5em;
	float: left;
}

#calendarsforsale h2, #calendarsforsale h4 {
	margin-left: 11px;
}
#calendarsforsale h2 {
	margin-bottom: 1.2em;
}
#calendarsforsale h4 {
	margin-bottom: .3em;
	color: #fff;
	border-bottom: 1px solid #333;
	padding-bottom: .2em;
}
.imgleft {
	float: left; 
	margin: 0 10px 5px 0;
}
/**************** Admin styles ****************/
#loginarea {
	width: 200px;
	margin: 0 auto .5em;
	text-align: left;
}
#loginarea label {
	width: 90px;
	float: left;
	font-size: .9em;
}
input#username, input#password {
	width: 100px;
	float: left;
	margin-bottom: .6em;
}
#loginarea br {clear: both;}
input#loginsubmit {margin-left: 90px;
}
h5.lightgreybox, h5.lightgreyboxwide {
	width: 250px;
	height: 15px;
	padding: 9px 10px;
	background-color: #5D5D5D;
}
h5.lightgreyboxwide {
	width: 687px;
	margin-left:1px;
}
th.topheading {
	background-color: #5D5D5D;
	padding: 8px 5px;
	font-weight: normal;
}
h5.darkgreybox {
	width: 418px;
	height: 14px;
	padding: 5px 10px;
	background-color: #333;
	margin: 10px 0;
}
ul.adminlinks {
	margin-top: 10px;
}
ul.adminlinks li {
	list-style-type: none;
	font-size: .8em;
}
ul.adminlinks li.currentpage {	
	padding: 5px 10px;
	background-color: #5D5D5D;
}
#contentleft ul.adminlinks li a {
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	color: #fff;
}
#contentleft ul.adminlinks li a:link, #contentleft ul.adminlinks li a:visited {background-color: inherit;}
#contentleft ul.adminlinks li a:hover, #contentleft ul.adminlinks li a:active {background-color: #5D5D5D;
}
#contentright .darkfill {
	height: 33px;
	width: 438px;
	background-color: #333;
}
#contentright p, #admincontainer p.helptext {
	margin-left: 10px;
	font-size: .7em;
}
#admincontainer {
	float: left;
	width: 100%;
}
#admincontainer p {
	padding: 15px 10px 0;
	margin-bottom: 0;
}
#admincontainer form, #photo_update_submit {
	margin-bottom:.5em;
}
#category_create_form label {
	width: 130px;
	float: left;
}
#category_create_form input#category_name, #category_create_form textarea {
	margin-bottom: .7em;
	width: 200px;	
}
#category_create_form textarea {width: 300px;
}
#create_category_submit {
	margin: 0 0 1em 130px;
}
input#category_name_edit {width: 200px;}
textarea#category_description_edit {width: 280px;
}
#photo_upload_form label {
	width: 85px;
	float: left;
}
#photo_upload_form select, #photo_upload_form input, #photo_upload_form textarea {
	margin-bottom: .7em;
}
#photo_upload_form input#photo_title, #photo_upload_form textarea {
	width: 200px;	
}
input#create_photo_submit {margin-left: 85px;
}
td.thumbimage img {margin-top: .5em;
}
.multiuploadcontainer {	
	background-color: #fff;
	width: 270px;
	float: left;
	margin: 0 10px 1em 0;
}
p.backtotop {
	text-align: center;
	float: left;
	width: 687px;
	font-size: .7em;
}
/**************** Footer styles ****************/
#footer, #footer2, #footer3 {
	float: left;
	width: 100%;
	background: url(../images/gif/left-darkgrey-repeaty.gif) repeat-y left top;
}
#footer2 {
	background: url(../images/gif/left-splitgrey-repeaty.gif) repeat-y left top;
}
#footer3 {
	background: none;
}
#footer p, #footer2 p, #footer3 p {
	font-size: .58em;
	line-height: 1.2;
	text-align: right;
	margin-top: 15px;
	word-spacing: -.05em;
	width: 437px;
	float: right;
}
/**************** Misc classes and styles ****************/
.boldtext {font-weight: bold;}
h4.whitetext, span.whitetext {color: #fff;}
p.specialtext {font-size: 1em; font-weight: bold; color: #fff;}