/*FEB 3 CSS Wedding Page Build v3 */
	
		/*Sept 5 CSS Wedding Page refresh 5-9-11 v2.0 */
	
	/*Position of main menu*/
	
	div#topnav {
    margin-top: -9px!important;
}

div.contentsection .contentSectionImage {
    float: left;
    margin: 0 10px 1px 0;
}

	
	/*Black background*/
	div.contentsection-menu {
    background: none repeat scroll 0 0 #000000;
	margin-top: 0px;
    position: static;}
	
	/* aligns nav text a bit*/
		ul#mainNav {width:969px!important; 
		margin: 6px 9px 0;
    }
	
	/*Nav text main colour*/
	ul#mainNav li a { color:#316982; 
	font-weight:normal !important;
	height: 35px;}
	
	
/*Changes the border line colour & space between to be equally spaced*/
	div.contentsection-menu .menu a {
    border-color: #333333;
    padding: 0 8px 0;}
	
/*Nav HOVER Font Colour*/
div.contentsection-menu .menu a, div.contentsection-menu .menu a:hover {
     color: #FFFFFF!important;
}		
/*Nav HOVER Font Colour*/
div.contentsection-menu .menu a:hover {
    color: #316982;
}
		
/*Nav Font Colour & weight for current tab*/
div.contentsection-menu .menu .current a, div.contentsection-menu .menu .current a:hover {	
 color: #555555!important;	
font-weight: bold;
}	
	
	
	
	
	
	/* Gallery Styles */
	#motioncontainer {/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */ width: 50%; /* Set to gallery width, in px or percentage */ height: 130px; /* Set to gallery height */}
	#motioncontainer a img {border: 1px solid #cccccc; /* Set image border color */}									      
	#motioncontainer a:hover img {
	border: 1px solid navy; /* Set image border hover color */}
	#statusdiv {background-color: lightyellow;border: 1px solid gray;padding: 2px;position: absolute; /* Stop Editing Gallery Styles */left: -300px;visibility: hidden;}
	#motioncontainer a:hover {color: red; /* Dummy definition to overcome IE bug */}
	/* End Gallery Styles */
	body {margin:0 auto !important; position:relative; width:1000px;}
	body.col-SM div#maincol{width:770px!important;/*margin-left:-167px!IMPORTANT;*/margin-top:1px!important;}
	body.col-SM div#maincol, body.col-SMX div#maincol{float:left;}
	.contentNarrow{ width: 930px; margin-left:15px;}
	.contentNarrow h2 {display:block!important;}
	div#maincol{/* EDITED 22-11-10  margin-left:5px;*/ _margin-left:0px; _margin-right:12px;}
	div#subcol {margin-left:15px; _margin-left:0px; margin-top:10px; _width:320px !important;}
	table.galleryImages td h3.view {display:none!important}
	.ArticleImageLeft {padding-right:0px; !important}
	/*PIC*/
	#pic {background-color: #FFFFFF;left: 0px;position: relative;top: -107px;width: 115px;}
	#pic a .large {border: 0px;display: block;	height: 1px;left: -1px;	position: absolute;top: -1px;width: 1px; }
	#pic a img {border: 0;}
	#pic a.p1, #pic a.p1:visited {	background: #FFFFFF; border: 0px solid #000000;	display: block;	height: auto; left: 0;	text-decoration: none; top: 0;	width: 115px;}
	#pic a.p1:hover {background-color: #8C97A3; color: #000000; text-decoration: none;}
	#pic a.p1:hover .large {border: 1px solid #000000;display: block;height: 233px;	left: 180px; position: absolute;top: -212px;width: 300px; }
	#pic2 {background-color: #FFFFFF;left: 134px;position: relative;top: -12px;width: 115px;}
	#pic2 a .large {border: 0px;display: block;	height: 1px;left: -1px;	position: absolute;top: -1px;width: 1px; }
	#pic2 a img {border: 0;}
	#pic2 a.p2, #pic2 a.p2:visited {	background: #FFFFFF; border: 1px solid #000000;	display: block;	height: 90px; left: 0;	text-decoration: none; top: 0;	width: 115px;}
	#pic2 a.p2:hover {background-color: #8C97A3; color: #000000; text-decoration: none;}
	#pic2 a.p2:hover .large {border: 1px solid #000000;display: block;height: 233px;	left: 110px; position: absolute;top: -212px;width: 300px; }

	
	body {font-family:century gothic,Arial, Helvetica, sans-serif !important;}
	
	.ienlarger {
		float: left;
		clear: none; /* set to left or right if needed */
		padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
		padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
	}

	.ienlarger a { 
		display:block;
		text-decoration: none;
			cursor:default;
	/* add cursor:default; to this rule to disable the hand cursor */
	}

	.ienlarger a:hover{ /* don't move this positioning to normal state */
		position:relative;
	}

	.ienlarger span img {
		border: 1px solid #FFFFFF; /* adds a border around the image */
		margin-bottom: 4px; /* pushes the text down from the image */
	}

	.ienlarger a span {  /* this is for the large image and the caption */
		position: absolute;
		display:none;
		color: #333333; /* caption text colour */
		text-decoration: none;
		font-family: century gothic,Arial, Helvetica, sans-serif;
		font-size: 13px; /* caption text size */
		background-color: #cccccc;
		font-weight: normal;
		padding-top: 3px;
		padding-right: 3px;
		padding-bottom: 3px;
		padding-left: 3px;
	}

	.ienlarger img { /* leave or IE puts a border around links */
	border-width: 0;
	}

	.ienlarger a:hover span { 
		display:block;
		bottom: 50px; /* means the pop-up's top is 50px away from thumb's top */
		left: 90px; /* means the pop-up's left is 90px far from the thumb's left */
		z-index: 100;
		
	/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
	right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

	/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
	bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

	/* add cursor:default; to this rule to disable the hand cursor only for the large image */
	}

	.resize_thumb {
		width: 120px; /* enter desired thumb width here */
		height : auto;
	}

	/* smart image enlarger ends here */

	/*IFRAME- Controls*/
	#container{
		width:546px;
		height:387px;
		overflow:hidden;
		float:right;
		left:413px;
		position:absolute;
		top:-212px;	
		border:1px solid #555555;
	}
	/* Pre 16-8   iframe settings  
	#container iframe {
		width:948px;
		height:600px;
		margin-left:-402px;
		margin-top:-158px;   
		border:0;
	 }*/
	 
	 #container iframe {
    border: 0 none;
    height: 600px;
    margin-left: -496px;
    margin-top: -186px;
    width: 1236px;
}
	 
	 
	 
	#redcontainer {
