/***********************************************/
/* body settings                               */
/***********************************************/
body {background: url(../images/grid01_02.gif);background-repeat: repeat;margin: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;color: #FFFFFF;line-height: normal;text-decoration: none;font-variant: normal;font-weight: normal;}

/***********************************************/
/* layout divs                                 */
/***********************************************/
#contours {background: url(../images/bgcontours_02.gif);background-repeat: no-repeat;height: 725px;margin: 0px;}
#navbar {position: absolute;left: 543px;top: 64px;width: 175px;margin: 0px;padding: 0px;border: 0px;}
#navhome a {position: relative;width: 165px;height: auto;padding-top: 2px;padding-bottom: 2px;padding-left: 10px;border: 0px;margin-bottom: 4px;display: block;background-color: #99CCCC;}
#navhome a:hover {position: relative;width: 165px;height: auto;padding-top: 2px;padding-bottom: 2px;padding-left: 10px;border: 0px;margin-bottom: 4px;display: block;background-color: #00CCFF;}
#navportfolio a {position: relative;height: auto;background-color: #99CCCC;padding-top: 2px;padding-bottom: 2px;padding-left: 10px;border: 0px;width: 165px;margin-bottom: 4px;display: block;}
#navportfolio a:hover {position: relative;height: auto;background-color: #00CCFF;padding-top: 2px;padding-bottom: 2px;padding-left: 10px;border: 0px;width: 165px;margin-bottom: 4px;display: block;}
#navcare a {position: relative;width: 165px;height: auto;background-color: #99CCCC;padding-top: 2px;padding-bottom: 2px;padding-left: 10px;border: 0px;margin-bottom: 4px;display: block;}
#navcare a:hover {position: relative;width: 165px;height: auto;background-color: #00CCFF;padding-top: 2px;padding-bottom: 2px;padding-left: 10px;border: 0px;margin-bottom: 4px;display: block;}
#navcontact a {position: relative;width: 165px;height: auto;background-color: #99CCCC;padding-top: 2px;padding-bottom: 2px;padding-left: 10px;border: 0px;margin-bottom: 4px;display: block;}
#navcontact a:hover {position: relative;width: 165px;height: auto;background-color: #00CCFF;padding-top: 2px;padding-bottom: 2px;padding-left: 10px;border: 0px;margin-bottom: 4px;display: block;}
#navlinks a {position: relative;width: 165px;height: auto;background-color: #99CCCC;padding-top: 2px;padding-bottom: 2px;padding-left: 10px;border: 0px;margin-bottom: 4px;display: block;}
#navlinks a:hover {position: relative;width: 165px;height: auto;background-color: #00CCFF;padding-top: 2px;padding-bottom: 2px;padding-left: 10px;border: 0px;margin-bottom: 4px;display: block;}

#copyright {position: absolute;width: 351px;height: auto;background: #99CCCC;padding-top: 2px;padding-bottom: 2px;padding-left: 5px;padding-right: 5px;border: 0px;margin-bottom: 0px;display: block;top: 731px;left: 358px;text-align: right;}
#info {background-color: #FFFFFF;margin: 0px;padding: 10px;position: absolute;width: 210px;border: 0px;left: 124px;top: 125px;}
#infopagebox {background-color: #FFFFFF;margin: 0px;padding: 10px;position: absolute;width: 334px;border: 0px;left: 124px;top: 125px;}
#copyrightinfo {position: absolute;width: 230px;height: auto;background: #99CCCC;padding-top: 2px;padding-bottom: 2px;padding-left: 5px;padding-right: 5px;border: 0px;margin-bottom: 0px;display: block;top: 731px;left: 478px;text-align: right;}
#valid {position: absolute;border: 0px;top: 731px;left: 5px;}
#title {position: absolute;height: 18px;width: 220px;left: 124px;top: 61px;display: block;padding-left: 11px;padding-top: 5px;padding-bottom: 3px;background-color: #FFFFFF;}

#navfrag a {position: absolute;border: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #6699CC;text-decoration: none;margin: 0px;padding: 0px;height: 12px;width: 200px;left: 486px;top: 222px;}
#navfrag a:hover {position: absolute;border: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #CC99CC;text-decoration: none;margin: 0px;padding: 0px;height: 12px;width: 200px;left: 486px;top: 222px;}
#navear a {position: absolute;border: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #6699CC;text-decoration: none;margin: 0px;padding: 0px;height: 12px;width: 110px;left: 606px;top: 343px;}
#navear a:hover {position: absolute;border: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #CC99CC;text-decoration: none;margin: 0px;padding: 0px;height: 12px;width: 110px;left: 606px;top: 343px;}
#navpen a {position: absolute;border: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #6699CC;text-decoration: none;margin: 0px;padding: 0px;height: 12px;width: 110px;left: 606px;top: 465px;}
#navpen a:hover {position: absolute;border: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #CC99CC;text-decoration: none;margin: 0px;padding: 0px;height: 12px;width: 110px;left: 606px;top: 465px;}
#navres a {position: absolute;border: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #6699CC;text-decoration: none;margin: 0px;padding: 0px;height: 12px;width: 200px;left: 486px;top: 586px;}
#navres a:hover {position: absolute;border: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #CC99CC;text-decoration: none;margin: 0px;padding: 0px;height: 12px;width: 200px;left: 486px;top: 586px;}
#navwood a {position: absolute;border: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #6699CC;text-decoration: none;margin: 0px;padding: 0px;height: 12px;width: 200px;left: 486px;top: 707px;}
#navwood a:hover {position: absolute;border: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #CC99CC;text-decoration: none;margin: 0px;padding: 0px;height: 12px;width: 200px;left: 486px;top: 707px;}

#imageB4 {position: absolute;height: 121px;width: 120px;left: 118px;top: 362px;border: 0px;}
#imageB5 {position: absolute;height: 121px;width: 120px;left: 118px;top: 483px;border: 0px;}
#imageB6 {position: absolute;height: 121px;width: 120px;left: 118px;top: 604px;border: 0px;}
#imageC4 {position: absolute;height: 121px;width: 120px;left: 238px;top: 362px;border: 0px;}
#imageC5 {position: absolute;height: 121px;width: 120px;left: 238px;top: 483px;border: 0px;}
#imageC6 {position: absolute;height: 121px;width: 120px;left: 238px;top: 604px;border: 0px;}
#imageD2 {position: absolute;height: 121px;width: 120px;left: 358px;top: 120px;border: 0px;}
#imageD3 {position: absolute;height: 121px;width: 120px;left: 358px;top: 241px;border: 0px;}
#imageD4 {position: absolute;height: 121px;width: 120px;left: 358px;top: 362px;border: 0px;}
#imageD5 {position: absolute;height: 121px;width: 120px;left: 358px;top: 483px;border: 0px;}
#imageD6 {position: absolute;height: 121px;width: 120px;left: 358px;top: 604px;border: 0px;}
#imageE3 {position: absolute;height: 121px;width: 120px;left: 478px;top: 241px;border: 0px;}
#imageE4 {position: absolute;height: 121px;width: 120px;left: 478px;top: 362px;border: 0px;}
#imageE5 {position: absolute;height: 121px;width: 120px;left: 478px;top: 483px;border: 0px;}
#imageE6 {position: absolute;height: 121px;width: 120px;left: 478px;top: 604px;border: 0px;}
#imageF3 {position: absolute;height: 121px;width: 120px;left: 598px;top: 241px;border: 0px;}
#imageF4 {position: absolute;height: 121px;width: 120px;left: 598px;top: 362px;border: 0px;}
#imageF5 {position: absolute;height: 121px;width: 120px;left: 598px;top: 483px;border: 0px;}
#imageF6 {position: absolute;height: 121px;width: 120px;left: 598px;top: 604px;border: 0px;}

/***********************************************/
/* font classes                                */
/***********************************************/
.nav {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #FFFFFF;text-decoration: none;margin: 0px;padding: 0px;font-weight: bold;}
.nav a {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #FFFFFF;text-decoration: none;margin: 0px;padding: 0px;font-weight: bold;}
.info {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;line-height: normal;font-weight: normal;font-variant: normal;color: #6699CC;text-decoration: none;}
.info a {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #6699CC;text-decoration: none;margin: 0px;padding: 0px;font-weight: bold;}
.info a:hover {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #FF00CC;text-decoration: none;margin: 0px;padding: 0px;font-weight: bold;}
.copyright {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #FFFFFF;text-decoration: none;margin: 0px;padding: 0px;font-weight: normal;}
.copyright a {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #FFFFFF;text-decoration: none;margin: 0px;padding: 0px;font-weight: bold;}
.titlemail {font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #DD98B4;text-decoration: none;}
.titlemail a {font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #6699CC;text-decoration: none;}
.titlemail a:hover {font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-style: normal;line-height: normal;font-weight: lighter;font-variant: normal;color: #DD98B4;text-decoration: none;}
h1 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: lighter;color: #6699CC;font-style: normal;line-height: normal;font-variant: normal;text-decoration: none;}

/***********************************************/
/* lightbox                                    */
/***********************************************/
#lightbox {position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%;height: 100%;background: transparent url(http://www.siferdesign.co.uk/lbsite/images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(http://www.siferdesign.co.uk/lbsite/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(http://www.siferdesign.co.uk/lbsite/images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData {padding:0 10px;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em;}	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}