/* @override 
	http://abk.dev/assets/css/abk.css
*/

@import url("reset.css");

/* @group LAYOUT */


html, body {
	height: 100%;
}

body {
	color: #000;
	font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #e4e2d0 url(../images/body-bg.gif) repeat-x;
}

#wrapper {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -140px; /* the bottom margin is the negative value of the footers height */
text-align: left;
	background-image: url(../images/wrap-bg.gif);
}

#header {
	width: 240px;
	min-height: 300px;
	text-align: left;
	float: left;
	background: url(../images/header-bg.gif) no-repeat;
}

#content {
	overflow: hidden;
	width: 720px;
	min-height: 300px;
	margin: 0;
	float: left;
	background: url(../images/content-bg-top.gif) no-repeat;
}

#main {
	padding: 20px 15px;
}



#footer {
	height: 140px;
	background-color: #1d2326;
	color: #fff;
}

div.push {
	clear: both;
	height: 140px;
}

table {
	width: 100%;
}
/* @end */

/* @group TYPOGRAPHY */
h1, h2, h3, dt {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1 {
	font-size: 24px;
	color: #8d374a;
	font-weight: bold;
}

h2 {
	font-weight: bold;
	font-size: 18px;
}
h3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	color: #901e3a;
}

p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;
}

ul {
	margin-bottom: 18px;
}

/*li {
	font-size: 12px;
	line-height: 18px;
	list-style-type: square;
	list-style-position: outside;
	margin-left: 18px;
}*/

dt {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}

dd {
	font-size: 12px;
	line-height: 18px;
	margin:0 9px 18px 9px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

pre, code {
	font-family: "Courier New", Courier, mono;
	color: #666;
}

pre {
	background: #eee;
	padding: 9px;
	color: #000;
}

pre p {
	font-size: 10px;
	line-height: 18px;
	margin-bottom: 0;
}

#product_detail ul {
	padding-left: 36px;
	list-style-type: circle;
}

#product_detail li {
	margin-bottom: 9px;
}

#product_detail h2 {
	color: #404d55;
	font-size: 18px;
	line-height: 18px;
	margin-top: 18px;
}

#product_detail h3 {
	font-style: italic;
	color: #1d2326;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
}
#product_detail h3 strong {
	color: #901e3a;
	font-size: 18px;
	line-height: 18px;
}

/* @end */

/* @group LINKS */
a:link, a:visited {
	color: #3e0c18;
	text-decoration: underline;
}
a:hover {
	color: #901e3a;
}
/* @end */

/* @group HEADER */
a#sitename {
	margin-top: 40px;
	margin-bottom: 20px;
	display: block;
}

img#logo {
	width: 220px;
}

ul#main-nav {
	position: relative;
	width: 233px;
	right: -12px;
	margin-bottom: 40px;
}

ul#main-nav li {

}

ul#main-nav li a {
	display: block;
	width: 233px;
	height: 30px;
	background-image: url(../images/main-nav-bg.gif);
	text-indent: -9999px;
}

#nav-services a:hover {
	background-position: 0 -30px;
}

#nav-services.active a {
	background-position: 0 -60px;
}

#nav-about_us a {
	background-position: 0 -90px;
}

#nav-about_us a:hover {
	background-position: 0 -120px;
}

#nav-about_us.active a {
	background-position: 0 -150px;
}

#nav-contact a {
	background-position: 0 -180px;
}

#nav-contact a:hover {
	background-position: 0 -210px;
}

#nav-contact.active a {
	background-position: 0 -240px;
}

#header h1 {
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 240px;
	width: 610px;
	height: 110px;
}

div#sectionhead h1 {
	position: absolute;
	top: 80px;
	left: 260px;
}

div#sectionhead h2{
	position: absolute;
	top: 80px;
	left: 800px;
	width: 160px;
	height: 360px;
	border: 4px solid #999;
	text-align: center;
}

/* @end */

/* @group Sub Nav */
p#callus {
	width: 218px;
	height: 51px;
	background: url(../images/callus.gif) no-repeat;
	text-indent: -9999px;
}

/* @end */

/* @group Footer*/
#footer {
	background: #1d2326 url(../images/foot-br.gif) repeat-x -1px 0;
}

#ftr-content {
	position: relative;
	margin: 0 auto;
	width: 960px;
	padding-top: 50px;
	text-align: left;
	background: url(../images/footcnt-bg.gif) no-repeat 0 0;
}

#footer p {
	color: #958976;
	margin-bottom: 0;
}

#footer p strong {
	color: #DDDCC5;
}

p#tagline {
	position: absolute;
	left: 240px;
	top:45px;
	width: 640px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/tradition.png) no-repeat;
	margin-bottom: 0;
}

/*@end*/

/* @group IFrame */
iframe#external {
	width: 680px;
	height: 1040px;
	overflow: hidden;
}

