@charset "utf-8";
/* CSS Document */
html, body {height: 100%;}

body { font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		background:url(components/bg.gif) repeat-x;
		padding:0px;
		margin:0px;}

h1, h2, h3 {margin:0; padding:5px 5px 10px; color:#9c3030;}
p {margin:0; padding:5px 0px 10px;}
a { 	  color:#852121;}
a:hover { color:#000; text-decoration:underline;}

dl {margin:10px 10px; padding:0;}
dt {margin:10px 0px; padding:0;}
dd {margin:10px 0px; padding:0;}

.ex-links h2 {clear:both;}
.ex-links dl dt {clear:both;}
.ex-links dl dt img {float:left; margin:0 10px 0 5px; border:0px none;}

.thepot {display:none;}

.noborder {border:0px none;}

.c { clear:both; height:0px; font-size:0px; line-height:0px;}
.centerer {margin:auto; display:block;}
	.centerer table, .centerer tr, .centerer  td {text-align:center; vertical-align:top;}
.img-center {display:block; margin:5px auto; }
.right-cta { background:url(components/right-main-action.gif) #409d45 no-repeat; width:164px; height:30px; padding:0px; margin:5px auto;}
.right-cta a {display:block; padding:8px 5px 3px; margin:0; color:#fff; text-decoration:none;}
.right-cta a:hover {text-decoration:underline;}

#inView2 { 		min-height:264px;
				height:auto !important;
				height:264px;
				background:url(components/bg.gif) repeat-x;}
#inView {margin:0 auto; background:url(components/rightbar-bg.gif) top right repeat-y;
				min-height:100%;
				height:auto !important;
				height:100%;
				
				
				margin: 0 auto;}

.head, .mid, .foot-cont, .splash, #inView, .foot-cont { width:960px;}
.head {margin:0 auto;}
#headlogo {margin:5px 0 3px 0;}
.head-left {width:400px; float:left; color:#8f4343; font-size:10px; height:61px;}
.head-left img {border:0px none;}

.head-right {width:500px; float:right; text-align:right;}
.head-right ul {margin:0; padding:20px 0 0 0;}
.head-right ul a {padding:0 10px; text-decoration:none;}
.head-right ul a:hover {text-decoration:underline;}

#navlinks li
	{	float: left;
		list-style: none;
		}

#navlinks li a {display:block;}
#navlinks img {border:0px none; margin:0 4px 3px;}
#navlinks li ul
		{	margin: 1px 0px;
			padding: 1px;
			position: absolute;
		
			visibility: hidden; 
			float: left;
			border: 1px solid #dadada;
			background:#f8f8f8;
			z-index:1000;}
			
		#navlinks li ul li
		{	float: left;
			clear:both;
			width:auto !important;
			text-align:left; 
			display:block; height:28px; line-height:0px;}
		
		#navlinks li ul li a
		{	
			background:none;
			border:#f8f8f8 1px solid;
			background:#f8f8f8;
			font-weight:normal;
			display:block;
			text-align:left; 
			padding:5px;
			line-height:normal;
			margin:0 0 0 0;
		}
		
		#navlinks li ul li a:hover
		{	background: #FFF;
			border:#dadada 1px solid;}

.splash {margin:0 auto; padding:0; height:203px;}
.splash-a, .splash-b, .splash-c {margin:6px 0 0 0; padding:0; height:191px;}
.splash-a { width:107px; float:left; background:#e5dbdb url(components/splash-bg-01.png) repeat-x;}
.splash-b { width:672px; float:left; background:#822525 url(components/splash-bg-02.png) repeat-x;}
.splash-b-top {height:174px; overflow:hidden;}
.splash-b-top img {border:0px none;}
.splash-b-bottom {height:17px; background:#731b1b; font-size:0px; overflow:hidden;}
.slideshowlinks {font-size:10px;}
.slideshowlinks a {display:block; float:left; padding:3px 5px 3px 5px; color:#fff;}

.slide {width:672px; height:191px;}

.splash-a {font-size:9px; color:#64100f;}
.splash-a a {color:#64100f; text-decoration:none;} 
.splash-a ul {list-style:none; padding:0px; margin:0px;}
.splash-a li { padding:12px 0 7px; text-align:center;}

.maincontent {padding:0 0 10px 0;}
.maincontent p {padding:5px 5px 10px;}
.mid {margin:0 auto;}
.mid-right {width:182px; float:right;}
.mid-left {width:778px; float:left;}

.mid-right-top {color:#64100f; text-align:center; }
.mid-right-top span { padding:5px 0 0 0; display:block;}
#right-001 {font-size:16px; font-weight:bold;}
#right-002 {font-size:13px; }
#right-002 a {text-decoration:none;}

.foot {background:#d8d7d7;}
.foot-cont {margin:0 auto; background:url(components/foot-bg.gif) top left no-repeat;
			min-height:120px;
			height:auto !important;
			height:120px;}
			
.splash-c { width:181px; float:left; background:#5b1a1b url(components/quote-bg-01.png) repeat-x; font-size:10px; text-align:right; overflow:hidden;}
.splash-c h2 {text-align:center; color:#fff; font-weight:normal; font-size:16px; margin:0px; padding:5px 0 5px;} 
.splash-c form {padding:0; margin:0;}		
#quote-name, #quote-email, #quote-text { 	border:#822526 1px solid; width:89%;  margin:10px auto 1px; padding:3px;
											display:block; font-family:Verdana, Geneva, sans-serif; font-size:10px;}

#quote-text { width:89%; height:40px;}
#quote-button {width:50px; display:block; float:right; margin:7px 8px 0 0; width:100px;}

.foot-left { float:left; width:700px;  }

.foot-right { float:right; width:100px; text-align:center; padding:10px 5px 0 10px; font-size:9px;}

.foot-links ul {list-style:none; padding:0; margin:0;}
.foot-links li {display:inline; padding:0 10px 0 0;}
.foot-links {padding:10px 0px 5px 0px; color:#171717;}
.foot-links a {color:#171717;}

.box-3rds h1 {font-size:15px; padding:0;}
.box-3rds img {display: block; margin:auto; border:0px none;}
.box-3rds {width:239px; float:left; padding:5px 10px; font-size:11px;}
.box-3rds p {padding:5px 0px 10px;}
.box-halves { width:368px; padding:5px 10px; float:left; color:#333;}
.box-halves h1 {padding:0px; font-size:18px;}

.mid-social {}
.mid-social div img {float:left; margin:0px 5px 0px 8px; border:0px none;} 
.mid-social div {clear:both; padding:5px 0;}
.mid-social div p { padding:7px 5px 0px; font-size:14px; color:#20738e; margin:0;}
.mid-social a {text-decoration:none; color:#20738e;}
.mid-social a:hover {text-decoration:underline;}
.quoteerror, .quotesuccess  {text-align:center; color:#fff; background:#6d2626; margin:3px; padding:2px;}
.quotesuccess {background:#64a956; color:#000;}


.portfolio_item	 img	{ width:340px; margin:1px auto 10px;border-style:none; border:#999 0px solid; display:block;}	
					
.portfolio_item	{	width:350px; float:left;
					margin:0px 0px 20px 15px; font-size:11px;
					background:url(components/portfolio-customer-mid.png) repeat-y;}

.portfolio_item_top { background:url(components/portfolio-customer-box-top.png) top left no-repeat;
						
						
						padding:0;
						margin:0;
						}

.portfolio_item_bottom { background:url(components/portfolio-customer-box-bottom.png) bottom left no-repeat; height:3px;}

.portfolio_item p, .portfolio_item_top p	{	padding:8px 10px 0px 10px; margin:0;}

.portfolio_item h2	{	font-size:14px; padding:0px 0px 8px 5px;}

.portfolio_item_testimonail { background:url(components/quotebg.gif) top left no-repeat; background-color:#f7f7f7;
							  margin:3px; padding:5px 5px 5px 30px; border:#999 1px solid;}
							  
.portfolio_item_testimonail p { padding:5px 0px 5px 0px; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.portfolio_item_testimonail_name p, .portfolio_item_testimonail_name{text-align:right; color:#666; font-weight:bold; padding:0px;}

.port-banner-img {float:right; border:0 none;}
#slideshow_portfolio_container { font-size:10px; color:#fff;}
#slideshow_portfolio_container p {padding:3px 8px;}
#slideshow_portfolio_container h1 {color:#fff; font-size:14px; padding:5px 10px;}
#slideshow_portfolio_container h1 a {color:#fff;}
#slideshow_portfolio_container h2 {color:#fff; font-size:12px; text-align:right;}

.c_container	{	width:510px;
					margin-top:35px;
					float:right;}

.c_title	{	width:200px;
				float:left;
				text-align:right;
				font-weight:bold;
				padding-bottom:10px;}
				
.c_item		{	float:left;
				width:295px;
				padding: 0px 0px 10px 8px;}	
				
.c_container_02	{float:left; width:340px; margin-left:20px;}
#contact-form label	{width:100px;
						display:block;
						font-size:12px;
						font-weight:bold;}
#contact-form	p	{margin:0; padding:0;
						margin-bottom:3px;}						
.contact-form-input {	padding:1px;
						font-size:12px;
						border-color:#000;
						border-width:1px;
						border-style:solid;
						width:300px;}

.contact-send-success	{	color:#060;
							font-weight:bold;}	
							
.contact-send-error	{		color:#F00;
							}	

#contact-response {		display:none;	border-color:#F00;}	
#contact-response-2 {	border-color:#000;}										
#contact-response, #contact-response-2	
{						
						padding:5px;
						font-size:12px;
						color:#F00;
						background-color:#ffddbf;
						border-style:solid;
						border-width:1px;
						width:290px;
						margin-bottom:3px;}	
.contact-left, .contact-right {width:340px; margin:5px 10px; float:left;}
.contact-right ul { list-style:none; margin:0; padding:0;}
.contact-right li {padding:3px 5px 10px 35px;}
.contact-right h3 {margin:0; padding:2px 0; font-size:12px; color:#460a0a;}

#faq_cont	{	padding:5px 20px 20px 20px;}

#faq_cont a	{	font:16px bold;}

#faq_cont a:hover	{	}

.faq-question { padding-bottom:10px;}

.faq-answer	{	margin:10px 10px 20px; padding:3px;
				border:solid 1px #CCC;}

#slideshow_rpggame_container { background:url(components/slideshow-rpg-01/bg.jpg) no-repeat; width:672px; height:174px;}

.gm-sl-cont {text-align:center; background:#f5f5f5; margin:5px 10px;}
.gm-sl-cont img {border:1px solid; margin:5px;}

.numberedlist {list-style:decimal;}
.numberedlist li {padding:3px;}

.dl-size {font-weight:bold; font-size:0.8em;}
ul .li-title {list-style:none; font-weight:bold; font-size:1.2em; padding:0 0 5px 0; margin:0;}

.breadcrumb {font-size:10px; padding:5px 0px; }
	.breadcrumb a {text-decoration:none;}
	.breadcrumb a:hover {text-decoration:underline;}
	.breadcrumb .crumb-current-page {font-weight:bold; color:#000;}

.youtube640 {margin:auto; display:block; width:640px; height:385px;}

#resourcelist dl {margin:0 0 0 10px; padding:0;}
	#resourcelist dl dt {margin:0 0 10px; padding:0; font-size:16px; font-weight:bold; clear:both;}
	#resourcelist dl dd {margin:0 0 20px 10px; padding:0; clear:both;}
		#resourcelist dl dd dt {margin:0 0 5px; padding:0 0 0 87px; font-size:12px; font-weight:normal; clear:both; font-weight:bold;}
		#resourcelist dl dd dd {margin:0 0 10px; padding:0 10px 0 0; clear:both; font-size:10px;}
		#resourcelist dl dd dd img {float:left; margin:-18px 10px 25px 5px; border:1px solid;}
		#resourcelist dl dd dd a img {border-color:#9c3030; width:70px; height:40px;}
		
.prev-next-links {}
	.prev-link, .contents-link,.next-link {width:33%; display:inline-block; float:left;}
	.prev-link { text-align:left;}
	.contents-link { text-align:center;}
	.next-link{ text-align:right;}
	

.admin-pagenums { padding:10px 5px; font-size:12px; text-align:right;}
	.admin-pagenums a { padding:10px 5px; padding:1px 4px; margin:0 2px; border:#CCC 1px solid; text-decoration:none; color:#000;}
	.admin-pagenums a:hover {background:#CCC; text-decoration:underline;}
	.admin-pagenums .selectedlink {font-weight:bold; text-decoration:underline; background:#792525; color:#fff;}
	
.newsspacer { height:0px; line-height:0px; font-size:0px; width:99%; margin:20px auto 10px; display:block; 
				border:0px solid; border-width:1px 0px 1px 0px; border-top-color:#cdcdcd; border-bottom-color:#efecec;
				}
				
.newsrssfoot {text-align:right; padding:15px 5px;}	
.newsrssfoot img {border:0px none;}			
		
				
.right-rss { margin:10px 0 5px;}
	.right-rss h2 { font-size:12px; padding:0 0 4px 10px; margin:0;}		
	.right-rss ul { list-style:none; padding:0px 3px 0 10px; margin:0;}	
	.right-rss ul li h3 { margin:0; padding:0; font-size:10px;}
	.right-rss ul li p{ margin:0 0 0px 0; padding:0; font-size:9px;}
	.right-rss .newsspacer {margin:3px 0; padding:0;}
	.right-rss  .viewmore {text-align:right; padding:0px 10px; font-size:9px;}

.right-search-bar2 {text-align:center; width:160px; margin:3px auto;}	
.right-search-bar2 input {width:135px; display:block; float:left; margin:0;}
.right-search-bar2 input[type="text"]  { width:135px; border:#873738 1px solid; float:left;}
.right-search-bar2 .btn2  {float:right; margin:1px 0 0 0 !important; width:17px; height:18px;}

#newsnav {padding:20px 10px 30px;}
#newsnav h2 { font-size:12px; margin:0; padding:0 0 10px;}
#newsnav ul {margin:0; padding:0; list-style:none; border:#852121 0px solid; border-width:1px 0 0 0;}
#newsnav ul li a {display:block; padding:3px 10px; border:#852121 0px solid; border-width:0px 1px 1px 1px; background:#fff; text-decoration:none;}
#newsnav ul li a:hover {background:#852121; color:#fff; text-decoration:underline;}