/*
First do the AI default styles
*/

/* In strict mode, the viewport is auto - as much as needed so change it */

html, body {
	height: 100%;
}

/* Default page and font stuff */

body {
	padding: 0;
	background: #FFFFFF;
	margin: 0 auto 0 auto;
	text-align: center;
}

body, p, td, ol, ul, li, dl, dt, dd, blockquote, h1, h2, h3, h4, div {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
}

textarea, pre, tt, code, kbd, samp {
	font-family: monospace;
	font-size: 12px;
}

/* Default alignment */

p, td, ol, ul, li, dl, dt, dd, blockquote, div {
	text-align: left;
	font-weight: normal;
}

td {
	vertical-align: top;
}

li {
	vertical-align: middle;
	line-height: 1.2em;
}

/* Heading styles */

h1, h2, h3, h4 {
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #000000;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 15px;
}

h3 {
	font-size: 13px;
}

h4 {
	font-size: 12px;
}

/* White space rules */

h1, h2, h3, h4, p, ul, ol, blockquote, hr, .para, .form, table.gallery, .nav, .mag {
	padding: 0;
	margin: 0;
	margin-bottom: 0.6em;
}

li {
	padding: 0;
	margin: 0;
	margin-bottom: 0.4em;
}

p + h2, ul + h2, table + h2, div + h2, blockquote + h2, hr + h2 {
	margin-top: 1.2em;
	margin-bottom: 0.3em;
}

p + h3, ul + h3, table + h3, div + h3, blockquote + h3, hr + h3 {
	margin-top: 1.2em;
	margin-bottom: 0.3em;
}

p + h4, ul + h4, table + h4, div + h4, blockquote + h4, hr + h4 {
	margin-top: 1.2em;
	margin-bottom: 0.2em;
}

ul, ol, dd {
	margin-left: 2em;
}

blockquote {
	font-style: italic;
	margin-left: 1em;
	margin-right: 1em;
}

span.author {
	font-style: italic;
	font-size: 90%;
	font-weight: bold;
}

/* Other misc stuff */

hr {
	height: 1px;
	border: none;
	color: #000000;
	background: #000000;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 80%;
}

img {
	border: none;
}

a:link, a:visited, a:active {
	text-decoration: underline;
	color: #C73212;
}

a:hover {
	text-decoration: underline;
	color: #C73212;
}

a:link.current, a:visited.current, a:active.current {
	text-decoration: none;
	color: #C73212;
}

a:hover.current {
	text-decoration: underline;
	color: #C73212;
}

/* Some default useful classes */

.highlight {
	color: #FF0000;
}

.greyout {
	color: #C0C0C0;
}

div.img-right, div.img-left, div.img-center, .img {
	margin-bottom: 0.8em;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.img {
	padding-left: 10px;
	padding-right: 10px;
}

div.img-right {
	float: right;
	clear: right;
	margin-left: 10px;
}

div.img-right img, div.img-left img, div.img-center .img {
	margin-bottom: 0.4em;
}

div.img-left {
	float: left;
	clear: left;
	margin-right: 10px;
}

div.img-center {
	margin-left: auto;
	margin-right: auto;
}

table.form {
	margin-bottom: 0.3em;
}

table.form td {
	padding: 0 0.5em 0.5em 0;
}

input, select, textarea, div.button {
	border-color: #CBC9BB;
	background: #FFFFFF;
	color: #2D2D2D;
	border-width: 1px;
	border-style: solid;
}

input, textarea {
	padding-left: 3px;
	padding-right: 3px;
}

.button, input[type="button"], input[type="submit"], input[type="reset"] {
	border-color: #CBC9BB;
	background: #D8C88A;
	color: #C73212;
	font-weight: normal;
	margin-right: 10px;
}

.nav {
	font-size: 11px;
}

.inline {
	display: inline;
	vertical-align: bottom;
}


.block {
	display: block;
}

img.fixpng {
	behavior: url("/fixpng.htc");
}

/*
Now do the site specific styles
*/

html, body {
	height: auto;
}

/* Customise the colours */

body {
	background-color: #AC8476;
	background-image: url('/templates/gmorton/images/bg_grad.png');
	background-repeat: repeat-x;
}

body, p, td, ol, ul, li, dl, dt, dd, blockquote, h1, h2, h3, h4, div {
	color: #FFFFFF;
	font-size: 12px;
}

h1 {
	color: #D8B7A7;
}

h2, h3, h4 {
	color: #D8B7A7;
}

h1 {
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
}

h2 {
	font-size: 12px;
}

h3 {
	font-size: 11px;
	font-style: italic;
}

h4 {
	font-size: 10px;
	font-style: italic;
}

blockquote {
	font-style: italic;
}

a:link, a:visited, a:active {
	color: #D8B7A6;
	text-decoration: underline;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.highlight {
	color: #FF33FF;
}

input, select, textarea, div.button {
	border-color: #1B1C20;
	background: #F0F0F0;
	color: #1B1C20;
}

input.button /* , input[type="button"], input[type="submit"], input[type="reset"] */ {
	border-color: #1B1C20;
	background: #D8B7A6;
	color: #7B5649;
	font-weight: bold;
}

table.form tr {
	height: 2em;
}

div.form {
	width: 341px;
	margin-top: 25px;
}

table.form td.tdl {
	white-space: nowrap;
}

/* Page layout styles */

#str-Container {
	margin: 0 auto 0 auto;
	padding-top: 25px;
	width: 836px;
	height: 646px;
}

#str-ContainerBlock {
	position: absolute;
	width: 836px;
	height: 576px;
}

