/* CSS Document */
/* reset for css
---------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, hr,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:inherit;
	vertical-align: baseline;
	background: transparent;
}

html {
	font-size:100.01%;
	}
	
textarea, input, select {
	font-size:1.2em;
	font-family:inherit;
	}
	
blockquote, q {
	quotes:none;
	}
	
q:before, q:after, blockquote:before, blockquote:after {
	content:'';
	content:none;
	}

ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	/*text-align:left;*/
	/*width:100%;*/
}

/* frame
---------------------------------------- */

html, body {
	/*height:100%;*/
}

body, textarea, input, select {
	font-family:"Times New Roman", serif;
}
	
body {
	background:#fff;
	font-size:62.5%;
	line-height:1.5;
	color:#000;
}

	#main-container {
		background-color:#fff;
		width:850px;
		margin:0 auto;
	}

/* quots
---------------------------------------- */
q:before {
	content:'\00ab';
}
	
	q q:before {
		content:'\201e';
	}
		
q:after {
	content:'\00bb';
}
	
	q q:after {
		content:'\201c';
	}
		
/* links
---------------------------------------- */
a {
	cursor:pointer;
	text-decoration:underline;
}
	
	a img {
		border:0;
	}

a:link {
	color:#000;
}
	
a:hover {
	text-decoration:none;
}

a:visited, a:hover {
	color:#830c83;
}
	
a:active {
	color:#f00;
}

/* headers
---------------------------------------- */
h1 {
	font-size:2.5em;
}

h2 {
	font-size:1.8em;
}

h3 {
	font-size:1.4em;
}

/* overflows
---------------------------------------- */
.overflow {
overflow:auto;
}

.hide {
overflow:hidden;
}

/* Slogan
---------------------------------------- */
#slogan {
	height:50px;
	overflow:hidden;
}

	#slogan h2 {
		float:right;
		width:274px;
		height:100%;
		background:url(../images/sb/sl.gif) 0 0 no-repeat;
		overflow:hidden;
		text-indent:-999px;
	}

