/* Style Sheet for Tempus Photographical */

* 
{
	margin:0;
	padding:0;
	behavior: url(iepngfix.htc) 
	

}

a:focus, a:hover, a:active  { outline:none }

body {
	font-family: verdana, arial, helvetica;
	font-size: 70%;
	color: #c9c3c3;
	background-color:#184460;
	line-height:1.8;
}

body#home {
	background:url(images/home_bg.gif) top left repeat-x;
}

#overlay {
	overflow:hidden;
	background:transparent url(images/home_overlay.jpg) top left no-repeat;
	top:0;
	left:0;
	height:645px;
	margin:0 auto;
	padding:0;
}

#loverlay {
	overflow:hidden;
	background:transparent url(images/login_overlay.jpg) top left no-repeat;
	top:0;
	left:0;
	height:645px;
	margin:0 auto;
	padding:0;
}

h1{
	position:relative;
	top:26px;
	left:15px;
	background:transparent url(images/logo.png) top left no-repeat;
	text-indent:-5000em;
	height:66px;
	width:244px;
}

h1 a{
	display:block;
	height:66px;
	width:244px;
}

#imageholder
{ 
	position: relative;
	background-color: #fff;
	top: -214px;  
	left: 426px;
	width: 555px;
	height: 373px;	
}

#imagecaption
{
	position: relative;
	top: -730px;
	width: 515px;
	height: 300px;
	left: 445px;
}

#imagecaption img
{
	margin-left: -10px;	
}

#imagecaption p {
	
	margin-top: -4px;
	padding-bottom: 15px;
}

#content
{ 
	position: relative;
	background-color: #fff;
	top: -213px;
	left: 426px;
	width: 555px;
	height: 373px;	
	z-index: 1;
}

p.title
{
	color: #73abc7;
	font-weight: bold;
}

td
{
	color: #666;
}

#footercontainer
{ 
	background:transparent url(images/footer.png) top left no-repeat;
	position: relative;
	top: -201px;
	left: 0px;
	width: 990px;
	height: 190px;	
}

#albumfootercontainer
{ 
	background:transparent url(images/footer.png) top left no-repeat;
	position: relative;
	top: -201px;
	left: 0px;
	width: 990px;
	height: 190px;	
}

#testimonial
{ 
	background:transparent url(images/pull_quote.png) top left no-repeat;
	position: relative;
	top: 20px;
	left: 25px;
	width: 388px;
	height: 101px;	
	padding-left: 45px;
	padding-top: 17px;	
}

#welcome
{ 
	position: relative;
	top: -115px;
	left: 395px;
	width: 280px;
	height: 101px;	
	padding-left: 45px;
	padding-top: 17px;
}

#login
{ 
	position: relative;
	top: -233px;
	left: 703px;
	width: 220px;
	height: 101px;	
	padding-left: 45px;
	padding-top: 17px;
}

#footer
{
	position:relative;
	width: 990px;
	height: 12px;
	top: -205px;
	left: 23px;	
	font-family: arial, verdana, helvetica;
	color: #6b828d;
}

#footer p.footmid 
{
	position: relative;
	top: -20px;
	margin-left: 747px;
	padding-left: 1px;
	background:transparent url(images/rss_icon.gif) top left no-repeat;
}

#footer p.footend
{
	position: relative;
	top: -40px;
	margin-left: 832px;
	padding-left: 5px;

}

#login p.loginlink 
{
	background:transparent url(images/login_icon.gif) top left no-repeat;
	padding-left:15px;
	padding-top:2px;
	margin-top:5px;
	font-size: 90%;
}

#login p.loginlink a ,
#footer p.footmid a,
#footer p.footend a
{
	color: #bac6b6;
	font-weight: bold;
}

#welcome img, #login img 
{
	padding-bottom: 5px;
}

#testimonial p.quote
{
	line-height:2.0;
	letter-spacing: -0.01em;
	margin-right: 60px;
}

#testimonial p.caption
{
	color: #73abc7;
	line-height:2.5;	
	margin-left: 197px;
}

/*  Top Page Navigation Elements */

#topnavcontainer 
{ 
	position: relative;
	top: -25px;
	left: 426px;
	width: 600px;
	height: 20px;	
}

#topnavcontainer li
{
	display: inline;
	text-align:center;
}

#topnavcontainer li a{
	padding-left: 3px;
	color: #FFF;
	height: 20px;
	display:block;
	float:left; 
}