border:1px solid #555555;
float:right;
height:399px;
left:413px;
overflow:hidden;
position:absolute;
top:67px;
width:550px;
}
	#redcontainer iframe {
border:0 none;
height:584px;
margin-left:-419px; _margin-left:_-407px; *margin-left:-407px;
margin-top:-147px;
width:1035px;
}
	 
	 /* Iframe container postion size etc*/
	#container2{
		width:550px;
		height:550px;
		overflow:hidden;
		float:leftt;
		left:31px;
		position:absolute;
		top:554px;	
	}
	#container2 iframe {
		width:948px;
		height:682px;
		margin-left:-33px;
		margin-top:-170px;   
		border:0;
	 }
	 
	 
	 
	 
	 
	 
	/*END IFrame controls*/

	/*NEW IFRAME PAGE TEXT ALIGNMENT*/
	#leftContent{
		width:390px;
		margin: 0 0 0 0px;
	}
	p.intro {width:344px; margin-left:0px!important;}

	/*NEW PORTRAIT PAGE STYLES 30-6-10*/

	#RedShoot {background:url("http://admin2.clikpic.com/predheadp/images/portraitpageBG.jpg") no-repeat scroll 0 0 #FAFAFA;
height: 260px;
    margin-top: 39px;
    padding: 6px 0 5px 5px;
    text-align: left;}
	
	#RedShoot a { color: #660033;
    font-family: century gothic;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    text-decoration: underline;}
	
	
	

	#RedAfterShoot{background:#cccccc; left:594px;
	padding:0 4px 5px 7px;
	position:absolute;
	top:555px;
	width:337px;}

	#RedLogo{position:absolute; left:16px; top:49px;}

	/*IFRAME PAGE STYLES 4 Colums*/

	#topsection{
	background: #cccccc;
	height: 40px; /*Height of top section*/
	width:495px;
	}

	#topsection h1{
	margin: 0;
	padding-top: 15px;
	}

	#columnwrapper{
	float: left;
	width: 100%;
	}

	#rightcolumn{
	margin-left: 28%; 
	_margin-left: 28%;
	*margin-left: 28%;
	background: none;
	}

	#leftcolumn{
	float: left;
	width: 25%; /*Width of left column in percentage*/
	margin: 2% 0 0 0%;
	background: none;
	}

	#leftcolumn2{
	float: left;
	width: 25%; /*Width of left column in percentage*/
	margin: 2% 0 0 3%;
	background: none}

	#contentcolumn{
	float: left;
	width: 25%; /*Width of right column in percentage*/
	margin: 0% 0 0 0; /*Set margin to -(contentcolumnWidth)*/
	}


	#ImageSection{
	float:Left;
	width:18%;
	margin: 2% 0 0 3%;
	}

	#PackageSection{
	float:left;
	width:37%;
	margin: 2% 0 0 0%;
	}


	#footerIF{
	clear: left;
	width: 924px;
	background: #cccccc;
	color: #555555;
	text-align: center;
	padding: 4px 0;
	}

	#footer a{
	color: #FFFF80;
	}

	.innertube{
	margin: 0 10px 5px; /*Margins for inner DIV inside each column (to provide padding)*/
	}


	 /*div#mainDsp div#imageDsp {width:900px !important;}*/
	/*Pop Up Arrows
	a#nextPU {margin: 0 auto 0!important; }
	a#prevPU {margin: 0 15px 0 auto!important;}*/
	/*Pop Up Background */
	a#nextPU {padding:0 22px!important;} 
	a#prevPU {padding:0 22px!important;} 
	div#popupBG {background-color:#666666; left:0; margin:0 55px 0 4px; position:absolute; top:0; width:1000px !important; opacity:0.5 !important;}	
	#carouselMessage {left:122px;}
	html > body #redPricing img {position:static; bottom:1218px;} 
	#redPricing img {position:static; bottom:1218px; _bottom:1080px; *bottom:100px; left:304px; border:0;}
	html > body #imageMarginOne {position:relative; *bottom:-26px;}
	#imageMarginOne {position:relative; bottom:-26px; _bottom:-26px; left:60px; border:0;}
	#galleries {width:565px; margin-top:20px _margin-top:20px !important;}/*was 35px*/
	#gallerylist{width:563px!important; margin-left:0px!important; margin-right:61px!important;}
	#galleriesother{position:absolute; left:389px; top:270px;}
	#galleriesotherText{width:300px; margin: 0 0 0 0;}
	#subcolContent h2 {display:none;}
	#pageTitleFont {letter-spacing:2px; font-weight:bold; color:#CCCC99;}
	p.intro {margin-left:15px;}
	
	/*3-9-11 Footer Margin Change*/
	#footer{width:974px; margin:margin: 50px 0 0!important;}
	
	
	.contentPaddingwide{width:901px;}
	div#maincolContent{padding-left:0px; _padding-left:0px!important; 	
	margin: -13px 0 0 3px !important;
    padding-left: 0;
    padding-top: 5px;
    width: 614px;
	min-height:auto!important; *z-index:0!important;}
	
	
	
	/*width:600px; margin:-41px 0px 40px 0px!important; padding-top:5px;*/
	
	
	
	
	
	#maincolContent h2{display:none; margin-left:15px _margin-left:0px; padding-top:34px!important;}
	div#headertop {height:109px !important; width:974px!important; }

	/*New floating image with no text wrap*/
	.somediv{margin-top:0px; padding:0 0 2px; _padding:0 0 0px; *padding:0 0 0px; width: 196px; clear: left; border: 1px solid #555555; background:url("http://admin2.clikpic.com/predheadp/images/homepg-backround_Vertical_21-11-10.jpg") no-repeat scroll 0 0 #dfdfdf; z-index:100;}/*none repeat scroll 0 0 #CBCBCB; padding-right:0px;*/
	.somediv .floatbox{float: left;width: 163px;}
	* html .somediv p{ /* IE 3px jog hack*/height: 1%;}
	.somediv p{margin-top: 0; margin-bottom:0; padding: 0 2px 2px;}
	/*Text size change*/
	div#homepage_text {margin-top:0px!important;font-size: 0.9em!important;}

	
	
	
	
	/* Text over Image 2nd go* didn't work too well/
	.image {
		position:relative;
		float:left; /* optional */
	}
	.image .text {
		position:absolute;
		top:10px; /* in conjunction with left property, decides the text position */
		left:151px;
		width:300px; /* optional, though better have one */}

	
	
	
	
	
	
	/*New Changes 16-6-10 for top nav color & borders*/
	
	/*NAV Aligment Updated 1 - 8 -11 Due to changes by clikpic*/

	#SubNavlink1{position: absolute; top:-238px; _top:-228px; *top:-228px;left:99px;letter-spacing:2px; font-weight:bold !important; font-size: 13px;}
	#SubNavlink2{position: absolute; top:-238px; _top:-228px; *top:-228px;left:250px;letter-spacing:2px; width:250px; _width:250px; font-weight:bold !important; font-size: 13px!important;}
	#SubNavlink3{position: absolute; top:-238px; _top:-228px; *top:-228px;left:493px;letter-spacing:2px; width:300px; _width:300px; font-weight:bold !important; font-size: 13px!important;}
	#SubNavlink3{position: absolute; top:-238px; _top:-228px; *top:-228px;left:493px;letter-spacing:2px; width:300px; _width:300px; font-weight:bold !important; font-size: 13px!important;}
	#SubNavlinkLarge2{position: absolute; top:-238px; _top:-228px; *top:-228px;left:351px;letter-spacing:2px; font-weight:bold !important; font-size: 13px!important;}

	

	#SubNavlink1 a {text-decoration: none !important; font-weight:bold !important;}
	#SubNavlink2 a {text-decoration: none !important; font-weight:bold !important;}
	#SubNavlink3 a {text-decoration: none !important; font-weight:bold !important;}
	#SubNavlinkLarge2 a{text-decoration: none !important; font-weight:bold !important;}



	#SubNavlink1 a:hover {text-decoration: none !important; font-weight:bold !important;}
	#SubNavlink2 a:hover {text-decoration: none !important; font-weight:bold !important;}
	#SubNavlink3 a:hover {text-decoration: none !important; font-weight:bold !important;}
	#SubNavlinkLarge2 a:hover {text-decoration: none !important; font-weight:bold !important;}

	
	/* PORTRAIT GALLERY PAGE*/
	
	#SubNavlink1PGal{position: absolute; top:-23px; _top:-13px; *top:-13px;left:99px;letter-spacing:2px; font-weight:bold !important;}
	#SubNavlink2PGal{position: absolute; top:-23px; _top:-13px; *top:-13px;left:297px;letter-spacing:2px; width:250px; _width:250px; font-weight:bold !important;}
	#SubNavlink3PGal{position: absolute; top:-23px; _top:-13px; *top:-13px;left:493px;letter-spacing:2px; width:300px; _width:300px; font-weight:bold !important;}
	#SubNavlinkLarge2PGal{position: absolute; top:-33px; _top:-23px; *top:-23px;left:351px;letter-spacing:2px; font-weight:bold !important;}

	

	#SubNavlink1PGal a {text-decoration: none !important; font-weight:bold !important;}
	#SubNavlink2PGal a {text-decoration: none !important; font-weight:bold !important;}
	#SubNavlink3PGal a {text-decoration: none !important; font-weight:bold !important;}
	#SubNavlinkLarge2PGal a{text-decoration: none !important; font-weight:bold !important;}



	#SubNavlink1PGal a:hover {text-decoration: none !important; font-weight:bold !important;}
	#SubNavlink2PGal a:hover {text-decoration: none !important; font-weight:bold !important;}
	#SubNavlink3PGal a:hover {text-decoration: none !important; font-weight:bold !important;}
	#SubNavlinkLarge2PGal a:hover {text-decoration: none !important; font-weight:bold !important;}

	
	/*Gallery Thumbnail Alignment*/
	