/* Layout
---------------------------------------- */
#wr {
	position:relative;
	background:#fbf1ff;
	margin:0 0 30px;
}

	/*#wr Rounders*/
	div.tl-r, div.tr-r, div.bl-r, div.br-r {
		position:absolute;
		width:9px;
		height:9px;
		background:url(../images/c/cf.png) 0 0 no-repeat;
	}
	
	div.tl-r, div.tr-r {
		top:0;
		left:0;
		background-position:-9px -9px;
	}
	
	div.tr-r {
		left:-9px;
		margin:0 0 0 100%;
		background-position:0 -9px;
	}
	
	div.b-r {
		position:relative;
	}
	
		div.bl-r, div.br-r {
			margin:-9px 0 0;
			background-position:-9px 0;
		}
		
		div.br-r {
			left:-9px;
			margin:-9px 0 0 100%;
			background-position:0 0;
		}
		
	/*S-bar and content container*/
	#overflow {
		padding:0 0 20px;
		overflow:hidden;
	}

	/*Sidebar*/
	#sidebar {
		width:240px;
		float:left;
		position:relative;
		left:14px;
	}
	
		
		/*logo*/
		#logo {
			width:233px;
			height:173px;
			margin:0 0 20px;
		}
		
			#logo a {
				height:100%;
				display:block;
				position:relative;
			}
			
				#logo a span {
					position:absolute;
					top:0;
					left:0;
					display:block;
					width:100%;
					height:100%;
					background:url(../images/sb/logo.png) 0 0 no-repeat;
				}
				
		/*Info blocks*/
		div.ib {
			position:relative;
			padding:12px 12px 0;
			font-size:1.4em;			
			line-height:1.2;
			margin:0 0 20px;
		}
		
		div.ib div {
			background:url(../images/sb/ib.png) 0 0 no-repeat;
		}
		
			div.ib div.t-r {
				position:absolute;
				top:0px;
				left:0px;
				width:100%;
				height:12px;
				background-position:right 0;
			}
			
				div.ib div.t-r div {
					position:absolute;
					top:0;
					left:0;
					height:100%;
					width:20px;
					background-position:-9px 0;
				}
				
			div.ib div.b-r {
				position:relative;
				left:-12px;
				margin:5px -24px 0 0;
				height:12px;
				background-position:right -12px;
			}
			
				div.ib div.b-r div {
					position:absolute;
					top:0;
					left:0;
					height:100%;
					width:20px;
					background-position:-9px -12px;
				}

				div.ib div.s-shd {
					width:9px;
					height:100%;
					position:absolute;
					left:-9px;
					top:0;
					margin:0 0 0 100%;
					background-repeat:repeat-y;
				}
				
			/*Monthly Party Promotions*/
			#mmp {
				background-color:#8bc340;
				color:#fff;
			}
			
				#mmp a {
					color:#fff;
					font-weight:bold;
				}
			
			/*Address*/
			#addr {
				background-color:#ca3293;
				color:#fff;
			}
	
	/*Content*/
	#content-container {
		float:right;
		width:545px;
		position:relative;
		right:15px;
	}

		/*Nav*/
		#nav {
			overflow:auto;
			padding:5px 0 0;
		}
		
			#nav li {
				width:49%;
				float:left;
				font-size:1.8em;
				min-height:48px;
				position:relative;
				letter-spacing:-1px;
				padding:13px 0 0;
			}
			
			#nav span {
				position:absolute;
				top:0;
				left:0;
				width:38px;
				height:56px;
				background:url(../images/c/nav.png) -30px 0 no-repeat;
			}
			
			#nav a {
				color:#ca3293;
				padding:0 0 0 50px;
				position:relative;
			}
			
			#nav a:hover, #nav a.active {
				color:#8bc340;
			}
			
				#nav li.a span {
					left:5px;
				}
				
				#nav li.b span {
					background-position:-73px 0;
					width:71px;
					left:0;
				}
				
				#nav li.b a, #nav li.d a {
					padding:0 0 0 75px;
				}
				
				#nav li.c span {
					background-position:-30px -56px;
				}
				
				#nav li.d span {
					left:20px;
					background-position:-92px -56px;
				}
				
				#nav li.e span {
					background-position:-29px -106px;
				}
				
				#nav li.f span {
					background:url(../images/c/paleta.png) 0 0 no-repeat;
					width:70px;
				}
				
				#nav li.f a {
					padding:0 0 0 75px;
				}
			
		/*Article*/
		.article {
			font-size:1.4em;
		}
		
			.article h2 {
				font-size:1.285714em;
				margin:0 0 15px;
			}
			
			.article p {
				margin:0 0 15px;
			}
			
			.article li {
				list-style-type:disc !important;
			}
			
			.article ol li {
				list-style-type:decimal !important;
			}
			
			.article ol, .article ul {
				margin:0 0 15px;
				padding:0 0 0 23px;
			}
			
			.caption {
				width:210px;
				background-color:#02b5de;
				float:right;
				margin-left:15px !important;
			}
			
		/*Types*/
		#types {
			font-size:1.4em;
			margin:0 0 20px;
		}
		
			#types h3 {
				font-size:1em;
			}
		
			#types ul {
				overflow:auto;
			}
			
			#types li {
				float:left;
				width:33%;
			}
			
		/*Type description*/
		#type-descript {
			font-size:1.4em;
			background-color:#fadff0;
		}
		
			#type-descript h3 {
				text-transform:uppercase;
				font-size:1em;
			}
			
			#type-descript p {
				margin:0 0 15px;
				padding:0 10px 0 0;
			}
			
			#type-descript li {
				list-style-type:disc !important;
			}
			
			#type-descript ol li {
				list-style-type:decimal !important;
			}
			
			#type-descript ol, #type-descript ul {
				margin:0 0 15px;
				padding:0 0 0 23px;
			}
	
	/*bottom navigation*/
	#b-overflow {
		overflow:hidden;
		padding:0 0 0 14px;
	}
	
	#b-nav {
		background-color:#ee8a22;
		float:left;
		color:#fff;
	}
	
		#b-nav ul {
			padding:10px 20px 10px 10px;
		}
		
			#b-nav li {
				display:inline;
			}
			
				#b-nav a {
					margin:0 4px 0 0;
					color:#fff;
				}
				
				#b-nav a:hover, #b-nav a.active {
					color:#000;
				}
				
	#pp {
		position:relative;
		top:10px;
		right:30px;
		height:57px;
		width:134px;
		float:right;
		background:url(../images/c/pp.png) 0 0 no-repeat;
	}
	
		#pp div {
			height:100%;
			width:100%;
			background:url(../images/c/pp_shd.png) 0 0 no-repeat;
		}

/* Footer
---------------------------------------- */
#footer {
	margin:0 0 30px;
	background:url(../images/c/pp.png) -134px 0 no-repeat;
	min-height:57px;
	padding:0 0 0 145px;
	font-size:1.4em;
	line-height:1.1;
}

	#footer div.adr {
		color:#8ac440;
	}
	
	#footer div.tel {
		color:#ca3293;
	}
	
	#footer span.copy {
		color:#02b5de;
	}