@charset "utf-8";
/* CSS Document */

* { padding:0; border:0; margin:0; }

a { text-decoration:none;}

h1 { font:normal 30px/29px Cambria, Georgia, "Arial", "Times New Roman", Times, serif; margin-bottom:20px; color:#0b0b0b;}
h2 { margin-bottom:10px; text-transform:uppercase}


body { background:#10011d;}

/*** main container ***/
.wrap { width:1100px; height:auto; margin:0px auto 0px;}
.main { background:url(images/bg.jpg) repeat-y; width:100%; height:auto; float:left;}
.top-content {  background:url(images/bg.jpg) top no-repeat; width:100%; height:auto; float:left;}
.footer {  background:url(images/footerbg.jpg) bottom no-repeat; width:1100px; height:212px; float:left; padding:0px 0px 0px; text-align:center; text-transform:uppercase; font:normal 10px Bell Gothic Std, Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000;}


/*** top ***/
.header { background:url(images/header.jpg) width:1100px; height:360px; float:left; padding:0px 0px 0;}
.navbox { background:url(images/nav.jpg) left no-repeat; width:1100px; height:73px; float:left; padding:0px 0px 0px;}
.content {width:1100px; height:auto; float:left; padding:0px 0px 0px;}


/*** header ***/
.header span.logo { background:url(images/header.jpg) no-repeat; width:1100px; height:360px; margin:0px 0 0 0px; float:left;}


/*** navs ***/
.nav { background:url(images/nav.jpg) bottom repeat-x; width:1100px; height:73px; float:left; margin-left:0px; padding-top:0px;}
	.navs { background:url(images/mainmenu.png) no-repeat; width:1000px; height:73px; margin:0px 0 0 0px; position:relative;}
	
	.nav #menu li {
	list-style:none;
	display:block;
	float:left;
	height:73px;
	position:absolute;
	top:2px;
}
	.nav #menu li, .nav ul#menu li a {  display:block; height:73px;}

	#menu li.left {
	width:78px;
	left:0px;
}
	#menu li.home {
	width:116px;
	left:79px;
}
	#menu li.ingredients {
	width:183px;
	left:196px;
}
	#menu li.faqs {
	width:107px;
	left:380px;
}
	#menu li.testimonials {
	width:190px;
	left:488px;
}
	#menu li.order {
	width:172px;
	left:679px;
}
	#menu li.contacts {
	width:149px;
	left:852px;
}
	

/*** content ***/
#leftcontent { width:231px; height:auto; float:left; margin-right:19px;}

/* ---Left : Rounded Corner --- */
#leftcontent .contentbox { width:434px; height:auto; background:#c9c9c9; color:#666; margin-bottom:40px;}
	#leftcontent .topleft { background:url(images/tl.jpg) top left no-repeat; width:100%; height:9px; float:left;}
		#leftcontent .topleft div { background:url(images/tr.jpg) top right no-repeat; height:9px;}
	#leftcontent .topright { background:url(images/bl.jpg) bottom left no-repeat; width:100%; height:9px; }
		#leftcontent .topright div { background:url(images/br.jpg) bottom right no-repeat; height:9px;}
	#leftcontent .container { width:394px; height:auto; padding:12px 20px;}
	
	#leftcontent .container p strong { font:bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}
	
	h2, .container p strong { color:#0b0b0b;}


#rightcontent { width:620px; height:auto; float:left;}

/* --- Right : Rounded Corner --- */
#rightcontent .contentbox { width:294px; height:auto; background:#b2508c; color:#fff; margin-bottom:20px;}
	#rightcontent .topleft { background:url(images/tl2.jpg) top left no-repeat; width:100%; height:11px; float:left;}
		#rightcontent .topleft div { background:url(images/tr2.jpg) top right no-repeat; height:11px;}
	#rightcontent .topright { background:url(images/bl2.jpg) bottom left no-repeat; width:100%; height:11px; }
		#rightcontent .topright div { background:url(images/br2.jpg) bottom right no-repeat; height:11px;}
	#rightcontent .container { width:254px; height:auto; padding:12px 20px;}
	
	#rightcontent .container h2.tqb-search { background:url(images/title-quick-bride-search.png) no-repeat; height:22px; width:166px;}
	#rightcontent .container h2.tq-register { background:url(images/title-quick-register.png) no-repeat; height:19px; width:110px;}
		
		#rightcontent .container form p { padding: 5px 0;}
		
		#rightcontent .container form p input.inputbox, 
		#rightcontent .container form p select 
			{ background:transparent url(images/inputbg.png) no-repeat; border:0; width:243px; height:auto; padding:3px 5px; color:#a6a6a6; font:normal 16px Cambria, Georgia, "Palatino Linotype", "Times New Roman", Times, serif; }
		
		#rightcontent .container form p select { width:260px;}
		#rightcontent .container form p input.submit { background:transparent url(images/btn-submit.png) no-repeat; border:0; width:109px; height:29px; }
		
		.bg2 { background:url(images/bl3.jpg) left bottom no-repeat;}



/*** footer ***/
.footer a { font:normal 18px Bell Gothic Std, Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000; color:#FFF; margin:0 5px;}
.footer a:hover { color:#c802d5;}

.footer2 a { font:normal 18px Bell Gothic Std, Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#2c004c; color:#2c004c; margin:0 5px;}
.footer2 a:hover { color:#000;}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 18px;
}

.style1 {
	font-family: Arial;
	color: #580098;
	font-size: 24px;
	font-weight: bold;
}
.style2 {
	font-family: Arial;
	color: #8b287c;
	font-size: 18px;
	font-weight: bold;
}
.style3 {
	font-family: Arial;
	color: #580098;
	font-size: 18px;
	font-weight: bold;
}
.style4 {
	font-family: Arial;
	color: #2c004c;
	font-size: 10px;
}

.style5 { font:normal 18px Bell Gothic Std, Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000; color:#FFF; margin:0 5px;}
.style6 { font:normal 18px Bell Gothic Std, Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#2c004c; color:#2c004c; margin:0 5px;}
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8b287c;
	font-weight: bold;
}

