/****************************************/
/*	GLOBAL STYLES						*/
/****************************************/

body {margin:0;padding:0;background:url(../images/body.gif) repeat-x #E7E0D0;font-family:arial, san-serif;	font-size:62.5%;color:#000000;text-align:center;}

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
h1 span, h2 span, h3 span, h4 span, h5 span, a span {display:none;clear:both;}

img {vertical-align:top;border:none;font-size:.75em;}

a {color:#993333;outline:none;}
a:hover {	text-decoration:none;outline:none;	}

ul {margin:0;padding:0;list-style:none;}
li {margin:0;padding:0;}

/*table {width:100%;margin:0 0 1.5em;border:1px solid #000000;border-bottom:none;border-collapse:collapse;}
table thead {font-weight:bold;color:#FFFFFF;background:#AE0101;}
table tr:hover {background-color:#EFB3B3;}
table td {padding:0 .5em;border-right:1px solid #000000;border-bottom:1px solid #000000;}*/

form, fieldset {margin:0;padding:0;border:none;}

select {width:auto;outline:none;	}

hr {display:none;	}

*.last {border:none !important;margin:0 !important;}

/****************************************/
/*	END GLOBAL STYLES					*/
/****************************************/

/****************************************/
/*	GLOBAL LAYOUT STYLES				*/
/****************************************/
#outerbox {text-align:left;font-size:1.2em;}
#outerbox, #header, .one_col, .two_col {position:relative;z-index:10;margin:0 auto;width:1200px;}

/*	HEADER STYLES				*/
#header {height:152px;background:url(../images/header.gif) no-repeat;}
#header a {color:#FFFFFF;}
#header a img {position:absolute;z-index:10;top:15px;left:112px;display:block;}
/*	HEADER STYLES				*/

/*	MAIN NAVIGATION			*/
#main_nav {position:absolute;bottom:3px;left:593px;z-index:20;font-family:arial, san-serif;}
#main_nav ul {position:relative;margin:0;padding:0;list-style:none;height:40px;}
#main_nav li {position:relative;float:left;display:inline;margin:0;padding:0;	}
#main_nav a, #main_nav .home a:hover {display:block;height:40px;font-size:1.25em;font-weight:bold;color:#FFFFFF;text-decoration:none;}
#main_nav a span {display:none;}
#main_nav li a:hover {background-position:0 -40px;}
#main_nav li.mainnav_on a {background-position:0 -80px;}

#main_nav .nav_home a {width:80px;background:url(../images/nav/home.png) no-repeat;}
#main_nav .nav_products a {width:113px;margin-left:-2px;background:url(../images/nav/products.png) no-repeat;}
#main_nav .nav_company a {width:108px;margin-left:-3px;background:url(../images/nav/company.png) no-repeat;}
#main_nav .nav_portfolio a {width:114px;margin-left:-3px;background:url(../images/nav/portfolio.png) no-repeat;}
#main_nav .nav_contact a {width:102px;margin-left:-6px;background:url(../images/nav/contact.png) no-repeat;}

/*	MAIN NAVIGATION			*/

/* HEADER NAVIGATION		*/

#header_nav {float:right;position:absolute;z-index:20;top:30px;right:110px;}
#header_nav ul {float:left;	clear:left;margin-bottom:8px;}
#header_nav li {float:left;padding:0 17px;border-right:1px solid #FFFFFF;text-transform:uppercase;color:#FFFFFF;font-size:1.5em;	background:none;}
#header_nav li a {color:#FFFFFF;}
/* HEADER NAVIGATION		*/

/*	FOOTER STYLES			*/
#footer {width:100%;	margin:20px 0 0;color:#000000;font-size:1.2em;background:url(../images/footer.gif) repeat-x;}
#footer_inner {position:relative;	margin:0 auto;padding:17px 0 0;width:1200px;height:124px;background:url(../images/footer_inner.gif) repeat-x center bottom;}
#footer li {display:inline;margin:0 42px 0 0;}
#footer a {color:#5D5D5D;text-decoration:underline;}
#footer a:hover, #footer a:hover span {color:#22447D;text-decoration:underline;}

#subfooter {clear:left;	}
#subfooter a {display:block;margin:0 auto;width:171px;height:60px;background:url(../images/logo_jhousemedia.png) no-repeat;}

/**************** Footer Styles - added 10.28.2009 by NAM ************************/
#subfooter a.jhouse {margin:0 auto;display:block;width:167px;height:60px;background:url(../images/logo_jhousemedia.png) no-repeat top left;}

/*	FOOTER STYLES			*/

/****************************************/
/*	GLOBAL LAYOUT STYLES				*/
/****************************************/

/****************************************/
/*	MISC LAYOUT STYLES					*/
/****************************************/

.clear_floats {clear:both;height:1px;font-size:1px;}	

/* ------ INLINE LIST STYLES ------ */
.inline_list {margin:0;padding:0;list-style:none;}
.inline_list li {margin:0;padding:0;display:inline;}
/* ------ INLINE LIST STYLES ------ */


/* ------ IMAGE STYLES ------ */
.img_left {float:left;margin:.25em .75em 0 0;display:block;border:1px solid #9f9a8d;}
.img_right {float:right;margin:.25em 0 0 .75em;display:block;border:1px solid #9f9a8d;}
/* ------ IMAGE STYLES ------ */


/* ------ FRAME STYLES ------ */
/*.frame_tl, .frame_tr, .frame_bl, .frame_br {	float:left;}
.frame_br ul {margin:15px;padding:0;list-style:none;}
.frame_br li {margin:0 0 15px;padding:0;}	
.frame_br li a {color:#5ECEFF;}
.frame_br li.on a {color:#FFD800;}*/
/* ------ FRAME STYLES ------ */

/* ------ PAGINATION STYLES ------ */
.pagination {display:block;padding:0;line-height:2em;vertical-align:middle;border-top:1px solid #B4AB95;border-bottom:1px solid #B4AB95;background-color:#CDC6B3;}
.pagination_inner {border-top:1px solid #E7E0D0;border-bottom:1px solid #E7E0D0;}
.pagination .left {float:left;	color:#333333;font-weight:bold;}
.pagination .left h4 {margin-top:7px;margin-left:14px;font-size:14px;}

.pagination .right {float:right;padding-right:14px;}
.pagination ul {margin:0;padding:0;list-style:none;}
.pagination li {float:left;margin:0;padding:0 8px;display:inline;	font-size:.95em;}
.pagination form {width:1%;}
.pagination a, .pagination form {float:left;margin:0;padding:0;font-size:.95em;}
.pagination select {float:left;display:inline;margin:.75em 0 0;font-size:.95em;}
.pagination .previous {padding-left:36px;padding-right:17px;background:url(../images/arrow_prev.gif) no-repeat 0 12px;}
.pagination .next {padding-left:17px;padding-right:36px;	background:url(../images/arrow_next.gif) no-repeat right 12px;}
/* ------ PAGINATION STYLES ------ */

.listing {margin:0;padding:0;clear:both;}
.listing dd {position:relative;height:1%;margin:0 0 20px;padding:10px 0 35px;}
.listing dd h3 {margin-bottom:7px;}
.listing dd img {float:right;margin-left:24px;border:1px solid #9C978A;}

.listing p.right, .listing span.right {display:block;text-align:right;margin-bottom:0;line-height:1.25em;}

.listing_text {position:relative;z-index:120;margin:0 0 40px;}
.listing_text label {float:left;display:block;width:100px;text-align:right;padding-top:.25em;padding-left:2%;color:#5A5955;font-weight:bold;}
.listing_text p {float:left;display:block;width:200px;margin:.25em 0;padding-left:2%;color:#333333;font-weight:bold;}
.listing_text br {clear:left;}

.listing.gallery dd {float:left;border:none;margin-left:auto;margin-right:auto;}
.listing.gallery dd img {float:none;display:block;margin:0 19px 4px;}

.bulleted li {padding-left:15px;line-height:20px;background:url(../images/bullet.gif) no-repeat left 3px;}

.captions {border-top:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5;}
.captions .listing.gallery {border:none;}
.captions .listing.gallery dd {margin-top:4px;text-align:center;width:21%;}

/****************************************/
/*	MISC LAYOUT STYLES					*/
/****************************************/

.main_content:after, .grid2col:after, .grid3col:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.main_content:after, .grid2col, .grid3col {zoom:1;}

.column {float:left;}

#homepage.main_content {width:970px;margin:7px auto 0;padding:0 8px;}

#homepage .grid1col {margin-top:20px;margin-bottom:6px;}
#homepage h2 {font-size:36px;}

#flashbox {margin:0 0 10px;border:2px solid #9C978A;}
#flashbox a {display:block;width:966px;height:276px;background:url(../images/TEMP_flash.jpg) no-repeat left top;}

#homepage .grid3col .column {width:315px;margin-right:10px;background:none;}
#homepage .grid3col .column h2 {background:url(../images/hr_h2.gif) no-repeat 6px 34px;}
#homepage .grid3col .column img {display:block;border:1px solid #9C978A;background:none;}
#homepage .grid3col .column p {height:5em;overflow:hidden;background:none;}
#homepage .grid3col .column ul {height:1.5em;margin:0 0 0 -7px;	text-align:center;background:none;}
#homepage .grid3col .column li {display:inline;padding:0 7px;border-right:1px solid #666666;background:none;}

#homepage .grid2col .column.first {width:445px;padding-left:17px;padding-right:50px;background:none;}
#homepage .grid2col .column.last {width:440px;padding-left:17px;background:none;}
#homepage .grid2col .column p {margin-top:0;margin-bottom:1em;}

.btn_seeallproducts {display:block;width:985px;height:46px;background:url(../images/btn_seeallproducts.gif) no-repeat}
a.btn_seeallproducts:hover {background-position:0 -46px;}

#subnav {position:relative;width:992px;height:35px;}
#subnav ul {position:absolute;right:56px;margin-top:-10px;}
#subnav li {float:left;}
#subnav li a {display:block;padding:0 16px 8px;color:#000000;font-weight:bold;text-decoration:none;line-height:24px;}
#subnav li a:hover, #subnav li.subnav_on a {color:#22447D;background:url(../images/subnav_on.gif) no-repeat center bottom;}

#subpage.main_content {width:992px;margin:10px auto 0;color:#333333;}
#subpage.main_content .column.first {width:702px;margin-right:28px;}
#subpage.main_content .column {width:260px;}

#subpage.main_content h2 {color:#706d68;font-family:times new roman, serif;font-weight:normal;font-size:40px;text-transform:uppercase;}

#subpage .grid2col .column.first {width:692px;}

.cap_top {width:692px;height:14px;background:url(../images/cap_top.gif) no-repeat center top;}
.cap_bottom {width:692px;height:14px;background:url(../images/cap_bottom.gif) no-repeat center bottom;}

#tabbed.box {height:645px;border:1px solid #B4AB95;border-top:0;}
#tabbed.box p {clear:none;}
.box {position:relative;padding:10px 17px 15px;background-color:#CDC6B3;color:#333333;}
.box h3.hr {padding-bottom:0;margin-bottom:0;background:url(../images/hr_box.gif) no-repeat left bottom;}
.box img {position:relative;}

.hr_decorative {height:26px;background:url(../images/hr_decorative.gif) no-repeat center center;}

.hr {padding-bottom:1.75em;margin-bottom:1.75em;background:url(../images/hr_h2.gif) no-repeat left bottom;}
.hr.last {background:url(../images/cap_bottom_small.gif) no-repeat center bottom;}

.contained {line-height:32px;border:1px solid #99948A;text-decoration:none;}
.contained span {display:block;padding:0 8px;font-size:18px;font-weight:normal;border:1px solid #FBFAF6;background-color:#99948A;color:#FBFAF6;}

.column.first .contained {margin-top:15px;}
.column.first .hr.last {margin-bottom:15px;background:url(../images/cap_bottom.gif) no-repeat left bottom;}

.right {float:right;line-height:35px;}
.right_hr {display:block;text-align:right;line-height:35px;background:url(../images/hr_h2.gif) no-repeat left bottom;}
.right_hr.last {padding-bottom:1em;background:url(../images/cap_bottom_small.gif) no-repeat center bottom;}

.icon_pdf {display:block;padding-left:40px;line-height:35px;background:url(../images/icon_pdf.png) no-repeat left top;}

#tabnav {position:relative;height:20px;padding-bottom:1px;background:url(../images/tabnav.gif) repeat-x left bottom;	}
#tabnav ul {position:absolute;top:1px;}
#tabnav li {float:left;margin:0 5px;}
#tabnav li a {float:left;display:block;padding:0 0 0 26px;background:url(../images/tabnav_left.gif) no-repeat left top;	text-decoration:none;}
#tabnav li a span {display:block;padding:0 26px 0 0;line-height:20px;background:url(../images/tabnav_right.gif) no-repeat right top;}
#tabnav li.tabnav_on a, #tabnav li.tabnav_on a:hover {background-position:left -20px;}
#tabnav li.tabnav_on a span, #tabnav li.tabnav_on a:hover span {color:#000000;background-position:right -20px;text-decoration:none;}

.bg_compass {position:absolute;z-index:10;top:0;right:0;width:170px;height:179px;background:url(../images/bg_compass.gif) no-repeat right top;}
.bg_abstract {position:absolute;z-index:10;width:170px;height:392px;left:0;bottom:0;background:url(../images/bg_abstract.gif) no-repeat left bottom;}

#album {position:relative;margin:0 0 40px;padding:0;text-align:center;}
#album img {display:block;border:1px solid #9C978A;margin:0 auto;}
#album h3 {width:705px;margin:20px auto 0;}
#album p {width:630px;margin:1em auto;}

.gallery_arrows {position:relative;margin:5px 0 0;padding:0;list-style:none;text-align:left;border:1px solid #E7E0D0;}
.gallery_arrows li {position:relative;margin:0;padding:0;display:inline;}
.gallery_arrows li.previous {position:absolute;z-index:10;left:70px;top:197px;}
.gallery_arrows li.previous a {display:block;width:48px;height:120px;background:url(../images/arrow_gallery_prev.gif) no-repeat;cursor:pointer;}
.gallery_arrows li.next {position:absolute;z-index:10;right:70px;top:197px;}
.gallery_arrows li.next a {display:block;width:48px;height:120px;background:url(../images/arrow_gallery_next.gif) no-repeat;cursor:pointer;}

.hr.sIFR_30 {font-size:30px;width:200px;height:38px;padding-bottom:0;margin-bottom:0;background-position:0 32px;}
.hr.sIFR_50 {height:50px;background-position:0 40px;padding-bottom:0;}

.showroom_gallery li {margin:0 5px;}