/*---------------------------------------------------------------------------------- 

									RESET CODE 
						
----------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*---------------------------------------------------------------------------------- 

									DEFAULT GLOBALS
						
----------------------------------------------------------------------------------*/

body {

	background-color: #fff;
	color: #231f20;
	font-size: 14px;
	font-family: arial, sans-serif;	
	text-align: center;
}

	a {
	
		color: #9b1c26;
		text-decoration: none;
		outline: none;
	}
	
		a:hover {
		
			text-decoration: underline;	
		}
	
	h1 {
	
		color: #bf202f;	
	}

	b, strong {
	
		font-weight: bold;	
	}
	
		b.centered {
		
			text-align: left;
			display: block;	
			font-size: 18px;
		}
	
	i, em {
	
		font-style: italic;	
	}

p.lefted {

	text-align: left;	
}

/*---------------------------------------------------------------------------------- 

									GLOBAL LAYOUT
						
----------------------------------------------------------------------------------*/

#header {

	height: 138px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 2;
	background-image: url(../images/header.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	overflow: hidden;
}

	#header div {
	
		height: 138px;	
		background-image: url(../images/banner.png);
		background-repeat: no-repeat;
		background-position: top center;
	}
	
		#header div span {
		
			width: 960px;
			margin: 0 auto;
			text-align: right;
			display: block;
				
		}
		
			#header div span a#home_link {
			
				display: block;
				width: 350px;
				float: left;
				height: 103px;
			}
		
			#header div span img {
			
				margin-top: -27px;
				display: block;
				float: right;	
			}

