/* 

Hello, this is the style sheet for "aurumcroydon.com". 

I hope you like it.

*/

body {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	text-align: center;
	border-top: 0;
	background-color: #ffffff;
	font-family: Arial;
	color: #000000;
	font-size: 14px;
	background-image: url(images/background.jpg);
	background-repeat:no-repeat;
	margin-top: 0px;
	background-position: top center;	
	background-attachment: fixed;
}

/* This link style is for links within the text i.e link that are not the menu */

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}

/* This link style is for the menu */

.button A:link {
	color: #000000;
	font-style: italic;
	font-family: "Palatino Linotype";
	text-decoration: none;
	font-weight: 900;
}
.button A:visited {
	color: #000000;
	font-style: italic;
	font-family: "Palatino Linotype";
	text-decoration: none;
	font-weight: 900;
}
.button A:active {
	color: #000000;
	font-style: italic;
	font-family: "Palatino Linotype";
	text-decoration: none;
	font-weight: 900;
}
.button A:hover {
	color: #000000;
	font-style: italic;	
	text-decoration: underline;
	font-family: "Palatino Linotype";
	font-weight: 900;
} 

/* This link style is for the footer */

.footer A:link {
	color: #FFFFFF;
}
.footer A:visited {
	color: #FFFFFF;
}
.footer A:hover {
	color: #FFFFFF;
}
.footer A:active {
	color: #FFFFFF;
}

/* This defines the stile of the title for each page. */

#title {
	color: #000000;
	font-style: italic;
	font-family: "Palatino Linotype";
	text-decoration: none;
	font-weight: 900;
	font-size: 24px;
}

#wtitle {
	color: #ffffff;
	font-style: italic;
	font-family: "Palatino Linotype";
	text-decoration: none;
	font-weight: 900;
	font-size: 24px;
}

/* This defines the wrapper div. This forms the box in the center of the screen. I made it 998px wide because I believe most peoople looking at this particular website will have large enough screens. Not many people will try to look at this website on mobile devices or alternate web surfing devices for example game consoles. I feel the fixed width design allows for the more stylish result that the product demands. */

#wrapper {
	width: 998px;
	margin: 0 auto;
	text-align: left; 
	height: auto;
}

/* This defines the div for the menu bar at the top of the page */

#menu {
	background-image: url(images/menu.png);
	height: 84px;
	width: 648px;
	padding-top: 49px;
	padding-left: 330px;
	background-repeat: no-repeat;
	margin-left: 20px;

}

/* This defines the spacing between each link in the menu bar. */

.button A{
	padding-right:10px;
    padding-left:10px;
}

/* Defines the style of the text in the footer. */

#footer {
	color: #ffffff;
	text-align: center;
}

/* The following divs are used for the background images on all the pages. */

#firstPage {
	background-image: url(images/homePage.jpg);
	background-repeat: no-repeat;
	width: 958px;
	height: 672px;
	margin-left: 20px;
	padding-left: 20px;
	padding-top: 20px;
}

#jewelleryPageOne {
	background-image: url(images/jewelleryOne.jpg);
	background-repeat: no-repeat;
	width: 932px;
	height: 672px;
	margin-left: 20px;
	padding-left: 25px;
	padding-top: 20px;
}

#jewelleryPageTwo {
	background-image: url(images/jewelleryTwo.jpg);
	background-repeat: no-repeat;
	width: 932px;
	height: 765px;
	margin-left: 20px;
	padding-left: 25px;
	padding-top: 20px;
	color: #FFFFFF;
}

#jewelleryPageThree {
	background-image: url(images/jewelleryThree.jpg);
	background-repeat: no-repeat;
	width: 932px;
	height: 672px;
	margin-left: 20px;
	padding-left: 25px;
	padding-top: 20px;
}

#jewelleryPageFour {
	background-image: url(images/jewelleryFour.jpg);
	background-repeat: no-repeat;
	width: 932px;
	height: 574px;
	margin-left: 20px;
	padding-left: 25px;
	padding-top: 20px;
}

#cuffPage {
	background-image: url(images/cufflinks.jpg);
	background-repeat: no-repeat;
	width: 932px;
	height: 619px;
	margin-left: 20px;
	padding-left: 25px;
	padding-top: 20px;
}

#giftPage {
	background-image: url(images/gifts.jpg);
	background-repeat: no-repeat;
	width: 932px;
	height: 791px;
	margin-left: 20px;
	padding-left: 25px;
	padding-top: 20px;
}

#enamelPage {
	background-image: url(images/enamels.jpg);
	background-repeat: no-repeat;
	width: 942px;
	height: 653px;
	margin-left: 20px;
	padding-left: 15px;
	padding-top: 10px;
}

#enqPage {
	background-image: url(images/enquiries.jpg);
	background-repeat: no-repeat;
	width: 932px;
	height: 574px;
	margin-left: 20px;
	padding-left: 25px;
	padding-top: 20px;
}

#napPage {
	background-image: url(images/napkinclips.jpg);
	background-repeat: no-repeat;
	width: 932px;
	height: 574px;
	margin-left: 20px;
	padding-left: 25px;
	padding-top: 20px;
}

#jewelleryPageNumbers {
	background-image: url(images/pageNumbers.jpg);
	background-repeat: no-repeat;
	width: 954px;
	height: 27px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-top: 3px;
	text-align: center;
	color: #000000;
	font-style: italic;
	font-family: "Palatino Linotype";
	text-decoration: none;
	font-weight: 900;
}

/* These divs define the positioning of text on each page */

#firstPageText {
	padding-top: 7px;
	padding-left: 20px;
}

#jewelleryPageOneText {
	padding-top: 170px;
	padding-left: 760px;
	float: left;
	margin-right: 10px;
}

#jewelleryPageTwoTextOne {
	padding-top: 380px;
	float: left;
}

#jewelleryPageTwoTextTwo{
	padding-top: 400px;
	padding-left: 700px;
}

#jewelleryPageThreeText {
	padding-top: 550px;
	padding-left: 300px;
	padding-right: 400px;
	float: left;
}

#jewelleryPageFourText {
	padding-top: 100px;
	padding-left: 50px;
	padding-right: 700px;
	float: left;
	color: #FFFFFF;
}

#cuffPageTextTrin {
	padding-top: 300px;
	padding-left: 250px;
	float: left;
}

#cuffPageTextWit {
	padding-top: 225px;
	padding-left: 725px;
}

#napPageText1{
    color:#ffffff;
    float:left;
}

#napPageText2{
    color:#ffffff;
    float:left;
    padding-top: 240px;
    padding-left: 600px;
    padding-right:50px;
}

/*

Well, that was the style sheet for "aurumcroydon.com". 

I hope you enjoyed it.

*/