body{
    font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/jonathan-pollock-photography-bg.gif);
	background-color:#188a95;
}

#widediv{
vertical-align:top;
position: absolute;
width:100%;
height: 717px;
top:0px;
background-image:url(images/jonathan-pollock-photography-background.png);
background-repeat:repeat-x;
}

#middiv{
position:relative;
width:1000px;
margin-top:16px;
height: 665px;
margin-left: auto;
margin-right: auto;

}

/*added to css to loose halo around firefox links. 
#wrapper {
vertical-align:top;
	width: 996px;
	position: absolute;
	height:645px;
	top:0px;
}*/
/*main page formatting-------------------------------------------------------------------*/



/*html text image formatting-------------------------------------------------------------*/
h1, h2, h3, h4 {
	font-family::Arial, Helvetica, sans-serif;
}
h1 {
    font-size: 26px;
	line-height: 26px;
	margin-top: 9px;
	margin-bottom: 0px;
	font-weight: normal;
	color: #000000;
}

.h1white {
	color: #ffffff;
	margin-top:2px;
}

.smallerh1{
color: #ffffff;
font-size: 13px;
font-weight:900;
margin-left: 14px;
}


.margleft{
margin-left: 14px;
}

h2 {	
  font-size: 20px;
	margin-top: 9px;

	font-weight: normal;
	color: #000000;
}
h3 {
 font-size: 16px;
	margin-top: 9px;

	font-weight: normal;
	color: #000000;
	}

p {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #ffffff;
	margin-top:0px;
	margin-bottom:0px;
}

.pnormal {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #ffffff;
	margin-right:0px;
	margin-left: 14px;
}

.linemarg{
margin-top:5px;
margin-bottom:5px;
}
/*layout-----------------*/
#navigation{
	position:absolute;
	width:202px;
	height:665px;
}
#picture{
	z-index:1;
	position:absolute;
	left:231px;
	top:18px;
	width:754px;
	height:629px;
    text-align:center;
	display: table-cell;
	vertical-align: middle; 

}
.picture * {
    vertical-align: middle;
}

.picture {
    display: block;
}
.picture span {
    display: inline-block;
    height: 100%;
    width: 1px;
}




#picturecopy{
	z-index:1;
	position:absolute;
	left:231px;
	top:18px;
	width:400px;
	height:629px;
	vertical-align:top;
	text-align:left;
}
#picturecopyimage{
	z-index:1;
	position:absolute;
	left:645px;
	top:18px;
	width:320px;
	height:629px;
	vertical-align:top;
	text-align:left;
}


#blogcontent{
	position:relative;
	left:231px;
	top:0px;
	width:754px;
	height:665px;
	vertical-align:middle;
	text-align:center;
	background-color:#FFFFFF;
}
#blogcopy{
	position:relative;
	left:36px;
	top:12px;
	width:450px;
	height:629px;
	vertical-align:top;
	text-align:left;
	float:left;
}
#bloglinks{
	position:relative;
	top:12px;
	width:205px;
	height:629px;
	margin-left:60px;
	vertical-align:top;
	text-align:left;
	float:left;
}
.blogpara{

color:#000000;
font-size:11pt;
line-height:14pt;
}
a.bloglink{
font-family:Arial, Helvetica, sans-serif;
font-size: 11pt;
line-height: 14px;
font-weight: normal;
color:#188a95;
text-decoration:none;
margin-bottom:10px;
display:block;
}
a.bloglink:hover{
text-decoration:underline;
}

#line0{
position:relative;
background-image:url(images/food-jewellery-photography-line.gif);
width:202px;
height:1px;
}

#contactdetails{
padding-top:15px;
position:relative;
width:202px;
height:140px;
}

#topnavigation{
position:relative;
width:220px;
height:90px;
background-image:url(images/food-jewellery-photography-line.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top:12px;
}

#thumbnavigation{
padding-left:14px;
padding-top:10px;
position:relative;
width:220px;
height:334px;
background-position: left top;
background-image:url(images/food-jewellery-photography-line.gif);
background-repeat:no-repeat;
}