#container {

	margin: 128px auto 0px auto;
	width: 960px;
	position: relative;
	z-index: 1;
	/*background-image: url(../images/container.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
	overflow: auto;
	height: 1%;
}

	#container #left {
	
		float: left;
		width: 230px;
		overflow: hidden;	
		text-align: justify;
	}
	
		#container #left div {
			
			margin: 15px;
			
		}
		
		#container #left div h2 {
		
			text-transform: capitalize;
			font-size: 16px;	
			font-weight: 200;
		}
		
		#container #left div h2.r {
		
			color: #9b1c26;
		}
		
			#container #left div div {
				
				color: #808080;
				margin: 0px 0px 30px 0px;
				padding: 15px;
				background-image: url(../images/left_div.png);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				font-size: 12px;
				line-height: 1.5em;
			}
	
	#container #middle {
	
		float: left;
		width: 430px;
		overflow: hidden;
	}
	
		#container #middle div {
		
			text-align: justify;
			padding: 40px 20px 0px 30px;	
			line-height: 1.4em;
			font-size: 13px;
		}
		
			#container #middle div ul {
				
				list-style-type: square;
				margin: 0px 0px 15px 15px;
			}
			
				#container #middle div ul li {
				
					padding: 0px 0px 10px 0px;	
				}
				
			#container #middle div ol {
			
				list-style-type: decimal;	
			}
			
				#container #middle div ol li {
				
					margin: 0px 0px 15px 0px;	
				}
				
			#container #middle div h1 span.smaller {
			
				font-size: 14px;		
				display: block;
				line-height: 1em;
				margin: 4px 0px 0px 0px;
			}
		
			#container #middle div p span.headline,
			#container #middle div h1 {
			
				
				text-transform: capitalize;
				font-weight: lighter;
				font-size: 32px;	
				color: #bf202f;
				margin-left: -20px;
				padding-right: 5px;
			}
			
			
				#container #middle div p span.headline a,
				#container #middle div h1 a {
				
					color: #bf202f;	
					
				}
			
			#container #middle div h1 {
			
				margin-bottom: 15px;
				text-align: left;
				line-height: 1em;
				display: block;	
			}
			
			#container #middle div div.item {
			
				padding: 0px 0px 45px 20px;	
				display: block;
				
			}
			
				#container #middle div div.item p {
				
					padding: 0px 0px 15px 0px;	
				}
			
			#container #middle div p.bottom {
			
				font-size: 13px;
				color: #808080;	
				padding: 20px 0px 0px 20px;
				height: 1%;
				overflow: auto;
				margin: -30px 0px 40px 0px;
			}
			
				#container #middle div p.bottom img {
				
					float: right;	
					margin: -20px 0px 0px 20px;
					border: 1px solid #ccc;
				}
	
	#container #right {
	
		float: left;
		width: 300px;	
		overflow: hidden;
		text-align: justify;
	}
	
		#container #right div {
		
			margin: 20px 15px 15px 15px;	
			background-image: url(../images/right_div.png);
			background-repeat: no-repeat;
			background-position: 0px 0px;
			padding: 36px;
			font-size: 12px;
			line-height: 1.5em;
			color: #808080;
		}
		
			ul#quickfix {
			
				list-style-type: square;
				margin: -5px 0px 10px 15px;
				text-align: left;	
			}
			
			#container #right div h6 {
			
				font-size: 20px;	
				color: #000;
				margin: -20px 0px 10px -20px;
			}
		
		#container #right div .slideshow {
		
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 15px 0px;
			height: 198px;
			background-image: none;	
		}
		
			#container #right div p {
				
				padding: 0px 0px 15px 0px;
			}
			
			#container #right div p.caption {
				
				font-size: 11px;
				color: #606060;
			}
			
				#container #right div div {
				
					padding: 0px 0px 0px 0px;
					background: none;
					margin: 0px 15px 15px 15px;
					background-image: none;	
				}


/*---------------------------------------------------------------------------------- 

								PRIMARY NAVIGATION
						
----------------------------------------------------------------------------------*/


		#header div ul {
			
			position: absolute;
			width: 945px;
			top: 103px;
			left: 50%;
			margin-left: -480px;
			height: 26px;
			overflow: hidden;
			padding: 0px 0px 0px 15px;
			font-size: 14px;
			font-weight: bold;
		}
		
		#header div ul li {
			
			float: left;
			
			height: 20px;
		}
		
		#header div ul li.sep {
			
			width: 3px;
			padding: 5px 0px 0px 0px;
			height: 21px;
			text-align: center;
			overflow: hidden;
		}
		
			#header div ul li a {
			
				text-decoration: none;
				text-transform: lowercase;	
				display: block;
				height: 21px;
				padding: 5px 13px 0px 13px;
				outline: none;
			}
			
			#header div ul li a:hover {
			
				text-decoration: none;	
			}
			
		


		/*---------------------------------------------------------------------------------- 

								MOUSEOVER JS
						
		----------------------------------------------------------------------------------*/
		
		#header div ul li a.m_on
		
		 {
		
			background-color: #b8162b;	
			/*color: #370b08;*/
			color: #fff;
		}
		
		#header div ul li a.m_off {
		
			background-color: none;	
		}
		
		#c1,
		#c2,
		#c3,
		#c4,
		#c5,
		#c6,
		#c7,
		#c8,
		#c9,
		#c10 {
			
			display:none;
		}
		
		#p01 #c1,
		#p02 #c2,
		#p03 #c3,
		#p04 #c4,
		#p05 #c5,
		#p06 #c6,
		#p07 #c7,
		#p08 #c8,
		#p09 #c9,
		#p10 #c10 {
		
			display: block;	
		}
		
			/*---------------------------------------------------------------------------------- 

								SUB NAVIGATION
						
			----------------------------------------------------------------------------------*/
			
			
			#sub-nav {
			
				height: 20px;
				overflow: hidden;
				margin: 30px 0px 0px 0px;
				padding: 7px 0px 0px 0px;
					
			}
			
			#sub-nav #cred1 {
		
				display: block;
				text-align: center;
				text-decoration: none;
				letter-spacing: 4px;	
				font-weight: lighter;
				margin: -7px 0px 0px 15px;
				float: left;
				width: 200px;
				border-width: 0px 0px 2px 0px;
				border-color: #b8162b;
				border-style: solid;
				padding: 0px 0px 5px 0px;
			}
			
				#sub-nav ul {
					
					border-width: 0px 0px 2px 0px;
					border-color: #b8162b;
					border-style: solid;
					width: 699px;
					float: right;
					font-family: arial, sans-serif;
					font-weight: bold;
					font-size: 14px;
					text-align: left;
					padding: 0px 0px 2px 1px;
					margin: -4px 15px 0px 0px;
					text-transform: lowercase;
				}
				
					#sub-nav ul li {
					
						display: inline;
						padding: 0px 13px 0px 0px;	
					}
					
						#sub-nav ul li a {
						
							text-decoration: none;
							color: #000;	
						}
						
						#sub-nav ul li a:hover,
						#sub-nav ul li a.m_on {
						
							color: #9b1c26;
							
						}
			

/*---------------------------------------------------------------------------------- 

							FOOTER NAVIGATION
						
----------------------------------------------------------------------------------*/			 	
			
