/* ElizabethJamesPhotography.Co.Uk StyleSheet */

html, body {
margin: 0px;
height: 100%; 
text-align: center;
}

/* text styles */ 
body, table, a:link, a:visited, a:hover, input, select, textarea {
color: #666;
font-size: 9pt;
line-height: 14pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:link, a:visited, .input { color: #a5324d; }
a:hover { color: #aaaaaa; }
.small, .small a { font-size: 8pt; }


h1, h2 { 
margin: 5px; 
color: #444;
font-family: "Century Gothic", Georgia, "Times New Roman", Times, serif;
font-size: 11pt; 
font-weight: normal;
font-variant: small-caps;
letter-spacing: 5px;
}
h2 { 
margin: 0px; 
font-size: 10pt; 
letter-spacing: 3px;
}

.error { 
color: #cc0000;
font-style: italic;
}

a img { border: none; }

form { margin: 0px; }
input { 
background: #ffffff!important; /* google toolbar kill */
border: 1px solid #c94c69;
padding: 2px;
}
select, textarea { border: 1px solid #c94c69; }

.hr { /* fake horizontal rule (opera fix) */
margin: 5px; padding: 0px;
font-size: 0pt; /* IE fix */
height: 1px; 
border-top: 1px solid #c94c69;
}

td { text-align: center; vertical-align: top; }


/**************************/
/* classes */
/**************************/
.centered { margin-left: auto; margin-right: auto; } /* mac IE centering fix */
.bordered { border: 1px solid #cccccc; }
.border_pink1 { border: 1px solid #c94c69; } 
.border_pink2 { border: 2px solid #c94c69; } 

.pink_bg { 
color: #ffffff; 
background: #c94c69; 
}

#main { 
width: 760px;
table-layout: fixed;
margin-left: auto; margin-right: auto; /* mac IE centering fix */
margin-top: 10px;
background: url('grafix/leftshadow.gif');
background-position: top left;
background-repeat: repeat-y;
}
#centertd {
height: 100%;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 35px;
background: url('grafix/rightshadow.gif');
background-position: top right;
background-repeat: repeat-y;
}
#topshadow { background: url('grafix/topshadow.gif') top; }
#botshadow { background: url('grafix/botshadow.gif') bottom; }
#topshadow, #botshadow {
width: 720px; height: 20px; 
background-repeat: repeat-x;
}
/* corners as bg's too for Mac IE consistancy (won't display bg images) */
#topleft { background: url('grafix/topleft.gif') top left; }
#topright { background: url('grafix/topright.gif') top right; }
#botleft { background: url('grafix/botleft.gif') bottom left; }
#botright { background: url('grafix/botright.gif') bottom right; }
#topleft, #topright, #botleft, #botright { background-repeat: no-repeat; }

#credit { /* copyright / site by note */
width: 720px;
position: absolute;
left: 50%;
margin-left: -360px;
margin-top: -40px;
}

.title { 
font-size: 9pt;
text-transform: uppercase;
letter-spacing: 2px;
padding: 5px;
border-top: 1px solid #c94c69;
border-bottom: 1px solid #c94c69;
}


#homelogos { /* homepage logos */
	text-align: center;
	margin-top: 10px;
}
#guildlogo {
	vertical-align: middle;
}
#swpplogo {
	margin-left: 20px;
	vertical-align: middle;
	border: 2px solid #c94c69;
}

input.delbut {
background: #ffffff url('grafix/delete.gif')!important;
width: 18px;
height: 18px;
border: none;
} 

#paywithpaypal, #paywithinvoice { /* buttons on submitorder page */
width: 150px;
height: 50px;
color: #c94c69!important;
text-align: left;
vertical-align: bottom;
font-size: 0px;
}
#paywithpaypal {
background: url('grafix/paywithpaypal.gif')!important;
background-repeat: no-repeat;
}
#paywithinvoice {
background: url('grafix/paywithinvoice.gif')!important;
background-repeat: no-repeat;
}


/**************************/
/* navigation */
/**************************/
#nav { 
width: 100%;
height: 30px;
margin-bottom: 3px;
background: #c94c69; 
}

#nav a { 
width: 105px; height: 30px;
display: block;
color: #ffffff;
text-align: center;
line-height: 24pt; /* pt not px- Safari display fix */
font-variant: small-caps;
}
#nav a:hover { color: #ff99cc; }

#nav .subnav, #nav2 .subnav2 { 
margin: 0px; padding: 0px; 
width: 105px;
background: #c94c69;
}

#nav .subnav a, #nav2 .subnav2 a { 
width: 105px; 
height: 30px;
line-height: 22pt;
border-top: 1px solid #ffffff;
}

#nav div, #nav2 { /* container for the dropdown */
position: relative; 
display: block; 
z-index: 2; 
}
#nav2 { z-index: 3; }

#nav div .subnav, #nav2 .subnav2 {
list-style: none;
display: none;
position: absolute;
left: 0px; /* IE fix */
}
#nav2 .subnav2 { left: 106px; top: 0px; }

#nav td:hover .subnav, #nav div.over .subnav, 
#nav2:hover .subnav2, #nav2.over .subnav2 { display: block; }

/* Hide from IE5-Mac \*/
* html #nav2 { float: left; height: 1%; } 
* html #nav2 a { height: 1%; }
/* End hide from IE5-Mac */




/* Front Page Mini-Slideshow Styles (Baz Addition) */

#front_slideshow
{
	float: right;
	margin-left: 15px;
	height: 390px;
	overflow: hidden;
}

.slideshow_img 
{
	width: "320px";
	height: "390px";
} 

#more_samples_box
{
	background: url('grafix/frontsstab.png');
	width: 293px; 
	height: 38px;
	position: relative;
	top: -403px;
	left: 28px;
	z-index: 99;
}

#more_samples_link
{
	text-align: right;
	padding-top: 7px;
	padding-right: 5px
}

#more_samples_link a:link, #more_samples_link a:visited
{
	color: #fff;
}

#more_samples_link a:hover
{
	color: #ff99cc;
}