#picturetitle{
background-image:url(images/food-jewellery-photography-line.gif);
background-position:left top;
background-repeat:no-repeat;
	position:absolute;
	width:220px;
	height:68px;
	padding-top:0px;
}



/*buttons----------------*/
a.mainnav{
    display:block;
    width:202px;
	height:15px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	padding-left:14px;
	padding-top:1px;
	color: #ffffff;
	text-decoration:none;
}
a.mainnav:link {
	color: #ffffff;
}
a.mainnav:visited {
	color: #ffffff;
}
a.mainnav:hover {
	color: #ffffff;
	text-decoration:underline;
}
a.mainnav:active {
	color: #ffffff;
}

a.profilenav{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	padding-left:14px;
	padding-top:1px;
	color: #ffffff;
	text-decoration:none;
}
a.profilenav:link {
	color: #ffffff;
}
a.profilenav:visited {
	color: #ffffff;
}
a.profilenav:hover {
	color: #ffffff;
	text-decoration:underline;
}
a.profilenav:active {
	color: #ffffff;
}
a.profilenav2{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	padding-top:1px;
	color: #ffffff;
	text-decoration:none;
}
a.profilenav2:link {
	color: #ffffff;
}
a.profilenav2:visited {
	color: #ffffff;
}
a.profilenav2:hover {
	color: #ffffff;
	text-decoration:underline;
}
a.profilenav2:active {
	color: #ffffff;
}

.paddleft{
	padding-left:14px;
}

a.backnav{
float:left;
    display:block;
    width:72px;
	height:16px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: normal;
	padding-right:15px;
	padding-top:0px;
	text-decoration:none;
	text-align:right;
	color: #ffffff;
	background-image:url(images/food-jewellery-photography-left.gif);
}
a.backnav:link {
	color: #ffffff;
}
a.backnav:visited {
	color: #ffffff;
}
a.backnav:hover {
	color: #ffffff;
	background-image:url(images/food-jewellery-photography-left-o.gif);
}
a.backnav:active {
	color: #ffffff;
}
a.nextnav{
float:left;
    display:block;
    width:72px;
	height:16px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: normal;
	padding-left:15px;
	padding-top:0px;
	text-decoration:none;
	text-align:left;
	color: #ffffff;
	background-image:url(images/food-jewellery-photography-right.gif);
	margin-left:8px;
}
a.nextnav:link {
	color: #ffffff;
}
a.nextnav:visited {
	color: #ffffff;
}
a.nextnav:hover {
	color: #ffffff;
	background-image:url(images/food-jewellery-photography-right-o.gif);
}
a.nextnav:active {
	color: #ffffff;
}



.thumbpanel {
	width:220px;
	height:278px;
	display:block;
	margin-top:10px;
}
.thumbbacknext {
	color:#fff;
	font-size:14px;
	line-height:14px;
}
.thumbbacknext img {
	vertical-align:bottom;
}
.thumbbacknext span {
	margin:0px 6px 0px 5px;
}
.thumbbord {
	float:left;
	border: solid 1px #54A4AF;
	margin: 0px 5px 5px 0px;
	width:63px;
	height:63px;
	overflow:hidden;
}
.navimagecurrent .thumbbord, a.navimage:hover .thumbbord {
	border: solid 1px #fff;
}
.thumbpaging {
	display:block;
	color:#fff;
	margin-top:6px;
}
.thumbpaging a {
	font-size:14px;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	width:15px;
	height:14px;
	text-align:center;
	margin: 0px 1px 0px 1px;
}
.thumbpaging a:hover, .thumbpaging a.btnnavpagecurrent {
	border: 1px solid #52A5AD;
	margin: 0px;
}
a.fblink {
	text-decoration:none;
	color:#000;
}
a.fblink:hover {
	text-decoration:underline;
}
#blogcopy p {
	color:#000;
}