#p01 #container #footer ul li a#b_nav01,
#p02 #container #footer ul li a#b_nav02,
#p03 #container #footer ul li a#b_nav03,
#p04 #container #footer ul li a#b_nav04,
#p05 #container #footer ul li a#b_nav05,
#p06 #container #footer ul li a#b_nav06,
#p07 #container #footer ul li a#b_nav07,
#p08 #container #footer ul li a#b_nav08,
#p09 #container #footer ul li a#b_nav09,
#p10 #container #footer ul li a#b_nav10

{
	color: #000;
	font-weight: normal;	
}
		
		
		
	#container #footer {
	
		clear: both;
		width: 960px;	
		height: 1%;
		overflow: auto;
		margin: 0px 0px 15px 0px;
	}
	
	#container #footer ul {
	
		height: 20px;
		font-size: 12px;	
		float: right;
		width: 760px;
		background-image: url(../images/footer.png);
		background-repeat: no-repeat;
		background-position: top center;
		padding: 5px 0px 5px 0px;

	}
	
	#container #footer ul li {
	
		display: inline;
		padding: 0px 5px 0px 5px;
	}
	
	#container #footer ul li.sep {
	
		display: none;
		visibility: hidden;	
	}
	
	#container #footer ul li a {
	
		color: #808080;
		text-decoration: none;	
	}
	
		#container #footer ul li a.r {
		
			color: #9b1c26;
			font-weight: bold;
		}
	
	#container #footer ul li a:hover {
	
		text-decoration: underline;s	
	}
		
	#container #footer span {
	
		display: block;
		float: left;
		width: 200px;	
	}
	
/*---------------------------------------------------------------------------------- 

							WEBSITE PAGE
						
----------------------------------------------------------------------------------*/

#container #middle #web1, 
#container #middle #web2, 
#container #middle #web3 {

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

#container #middle #web2, 
#container #middle #web3 {

	display: none;	
}
	
#container #middle #controls {

	padding: 0px;
	margin: -40px 0px 0px 20px;	
}

#container #middle #controls a.m_on {

	color: #9b1c26;	
	text-decoration: none;
	outline: none;
}

#container #middle #controls a.m_off {

	color: #000;
	text-decoration: none;
	outline: none;	
}

#container #middle #preview_image {

	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;	
}


#container #right #thumbnails {

	background-image: none;	
	height: 1%;
	overflow: auto;
	padding-top: 0px;
	line-height: 1.5em;
}

#container #right #thumbnails a {

	outline: none;	
}

#container #right #thumbnails ul {
	
	height: 1%;
	overflow: auto;
	margin: 0px 0px 30px 0px;
}

#container #right #thumbnails ul li {

	width: 66px;
	height: 66px;
	overflow: hidden;	
	float: left;
}

#container #right #thumbnails ul li a {

	display: block;
	border: 1px solid #808080;	
	height: 60px;
	width: 60px;
}

#container #right #thumbnails ul li a:hover {
	
	border-color: #9b1c26;		
}

#container #right #thumbnails ul li a img {

	height: 60px;
	width: 60px;
	display: block;	
}

#container #right #thumbnails h2 {

	font-size: 16px;	
	font-weight: 200;
	color: #000;
	margin: 0px 0px 5px 0px;
}

#container #right #thumbnails #next,
#container #right #thumbnails #prev {
	
	display: block;
	clear: both;
	width: 100px;
	color: #000;
	float: right;
	text-align: center;
	font-size: 50px;
	text-decoration: none;
}

#container #right #thumbnails #prev {

	margin: 10px 0px 0px 0px;	
	font-size: 24px;
}

#container #right #thumbnails #next:hover,
#container #right #thumbnails #prev:hover {

	color: #9b1c26;		
}

/*---------------------------------------------------------------------------------- 

							CONTACT FORM
						
----------------------------------------------------------------------------------*/

	form#contact_us input,
	form#contact_us textarea {
	
		width: 300px;
		display: block;
		padding: 3px;
		margin: 0px;
		border-style: solid;
		border-width: 2px;
		border-color: #d1d2d4;
		margin: 0px 0px 10px 0px;
		font-family: arial;
		font-size: 13px;
	}
	
	form#contact_us h3 .r {
		
		color: #bf202f;
		font-weight: bold;
		font-size: 16px;
	}
	
	form#contact_us #contact_submit {
	
		width: 310px;
	}
	
	form#contact_us #remain {
	
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		font-style: italic;
		color: #808080;
	}
	
	form#contact_us #remain input {
	
		margin: 0px 0px 0px 0px;
		display: block;
		float: left;
		width: 29px;
		border-width: 0px 0px 0px 0px;
		padding: 0px 2px 0px 0px;	
		font-family: arial;
		font-size: 14px;
		font-style: italic;
		color: #808080;
		text-align: right;
	}