/************************************************************
	File		: style.css - main style CSS file  
	Coded by	: Robert French (rfrench@robertfrench.ca)
	Last Update	: Aug 22nd 2008
	Copyright	: Robert French 2008 - All Rights Reserved
	License		: Granted Unlimited Use - MemoriesMade.ca
 ************************************************************/


html,
body {
	margin: 0;
   	padding: 0;
	height: 100%;
}
/************************************************************
	Body controls the margins of the site and the font.
 ************************************************************/

body {
	margin : 0;
	padding : 0;
	font : 100% "", Verdana, Arial, Helvetica, sans-serif;
	color : #4E387E;
	background : #342D7E url(../images/bgpattern2.gif) repeat-y;
	background-position : 50% 0;
}


#wrap {
	width: 1200px;
	margin-top: 0;
	margin-right: auto;
	margin-left : auto;
	margin-bottom: -30px;
	line-height : 1.8em;
	padding : 2px;
	position : relative;
	//background : url(../images/flowwwer.jpg) no-repeat;
	//background-color: #FFF; 
	
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	

}



#clearfooter {
	height: 30px; /* .push must be the same height as .footer */
	clear: both; 
}

#footer {
	background-image:url('../images/menu/breadcrumb_bg.png'); 
	background-color:inherit;
	//clear:both;
	padding:0px;
	//width : 900px;
	position: absolute;
	bottom: 0 !important;
	//bottom: -1px;
	height: 30px;
	width:99.3%;
    overflow:hidden;
    margin: 0px;
    margin-left: 2px;
    margin-bottom: 0px;
}

#footer a:link, 

#footer a:visited {
	background-color : inherit;
	color : #9f6984;
}


#footer a:hover {
	border-bottom : 1px dashed #000;
	text-decoration : none;
}


#footer p {
	padding : 0 2px 0 20px;
	margin-top: 0px;
}

#footer .credit {
	font-size: 9px;
	margin: 0px;
	color: #666666;
	margin-top: -20px;
}




#title {
	background : inherit;
	color : #fff;
	width : 1740px;
	margin : 0;
	padding : 0;
	height : 35px;
}


#title h1 {
	background-color : inherit;
	color : #2622e9;
	letter-spacing : 5px;
	font-size : 160%;
	text-align : right;
	margin : 0 20px 0 0;
	padding-top : 10px;
}


#header {
	background-color : inherit;
	color : #000;
	width : 760px;
	height : 250px;
	margin : 0;
	margin-left: -58px;
	padding : 0;
	padding-left: 110px;

}


.container {
	width : 745px;
	padding-top : 10px;
	position: relative;
	margin : 0;
	
}


#navCircle {
	margin : 0;
	padding : 0 0 20px 20px;
}


#naCircle li {
	margin : 0;
	padding : 0;
	display : inline;
	list-style-type : none;
}


#navCircle a:link, #navCircle a:visited {
	background : inherit;
	color : #9a3466;
	float : left;
	font-size : 12px;
	line-height : 12px;
	font-weight : bold;
	padding : 0 20px 15px 20px;
	text-decoration : none;
}


#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
	background : inherit;
	color : #000;
	background : url(../images/pink_menu.gif) no-repeat bottom center;
}


#contents {
	padding : 1px;
	margin : 0;
	float : left;
	width : 900px;
	padding-bottom: 0px;
}


#contents p {
	padding : 0 40px 0 40px;
	font-size: 130%;
}


#contents h1 {
	padding : 15px;
	margin : 10px 30px 0 20px;
	font-size : 110%;
	text-transform : normal;
	letter-spacing : 2px;
	border-top : 1px solid #9a3466;
	border-bottom : 1px solid #9a3466;
	background : inherit;
    color : #C38EC7;
	
	text-align:center ;
}

#contents h2 {
	padding : 5px;
	margin : 10px 30px 0 20px;
	font-size : 130%;
	letter-spacing : 3px;
	border-top : 1px dashed #9a3466;
	border-bottom : 1px dashed #9a3466;
	background : inherit;
    color : #B93B8F;
}

#contents h3 {
	padding : 3px;
	margin : 0px 0px 0 0px;
	font-size : 120%;
	letter-spacing : 1px;
	background : inherit;
	color: #A74AC7;
	text-align:  center; 
	 
}

