/*
Blue: #1d66ec
Red: #c00
*/

* {margin:0; padding:0; border:none}

@font-face {
 font-family:Atlain;
 src:url("/css/fonts/ATLAINLN.eot") /* EOT file for IE */
}
@font-face {
 font-family:Atlain;
 src:url("/css/fonts/ATLAINLN.TTF") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family:academy;
 src:url("/css/fonts/academy_engraved___.eot") /* EOT file for IE */
}
@font-face {
 font-family:academy;
 src:url("/css/fonts/academy_engraved___.TTF") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family:brushscript;
 src:url("/css/fonts/BRUSHSCI.eot") /* EOT file for IE */
}
@font-face {
 font-family:brushscript;
 src:url("/css/fonts/BRUSHSCI.TTF") /* TTF file for CSS3 browsers */
}


body {width:980px; margin:0 auto 0 auto; text-align:center; color:#000; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#666}
img {margin:0; padding:0; border:none}

#top {width:980px; background-color:#000; border:solid 1px #000}
	#intro {width:600px; margin:10px auto; text-align:center; color:#c00; font-size:15px}
	
#header {width:980px; height:113px; background-color:#fff}
    #header-l {float:left; width:453px; height:113px; padding-left:20px}
    #header-r {float:left; width:507; height:113px}

#top-nav {clear:both; width:980px; height:40px}
    #nav-l {float:left; width:330px; padding-left:20px}
    #nav-r {float:left; width:610px; background-color:#000; color:#fc3; font-size:11px; text-align:right; vertical-align:middle; padding:15px 20px 0 0; font-weight:bold}

#bot {clear:both; float:left; width:960px; padding:10px 10px; border:solid 1px #000; margin:0 auto; text-align:center; background-color:#fff}

#main {clear:both; float:left; background-color:#fff; width:900px; min-height:500px; padding:20px 40px; border:solid 1px #000}
	#adminmenu {width:900px; text-align:right; font-size:11px}
	#admin {width:520px; margin:20px auto; text-align:center}
	#admin h2 {font-weight:bold; font-size:14px; color:#1d66ec; text-align:left; padding-top:20px; margin:0}
	#admin ul {margin-left:50px; text-align:left}
	#admin li {list-style:none; padding-top:8px}
	
#left-content {float:left; width:188px; background-color:#fff; text-align:center; padding:0; border:solid 1px #000; margin-left:0}
	#menu {width:188px; margin:0 auto; text-align:center; background-color:#000}
      
	#menu h3 {
        width:178px;
        font-weight:bold;
        background:#e6ae3c url(/images/glossybacky.gif) repeat-x top left; /*#e2a402;*/
        color:#000;
        padding:8px 5px;
        border-bottom:solid 1px #ad7d00;
        text-align:left;
        font-size:11px;
        cursor:pointer
    }
            
	#menu ul, #menu ul li {padding:0; list-style:none}
	#menu h1 {font-weight:bold; font-size:14px; color:#f00}
       
	#menu ul li {
        width:160px;
        background:#db3d3d url(/images/glossybackr.gif) repeat-x top left;
        padding:8px 5px;
        margin:0 auto;
        vertical-align:middle;
        text-align:left;
        font:11px Tahoma, Arial, Sans-Serif;
        font-weight:bold;
        text-decoration:none
    }

	#menu ul li a {display:block} 
	#menu ul li a:link, #menu ul li a:visited {color:#fff}
	#menu ul li a:hover, #menu ul li a:active {color:#000}

	.lt-gray {background-color:#eee; padding:13px 0; border-top:solid 1px #000}
	.dk-gray {background-color:#999a9e; padding:13px 5px; border-top:solid 1px #000}
	.blk {background-color:#000; padding:12px 0; color:#fff; font-size:11px; font-weight:bold; line-height:16px}
		
#right-content {float:left; width:760px; height:100%; background-color:#fff; text-align:center; margin-left:10px}

	#divisions {clear:both; width:720px; height:300px; margin:0 auto; text-align:center; background-color:#fff}
		#div-l {float:left; width:485px; height:210px; margin:0 auto; background-color:#000; text-align:center}
		#div-r {float:left; width:265px; height:210px; display:block; margin-left:10px; background-color:#fff; color:#f00}
	
	#audience-links {width:763px; margin:10px auto; text-align:center; font-size:10px; position:relative; left:-1px}
		#audience-links ul {margin:0; padding:0; list-style:none}
		#audience-links li {float:left; list-style:none; margin:0; padding:1px; text-decoration:none}
		#audience-links li a:link, #audience-links li a:visited, #audience-links li a:hover, #audience-links li a:active {
			color:#fc0; 
			background-color:#000; 
			width:114px; 
			margin:1px; 
			padding:3px 3px; 
			text-decoration:none; 
			display:block; 
			border:solid 1px #c00
		}

		#audience-links li a:hover {
			color:#000; 
			background-color:#c00; 
			border:solid 1px #000
		 }

	#right-content h1.redtitle {font-size:16px; padding:5px 10px; margin:0; color:#fff; background:url(/images/gradientbar.jpg) repeat-x top left;}
	#right-content h1.blacktitle {font-size:16px; background-color:#000; padding:5px 0; margin:0 0 0 10px; color:#fff}
	
#product-showcase {width:760px; margin:10px auto; text-align:center; padding:0}
	.browse, .browse-left, .browse-right {float:left; width:243px; border:solid 1px #000; background-color:#eee; margin:0 6px 10px 6px; padding-bottom:6px}
	.browse-left {margin-left:0}
	.browse-right {margin-right:0}
	.browse h2, .browse-left h2, .browse-right h2 {background-color:#333; font-size:13px; font-weight:bold; padding:5px 0; margin:0}
	.browse ul, .browse-left ul, .browse-right ul {text-align:left; margin:5px 0 5px 24px}
	.browse li, .browse-left li, .browse-right li {font-size:10px; line-height:14px}
	.browse img {margin:0; padding:0; border-style:None}
	
#product {clear:both; width:770px; margin:30px auto}
	#product h1.quote {font-family:Verdana, Arial, Sans-Serif; font-weight:bold; font-size:16px; color:#333; border-bottom:solid 2px #cfcfcf; margin:0; padding:0}
	#product h2.quote {font-weight:bold; font-size:14px; color:#9b9b9b; margin:0; padding:10px 0 0 0; text-align:left}
	#product h1 {font:bold 24px "Times New Roman", Serif; color:#333; background-image:none; margin:20px 10px}
	#prod-l {width:220px; float:left; padding:20px}
	#prod-r {width:480px; float:left; padding:30px 30px 0 0; text-align:left}
		#prod-r h1, #hold-copy .gray h1 {font-size:15px; color:#000; font-weight:bold; padding:0 0 10px 0; border-bottom:solid 1px #999; background-color:Transparent; text-align:left; margin:0}
		#prod-r h2, #hold-copy .gray h2 {color:#999; font-size:13px; font-weight:bold; text-align:left; padding:5px 0; margin:0}
		#prod-r p {margin-top:10px; text-align:justify; font-size:12px}
		#prod-r .red {color:#c00; font-weight:normal; font-size:11px}
			#OurProducts {width:710px}
				#OurProducts h3 {width:620px; padding:5px 0 5px 20px; color:#999; margin:20px auto 10px 50px; text-align:left; cursor:pointer; border-bottom:solid 2px #e3e3e3}
				.prods {clear:both; float:left; width:760px; padding:0; border-bottom:solid 1px #ededed}
				.thumb {width:160px; float:left; margin:15px; text-align:center; font-size:11px}
				.thumb a:link, .thumb a:visited {color:#c00; text-decoration:none}
				.thumb a:hover, .thumb a:active {color:#1d66ec; text-decoration:underline}
			
				
#catalogs, #typestyles, #search {clear:both; width:710px; margin:0 auto; text-align:center; padding:0 30px}
	.catalog {clear:both; width:710px; margin:20px auto}
		.catalog-l {width:170px; float:left; margin:0 auto; text-align:center; padding-bottom:20px}
			.catalog-l img {background-color:Transparent}
		.catalog-r {width:540px; float:left; text-align:left; padding-bottom:20px}
		.catalog-r h2 {font-size:15px; color:#c00; font-weight:bold}
		.catalog-r p {}
		
	#colors ul {clear:both; margin:20px 0 0 100px; text-align:left}
	#colors li {list-style:image; list-style-image:url(/images/ico_acro.gif); list-style-position:inside; text-indent:10px; padding:4px}
	
	#typestyles ul {clear:both; margin:20px 0 0 80px; text-align:left}
	#typestyles li {list-style:image; list-style-image:url(/images/ico_acro.gif); list-style-position:outside; text-indent:0; padding-top:15px}
	#typestyles li p {margin-top:3px; font-size:11px; color:#474747; line-height:15px}

	#search h2 {color:#c00; font-weight:bold; font-size:16px}
	#search p {text-align:center}
		#SearchResults ul {margin:20px 0 0 60px; text-align:left}
		#SearchResults li {width:400px; margin:0 auto; list-style:none; padding-top:10px; border-bottom:solid 1px #ccc}

#contact-copy {clear:both; margin:0 auto; text-align:center; padding:10px 30px}
	#hold-copy h2, #contact-copy h2 {font-size:16px; font-weight:bold; color:#000; margin:0}
	#hold-copy p.title {margin-top:25px; font:bold 13px Verdana, Arial, Sans-Serif; color:#5a5a5a; text-decoration:underline}
	#hold-copy p.first {margin-top:5px}
	#hold-copy ul {margin-left:30px}
	#hold-copy li {text-align:left}

#hold-copy {clear:both; margin:0 auto; text-align:center; padding-left:10px}

	#copy-l {float:left; width:580px; padding:10px 0}
		#copy-l p {font-size:12px; text-align:justify; line-height:18px}
		
	#copy-r {float:left; width:130px; margin:0 0 0 20px; text-align:center; padding:10px 0}
		#copy-r .flyer {width:130px; border-top:solid 1px #e3e3e3; padding:15px 0 5px 0; margin:10px auto; text-align:center; font-size:13px; color:#f00; font-weight:bold}
		#copy-r .flyer h2 {font-size:14px; color:#c00; font-weight:bold}
		#copy-r p {font-weight:normal; color:#000; font-size:11px; margin:5px auto; text-align:center}
		
		#hold-group {clear:both; float:left; width:760px; margin:0 auto; text-align:center; background-color:#000}
			#group-l {clear:both; width:320px; float:left; background-color:#000; color:#fff; padding:20px 10px}
				#group-l h3 {font-size:18px; font-style:italic; margin:0 auto; padding:0; color:#fc3}
				#group-l ul {margin:20px 0 0 0}
					#group-l li {font-size:15px; margin:5px 0 0 50px; list-style:disc; text-align:left}
			#group-r {width:380px; float:left; vertical-align:middle; padding:20px 20px}
				#group-r h2 {font-family:"brushscript", Arial, Sans-Serif; font-size:36px; margin:0; padding:20px 0 0 0; color:#fc3}
			
		#hold-group-thumbs {clear:both; width:760px; margin:20px auto; text-align:center}
			#hold-group-thumbs h3 {margin:10px auto 0 auto; text-align:center; padding:10px 0; background-color:#c00; color:#fff; font-family:"Atlain", "Lucida Sans"; font-size:17px; font-weight:normal}
			#hold-group-thumbs p {margin:0 0 20px 0; padding:0 30px; line-height:20px}
			#group-thumbs {clear:both; width:760px}

		.success {clear:both; width:710px; padding:20px 0}
			.success-thumb {width:310px; float:left; padding:5px 5px}
			.success-copy {width:380px; float:left; padding:0 5px; text-align:left}
			.success-pics {clear:both; width:710px; padding:20px 20px}
			
			#hold-copy .success h2 {padding:5px 0 5px 10px; background-color:#717171; color:#fff; font-weight:bold; font-size:14px; margin-bottom:10px; text-align:left}
			.success ul {text-align:left; margin:0 0 0 30px}
			.success li {color:#c00; margin-top:10px}
			
	
#footer {clear:both; width:980px; height:44px; margin:0 auto; text-align:center; background-color:#000; color:#fff; padding-top:10px}
	#footer-l {float:left; width:470px; text-align:left; padding-left:20px}
	#footer-r {float:left; width:470px; text-align:right; padding-right:20px; line-height:18px}
	
#bottom-nav {clear:both; width:940px; margin:0 auto 10px auto; text-align:center; background-color:#474747; padding:10px 20px 0 20px}
	#bottom-nav h1, #bottom-nav h1 a {color:#fff; font-size:11px; line-height:18px; font-weight:bold; padding-bottom:10px}
	#bottom-nav h1 a {font-weight:normal}

#contact-copy {margin:0 auto; text-align:center; padding:10px 30px}
	#contact-copy p {text-align:center; line-height:20px; margin-top:0}
	
.watermark {height:100%; background:#fff url(/images/watermark.gif)}
	.plain h1, .watermark h1 {padding:6px; margin:0 auto 30px auto; background:url(/images/gradientbar.jpg) repeat-x top left; color:#fff; font-size:18px; font-weight:bold; text-align:left}
	.plain p, .watermark p {text-align:left; margin-top:20px; line-height:20px}
	

.clear {clear:both; height:0}
.date {color:#fff; font-size:14px}
.default {color:#000; font-size:11px; font-family:Verdana, Arial, Helvetica, Sans-Serif}
.grayline {height:1px; border-top:solid 1px #e3e3e3}


/* TYPOGRAPHY */
	h1 {margin:0 auto; font-size:20px; font-weight:bold}
	p {margin-top:12px; text-align:left}
	.req {font-size:20px; font-weight:bold}
	.requiredmsg {font-size:13px; font-weight:bold; background-color:#fc0}
	.reg {font-size:13px; font-weight:normal}
	.sm {font-size:12px}
	.xsm {font-size:11px}
	.red {color:#c00}
	.bld {font-weight:bold}
	.left {text-align:left}
	.imageinfo {font-size:11px; line-height:20px; padding:6px 0}
	.hide {display:none}


/* BUTTONS */					
	.btn, .btnSm {background-color:#c2d6fc; color:#1d66ec; border:solid 1px #1d66ec; font-weight:bold; cursor:pointer}
	.btn {padding:5px 2px; font-size:14px}
	.btnSm {padding:2px 2px; font-size:12px; margin:2px auto}
	.btnUpload {width:140px; height:40px; border:none; cursor:pointer}
	.btnLogin, .btnLogout, .btnSend, .btnSendRed, .btnSubmit, .btnCancel {width:105px; height:30px; border:none; cursor:pointer}
	.btnJoin {width:20px; height:70px; border:none; cursor:pointer; background:url(/images/btn_join.gif) no-repeat center center}
	.btnLogin {background:url(/images/btn_login.gif) no-repeat center center}
	.btnLogout {background:url(/images/btn_logout.gif) no-repeat center center}
	.btnSubmit {background:url(/images/btn_submit.gif) no-repeat center center}
	.btnSend {background:url(/images/btn_send.gif) no-repeat center center}
	.btnSendRed {background:url(/images/btn_send_red.gif) no-repeat center center}	
	.btnCancel {background:url(/images/btn_cancel.gif) no-repeat center center}
	.btnUpload {background:url(/images/btn_upload.gif) no-repeat center center}
	.btnSearch, .btnSearchHome {width:84px; height:24px; border:none; cursor:pointer}
	.btnSearch {background:url(/images/btn_search.gif) no-repeat bottom center}
	.btnSearchHome {background:url(/images/btn_search_home.gif) no-repeat bottom center}
	.btnDeleteSm {width:40px; height:16px; background:url(/images/btn-delete-sm.gif) no-repeat top center; border:none; padding:0; margin:0; cursor:pointer}


/* LINKS */
	a:link, a:visited {color:#c00; text-decoration:none} 
	a:hover, a:active {color:#1d66ec; text-decoration:underline} 

	#nav-r a:link, #nav-r a:visited {color:#fc3; text-decoration:none} 
	#nav-r a:hover, #nav-r a:active {color:#c33; text-decoration:underline}
	
	a.mini:link {color:#003; text-decoration:none} 
	a.mini:visited {color:#003; text-decoration:none} 
	a.mini:hover, a.mini:active {color:#006; text-decoration:underline} 
	
	#bottom-nav a:link, #bottom-nav a:visited {color:#f7c030; text-decoration:none} 
	#bottom-nav a:hover, #bottom-nav a:active {color:#fff; text-decoration:underline}
	
	a.blue:link, a.blue:visited, #admin a:link, #admin a:visited, #adminmenu a:link, #adminmenu a:visited, .breadcrumb a:link, .breadcrumb a:visited, .pagination a:link, .pagination a:visited {color:#c00; text-decoration:underline}
	a.blue:hover, a.blue:active, #admin a:hover, #admin a:active, #adminmenu a:hover, #adminmenu a:active, .breadcrumb a:hover, .breadcrumb a:active, .pagination a:hover, .pagination a:active {color:#1d66ec; text-decoration:none}
	
	.flyer a:link, .flyer a:visited {color:#c00; text-decoration:none}
	.flyer a:hover, .flyer a:active {color:#f00; text-decoration:underline}	
	
	.browse h2 a:link, .browse-left h2 a:link, .browse-right h2 a:link, .browse h2 a:visited, .browse-left h2 a:visited, .browse-right h2 a:visited {color:#fc0; text-decoration:none}
	.browse h2 a:hover, .browse-left h2 a:hover, .browse-right h2 a:hover, .browse h2 a:active, .browse-left h2 a:active, .browse-right h2 a:active {color:#f00; text-decoration:underline}
	
	.hold-form a:link, .hold-form:visited {color:#1d66ec}
	.hold-form a:hover, .hold-form:active {color:#474747}
	
	
/* FORMS and DATA */
	.input, .msg, .logininput {
		border:solid 1px #c00;
		background-color:#eee;
		font-size:13px;
		color:#c00;
		padding:2px 2px;
		margin:5px auto
	}

	.msg {overflow:auto}
	.input {height:20px}
	
	.filters {width:50%; margin:20px auto; text-align:center; background-color:#c2d6fc; border:solid 1px #1d66ec; padding:10px; -webkit-border-radius:15px; -moz-border-radius:15px}
	.pagination {text-align:right; margin:5px auto}
	.titlebar {width:96%; padding:12px 0; margin:20px auto 0 auto; text-align:center; background-color:#e3e3e3; -webkit-border-radius:10px; -moz-border-radius:10px; font-weight:bold}
	.nodata {margin:20px auto}
	.cal .ajax__calendar_body tr td {background-color:#fff; padding:0px; margin:0px}
	.cal .ajax__calendar_body {background-color:#fff; border:solid 1px #ccc}
	.cal .ajax__calendar_container {background-color:#e2e2e2; width:182px; border:solid 1px #ccc}


	.breadcrumb {font:11px Verdana, Sans-Serif; color:#545454; text-align:left; margin:5px auto 10px auto}
	.errorlist {width:80%; margin:20px auto; color:#f00; text-align:left}
		.errorlist ul {margin-left:100px}
		.errorlist li {list-style:none; padding-top:8px}
	.modalPopup {width:300px; height:150px; border:solid 1px #1d66ec; background-color:#fff; padding-top:30px}
	.photo-upload {width:580px; border:solid 1px #06c7f7; margin-top:10px; margin-bottom:10px; background-color:#f6f9ff; padding:10px; -webkit-border-radius:10px; -moz-border-radius:10px}	
	.site-group {margin:10px auto; text-align:center; padding:12px; background-color:#e3e3e3; -webkit-border-radius:10px; -moz-border-radius:10px}
	.row1, .row2, .gv1, .gv2 {padding:5px}
	.row1, .gv1 {border-bottom:solid 1px #c2d6fc; background-color:#f6f9ff}
	.row2, .gv2 {border-bottom:solid 1px #c2d6fc}
	
	.hold-adminform, .tbl {clear:both; background-color:#fff; font-family:Arial, Verdana, Sans-Serif; font-size:14px; margin:0 auto; text-align:center; margin-top:10px; padding:10px; border:solid 1px #e3e3e3; -webkit-border-radius:10px; -moz-border-radius:10px}
	.hold-adminform h2 {}
	.ftb {}
		.ftb table {margin:0 auto; text-align:center; color:navy}
		.ftb table td {padding:0; margin:0; border:0; font-size:9px}
		
	.tbl h2 {font-size:16px; font-weight:bold; color:#1d66ec}
	.hold-form {font-family:Arial, Verdana, Sans-Serif; font-size:13px; margin:20px auto; text-align:center; padding:10px; border:solid 1px #c00; -webkit-border-radius:15px; -moz-border-radius:15px}
	.form-l {text-align:right; padding-top:10px; font-weight:bold}
	.form-r {text-align:left; padding:10px 0 0 5px}
	.form-c {text-align:center; padding:10px 0}
	.form-directions {font-size:12px; color:#ff7f12; font-family:Tahoma, Arial, sans-serif}

	.hold-form Table td {padding:3px 2px}
	
	.active {background:url(/images/arrow-down.gif) no-repeat 385px 5px; cursor:pointer}
	.inactive {background:url(/images/arrow-right.gif) no-repeat 385px 5px; cursor:pointer}
	.info {width:600px; margin:20px auto; text-align:center}
	.expand {width:395px; margin:20px auto}

	.expand a:link, .expand a:visited {color:#c00; text-decoration:underline}
	.expand a:hover, .expand a:active {color:#1d66ec; text-decoration:none}	
	
	.expand-category {background-color:#c00; padding:5px 0; color:#fff}