#str-Logo {
	text-align: center;
}

#str-Menubar{
	margin-top: 20px;
	text-align: center;
	font-size: 1px;
}

#str-Menubar .str-MenuItem {
	display: inline;
	height: 14px;
	padding-right: 19px;
	font-size: 1px;
}

#str-SubMenubar{
	margin-top: 11px;
	text-align: center;
}

#str-SubMenubar .str-MenuItem {
	display: inline;
	height: 13px;
	padding-right: 11px;
}

#str-SubMenubar a:link, #str-SubMenubar a:visited, #str-SubMenubar a:active {
	color: #D8B7A6;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#str-SubMenubar a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#str-SubMenubar a:link.current, #str-SubMenubar a:visited.current, #str-SubMenubar a:active.current {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.str-bullet {
	color: #D8B7A6;
	padding-right: 4px;
}

.str-bulletHL {
	color: #FFFFFF;
	padding-right: 4px;
}

#str-bullet {
	color: #FFFFFF;
}

#str-Content {
	position: absolute;
	top: 190px;
	left: 0;
	width: 265px;
	height: 362px;
}

#str-Container.str-MainWedgallery #str-Content, #str-Container.str-MainCouplesgallery #str-Content, #str-Container.str-MainChildrengallery #str-Content, #str-Container.str-MainFamiliesgallery #str-Content, #str-Container.str-MainCommercialgallery #str-Content {
	width: 836px;
	height: 362px;
}

#str-Container.str-MainAdmin #str-Content, #str-Container.str-MainGallery #str-Content {
	padding: 0 18px 20px 18px;
	width: 800px;
	height: 362px;
	overflow: auto;
}

#str-Container.str-MainPhotostore #str-Content {
	padding: 0 18px 20px 18px;
	width: 800px;
	height: 462px;
	overflow: auto;
}

#str-ContentNav {
	position: absolute;
	width: 12px;
	bottom: 3px;
	left: 272px;
}

#str-ContentNav img {
	margin-top: 11px;
}

#scrollOuter {
	position: absolute;
	top: 0;
	overflow: hidden;
	width: 260px;
	height: 362px;
}

#scrollInner {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	clip: rect(0px, 260px, 362px, 0px);
}

#str-Background {
	margin-top: 60px;
	margin-left: 296px;
}

#str-Container.str-MainHome #str-Background, #str-Container.str-MainWedprewedmeet #str-Background, #str-Container.str-MainWedprewedshoot #str-Background, #str-Container.str-MainWeddingday #str-Background, #str-Container.str-MainWedviewing #str-Background, #str-Container.str-MainWedreturn #str-Background, #str-Container.str-MainWedpackages #str-Background, #str-Container.str-MainChildren #str-Background, #str-Container.str-MainCouples #str-Background, #str-Container.str-MainFamilies #str-Background {
	margin-top: 34px;
}


#str-ViewGallery {
	position: absolute;
	top: 215px;
	right: -27px;
}

#str-DesignOverlay {
	position: absolute;
	bottom: -70px;
	left: -44px;
}

#str-Tagline {
	position: absolute;
	right: -15px;
	bottom: -40px;
}

#str-Footer {
	width: 836px;
	text-align: center;
	padding-top: 60px;
	margin: 0 auto 30px auto;
	font-size: 9px;
	color: #C7A190;
	font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif;
}

#str-Footer a:link, #str-Footer a:visited, #str-Footer a:active {
	color: #C7A190;
	text-decoration: none;
	font-weight: bold;
}

#str-Footer a:hover {
	color: #C7A190;
	text-decoration: underline;
	font-weight: bold;
}

.str-ContactHeading {
	color: #D8B7A7;
	font-weight: bold;
}