#contents h4 {
	padding : 5px;
	margin : 10px 30px 0 20px;
	font-size : 90%;
	letter-spacing : 3px;
	border-top : 1px dashed #9a3466;
	border-bottom : 1px dashed #9a3466;
	background : inherit;
	color : #000;
}


#contents i {
	padding : 5px;
	margin : 10px 30px 0 20px;
	font-size : 100%;
	letter-spacing : 3px;
	background : inherit;
	color : #000;
}



#contentsAll {
	padding : 10px;
	margin : 0;
	float : left;
	width : 90%;
}

#question{
	padding : 5px;
	margin : 10px 30px 0 20px;
	font-size : 130%;
	font-weight: bold;
	letter-spacing : 3px;
	background : inherit;
	color : #9a3466;
	font : 130% "georgia", verdana, arial, sans-serif;
	
	
}

#answer{
	padding : 0 20px 0 20px;
	margin : 10px 30px 0 20px;
	font-size : 120%;
	letter-spacing : 2px;
	background : inherit;
	color : #9f7fb2;
	font : 120% "georgia", verdana, arial, sans-serif;
}



/**************************************************************
   Products
 **************************************************************/

.product {
  float: left;
  width: 95% !important;
  //width: 70%;
  position: relative;
  //margin-bottom: 1.5em;
  //border-bottom: 1px solid #CCCCCC;
  padding-left: 20px; 
  margin-top: 20px;
  
  
}

.product .description {
  display: block;
  position: absolute;
  top: 10%;
  left: 230px;
  text-align: left;
  font-size: 120%; 
}

.product .price {
  text-transform: uppercase;
  position: absolute;
  top: 85%;
  left: 220px;
  //font: 700 1.0em arial, sans-serif;
  color: #888;
}

.product .image {
  display: block;
  margin-top: 5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.product p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}


//------

#container-foot {
	width: 100%;
  	background: #CCC;
   	position: absolute;
   	bottom: 0 !important;
   	bottom: -1px;
   	height: 40px;
}



#rightMenu {
	width : 280px;
	margin : 0 0 0 610px;
	border-left : 1px solid #eee;
	padding-left : 5px;
}


#rightMenu h1 {
	background : inherit;
	margin : 0;
	text-transform : uppercase;
	font-size : 10px;
	line-height : 1em;
	color : #B93B8F;
}


#rightNavList {
	background-color : inherit;
	color : #333;
	width : 95%;
	line-height : 1.8em;
	margin : 15px 0 5px 10px;
	padding : 0;
	list-style-type : none;
}


#rightNavList a {
	display : block;
	width : 95%;
	text-decoration : none;
	background : url(../images/pink_menu.gif) no-repeat right;
	background-color : inherit;
	color : #666;
}


#rightNavList a #current, #rightNavList a:hover {
	text-decoration : none;
	background-color : inherit;
	color : #333;
	background-image : url(../images/submenua_hover.gif);
}


rightBlockquote {
	font-weight : bold;
	font-style : italic;
	font-size: 100%;
	color : #9f7fb2;
	display : block;
	width : 15%;
	text-align:  left; 	


}

.sideheader {
	height:34px;
	color : #330;
	background : transparent url(../images/heading.jpg) no-repeat;
	letter-spacing : 8px;
	font-size : 100%;
	text-align: middle; 
	text-transform : uppercase;
	margin : 0px;
	padding : 3px;
}


.product {
	text-align: left;
	font-size : 11px;
	background-color : inherit;
	
}

.price {
	background-color: inherit;
	text-align: right;
}

.myborder {
	border : 1px solid #000;
	padding : 5px;
}


a img {
	border : none;
}


a:link, a:visited {
	background-color : inherit;
	color : #9C3163;
	text-decoration : none;
}


a:hover {
	background-color : inherit;
	text-decoration : none;
	color : #333;
}


div.scroll {
	overflow : auto;
	height : 7em;
	width : 160px;
	border : 1px solid #fff;
	padding : 1ex;
	background-color : #fbe9f9;
	color : #866709;
	margin : 25px 0 25px 0;
}


blockquote {
	font-weight : bold;
	font-style : italic;
	color : #9f7fb2;
	font-size: 110%;
	text-align: middle; 
	
}


#wrap #footer .credit a {
	color: #666666;
}