.gallery {
-moz-border-radius:6px 6px 6px 6px;
background-color:transparent;
border:0 solid #555555;
margin:17px 0 0!important;
position:static;
}
	
	
	
	
	
	

	#subcolContent h2.homepage {display:none;}
	#photogImg{position: absolute; top:121px; left:299px;}
	.imagePadding {padding-left:220px;}
	.checkLabel{width:214px!important;}/*form field width*/
	#WeddingPack1{position: absolute; /*top:555px;*/ left:50px; width:423px;margin-top:0px;}
	#WeddingPack2{position: absolute; /*top:555px;*/ left:497px; width:423px;margin-top:0px;}
	#WeddingPack3{position: absolute; /*top:755px;*/ left:50px; width:830px; margin-top:5px;}
	#WeddingPack4{position: static; /*top:955px; left:50px;*/ width:723px;margin-top:5px;}

	/*PAGE FOOTER REMOVAL - 12-11-10*/
	html > body #footerContent{display:none;}


	*:first-child+html .imagePadding {float:right; padding-left:0px; width:275px;}
	* html .imagePadding {float:right; padding-left:0px; width:275px;}
	.contentPadding {float:left;
text-align:justify;
width:500px;}
	.textAlignCenter {text-align:center; padding-top: 95px; _margin-left: 18px; *margin-left: 18px;  width:53px;height:52px;}
	.textAlignLeft {text-align:left;}
	.textAlignRight {text-align:right;}
	.floatLeft {float:left; margin-left:21px; width:950px;}
	.floatLeft10px {float:left; padding:0 33px 7px 0; width:69px;}
	.floatRight {float:right;}
	
	
	
	.customTemplate .text {width:300px; padding-right:0px;}
	.customTemplate .imageGal .image { padding-right:10px; width:130px;}
	.customTemplate .imageGal .image h3 {cursor:pointer; clear:both; width:130px;}
	.customTemplate .imageGal2 .image { padding:0 10px 25px 0; width:554px;}
	.customTemplate .imageGal2 .image h3 {cursor:pointer; clear:both; width:554px; padding-top:10px;}
	
	
	ul.menu li, ul.horizontallist li, div.menu.horizontal div.menuitem 
	{display:inline;
	height:1px;
	line-height:1.2em !important;
	}
	
	
	#uberContainer {width:974px; padding:0 0px 0 3px !important; margin-top:0px;}
	#uberContainer #subcol #subcolContent #hdrswpp {left:785px; position:absolute; top:15px;}
	/*Update 16-8 - Swpp image removal*/
	#swpp img {display:none; position: absolute; top:667px; _667top:px; *top:667px; left:284px; _left:284px; *left:284px; border:0;}
	#facebook img {position: absolute; top:601px; _top:601px; *top:601px; left:397px; _left:397px; *left:397px; border:0;}
	#share img {position: absolute; top:732px; _top:732px; *top:732px; left:281px; _left:281px; *left:281px; border:0;}
	#hpredstudiologo{position: absolute; top:669px; _top:669px; *top:669px; left:0px; _left:0px; *left:0px; border:0; display:none;}

	/*NEW STYLE FOR PORTRAIT PAGE*/
	#swpp2 img {position: absolute; top:1006px; _top:1006px; *top:1006px; left:831px; _left:831px; *left:831px; border:0;}
	#facebook2 img {position: absolute; top:978px; _top:978px; *top:978px; left:712px; _left:712px; *left:712px; border:0;}
	#share2 img {position: absolute; top:1084px; _top:1084px; *top:1084px; left:830px; _left:830px; *left:830px; border:0;}


	/*Sub COL Oveflow visible  - NEW STYLE ADDED 12-11-10 */
	html > body #subcol, html > body #xcol {overflow:visible !important;}

	/*INTRO COL WIDTH REDUCTION - NEW STYLE ADDED 12-11-10 */
	.intro, .introcopy, .sectionintro {width:344px !important;}

	/* CONTAINER ON WEDDING PAGE ETC MOVE UPWARDS- NEW STYLE ADDED 12-11-10 */
	

	/*H3 & Hover Control - Updated 12-11-10*  Update Again 5-4-11 to remove h3 hover on everything/
	h3, .h3 {color: #660033 !important;}
	h3 a, .h3 a, {color: #555555 !important;}

	/*TITLE TEXT ON SINGLE PAGE FORMAT*/
	h2, h1.h2 {
	margin:0.83em 0;
	padding:0 0 5px;
	position:relative;
	top:-74px;
	}

	/*HOMEPAGE IMAGE HOLDER*/

	#homepageholder {position:relative; TOP:-754px; _TOP:-726x; *TOP:-726px; left:326px; _left:328px; *left:328px;  z-index:-100;}

	
	
	
	
	
	
	/*HOMEPAGE SLIDESHOW BORDER*  update 11-8  for margin left*/ 
	
	#monoslideshow_425176 {border:1px solid #555555; margin-left:-146px!important;/*margin-left:-154px!important;*/ _margin-left:-126px!important; *margin-left:-126px!important; margin-top:9px!important; width:737px!important;height:511px!important;}
	
	/*Portrait Page Slideshow alignment   https://www.clikpic.com/admin/preview.cfm?section=section346512*/
	
	#monoslideshow_353590_289067 {margin-left:-42px;
