/* 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:Arial, sans-serif;
}
	
body {
	background:#fff url(gfx/bg.png) 0 0 repeat-x;
	font-size:62.5%;
	line-height:1.5;
	color:#000;
}

	#shadows {
		background:url(gfx/bg_shadows.png) 0 0 repeat-y;
		width:997px;
		margin:0 auto;
		min-height:100%;
	}

	#main-container {
		background:url(gfx/bg_shadows.png) -997px 0 no-repeat;
		padding:0 10px 135px;
		min-height:530px;
	}

/* 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;
}

/* Header
---------------------------------------- */
#header {
	position:relative;
	height:266px;
	width:934px;
	margin:0 0 0 22px;
	background:url(gfx/h/1_bg.jpg) 0 0 no-repeat;
	background-position:2px 0 !important;
	z-index:2;
}

	.mask {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(gfx/h/bg.png) -84px 0 no-repeat;
	}

	#header .left-l {
		position:absolute;
		width:84px;
		height:100%;
		top:0;
		left:-84px;
		background:url(gfx/h/bg.png) 0 0 no-repeat;
	}

	/*LOGO*/
		#logo {
			width:350px;
			height:135px;
			position:absolute;
			top:0;
			right:6px;
		}
		
			#logo a {
				height:100%;
				display:block;
				position:relative;
				text-indent:-9999px;
			}
			
	/*NAV*/
		.nav-mask {
			position:absolute;
			top:200px;
			left:0;
			width:934px;
			height:66px;
			background:url(gfx/h/bg.png) 0 0 no-repeat;
		}
	
		#nav {
			position:absolute;
			top:204px;
			left:0;
			width:100%;
			height:38px;
			line-height:38px;
			padding:0 0 0 2px;
			z-index:2;
		}
		
			#nav li {
				background:url(gfx/h/navSeparator.gif) 0 0 no-repeat;
				padding:0 0 0 2px;
				float:left;
				height:100%;
				position:relative;
				font-size:1.3em;
				font-weight:bold;
				z-index:4;
			}
			
			#nav li.first {
				background:none;
				padding:0;
			}
			
			#nav li.rounder {
				position:absolute;
				top:0;
				left:2px;
				height:7px;
				width:5px;
				background:url(gfx/h/f.png) 0 0 no-repeat;
				z-index:5;
			}
			
				#nav a {
					padding:0 19px;
					color:#464646;
					text-decoration:none;
					position:relative;
					display:block;
					float:left;
					height:100%;
				}
				
				#nav a:hover, #nav li.active a {
					color:#fff;
				}
	
			/*SUBNAV*/
				#nav ul {
			        display:none;
			        position:absolute;
			        top:38px;
			        left:0;
			        width:930px;
			        height:24px;
			        line-height:24px;
			    }
			    
			    #nav li:hover ul, #nav li.active ul {
			        display:block;
			    }
			    
			    #nav li.active {
			    	z-index:3;
			    }
			    
			    	#nav ul li {
			    		display:inline;
			    		float:none;
			    		position:static;
			    		padding:0;
			    		height:auto;
			    		font-size:11px;
			    		font-weight:bold;
			    		background:none;
		    		}
		    		
		    			#nav ul a {
		    				color:#fff;
		    				text-decoration:none;
		    				padding:0 10px;
	    				}
	    				
	    /*NAV COLORS*/
	    	/*Red*/
		    	.red #nav a:hover, .red #nav li.active a {
		    		background-color:#dd0018;
		    	}
		    	
		    		.red #nav li.active ul a {
		    			background:none;
	    			}
		    	
		    	.red #nav ul {
		    		background-color:#dd0018;
	    		}
	    		
	    		.red #nav li.active ul {
	    			background:none;
				}
				
					.red #nav ul a:hover {
	    				color:#ffc5c5;
	    			}
	    			
	    		.red .nav-mask {
	    			background:none;
	    		}
	    		
	    	/*Green*/
	    		.green #nav a:hover, .green #nav li.active a {
		    		background-color:#06b337;
		    	}
		    	
		    		.green #nav li.active ul a {
		    			background:none;
	    			}
		    	
		    	.green #nav ul {
		    		background-color:#06b337;
	    		}
	    		
	    		.green #nav li.active ul {
	    			background:none;
				}
				
					.green #nav ul a:hover {
	    				color:#ace6bc;
	    			}
	    		
	    		.green .nav-mask {
	    			background-position:-84px -266px;
    			}
    			
    		/*Orange*/
    			.orange #nav a:hover, .orange #nav li.active a {
		    		background-color:#ff632a;
		    	}
		    	
		    		.orange #nav li.active ul a {
		    			background:none;
	    			}
		    	
		    	.orange #nav ul {
		    		background-color:#ff632a;
	    		}
	    		
	    		.orange #nav li.active ul {
	    			background:none;
				}
				
					.orange #nav ul a:hover {
	    				color:#ffe0d4;
	    			}
	    		
    		
	    		.orange .nav-mask {
	    			background-position:-84px -332px;
				}

/* Content
---------------------------------------- */
#content-container {
	color:#464646;
	font-size:1.1em;
	padding:8px 46px;
	overflow:hidden;
}

	#content-container h2 {
		font-size:16px;
		line-height:1;
		margin:9px 0 18px;
	}
	
		#content-container h2 span {
			color:#dd0018;
		}
	
	#content-container p {
		margin:8px 0 9px;
	}
	
	#content-container img {
		border:2px solid #ffdf93;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		max-width:98%;
	}
	
	#content-container li {
		padding:0 0 0 10px;
	}
	
	#content-container ol li {
		background:none;
		list-style-type:decimal !important;
	}
	
	#content-container ol, #content-container ul {
		margin:10px 0;
		padding:0 0 0 23px;
	}
	
	#content-container .align-left {
		float:left;
		margin:0 20px 0 0;
	}
	
	#content-container .align-right {
		float:right;
		margin:0 0 0 20px;
	}

/* Footer
---------------------------------------- */
#footer {
	padding:95px 0 0;
	height:40px;
	margin:-135px auto 0;
	width:997px;
	font-size:1em;
	text-align:center;
	background:url(gfx/f/bg.png) -52px 0 no-repeat;
	position:relative;
}

	div#footer div.line-l, div#footer div.line-r {
		background:url(gfx/f/bg.png) 0 0 no-repeat;
		position:absolute;
		top:0;
		height:100%;
	}
	
	div#footer div.line-l {
		width:52px;
		left:-52px;
	}
	
	div#footer div.line-r {
		background-position:-1049px 0;
		width:51px;
		left:0;
		margin:0 0 0 100%;
	}

	#footer a {
		text-decoration:none;
	}