#topnavcontainer li.home a{
	background:transparent url(images/nav_home.gif) 0 0 no-repeat;
	height:20px;
	text-indent:-5000em;
	width:90px;
}

#topnavcontainer li.about a{
	background:transparent url(images/nav_about.gif) 0 0 no-repeat;
	height:20px;
	text-indent:-5000em;
	width:90px;
}

#topnavcontainer li.contact a{
	background:transparent url(images/nav_contact.gif) 0 0 no-repeat;
	height:20px;
	text-indent:-5000em;
	width:90px;
}

#topnavcontainer li.project a{
	background:transparent url(images/nav_project.gif) 0 0 no-repeat;
	height:20px;
	text-indent:-5000em;
	width:90px;
}

#topnavcontainer li.prices a{
	background:transparent url(images/nav_prices.gif) 0 0 no-repeat;
	height:20px;
	text-indent:-5000em;
	width:90px;
}

#topnavcontainer li.faq a{
	background:transparent url(images/nav_faq.gif) 0 0 no-repeat;
	height:20px;
	text-indent:-5000em;
	width:90px;
}

#topnavcontainer li.ahome a{
	background:transparent url(images/nav_home.gif) 0 0 no-repeat;
	background-position:0 -20px;
	height:20px;
	text-indent:-5000em;
	width:90px;
}

#topnavcontainer li.aabout a{
	background:transparent url(images/nav_about.gif) 0 0 no-repeat;
	background-position:0 -20px;	
	height:20px;
	text-indent:-5000em;
	width:90px;
}

#topnavcontainer li.acontact a{
	background:transparent url(images/nav_contact.gif) 0 0 no-repeat;
	background-position:0 -20px;
	height:20px;
	text-indent:-5000em;
	width:90px;
}

#topnavcontainer li.aproject a{
	background:transparent url(images/nav_project.gif) 0 0 no-repeat;
	background-position:0 -20px;
	height:20px;
	text-indent:-5000em;
	width:90px;
}

#topnavcontainer li.aprices a{
	background:transparent url(images/nav_prices.gif) 0 0 no-repeat;
	background-position:0 -20px;
	height:20px;
	text-indent:-5000em;
	width:90px;
}

#topnavcontainer li.afaq a{
	background:transparent url(images/nav_faq.gif) 0 0 no-repeat;
	background-position:0 -20px;
	height:20px;
	text-indent:-5000em;
	width:90px;
}

#topnavcontainer li.home a:hover,
#topnavcontainer li.about a:hover,
#topnavcontainer li.contact a:hover,
#topnavcontainer li.project a:hover,
#topnavcontainer li.prices a:hover,
#topnavcontainer li.faq a:hover{
	background-position:0 -20px;
}

/* Side Navigation Elements */

#sidenavcontainer 
{ 
	position: relative;
	top: -10px;
	left: 275px;
	width: 151px;
	height: 203px;	
}

#sidenavcontainer li
{
	display: inline;
	text-align:center;
}

#sidenavcontainer li a{
	padding-left: 3px;
	color: #FFF;
	height: 29px;
	display:block;
	float:left; 
}