width:640px;}
	
	
	

	/*PRINT BUTTON - clickable area*/
	
	.at15t {display:inline !important;}
	
	
	
	/*HOMEPAGE REDESIGN 22-11-10 - INFO SECTION STYLES*/
	
.hpinfosection {/*float: left;*/ margin-left:0px; width:970px; margin-top:528px; _margin-top:548px!important; *margin-top:548px!important;}


.hpinfosectionwed {/*float: left;*/ margin-left:0px; width:970px; margin-top:0px; _margin-top:20px!important; *margin-top:20px!important;}

.hpinfoblock1 {background: url("http://admin2.clikpic.com/predheadp/images/general-background1.jpg") no-repeat scroll 0 0 #ebebeb;
float:left;
width:268px;
margin: 0 10px 0 0;
border:1px solid #555555;
}

.hpinfoblock1 p {padding: 1px 5px 3px; margin:0px;}




.hpinfoblock1large{background: url("http://admin2.clikpic.com/predheadp/images/what1.jpg") no-repeat scroll 0 0 #ebebeb;
float:left;
width:268px;
margin: 0 0px 0 0;
border:none;
height:238px;}

.hpinfoblock1large p {padding: 1px 5px 3px; 
margin:5px 4px 0 9px;
 font-size: 0.95em; }



