@charset "utf-8";
/* general typography styles */
h1,h2,h3,h4,h5,p,a,span,ul,ol,li,table,tr,td,body,div,input,textarea,select,blockquote { font-family: 'AllerRegular', helvetica, tahoma; text-decoration: none; color: #999; text-shadow: 0 1px 1px #fff; line-height: 150%; }
h1 { font-size: 24px; }
h3 { color: #666; }
p { font-size: 14px; margin: 10px 0; }
a { color: #666; }
a:hover { color: #333; }

/* page styles */
body { background: #eee; }
.outer-wrap { width: 100%; }
	.inner-wrap { width: 960px; margin: 0 auto; }
	
	#head { height: 99px; background: url('../img/header.jpg') repeat-x center top; }
		#head-top { width: 100%; height: 54px; float: left; }
			#logo { width: 635px; float: left; padding: 15px 0 0 0; }
			#search { width: 325px; float: left; color: #fff; text-shadow: 0 1px 1px #00357b; padding: 15px 0 0 0; }
				#search input { width: 230px; height: 10px; border: none; background: url('../img/search_input.png') no-repeat center top; padding: 10px; }
					::-webkit-input-placeholder, #search input { color: #fff; text-shadow: 0 1px 1px #00357b; }
		#head-bottom { width: 968px; height: 48px; float: left; background: url('../img/nav.png') no-repeat center top; }
			#head-bottom ul { margin: 15px 0 0 20px; }
				#head-bottom ul li { display: inline; margin: 0 20px 0 0; }
					#head-bottom ul li a { color: #fff; text-shadow: 0 1px 1px #00255b; }
				.dropdown-blurb { width: 475px; padding: 0 10px; border-bottom: 1px solid #ddd; }
					.dropdown-blurb h3 { color: #0075FF; margin: 10px 0 0 0; }
					.dropdown-blurb p, .dda { width: 100%!important; font-size: 12px; margin: 0 0 10px 0; color: #999!important; text-shadow: 0 1px 1px #fff!important; padding: 0!important; }
					.dda:hover { color: #666!important; }
					
	#slider-wrapper { width: 100%; height: 600px; background: #ccc url('../img/shadow.png') no-repeat center top; border-bottom: 5px solid #aaa; }
		#tag { padding: 0px 50px 0 50px; }
		#slide-wrap { width: 960px; margin: 0 auto; }
			#slider { background: url('../img/shadow-circle.png') no-repeat center bottom; }
			#feature { width: 139px; height: 139px; background: url('../img/featured.png') no-repeat center top; position: absolute; margin: -10px 0 0 -10px; }

	#content { width: 961px; height: 18px; background: url('../img/shadow.png') no-repeat center top; }
		#content-left-home { width: 620px; float: left; background: url('../img/shadow-vertical.png') no-repeat right top; margin: 30px 0 0 0; padding: 30px 30px 0 0; }
			.tag { margin: 30px 0 0 0; }
			.shadow-content { width: 581px; height: 15px; background: url('../img/shadow-content.png') no-repeat center top; margin: 10px 0 0 0; }
			#content-left ol { list-style: decimal; }
				#content-left ol { margin: 0 0 0 20px; font-size: 12px; }
			#content-left img { width: 550px; }
			.pagination-wrap { display: block; border: 1px solid #ccc; padding: 10px; background: #fff; moz-border-radius: 5px; border-radius: 5px; margin: 25px 0 0 0; }
				.pagNumActive { font-family: 'AllerBold', helvetica, tahoma; }
					
	#content { width: 961px; height: 18px; background: url('../img/shadow.png') no-repeat center top; }
		#content-left { width: 620px; float: left; background: url('../img/shadow-vertical.png') no-repeat right top; margin: 0px 0 0 0; padding: 30px 30px 0 0; }
			.tag { margin: 30px 0 0 0; }
			.shadow-content { width: 581px; height: 15px; background: url('../img/shadow-content.png') no-repeat center top; margin: 10px 0 0 0; }
			#content-left ol { list-style: decimal; }
				#content-left ol li { margin: 0 0 0 30px; font-size: 12px; }
			#content-left img { width: 550px; }
			.pagination-wrap { display: block; border: 1px solid #ccc; padding: 10px; background: #fff; moz-border-radius: 5px; border-radius: 5px; margin: 25px 0 0 0; }
				.pagNumActive { font-family: 'AllerBold', helvetica, tahoma; }
			.ref { font-size: 12px; }
			
		#content-right { width: 321px; float: left; margin: 30px 0 0 -20px; padding: 30px 0 0 0; }
			.sidebar-block { width: 321px; float: left; margin: 10px 0 0 0; }
				#sidebar-image-wrap { width: 250px; height: 75px; overflow: hidden; display: block; border: 5px solid #ccc; margin: 0 0 0 30px; }
				#sidebar-image-wrap:hover { border: 5px solid #aaa; }
					.sidebar-image { width: 250px; }
				.sidebar-title { width: 275px; height: 51px; background: url('../img/ribbon.png') no-repeat left top; display: block; text-shadow: 0 1px 1px #560101; color: #fff; font-size: 16px; padding: 7px 0 0 30px; }	
				.sidebar-block p, .sidebar-block ul { margin: 0 0 0 30px; font-size: 12px; }
				.sidebar-block h3 { margin: 0 0 0 30px; }
					.sidebar-block ul li a:hover { color: #333; }
				.btn { width: 100px; height: 28px; background: url('../img/button-red.png') no-repeat center top; overflow: hidden; display: block; margin: 10px 0 0 30px; text-align: center; padding: 2px 0 0 0; }
				.btn:hover { background: url('../img/button-red.png') no-repeat center bottom; cursor: pointer; }
					.btn a { color: #fff; text-shadow: 0 1px 1px #560101; font-size: 12px; }
	#foot { height: 232px; float: left; background: url('../img/foot.png') repeat-x center top; margin: 50px 0 0 0; padding: 20px 0; }
		.foot-col { width: 313px; float: left; }
		.margin { margin: 0 10px 0 0; }
			.foot-col h3 { font-size: 24px; color: #666; }
			.foot-col p, .foot-col td { font-size: 12px; color: #666; vertical-align: top; }
			.foot-col img { float: left; padding: 0 10px 5px 0; }
			.foot-col input { width: 190px; background: #ddd; border: 1px solid #aaa; padding: 5px; }
			.foot-col textarea { width: 185px; background: #ddd; border: 1px solid #aaa; padding: 5px; }
			.foot-col ul {}
				.foot-col ul li {}
					.foot-col ul li a, .foot-col p a { font-size: 12px; color: #666; }
					.foot-col ul li a:hover, .foot-col p a:hover { text-decoration: underline; color: #333; }
		.copyright { clear: both; text-align: center; padding: 20px 0; }
			.copyright p { font-size: 12px; }
			
/* page styles */
.key:hover {  text-decoration: underline; color: #333; }
	.portfolio-thumb { width: 200px; }
	#gallery { width: 100%; float: left; overflow: hidden; margin: 10px 0; }
	.gallery-image-wrap { width: 50px; height: 50px; float: left; overflow: hidden; margin: 0 10px 10px 0; border: 5px solid #ccc; }
	.gallery-image-wrap:hover { border: 5px solid #aaa; }
	.page-mainimg-wrapper { width: 550px; height: 250px; overflow: hidden; border: 5px solid #fff; box-shadow: 1px 3px 7px #999; margin: 20px 0; }
	.page-mainimg-wrapper:hover { border: 5px solid #aaa; }
		#main_img { width: 581px; }
	
/* index page styles */
.overlay { width: 581px; height: 200px; overflow: hidden; display: block; border: 5px solid #ccc; }
.overlay:hover { border: 5px solid #aaa; }
	.iprojimgc { width: 581px; }
		.iprojcopy h3, .iprojcopy h3 a { color: #666; margin: 20px 0 0 0; }
		.iprojcopy a:hover { text-decoration: underline; color: #666; }
		.iprojcopy h3:hover, .iprojcopy h3 a:hover { text-decoration: underline; }
		.index-shadow { margin: 20px 0; }
	.tag {  }

/* administrative styles */
#admin { width: 400px; height: 20px; background: url('../img/admin.png') repeat center top; padding: 10px; position: absolute; right: 10px; top: 50px; position: fixed; }
	#admin a { color: #fff; text-shadow: 0 1px 1px #002b57; margin: 0 20px 0 0; }

/* remodel div */
#remodel { width: 300px; height: 300px; background: url('../img/remodel.png') no-repeat center top; position: absolute; right: 0; }

/* support styles */
#support-login-wrapper { width: 550px; border: 1px solid #bbb; }
	#support-nav { width: 550px; border-bottom: 1px solid #bbb; }
		.support-btn { width: 275px; float: left; text-align: center; padding: 10px 0; background: #ddd; border-bottom: 1px solid #bbb; }
			#support-btn-first { width: 274px; border-right: 1px solid #bbb; }
	#support-copy { padding: 10px; }
		#support-login, #support-signup { width: 100%; height: auto; margin: 10px 0 0 0; }

#admin-support-nav { width: 530px; height: 24px; background: #ddd; border: 1px solid #bbb; padding: 8px 10px; }
	#admin-support-nav ul {}
		#admin-support-nav ul li { display: inline; margin: 0 10px 0 0; }
			#admin-support-nav ul li a {}
#ticket { width: 580px; background: #ddd; border: 1px solid #ccc; font-size: 12px; }
	#ticket p { font-size: 12px; }
	#ticket tr td { padding: 5px; }
		.ticket-top { background: #eee; border-bottom: 1px solid #ccc; font-family: 'AllerBold', helvetica, arial; font-size: 16px; }
		
.popup-overlay { width: 100%; height: 100%; background: url('../img/overlay.png') repeat center top; position: fixed; z-index: 10000; }
	.popup-overlay-inner { width: 580px; background: #fff; box-shadow: 1px 3px 7px #000; margin: 200px auto; padding: 10px; }
		.popup-close { float: right; padding: 5px 10px; margin: 25px 25px 0 0; background: #fff; box-shadow: 1px 3px 7px #000; }
.comment-wrap { width: 560px; background: #fff;box-shadow: 1px 3px 7px #999; overflow: hidden; margin: 20px 0 0 0; padding: 0 10px;  }
	.comment-wrap p { font-size: 12px; }
	.comment-left { width: 200px; float: left; }
	.comment-right { width: 353px; float: left; border-left: 1px solid #ddd; padding: 0 0 0 5px; }


/* at @font-face generator */	
@font-face {
    font-family: 'AllerRegular';
    src: url('../font/aller_rg_0-webfont.eot');
    src: url('../font/aller_rg_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aller_rg_0-webfont.woff') format('woff'),
         url('../font/aller_rg_0-webfont.ttf') format('truetype'),
         url('../font/aller_rg_0-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AllerBold';
    src: url('../font/aller_0-webfont.eot');
    src: url('../font/aller_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aller_0-webfont.woff') format('woff'),
         url('../font/aller_0-webfont.ttf') format('truetype'),
         url('../font/aller_0-webfont.svg#AllerBold') format('svg');
    font-weight: normal;
    font-style: normal;

}