#sidenavcontainer li.wedding a{
	background:transparent url(images/snav_wedding.gif) 0 0 no-repeat;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.portrait a{
	background:transparent url(images/snav_portrait.gif) 0 0 no-repeat;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.landscape a{
	background:transparent url(images/snav_landscape.gif) 0 0 no-repeat;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.wildlife a{
	background:transparent url(images/snav_wildlife.gif) 0 0 no-repeat;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.bandw a{
	background:transparent url(images/snav_bandw.gif) 0 0 no-repeat;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.corp a{
	background:transparent url(images/snav_corp.gif) 0 0 no-repeat;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.urban a{
	background:transparent url(images/snav_urban.gif) 0 0 no-repeat;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.misc a{
	background:transparent url(images/snav_misc.gif) 0 0 no-repeat;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.awedding a{
	background:transparent url(images/snav_wedding.gif) 0 0 no-repeat;
	background-position:0 -29px;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.aportrait a{
	background:transparent url(images/snav_portrait.gif) 0 0 no-repeat;
	background-position:0 -29px;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.alandscape a{
	background:transparent url(images/snav_landscape.gif) 0 0 no-repeat;
	background-position:0 -29px;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.awildlife a{
	background:transparent url(images/snav_wildlife.gif) 0 0 no-repeat;
	background-position:0 -29px;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.abandw a{
	background:transparent url(images/snav_bandw.gif) 0 0 no-repeat;
	background-position:0 -29px;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.acorp a{
	background:transparent url(images/snav_corp.gif) 0 0 no-repeat;
	background-position:0 -29px;	
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.aurban a{
	background:transparent url(images/snav_urban.gif) 0 0 no-repeat;
	background-position:0 -29px;
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.amisc a{
	background:transparent url(images/snav_misc.gif) 0 0 no-repeat;
	background-position:0 -29px;	
	height:29px;
	text-indent:-5000em;
	width:151px;
}

#sidenavcontainer li.wedding a:hover,
#sidenavcontainer li.portrait a:hover,
#sidenavcontainer li.landscape a:hover,
#sidenavcontainer li.wildlife a:hover,
#sidenavcontainer li.urban a:hover,
#sidenavcontainer li.misc a:hover,
#sidenavcontainer li.bandw a:hover,
#sidenavcontainer li.corp a:hover{
	background-position:0 -29px;
}

/* Image Thumbnails
------------------------------ */

.imagethumb a, .imagethumb a:hover {
	display: block;
	padding: 4px;
	margin: 5px 5px 5px 5px;
	line-height: 0px;
    border-style: none;
	background-color: #0c2f46;
}
.imagethumb a:visited {
    background-color: #0c2f46;
    border-style: none;
}
.imagethumb a:hover {
	background-color:#73abc7;
	border-style: none;
}
.imagethumb {
	float: left;
}

.albumdesc2 {
	line-height: 18px;
}

.imagethumb img {
	border-style: none;
}

#images {
	margin-left: 4px;
	width: 555px;
	height: 339px;
	z-index: 1;
}

ul.pagelist {
	padding: 0px;
	margin: 0px 0px 0px;
	list-style-type: none;
	height: 30px;
}

ul.pagelist li {
	display: inline;
	text-align:center;
}

ul.pagelist li.next a {
	display: block;
	background:transparent url(images/internal/n_arrow.png) top left no-repeat;
	float: left;
	padding: 2px 4px;
	background-color: #FFF6EC;
	text-decoration: none;
	color: #555;
}

ul.pagelist li.prev a {
	display: block;
	background:transparent url(images/internal/p_arrow.png) top left no-repeat;
	float: left;
	padding: 2px 4px;
	background-color: #FFF6EC;
	text-decoration: none;
	color: #555;
}

ul.pagelist li a {
	display: block;
	float: left;
	padding: 2px 4px;
	background-color: #FFF6EC;
	text-decoration: none;
	color: #555;
}

ul.pagelist li.inactive a {
	display: block;
	/*margin-top: -20px;*/
	float: left;
	padding: 2px 4px;
	background-color: #FFF6EC;
	text-decoration: none;
	color: #555;
}

ul.pagelist li a:hover {
	background-color: #73abc7;
	color: #fff;
}

ul.pagelist li.pdisabledlink {
	display: block;
	background:transparent url(images/internal/p_arrow.png) top left no-repeat;
	float: left;
	padding: 2px 4px;
	background-color: #FFF;
	text-decoration: none;
	color: #555;
}

ul.pagelist li.ndisabledlink {
	display: block;
	background:transparent url(images/internal/n_arrow.png) top left no-repeat;
	float: left;
	padding: 2px 4px;
	background-color: #FFF;
	text-decoration: none;
	color: #555;
}

ul.pagelist li.current a { 
	display: block;
	float: left;
	padding: 2px 4px;
	background-color: #73abc7;
	text-decoration: none;
	color: #fff;
}

#navcontrol {
	padding-left: 6px;
	height: 30px;
	width: 549px;
	background-color: #fff;
}

#loginbox {
	position: relative;
	width: 220px;
	left: 25px;
	top: 40px;
}

#loginbox2 {
	position: relative;
	width: 350px;
	left: 25px;
	top: 40px;
}

#loginbox2 a { color: #bac6b6; }
#loginbox2 a:hover { color: #bac6b6; }
#loginbox2 a:visited { color: #bac6b6; }

input
{
	background: #184460;
	color: #fff;
	font-size: 110%;
	border: 1px solid #fff;
	padding: 2px;
	font-family: verdana, arial, helvetica;
}

.label
{
	padding-bottom: 10px;
	width: 120px;
	color: #fff;
}

.element  
{
	padding-bottom: 10px;
}