.hpinfoblock2 {float:left;
width:105px;
margin: 4px 11px 0;}

.hpinfoblock2 p {padding: 1px 5px 3px; margin:0px;}



.hpinfoblock3 {background: url("http://admin2.clikpic.com/predheadp/images/Wedding1.jpg") no-repeat scroll 0 0 #FAFAFA; /*http://admin2.clikpic.com/predheadp/images/iPad_Homepage.jpg*/
float:left;
width:267px;
height:243px;
margin: 0 10px 0;
border:none}

.hpinfoblock3 p {padding: 8px 5px 3px;     /* Original 4 April 2011 padding: 33px 5px 3px;*/
margin:0px;
text-align:center;
font-size:1.1em;}

.hpinfoblock3 h3 {padding: 4px 5px 3px;
margin:0px;
font-size:1.65em;
text-align:center;
font-weight:normal;
color:#316982!important;}


.hpinfoblock4 {background: url("http://admin2.clikpic.com/predheadp/images/redstudio1.jpg") no-repeat scroll 0 0 #FAFAFA;
float:left;
width:270px;
height:243px;
margin: 0 0 0;
border:none;}

.hpinfoblock4 p {padding: 0px 5px 3px;
margin:2px 16px 0 17px; ;
text-align:center;
font-size:1.1em;}

.hpinfoblock4 h3 {padding: 1px 5px 3px;
margin:0px;
font-size:1.9em;
text-align:center;
font-weight:normal;}

.hpinfoblock4 h4 {padding: 1px 5px 3px;
margin:0px;
font-size:1.9em;
text-align:center;
color:#660033;}


.hpsideblock1 {background: url("http://admin4.clikpic.com/predheadp/images/TopSide-HP-Info-Box.jpg") no-repeat scroll 0 0 #FAFAFA;
float:left;
width:196px;
height:244px;
margin: 17px 0 0 0;
border:none;}

.hpsideblock1 p {padding:0;
margin:0;
text-align:center;
font-size:1.1em;}


.hpsideblock1 a {padding: 2px 0px 0px 5px;
margin: 6px 2px 0;
text-align:center!important;
font-size:1.1em!important;}


.hpsideblock1 h3 {padding: 0;
margin:0px;
font-size:1.4em;
text-align:center;
font-weight:normal;}


.hpsideblock2{background: url("http://admin4.clikpic.com/predheadp/images/BottomSide-HP-Info-Box.jpg") no-repeat scroll 0 0 #FAFAFA;
float:left;
width:196px;
height:244px;
margin: 22px 0 0;
border:none;}

.hpsideblock2 p {padding:0;
margin:1px 0px 0 0px;
text-align:center;
font-size:1.1em;}

.hpsideblock2 a {padding: 0px 5px 3px;
margin:2px 0px 0 0px; ;
text-align:center;
font-size:1.1em;}

.hpsideblock2 h3  {font-size: 1.4em;
    font-weight: normal;
    margin: 0;
    padding: 1px 0 0;
    text-align: center!important;}









.wedinfoblock3 {background: url("http://admin2.clikpic.com/predheadp/images/iPad_Weddingpage.jpg") no-repeat scroll 0 0 #FAFAFA;
float:left;
width:253px;
height:118px;
margin: 0 10px 0;
border:1px solid #555555;}

.wedinfoblock3 p {padding: 59px 5px 3px;
margin:0px;
text-align:left;
font-size:1.2em;}

.wedinfoblock3 h3 {padding: 1px 5px 3px;
margin:0px;
font-size:1.9em;
text-align:center;
font-weight:normal;}


.wedinfoblock4 {background: url("http://admin2.clikpic.com/predheadp/images/Wedding-10-2.jpg") no-repeat scroll 0 0 #FAFAFA;  /*was Portrait-Home.jpg*/
float:left;
width:253px;
height:118px;
margin: 0 10px 0;
border:1px solid #555555;}

.wedinfoblock4 p {padding: 14px 5px 3px;
margin:0px;
text-align:center;
font-size:1.2em;
color:#000000 !important;}

.wedinfoblock4 h3 {padding: 1px 5px 3px;
margin:0px;
font-size:1.7em;
text-align:center;
font-weight:normal;
color:#316982 !important;}

.wedinfoblock4 h4 {padding: 1px 5px 3px;
margin:0px;
font-size:1.9em;
text-align:center;
color:#660033;}


.PortBrowse{/*float: left;*/
left:44px;
position:relative;
top:-36px; _top:-59px; *top:-59px; 
width:900px;}

.Portinfosection {/*float: left;*/ margin:-132px 0 0 403px; position:absolute; top:650px; 
width:700px;}

.Portinfoblock2 {float:left;
width:105px;
margin: 0 10px 0;}

/*.Portinfoblock3 {background: url("http://admin2.clikpic.com/predheadp/images/portraitpagePriceListBG.jpg") no-repeat scroll 0 0 #FAFAFA;
float:left;
width:248px;
height:164px;
margin: 0 10px 0;
border:1px solid #555555;
margin-top:_87px; *87px;}*/

.Portinfoblock3 {
background:url("http://admin2.clikpic.com/predheadp/images/portraitpagePriceListBG.jpg") no-repeat scroll 0 0 #FAFAFA;
border:1px solid #555555;
float:left;
height:164px;
left:278px;_left:227px; *left:227px;
margin:0 10px;
position:absolute;
top:-33px; _top:0; *top:0;
width:248px;}





.Portinfoblock3 p {padding: 1px 5px 3px;
margin:0px;
text-align:center;
font-size:1.2em;}

.Portinfoblock3 h3 {padding: 1px 5px 3px;
margin:0px;
font-size:1.9em;
text-align:center;
color: #660033;
font-weight:normal;}


/*.Portinfoblock4 {background: url("http://admin2.clikpic.com/predheadp/images/Portrait-Home.jpg") no-repeat scroll 0 0 #FAFAFA;
float:left;
width:248px;
height:164px;
margin: 0 10px 0;
border:1px solid #555555;}*/

.Portinfoblock4 {
background:url("http://admin2.clikpic.com/predheadp/images/Wedding-10-2.jpg") no-repeat scroll 0 0 #FAFAFA; /*Was Portrait-Home.jpg*/
border:1px solid #555555;
float:left;
height:164px;
left:-10px;_left:-35px; *left:-35px;
margin:0 10px;
position:absolute;
top:-33px; _top:0; *top:0;
width:248px;}





.Portinfoblock4 p {padding: 11px 23px 0;
margin:0px;
text-align:center;
font-size:1.2em;}

.Portinfoblock4 h3 {padding: 1px 5px 3px;
margin:0px;
 color: #660033;
 font-size: 1.7em;
text-align:center;
font-weight:lighter!important;}

.Portinfoblock4 h3 a:hover {color: #555555!important;}


.Portinfoblock4 h4 {padding: 1px 5px 3px;
margin:0px;
font-size:1.9em;
text-align:center;
color:#555555;}


/*ABOUT PAGE  23-11-10*/

.AboutPage {/*float: left;*/ margin-left:0px; width:970px;}

.AboutTest {float:left;
margin:10px 0 0 56px;
text-align:justify;
width:368px;
color:#660033;}


/*ALIGNS SLIDESHOWS 23-11-10*/
div#maincolContent div.contentsection {
margin-left:18px; _margin-left:0px!important; *margin-left:0px!important;
margin-top:25px;}

/*Homepage Only Slideshow alignment*/
	
	/*div#maincolContent div.contentsection{margin-left:34px;}*/



/*INTRO COPY DIV FOR WáEDDING PAGE*/

.WedIntrocopy{width:376px;text-align:justify;}


/*WEDDING PRICING PAGE 23-11-10*/

.WedPackPage{float: left;
    margin: 0 22px;
    width:600px;}

.WeddingSpecial{float:left;
margin:0 0 0 75px;
display: none;
}



#WedPackageStyle1 {color: #660033;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;}

#WedPackageStyle1 p {font-size:17px;
font-color:#555555;
font-weight:bold;
text-decoration:underline;}

.WedPackageStyle2{font-size:1.2em;
color:#660033;
font-weight:bold;}

.WedPackageRight {background:url(http://admin2.clikpic.com/predheadp/images/general-background1.jpg) no-repeat scroll 0 0 #efefef;
 float: left;
    margin-left: 639px;
	margin-top: -394px;
    padding: 0 3px 0 8px;
    width: 259px;}

.WedPackageRight a{color:#660033;
font-family:century gothic,Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
text-align:left;
text-decoration:underline;}


.WedPackSubCol{margin: 5px 0 0 20px;}
	
	
/*PORTRAIT PRICING PAGE OMG!*/

 
.PortPrice {width: 900px;
float:left;
margin:0 20px 0 20px;}


.PortPriceIntro {float: left;
    margin: 0 0 0 20px;
    text-align: justify;
    width: 850px;}



.PortPriceLeft{float:left;
margin:20px 150px 0 20px;
width:283px;}

.PortPriceRight	{float: left;
    margin: 0 20px 0 85px;
    text-align: justify;
    width: 356px;}

.PortPriceCDLeft{background: url("http://admin2.clikpic.com/predheadp/images/portraitpricingPrintsBG.jpg") no-repeat scroll 0 0 #FAFAFA;
float:left;
margin:0 28px 50px 0;
width:270px;}
	
.PortPriceTitle	{font-size:1.2em;
font-weight:bold;
padding:10px 0 0 14px;}
	
.PortPriceCDImage {float:left;
margin:10px 52px 6px 10px;}	
	
.PortPriceCDText{padding:0 10px 4px; width:255px;}	
	
	
.PortPricePrintRight {background:url("http://admin2.clikpic.com/predheadp/images/portraitpricingPrintsBG.jpg") no-repeat scroll 0 0 #FAFAFA;
float:left;
margin:0 0 38px 96px;
width:307px;}	
	
.PortPricePrintImage {float:left;
margin:10px 99px 0 0;
padding:0 10px;}	
	
.PortPricePrintText {float:left;
padding:0 10px 5px;
text-align:justify;
width:286px;}

.PortPriceTableRight {background:url("http://admin2.clikpic.com/predheadp/images/portraitpricingPrintsTableBG.jpg") repeat scroll 0 0 #FAFAFA;
float:left;
padding:38px 5px 0;
width:186px;}

.PortPricePrintTable {float:left;
height:284px;
padding:0 0;
width:229px;}	
	

	

	
	
.PortPriceSub{background:url("http://admin2.clikpic.com/predheadp/images/portraitpricingFloatCanvasBG2.jpg") no-repeat scroll 0 0 #FAFAFA;
float:left;
/*height:200px;*/
margin:0 30px 50px 0;
width:350px;}
	
	
.PortPriceSubimage{float:left;
margin:10px 52px 6px 10px;}
	
.PortPriceSubText{padding:0 10px;}	
	
.PortPriceSubTable {padding-bottom:5px;
padding-left:37px;
width:330px;}



.PortPriceSub2 {background:url("http://admin2.clikpic.com/predheadp/images/portraitpricingFloatCanvasBG2.jpg") no-repeat scroll 0 0 #FAFAFA;
float:left;
/*height:200px;*/
margin:0 0 50px 163px;
width:350px;}
	
	
.PortPriceSubimage2{float:left;
margin:10px 13px 6px 10px;}
	
.PortPriceSubText2{padding:0 10px;}	
	
.PortPriceSubTable2 {float:left;
padding-bottom:5px;
padding-left:43px;
width:330px;}
	

	
	
	/*CONTACT PAGE*/


.ContactLeft {   float: left;
    margin: 20px 0 0 20px;
    width: 251px;}

.ContactRight {float: left;
    margin: 0 20px 0 246px;
    text-align: justify;
    width: 329px;}

	
	
.ContactCol1{background:url("http://admin2.clikpic.com/predheadp/images/Wedding-10-2.jpg") no-repeat scroll 0 0 #FAFAFA;
float:left;
margin:28px 40px 50px 10px;
width:270px;}
	
.ContactCol2{background:url("http://admin2.clikpic.com/predheadp/images/Portrait-Home.jpg") no-repeat scroll 0 0 #FAFAFA;
float:left;
margin:28px 40px 0 0;
width:270px}
	
.ContactCol3 {background:url("http://admin2.clikpic.com/predheadp/images/general-background1.jpg") no-repeat scroll 0 0 #DFDFDF;
float:left;
margin:28px 0 0;
width:270px;}
	

	
	/*  Jan 2011 - Fix for  xcol problem affecting Firefox on Wedding Page - Non clickable areas*/
	
body.col-MX #xcol {
float:right;
width:0px!important;
}
	
/*  Jan 2011 - Fix for red header line!! */
div#header {border-style:hidden!important;}


	
	
	/*FORM Alignment*/
	

div.survey {margin-left:100px!important;}
	
.FormTextAlign {margin:0 252px 36px 30px;
width:511px;}


/*Portrait Packages*/


.PortPackCont {
    float: left;
    margin: 0 9px;
    width: 900px;
}

#RedShoot2 {float: left;
    margin: 10px 0 0 20px;
    text-align: justify;
    width: 500px;}


#redlogin {color: #000000;
float: left;
    margin: -17px 5px 9px 177px;
    text-align: justify;
    width: 219px;}


.IncProdTitle{float: left;
width:900px;
margin:18px 0 0 20px;}

.PortraitPackTopLeft{
	float: left;
    margin: 28px 0 0;
    padding: 0;}

.PortraitPackTopRight{float: right;
    height: 111px;
    margin-left: 142px;
    padding: 0;
    width: 233px;}


.portraitPackPage{
	margin-left: 0;
    width: 970px;}

.portraitPackLeft{
	 float: left;
    margin: 0 0 0;
    text-align: justify;
    width: 372px;}

.portraitPackRight{
	color: #660033;
    float: left;
    margin: 2px 0 0 18px;
    text-align: justify;
    width: 500px;}

.portraitpackBottom1{background: url("http://admin2.clikpic.com/predheadp/images/Portrait-Home.jpg") no-repeat scroll 0 0 #FAFAFA;
    float: left;
    margin: 12px 32px 50px 0px;
    width: 200px}

.portraitpackBottom2{background: url("http://admin2.clikpic.com/predheadp/images/Portrait-Home.jpg") no-repeat scroll 0 0 #FAFAFA;
    float: left;
    margin: 12px 32px 0 0;
    width: 200px}

.portraitpackBottom3{background: url("http://admin2.clikpic.com/predheadp/images/Portrait-Home.jpg") no-repeat scroll 0 0 #FAFAFA;
     float: left;
	margin: 12px 32px 0 0;
    width: 200px;}

.portraitpackBottom4{background: url("http://admin2.clikpic.com/predheadp/images/Portrait-Home.jpg") no-repeat scroll 0 0 #FAFAFA;
    float: left;
    margin: 12px 0 0;
    width: 200px;}
	
	
.PortraitPackImage{float: left;
    margin: 10px 52px 6px 8px;}

.PortraitPackTitle{ font-size: 17px!important;
    font-weight: bold;
    padding: 10px 0 0 14px;}

.PortraitPackText{font-size: 13px!important;
    padding: 0 10px 4px;
    width: 180px;}


/* 11-8  Page Name Removal of Headings	*/
div#section_title .sectiontitle {
    display: none;
    margin: 9px 0;
    padding: 0 0 5px;
}

/*Update 16-8-11 - to sort out slideshow position*/
/div#maincolContent div.contentsection {width: 950px !important;}*/

/* 11-8    Wedding Page Slideshow alignment/*
div#gallery_content346293 {
    margin-left: -137px !important;
    margin-top: 6px !important;
}

/*Update 16-8-11 - to sort out slideshow position*/
div#gallery_description {
    margin-left: 0;
    margin-top: 11px;
    position: static;
    width: 330px !important;
}





/*11-8  Homepage Slideshow re-aligment  to correct 950px width on div#maincolContent div.contentsection
div#homepage_slideshow{
   height: 513px;
   margin-left: -155px !important;}*/


/*21-12-11  Homepage Rotator alignment*/

div#homepage_image {
    margin-left: -128px !important;
    margin-top: 51px !important;
    position: static;
}

	
/* WED PAGE BUILD V1.1 2-2-12*/	

#main-inner {padding-top: 0px!important;
 width: 927px;
 margin-bottom:27px;}

img.float-right {
    float: right;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	width:953px;
}
 
.clearfix {
	display: block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/*Grey line divider prostion is generated using center and 30px etc etc*/
.block {
    background: url("http://admin3.clikpic.com/predheadp/images/seperator-full_3.jpeg") no-repeat scroll center 30px transparent;
    margin-left: 20px;
    position: relative;
	width:896px;
}
/*Title position up and down */
.block-content {
    float: right;
    margin: 30px 0 20px;
    width: 100%;
}
/*Title Position left and right*/
h7.first-block {
    margin-left: 450px;
    margin-top: 20px;
}


/* USED Sets width of the div where text appears*/
.ft-block {
    padding-top: 20px;
    width: 50%;}

	/*USED sets the position of the text on the page*/
.text-right {
    float: right;
}


/*Generic L & R*/
.images {
    height: 292px;
    position: relative;
    width: 430px;
	margin top:26px;
}

/*Generic L & R*/
.images img {
    position: absolute;
    top: -13px;
}


/* Image Position For Left Images*/
.left {
    text-align: left;
}

.images.left img {
    left: 0;
}


/* IMAGE ON RIGHT*/
.images.right {
    float: right;
}


.right {
    text-align: right;
}






/*NEW TEMPLATE 3 FEB 2012*/

#gallery-top{margin:1px;}

.gallery #main-content{float: left;
margin-bottom: 25px;
padding-left:20px;
width: 205px;
}

.gallery #main-content p {
    margin-top: 10px;
}



#gallery-canvasiframe {
    background: none repeat scroll 0 0 #000000
    margin: 0 0 30px 245px;
    overflow: hidden;
    text-align: center;
    width: 700px;
}

