* {padding : 0; margin : 0;} /*resets all to zero*/

/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }

body{
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #333;
text-align: center;
min-width: 960px;
background: #999;
line-height: 1.3;
font-size: x-small;  /* for IE5 Win */
voice-family: "\"}\""; 
voice-family: inherit;
font-size: small; /* for compliant browsers */
}
/*be nice to Opera*/ 
html>body {  
font-size: small;
}


/*set some defaults which will apply across all browser*/

h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, p, fieldset, address {  margin : 0; }

ul, li {	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#333;
	text-align: left;
	    font-size: 10px;
		line-height: 15px;
	}
	
	p,  {	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#000;
	text-align: left;
	    font-size: 11px;
		line-height: 16px;
	}
	
	

blockquote {border: solid 1px #333;
margin: 10px 0 0 10px;
width: 230px;
padding: 10px 20px;
font-weight: 900;
color: #666;
}




h1 {
    font-size: 11px;
	color: #000;
	font-weight: bold;
	letter-spacing:0.2em;
	text-align: left;
	line-height:16px;
	padding:0px;
	}

h1.assistive {display: none;}

h2 {
    font-size: 130%;
	color: #333;
	font-weight: 900;
	text-align: left;
	padding:0 0 10px 0;
	margin-top: 8px;
	}

h3 {
    font-size: 120%;
	color: #ccc;
	font-weight: bold;
	margin: 10px 0 5px 0px;
	}


h4 {
    font-size: 110%;
	color: #333;
	font-weight: 100;
	padding:0px;
	text-align:left;
	height: 24px;
		margin: 18px 0 10px 0;

	}


h5 {
    font-size: 100%;
	color: #FFF;
	font-weight: bold;
	padding:10px;
	text-align:right;
	}
h6 {
    font-size: 100%;
	color: #040672;
	font-weight: 900;
	text-align: left;
	padding:0 0 10px 0;
	margin-top: 8px;
	}

.clear{
clear: both;
}


/*  fluke css */


/* index page */

#shadow-container {background: url(../img/shadow.gif) no-repeat;
width: 825px;
height: 637px;
text-align: center;
margin: 35px auto;
padding: 15px;
position: relative;
}


#container {background: #fff url(../img/fluke-bg.gif);
width: 825px;
height: 627px;
text-align: left;
margin: 0px;
font-size: 90%;
}

#container.weddings {background: #fff url(../img/weddings-bg.gif);
}
#container.login {background: #fff url(../img/login-bg.gif);
}
#container.gallery {background: #fff url(../img/gallery-bg.gif);
}
#container.gallery2 {background: #fff url(../img/gallery2-bg.gif);
}
#container.albums {background: #fff url(../img/albums-bg.gif);
}
#container.albums2 {background: #fff url(../img/albums2-bg.gif);
}
#container.gallery3 {background: #fff url(../img/gallery3-bg.gif);
}
#container.packages {background: #fff url(../img/packages-bg.jpg);
}
#container.credentials {background: #fff url(../img/credentials-bg.jpg);
}
#container.enquiry {background: #fff url(../img/enquiry-bg.gif);
}
#container.enquiry2 {background: #fff url(../img/enquiry-bg2.gif);
}
#container.contact {background: #fff url(../img/contact-bg.gif);
}
#container.contact2 {background: #fff url(../img/contact-bg2.gif);
}
#container.portrait {background: #fff url(../img/portrait-bg.jpg);
}
#container.retouch {background: #fff url(../img/retouch-bg.gif);
}
#container.retouch2 {background: #fff url(../img/retouch2-bg.gif);
}

#nav {background: #fff;
width: 612px;
height: 15px;
margin: 0px;
border: 1px solid #ccc;
position: absolute;
top: 74px;
left: 174px;
}

#footer p {font-weight: normal;
text-align: center;
padding-top: 9px;
font-size: 10px;
letter-spacing:0.1em;
}

/*   PAGE BACKGROUNDS   */




/*   mainpages styles   */

#mainimage {text-align: left;
	position:absolute;
	width:384px;
	height:276px;
	left: 80px;
	top: 229px;
	background: url(../img/mainimage.jpg);
}


#engagement {text-align: left;
	position:absolute;
	width:191px;
	height:69px;
	left: 113px;
	top: 476px;
	}
	
	#links {text-align: left;
	position:absolute;
	width:87px;
	height:45px;
	left: 113px;
	top: 557px;
	}
	
	#credentials {text-align: left;
	position:absolute;
	width:151px;
	height:125px;
	left: 314px;
	top: 476px;
	}


#mainimage.weddings {	top: 190px;
	background: url(../img/weddings-mainimage.jpg);
}
#mainimage.login {	top: 229px;
	background: url(../img/login-mainimage.jpg);
}

#mainimage-contact {text-align: centre;
	position:absolute;
	width:384px;
	height:276px;
	left: 85px;
	top: 215px;
	}

#mainimage.portraits {	top: 190px;
width:276px;
	height:384px;
	text-align: left;
	position:absolute;
	left: 185px;
	top: 190px;
	background: url(../img/portrait.jpg);
}

#mainimage.weddingportraits {	top: 186px;
width:276px;
	height:384px;
	text-align: left;
	position:absolute;
	left: 190px;
	top: 185px;
	background: url(../img/portrait.jpg);
}

#mainimage.weddingwide {	top: 195px;
width:384px;
	height:235px;
	text-align: left;
	position:absolute;
	left: 82px;
	top: 228px;
	}

#mainimage-credentials {
	text-align: left;
	position:absolute;
	width:384px;
	height:276px;
	left: 81px;
	top: 242px;
	background: url(../img/mainimage.jpg);
	visibility: visible;
	z-index: 13;
}



