@charset "UTF-8";

html, body {
	height: 100%;
}

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #464646;
	margin: 0px;
	text-align: left;
}
#logo {
	background-image: url(../images/logo-small170.jpg);
	height: 170px;
	width: 170px;
	position: absolute;
	left: 4em;
	top: 2em;
	background-repeat: no-repeat;
	background-position: center center;
}
#clock_a {
	height: 200px;
	width: 200px;
	position: absolute;
	left: 4em;
	top: 2em;
	background-image: url(../images/logo-small135.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 1em;
	padding-right: 0.5em;
}
#menu {
	text-align: left;
	height: 136px;
	position: relative;
	width: 100%;
	background-image: url(../images/watermark-topright.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 20px;
}
#mainMenu {
	float: right;
	padding-left: 20em;
}
#content {
	width: 100%;
	min-height: 100%;
	position: relative;
	z-index: 2;
	margin-top: 5em;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 0px;
	clear: both;
	height: auto;
	padding: 0px;
}
/*
*html #content {
	height: 100%;
}*/

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	bottom: 0px;
	width: 100%;
	letter-spacing: 0.1em;
	text-align: center;
	left: 0px;
	z-index: 1;
	position: relative;
	height: 236px;
	clear: both;
	background-image: url(../images/watermark-bottomleft.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

/* to hold bottom right watermark, empty div sized for background */

#watermarkRight {
	background-image: url(../images/watermark-bottomright.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 100%;
	z-index: 1;
	background-position: right bottom;
	padding-top: 186px;
}
#footer table {
	padding: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #BABABA;
}

/* links tags */
a {
	text-decoration: none;
	color: #7AB7C2;
}
a:hover {
	color: #0883A7;
}
a:focus {
	color: #6BA0AA;
}

/* removes unwanted faint outline around links */
* :focus { outline: 0; }
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


p {
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464646;
	text-align: left;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	color: #7AB7C2;
	line-height: 1.5em;
}
h2 {
	text-align: right;
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	color: #7AB7C2;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BABABA;
	padding-bottom: 0.5em;
	line-height: 1.5em;
	padding-right: 0.5em;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	color: #0883A7;
	line-height: 0.5em;
}

/* terms & condition link made normal body colour */

.colourless {
	color: #464646;
}


/************************** HOME Page ************************/

#home {
	width: 42em;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/logo-home.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 300px;
}
#home-text {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #BABABA;
	border-bottom-color: #BABABA;
	letter-spacing: 1px;
	padding-left: 1em;
}
#home-soph {
	padding-left: 3em;
}
#home-clar {
	padding-left: 14em;
}
#home-besp {
	padding-left: 21em;
	padding-bottom: 1em;
}

/* Shadow Museum on Home Page all caps */
.allCaps {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}


/**************************** NEWS Page ****************************/

#news {
	width: 50em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	padding-left: 30em;
}
#news p {
	text-align: justify;
}
#news  td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BABABA;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 2em;
	padding-left: 1em;
	text-align: center;
}
#news img {
	padding-top: 2em;
}


/** newsletter div, also used for Contact Page **/

#news-newsletter {
	border: 1px dashed #7AB7C2;
	position: absolute;
	left: 2em;
	top: 8em;
	padding: 3em;
}
.formField {
	background-color: #E4F0EE;
	color: #6BA0AA;
	padding: 0.3em;
}
.blueText {
	color: #7AB7C2;
}
.title {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 1.5px;
	font-weight: normal;
	color: #076D8B;
}
.emphasis {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	letter-spacing: 1px;
}


/**************************** COONTACT Page ***************************/

/* duplicate of #news */

#contact {
	width: 50em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	padding-left: 30em;
}
#contact p {
	text-align: justify;
}
#contact td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BABABA;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 2em;
	padding-left: 1em;
	text-align: center;
}

/* this div is created to contain contact details, so they can align centre */

#contact-email {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 1em;
}

/* div-specific <p> to align center, override the site wide <p> */

#contact-email p {
	text-align: center;
}



/*********************************** OUR STORY Page ******************************************/

#story {
	width: 50em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 7em;
	padding-left: 7em;
	padding-bottom: 2em;
}

/*
#story h2 {
	text-align: left;
	padding-left: 1em;
	font-weight: normal;
}
*/
#story-text {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BABABA;
	padding-top: 2em;
	padding-right: 2em;
	padding-bottom: 4em;
	padding-left: 2em;
	margin: 0px;
}
#story-text p {
	padding-bottom: 2em;
	font-size: 12px;
	text-align: justify;
	line-height: 2em;
}
#p-photo-navigation {
	text-align: center;
	width: 80em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	margin-top: 6em;
}
#p-photo-navigation h2 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
}
#p-photo-navigation  a {
	display: block;
	width: 6em;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border: 1px dashed #BABABA;
	text-align: center;
	margin: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0.1em;
}
#p-photo-navigation  td {
	text-align: center;
}


/******************************* PHOTOGRAPHY PORTFOLIO Page *************************************/
#p-photo {
	text-align: center;
	background-color: #000000;
	padding-top: 10em;
	padding-bottom: 10em;
}
#panelwidget {
	margin-right: auto;
	margin-left: auto;
	color: #7AB7C2;
}

/* class set for table cells that contain thumbnail */

td.img {
	height: 90px;
	width: 90px;
}


/******************************* WEB DESIGN PORTFOLIO Page *************************************/

#p-web {
	width: 65em;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15em;
	margin-top: 8em;
}

/* duplicate of #news td */

#p-web td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BABABA;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 2em;
	padding-left: 1em;
	text-align: center;
}
#p-web img {
	padding-top: 2em;
	padding-right: 1em;
}
#coming-soon {
	width: 30em;
	margin-right: auto;
	margin-left: auto;
	padding-left: 30em;
	text-align: center;
}


/******************************* TERMS & CONDITIONS Page *************************************/


#terms {
	width: 60em;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BABABA;
	padding-top: 2em;
	padding-bottom: 4em;
}
#terms p {
	padding-right: 2.5em;
	padding-left: 2.5em;
	padding-bottom: 1em;
}


/******************************* WEB DESIGN SERVICE Page *************************************/



#services {
	width: 50em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	padding-left: 7em;
}
#services-text {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BABABA;
	padding-top: 2em;
	padding-bottom: 4em;
}
#services p {
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: 1em;
	text-align: justify;
}
#services h3 {
	padding-left: 1.4em;
	padding-top: 1em;
}
.smallPrint {
	font-size: 10px;
}
.subTitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #0883A7;
	line-height: 1.7em;
	letter-spacing: 1px;
}
.SpryHiddenRegion {
	visibility: hidden;
}