/* CSS Document */

body {background-color:#FFFFFF;
		background-image:url(images2/2009-site-background.gif);
		text-align:center;
		margin-top:0px;
		}

#frame {
		width:780px;
		height:100%;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		background-color: #FFFFFF;
		border-left:1px solid #49006c;
		border-right:1px solid #49006c;
		border-bottom:1px solid #49006c;
		}
		
#header {
		width:780px;
		height:120px;
		background-image:url(images2/website-header.jpg);
		background-repeat:no-repeat;
		background-position:center;
		}
		
#navlinks {
		width:780px;
		text-align:center;
		}
		
#content {
		width:740px;
		height:100%;
		padding-left:20px;
		padding-right:20px;
		#padding-top:20px;
		text-align:justify;
		}
		
#intro {
	padding:0;
	}		
	#ctable {padding:10px 0 0 0;}		
		
#footer {
		width:778px;
		text-align:center;
		background:url(http://www.thewebforbusiness.ca/208/line.gif) top repeat-x;
		}	
		
p {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}
li {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}
td {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#romul {margin-top:-4px; margin-bottom:0px; #margin-bottom:-5px;}

#intro p {padding:0px;}
#intro .p2 {padding:0px;}
#intro h3 {font-family:Arial, Helvetica, sans-serif; color:#49006c;}
#intro h2 {background:url(images2/title-welcome.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}

#jtitle h2 {background:url(images2/title-jewellery.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}
#abtitle h2 {background:url(images2/title-about.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}
#contitle h2 {background:url(images2/title-contact.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}
#prtitle h2 {background:url(images2/title-press.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}

#wiutitlehome h2 {background:url(images2/title-wrap-it-up-home.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}

h2, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; color:#49006c;}

h1 span {display:none;}

h1 {height:120px; width:778px; margin:0; padding: 0; }

h2 span, h3 span, #ctitle h2 span, #whatitle h2 span, #retitle h2 span {
display:none;
}

.emph {font-size: 16px; font-weight: bolder; color: #993333;}
.prdate {font-weight:bold; vertical-align:top;}
.vendor {font-weight:bold;}
.vt {width:33%; vertical-align:top; text-align:center;}
.gb {width:33%; vertical-align:top; background-color:#f0f0f0; text-align:center;}

.hlight {  background-color: #FFFF00}
.p20 {padding-left:20px; padding-right:10px; padding-top:20px;}
.p20t {padding-left:5px; padding-right:5px; padding-top:20px;}
.r10 {padding-right:10px;}
.p10 {padding-left:10px; padding-right:10px; padding-top:20px;}

.wrapnav {font-size:11px;font-weight:bold;padding-top:5px; padding-bottom:5px;}


.home {font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.yback {background-color:#FFFF00;}

#footer p {padding:5px 0 20px 0;}
.credits {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#CC9900; text-decoration:none;}

/* Dropdown Navigation Section */

#nav, #nav ul {
	float: left;
	width: 780px;
	list-style: none;
	line-height: 15px;
	background: #49006c;
	font-weight: bold;
	padding: 0;
	margin-top:0px;
	margin-left:0px; /* This needs to be here for IE to centre the nav menu */
	}

/*These width settings don't appear to change anything in Firefox but makes a difference in IE*/

.subnav {font-family:Arial, Helvetica, sans-serif; font-size:12px;text-align:left;}

#nav a {
	display: block;
	/*width: 114px;
	w\idth: 114px;*/
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	padding-left:50px;
	padding-right:50px;
	padding-top:5px;
	padding-bottom:5px;
	/*border-right:solid 1px #FFFFFF;*/
	border-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

#nav a:hover {color:#000000;}

/*The width here affects the width of the main header*/
#nav li {
	float: left;
	padding: 0;
	text-align:left;
	/*width: 120px;*/ /*Don't specify a width and you'll be able to control spacing by adjusting padding */
}

/* This affects the first dropdown menu*/
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 250px;
	w\idth: 250px;
	font-weight: normal;
	padding-left: 0px;
	margin-left: 0;
}

#nav li li {
	padding-right: 0;
	width: 250px;
	border-bottom:1px solid #FFFFFF; /* adds border between dropdown nav elements */
}

/* This controls the border and width of the lower dropdown boxes*/
#nav li ul a {
	width: 250px;
	w\idth: 250px;
	border-right: 0px;
	padding:5px 0px 5px 0px;
	text-align:center;
	color:#CCCCCC; /* changes color of first level dropdown items */
}

#nav li ul a:hover {color:#000000;}

/* Original Margin margin: -1.75em 0 0 14em; */
#nav li ul ul {
	margin: -1.75em 0 0 7em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul,
 #nav li li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #FEC200;
}