/* @end */

/* @group Sidebar */
div#sidebar h2 {
	font-weight: normal;
	font-style: normal;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	color: #1d2326;
	border-bottom: 1px solid #3e0c18;
}

#ourproducts {
	background: url(../images/ourproducts-head.gif) no-repeat;
	width: 220px;
	height: 50px;
	text-indent: -9999px;
	margin-left: 10px;
}

ul#product-nav {
	padding-left: 45px;
}

ul#product-nav li {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 6px;
}

ul#product-nav a {
	text-decoration: none;
	color: #1d2326;
}

ul#product-nav a:hover {
	text-decoration: underline;
	color: #901e3a;
}

ul#product-nav a.active {
	font-weight: bold;
}

/* @end */

/* @group Custom Headings */

h1#welcome {
		width: 690px;
	height: 230px;
	background: url(../images/welcome-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#crystal_awards {
	width: 690px;
	height: 230px;
	background: url(../images/crystal-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#plaques_clocks {
	width: 690px;
	height: 230px;
	background: url(../images/plaques-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#acrylic_awards {
	width: 690px;
	height: 230px;
	background: url(../images/acrylic-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#bronze_memorial_plaques {
	width: 690px;
	height: 230px;
	background: url(../images/bronze-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#custom_awards {
	width: 690px;
	height: 230px;
	background: url(../images/custom-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
h1#custom_jewelry {
	width: 690px;
	height: 230px;
	background: url(../images/jewelry-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#mugs_glassware {
	width: 690px;
	height: 230px;
	background: url(../images/mugs-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#pens_pencils {
	width: 690px;
	height: 230px;
	background: url(../images/pens-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#promotional_products {
	width: 690px;
	height: 230px;
	background: url(../images/promo-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#about_us {
	width: 690px;
	height: 230px;
	background: url(../images/about-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#contact {
	width: 690px;
	height: 230px;
	background: url(../images/contact-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#services {
		width: 690px;
	height: 230px;
	background: url(../images/services-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#search-head {
	width: 690px;
	height: 230px;
	background: url(../images/search-head.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#crystal_awards.detail {
	width: 690px;
	height: 110px;
	background: url(../images/crystal-head-small.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#plaques_clocks.detail {
	width: 690px;
	height: 110px;
	background: url(../images/plaques-head-small.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#acrylic_awards.detail {
	width: 690px;
	height: 110px;
	background: url(../images/acrylic-head-small.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#bronze_memorial_plaques.detail {
	width: 690px;
	height: 110px;
	background: url(../images/crystal-head-small.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#custom_awards.detail {
	width: 690px;
	height: 110px;
	background: url(../images/custom-head-small.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#custom_jewelry.detail {
	width: 690px;
	height: 110px;
	background: url(../images/jewelry-head-small.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#mugs_glassware.detail {
	width: 690px;
	height: 110px;
	background: url(../images/mugs-head-small.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#pens_pencils.detail {
	width: 690px;
	height: 110px;
	background: url(../images/pens-head-small.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h1#promotional_products.detail {
	width: 690px;
	height: 110px;
	background: url(../images/promo-head-small.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h2#featured {
	width: 690px;
	height: 54px;
	text-indent: -9999px;
	background: url(../images/featured-sub.gif) no-repeat left top;
}

/* @end */

/* @group Product Pages */

div#opener {
	padding: 10px;
	overflow: hidden;
}

div#summary {
	width: 420px;
	padding: 10px;
	float: left;
}

div#external {
	width: 230px;
	float: left;
}

div#external h2 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #3e0c18;
}

div#product_detail {
	padding: 10px 0;
}

ul.extlinks li {
	background-color: #701622;
	margin-bottom: 9px;
	padding: 2px;
}

ul.extlinks li a {
	display: block;
	padding: 4px;
	border: 1px solid #958976;
	color: #e4e2d0;
	text-decoration: none;
}

ul.extlinks li a:hover {
	color: #fff;
	border: 1px solid #fff;
	background-color: #741824;
}

ul.productgrid {
	width: 690px;
	overflow: hidden;
	/*border-top: 1px solid #e3e2d0;*/
}

ul.productgrid.col3 {
	background: url(../images/productgrid3.gif) repeat-y;
}

ul.productgrid.col4 {
	background: url(../images/productgrid4.gif) repeat-y;
}	

ul.productgrid.col3 li {
	width: 240px;
	height: 200px;
	float: left;
	text-align: center;
}

ul.productgrid.col3 img {
	margin: 9px;
}

ul.productgrid.col4 li {
	width: 172px;
	height: 150px;
	float: left;
	text-align: center;
	overflow: hidden;
}

ul.productgrid.col4 img {
	margin: 9px;
}

ul.productgrid h3 {
	color: #70162c;
	font: bold 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}



/* @end */