#str-Container.str-MainCouplesgallery h1, #str-Container.str-MainFamiliesgallery h1, #str-Container.str-MainChildrengallery h1, #str-Container.str-MainWedgallery h1, #str-Container.str-MainCommercialgallery h1 {
	position: absolute;
	top: 0;
	left: 672px;
	white-space: nowrap;
}

/* Gallery admin pages */

#str-GalleryDropdown {
	margin-bottom: 0.8em;
}

#str-GalleryDropdown form {
	margin: 0;
}

#str-GallAdmin td {
	padding: 0 12px 0 12px;
}

#str-GallAdmin td.gall_l {
	padding-left: 0;
}

#str-GallAdmin td.gall_r {
	padding-right: 0;
}

#str-GallAdmin div {
	text-align: center;
	margin: 0;
}

#str-GallAdmin div.str-GallAdminThumb {
	margin-bottom: 1px;
}

#str-GallAdmin div.str-GallAdminText {
	margin-bottom: 16px;
}

#str-GallAdmin img {
	display: block;
}

/* Gallery pages */

div.str-GallPreview, #str-GallPreviewOvl, #str-GallPreviewBack {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 628px;
	height: 362px;
	text-align: left;
}

div.str-GallPreview {
	background-color: #AC8476;
	background-image: url('/templates/gmorton/images/bg_grad.png');
	background-repeat: repeat-x;
	background-position: 0 -235px;
}

#str-GallPreviewOvl {
	background-color: transparent;
	background-image: none;
	z-index: 90;
}

#str-GallSidePanelCont {
	position: absolute;
	overflow: hidden;
	top: 26px;
	right: 0px;
	width: 164px;
	height: 336px;
}

#str-GallSidePanel {
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	background-color: transparent; 
	height: 336px;
	top: 0;
	left: 0;
	clip: rect(0px, 164px, 336px, 0px);
}

#str-GallSidePanel .str-GallThumb, #str-GallSidePanel .str-GallThumbCurr {
	margin-left: 8px;
	padding-bottom: 8px;
	/* We need 'hasLayout' here for MSIE otherwise offsetLeft/Top are wrong for the auto-thumb scrolling */
	position: relative;
	/* End bodge */
}

#str-GallSidePanel .str-GallThumb img {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

#str-GallSidePanel .str-GallThumbCurr img {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#str-GallSidePanel .str-GallThumbLineFirst .str-GallThumb, #str-GallSidePanel .str-GallThumbLineFirst .str-GallThumbCurr {
	margin-left: 0;
}

#str-GallSidePanel .str-GallThumbLine {
	height: 363px;
	float: left;
}

#str-GallSidePanel .str-GallThumbLineEnd {
	padding-bottom: 0;
}

#str-GallSidePanel .str-GallThumbLineMid {
}

#str-GallSlideText, #str-GallSlideNav {
	position: absolute;
	top: 296px;
	right: 175px;
	width: 22px;
	height: 20px;
	white-space: nowrap;
}

#str-GallSlideText {
	display: none;
}

#str-GallSlideNav, #str-GallSlideNavStartDiv, #str-GallSlideNavStopDiv {
	font-size: 1px;
	line-height: 1px;
	z-index: 100;
}

#str-GallSlideNavStartDiv, #str-GallSlideNavStopDiv {
	position: absolute;
	left: 0;
}

#str-GallSlideNav img {
	display: block;
}

#str-GallSlideNavStart {
	padding: 0 0px 0 0px;
}

#str-GallSlideNavStop {
	padding: 0 0px 0 0px;
}

.str-GallPreviewNav {
	position: absolute;
	top: 327px;
	right: 180px;
	font-size: 1px;
	line-height: 1px;
	z-index: 100;
}

#str-GallPreviewNavDivPrev {
	top: 348px;
	right: 181px;
}

.str-GallPreviewNav img {
	display: block;
}

#str-GallPreviewNavPrev {
	padding: 0 0 0 0;
}

#str-GallPreviewNavNext {
	padding: 0 0 0 0;
}

#str-GallPrevNavText {
	display: none;
}

.str-GallThumbNav {
	position: absolute;
	top: 327px;
	right: -26px;
	font-size: 1px;
	line-height: 1px;
	z-index: 100;
}

#str-GallThumbNavDivPrev {
	top: 348px;
	right: -25px;
}

.str-GallThumbNav img {
	display: block;
}

#str-GallThumbNavPrev {
	padding: 0 0 0 0;
}

#str-GallThumbNavNext {
	padding: 0 0 0 0;
}

/* Contact page */

body#str-FeedbackForm {
	margin: 20px
}