#mainimage-packages {
	text-align: left;
	position:absolute;
	width:384px;
	height:276px;
	left: 81px;
	top: 242px;
	background: url(../img/packagesmain.jpg);
	visibility: visible;
	z-index: 13;
}



#mainimage-packages1 {
	text-align: left;
	position:absolute;
	width:384px;
	height:276px;
	left: 81px;
	top: 242px;
	background: url(../img/packages1.jpg);
	visibility: visible;
	z-index: 5;
}

#mainimage-packages2 {
	text-align: left;
	position:absolute;
	width:384px;
	height:276px;
	left: 81px;
	top: 242px;
	background: url(../img/packages2.jpg);
	visibility: hidden;
	z-index: 6;
}

#mainimage-packages3 {
	text-align: left;
	position:absolute;
	width:384px;
	height:276px;
	left: 81px;
	top: 242px;
	background: url(../img/packages3.jpg);
	visibility: hidden;
	z-index: 10;
}

#mainimage-packages4 {
	text-align: left;
	position:absolute;
	width:384px;
	height:276px;
	left: 81px;
	top: 242px;
	background: url(../img/packages4.jpg);
	visibility: hidden;
	z-index: 12;
}

#package-thumbs {text-align: left;
	position:absolute;
	width:278px;
	height:57px;
	left: 198px;
	top: 542px;
}

#package-thumbs2 {text-align: left;
	position:absolute;
	width:384px;
	height:17px;
	left: 82px;
	top: 522px;
}


#mainimage.gallery {text-align: left;
	position:absolute;
	width:728px;
	height:480px;
	left: 60px;
	top: 125px;
	background: #fff;
	overflow: auto;
}

#mainimage.gallery2 {text-align: left;
	position:absolute;
	width:728px;
	height:402px;
	left: 60px;
	top: 195px;
	background: #fff;
	overflow: auto;
}


#text {text-align: left;
	position:absolute;
	width:310px;
	height:198px;
	z-index:1;
	left: 477px;
	top: 228px;
}

#text.weddings {
	height: 410px;
	top: 190px;
}

#text.retouch {
	height: 410px;
	top: 210px;
}


#content {
	width:290px;
	height:178px;
	margin: 10px;
	padding: 0px 10px 0px 0px;
	overflow: auto;
}

#content a, a:link, a:visited, a:hover, a:active {
font-weight: normal;
color: #000;
font-size: 100%;
text-decoration: none;}


#content a, a:hover, a:active {
color: #9D0104;
}

#content a, a:hover {
text-decoration: underline;}







#content.weddings  {
	height:390px;
}


#content.retouch  {
	height:390px;
}


#before {text-align: left;
	position:absolute;
	width:82px;
	height:18px;
	z-index:1;
	left: 393px;
	top: 554px;
	background: #fff;
}


#banner {text-align: left;
	position:absolute;
	width:411px;
	height:42px;
	z-index:1;
	left: 55px;
	top: 580px;
	background: url(../img/banner.jpg);
}

#login {
	width:117px;
	height:16px;
position:absolute;
	left: 670px;
	top: 122px;
}

/* LINK STYLES  */

a, a:link, a:visited, a:hover, a:active {
font-weight: normal;
color: #000;
font-size: 100%;
text-decoration: none;}

a:hover, a:active {
color: #9D0104;
}

a:hover {
text-decoration: underline;}



/* WEDDING NAV  */

#nav-content {
	position:absolute;
	width: 87px;
	height:80px;
	left: 252px;
	top: 91px;
text-align: left;
}


#nav-content ul {
margin: 0px;
padding: 0px 0 0 0px;
}



#nav-content li {
font-weight: 900;
margin: 0px;
padding: 0px;
letter-spacing: 0.1em;
}



/* RETOUCH THUMBNAILS  */

#folioR08, #folioR09, #folioR10 {
	position:absolute;
	width:57px;
	height:57px;
	left: 59px;
	top: 112px;
	}

#folioR08 {
left: 577px;
}

#folioR09 {
left: 654px;
}

#folioR10 {
left: 731px;
}

/* END RETOUCH THUMBNAILS */





/* FOLIO THUMBNAILS  */

#folio01, #folio02, #folio03, #folio04, #folio05, #folio06, #folio07, #folio08, #folio09, #folio10 {
	position:absolute;
	width:57px;
	height:57px;
	left: 59px;
	top: 112px;
	background: #f96;
	background-color: #FFFFFF;
}

#folio02 {
left: 131px;
}

#folio03 {
left: 205px;
}


#folio04 {
left: 278px;
}

#folio05 {
left: 353px;
}

#folio06 {
left: 429px;
}

#folio07 {
left: 507px;
}

#folio08 {
left: 582px;
}

#folio09 {
left: 656px;
}

#folio10 {
left: 731px;
}



#folio01 img, #folio02 img, #folio03 img {margin-bottom: 3px;}




/* GALLERY NAV  */

#back {
	position:absolute;
	width:93px;
	height:24px;
	left: 59px;
	top: 190px;
	background: #fff;
}


#gallerynav {
	position:absolute;
	width:156px;
	height:18px;
	left: 643px;
	top: 190px;
	background: #fff;
}

#phone {
	position:absolute;
	width:240px;
	height:19px;
	left: 224px;
	top: 551px;
	
}

#email {
	position:absolute;
	width:240px;
	height:19px;
	left: 224px;
	top: 527px;
	}


.phone {
font-weight: 900;
color: #000;
font-size: 1em;
letter-spacing:0.1em;
text-decoration: none;}