.seperator-full {
    background: url("http://admin3.clikpic.com/predheadp/images/seperator-full_3.jpeg") no-repeat scroll center center transparent;
    height: 7px;
    position: relative;
    width: 934px;
}



/* Creates an Auto Height for Blocks */
.gallery #blocks {
    height: auto;
}

#blocks {
    height: 173px;
    margin: 30px 0 0;
}


/*My Style for p tags in the blocks*/
.gallery #blocks .block p{font-size:12px;}


/* Left BLock Margin*/
gallery #blocks .block.block-first {
    margin-left: 20px;
}
/* Left Block Position */
.gallery #blocks .block {
    float: left;
    height: auto;
    margin: 10px;
    width: 454px;
}

/*Added to fill a gap in code reference*/
.column column-1{visibility:visible;}

/*Adds Margin and Padding between text and image in a block */
.gallery #blocks .block p.column-img {
    padding-top: 10px;
    text-align: center;
}

/*Aligns the image to the left of the block using -ve margin*/
.gallery #blocks .block.block-first img {sa
    left: -10px;
    position: relative;
}













/*JQUERY CSS*/
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}


#slideshow IMG.last-active {
    z-index:9;
}
	
	
	
	

/*Wedding info Page*/


/*For Text Left & an Image Right*/

#main-inner {
    padding-top: 40px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

