@charset UTF-8;

/* Reset CSS to be multi-browser friendly */

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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}body{line-height:1;color:#000;background:#FFF}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}

body {
	margin: 0px;
	padding-top: 40px;
	padding-bottom: 20px;
	background: #eee;
}

#mainwrap {
	width: 1050px;
	height: 551px;
	margin: 0px auto;
}

	#top {
		position: relative;
		background: #000000;
		height: 46px;
		border-bottom: solid 1px #4a474a;
	}
	
		#title { 
			color: #ffffff;
			position: absolute;
			bottom: 4px;
			left: 58px;
		}
		
			#title h2 {
				font-size: 16px;
			}
		
		#menu {
			position: absolute;
			right: 56px;
			bottom: 4px;
			text-align: right;		
		}
		
			#menu a {
				color: #bbb;
				font-size: 11px;
				text-decoration: none;
				margin-left: 24px;
			}
			
			#menu a:hover {
				/*text-decoration: underline;*/
				color: #eee;
			}
	
	#header {
		background: #A8ABAE;
		height: 197px;
		
		position: relative;
	}

		#logo {
			width: 225px;
			height: 106px;
			
			position: absolute;
			
			left: 63px;
			top: 47px;
		}
		
		.buttons {
			position: absolute;
			top: 20px;
			left: 320px;
		}
			.buttons a {
				display:block;
			}
		
		.buttons .square-button {
			cursor: pointer;
			float: left;
			margin-right: 4px;
		}
		
			.buttons .square-button a {
				font-size: 10px;
				text-decoration: none;
				color: #555;
			}
			
			.buttons .square-button a:hover {
				color: #333;
			}
		
		#buttons .square-button:hover {
			background-position: -6px;
		}
		
		
		#buttons .selected {
			background-position: -6px;
		}

		input.submit {
			background: #84221D; 
			color: #ddd; 
			float: right; 
			border:  0px; 
			margin-top: 4px; 
			padding: 4px 15px;
			cursor: pointer;
		}
			input.submit:hover {
				color: #fff;
			}
			
			input, textarea {
				font-size: 12px;
				color: #000000;
				font-family: Helvetica, sans-serif;
			}

		.contact-copy {
			position: absolute;
			top: 10px;
			left: 320px;
			color: #000;
			
			width: 720px;
			height: 175px;
			
			overflow: hidden;
			
			font-size: 10px;
			line-height: 18px;
			letter-spacing: 0.3px;
		}
		
			.contact-copy textarea {
				width: 307px; 
				height: 60px; 
				border: solid 1px #ccc; 
				padding: 4px; 
				margin: 0px;
			}
			
			#captcha_wrap { float:right; margin-right:20px; margin-top: 10px; width:175px; height:45px; }
		
		.copy, .home-copy {
			position: absolute;
			top: 47px;
			left: 319px;
			color: #000;
			
			width: 650px;
			height: 140px;

			overflow: hidden;
			
			font-size: 12px;
			line-height: 18px;
			letter-spacing: 0.3px;
		}
		
			.copy h1, .home-copy h1 {
				font-size: 20px;
				margin-bottom: 10px;
			}
						
			.copy li, .home-copy li {
				list-style-type: square;
				list-style-position: inside;
			}
			
			#portrait { 
				height: 118px; 
				width: 100px; 
				border: solid 3px #fff; 
				float: right;
			}
			
	#content {
		background: #6D6C73;
		height: 308px;
		position: relative;
	}
	
	#address {
		float: left;
		width: 245px;
		font-size: 10px;
		line-height: 14px;
	}
	
		#byline {
			position: absolute;
			bottom: 25px;
		}
			#byline.font {
				font-size: 15px;
			}
		
		#submenu {
			border-top: solid 2px #ffffff;
			width: 923px;
			margin: 0px auto;
		}
		
			#submenu .submenu-wrapper {
				width: 166px;
				height: 300px;
				float: right;
				margin-left: 1px;
				
				position: relative;
			}
			
			#submenu a {
				display: block;
				background: #ffffff;
				font-size: 11px;
				color: #000000;
				float: right;
				width: 166px;
				height: 27px;
				padding: 0px;
				margin-left: 1px;
				line-height: 27px;
				vertical-align: middle;
				text-decoration: none;
				margin-bottom: 0px;
				text-align: center;
				
				border-bottom: solid 6px #84221D;
			}
			
			#submenu a:hover {
				background: #84221D;
				color: #fff;
			}
			
			#submenu a.selected {
				background: #84221D;
				color: #fff;
			}
			
			#content .drop-down {
				position: absolute;
				top: 50px;
				left: 320px;
				width: 667px;
				height: 252px;
				font-size: 12px;
				line-height: 22px;
				color: #eee;
				display: none;
				
				border-bottom: solid 6px #84221D;
			}
			
				#content .drop-down p {
					margin-bottom: 5px;
				}
				
				#content .drop-down ul {
					color: #a9a9a9;
					list-style-type: square;
					margin-left: 25px;
				}
				
					#content .drop-down ul li {
						color: #a9a9a9;
					}
			
		
		#content h2 {
			color: #ffffff;
			font-size: 18px;
			position: absolute;
			margin-left: 63px;
			margin-top: 45px;
		}
		
/* Tabs */

	.ui-tabs { padding: .2em; zoom: 1; }
	.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
	.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
	.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
	.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
	.ui-tabs .ui-tabs-hide { display: none !important; }



	
/* Fonts, overalls */

.stdcopy {
	font-family: Helvetica, sans-serif;
	color: #706e70;
}

.clear { clear: both; overflow: hidden; height: 0px; _height: 1px; }