img.float-right {
    float: right;
}	
#main-content{
    margin-bottom: 20px;
    margin-left: 20px;
    width: 400px;	
	}

#main-content p{
margin-top: 10px;
font-size:1.0em;
}

#main-content h1{
margin: 0 0 0 0 px;
font-size:1.5em;
}

	
	
	
	
	
	
	
	
	
	
	
	
	

	/*SEO BOXES*/

	/*Colour Size whole thing*/
	#seobox {
	background:none repeat scroll 0 0 #EEDDDB;
	color:#636466;
	float:left;
	font-family:arial;
	margin:0 10px;
	width:924px;
	}


	/*Changes the border and padding for each box*/
	#seobox div {
	border-left:1px solid #FFFFFF;
	float:left;
	padding:10px 20px 0;
	width:187px;
	}

	/*Changes h3 font*/
	#seobox h3 {
	color:#636466;
	font-size:0.9em;
	margin:0 0 10px;
	}


	/*Changes p text*/
	#seobox p {
	color:#636466;
	font-size:0.6em;
	margin:0 0 10px;
	}




	#portraitCon{position: absolute; bottom:948px; _bottom:948px; *bottom:948px; left:602px; _left:602px; *left:602px; border:0;}
	div#headertop img, div#headertop h1 { margin:0px 0px 0 0; position:absolute; top:0; !important;
	html > body #subcolContent {margin-left:30px !important;}
	html > body div#topnav ,div#topnav {width:1016px !important; margin: 0 auto !important;}
	div#footer.clear {width:954px!important;}