/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : CJ Hurley Century Arts Style Sheet
Author : Kevin Klein	
Email : kevin.klein@gmail.com 
We Are : CJ HUrley Century Arts (www.cjhurley.com)

Description : I control all the styles, including IE 6 hacks designated with *html, for the entire site

Created : 1/19/07
Modified : 2/2/07

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* global whitespace reset */
* { padding:0; margin:0; }

body {
    background:url(/images/bg-body.jpg);
	font-family:'Lucida Grande', 'Lucida Sans', Lucida, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center; 
}

/*********** = structure = ***********/

#wrapper {
	background:url(/images/bg-wrapper.gif) repeat-y 0 0;
	margin:0 auto;
	padding-top:3px;
	width:993px;
}

.home #wrapper,
.home #container {
	background: none;
}

#container {
	background:url(/images/bg-container.gif) no-repeat 0 100%;
	margin:0 auto;
	position:relative;
	width:993px;
}

img.sidebar {
	margin-left: 9px;
}

.compact #container {
	background:url(/images/bg-container-compact.gif) no-repeat 0 100%;
}

#content {
	/* background:url(/images/bg-content.gif) no-repeat 0 100%; */
	border-bottom:1px dotted transparent;
	margin:0 auto;
	text-align:left;
	width:797px;
}

*html #content {
	border: none;
	height: 819px;
}

/* used with id="container" to show smaller y-height container */
.compact #content {
	background:url(/images/bg-content-compact.gif) no-repeat 0 204px;
	min-height:525px;
}

*html .compact #content {
	height: 525px;
}

.home #content {
	background:url(/images/bg-home.gif) no-repeat 0 0;
	border:none;
	height:820px;
	position:relative;
	width:924px;
}

#header {
	background:url(/images/bg-header.gif) no-repeat 0 0;
	height:240px;
	margin:0 auto;
	width:993px;
}

.home #header,
.home #sidebar img,
.home #footer,
.home h2,
.home .breadcrumb { display: none; }

#footer {
	background:url(/images/bg-footer.gif) no-repeat 0 0;
	clear: both;
	margin:0 auto;
	height:145px;
	position:relative;
	width:993px;
}

#copy {
	float: right;
	margin:0 21px 0 0;
	min-height:300px;
	padding:0 0 20px 22px;
	width: 533px;
}

#copy.compact {
	background:url(/images/bg-copy-compact.gif) no-repeat 0 -10px;
}

#sidebar {
	float: left;
	width: 200px;
}

.home #sidebar {
	left:71px;
	top:167px;
	position:absolute;
	z-index:99;
}

.breadcrumb {
	background:url(/images/bg-copy.gif) no-repeat 0 100%;
	margin: -3px 0 0 -21px;
	padding: 0 0 82px 21px;
	text-align:left;
	width: 555px;
}

/*********** = headers = ***********/

h1#logo {
	height:80px;
}

h1#logo a {
    display:block;
    height:80px;
	text-indent:-999em;    
}

.home h1#logo a {
	cursor:default;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	font-weight: normal;
	line-height:.9em;
	min-height: 45px;
	margin: 0;
}

h3 { 
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px; 
	font-weight:normal;
	line-height: 20px !important;
	margin:15px 0;
}

h4 { 
	color:#000; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px; 
	font-weight:normal;
	margin:12px 0
}

/*********** = misc typography = ***********/

#copy {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
}

#footer {
	color:#000;
	font-family: 'Lucida Grande', Lucida, Verdana, Arial, Sans-Serif;
	font-size:10px;
	text-align:right;
}

a, a:link { 
	color:#3E6507; 
	text-decoration:underline;
}

a:visited { color:#495746; }

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

a.detail {
	background:url(/images/bg-detail.gif) no-repeat 0 50%;
	display: block;
	margin:12px 0;
	padding:3px 0 3px 21px;
}

a.pdf {
	background:url(/images/page_white_acrobat.gif) no-repeat 0 50%;
	margin-left: 0;
	padding-left: 19px;
}

.news a {
	font-size: 14px;
	font-weight: bold;
}

.breadcrumb { 
	color: #6f5d1e;
	font-size:11px; 
}

.breadcrumb a,
.breadcrumb a:visited {
	color:#3E6507;
	text-decoration: none;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

p {
    margin:9px 0;
    line-height:1.4em;
}

#copy p {
    padding-right:15px;
	margin:12px 0;
    line-height:1.5em;
}

.postmetadata {
   border-top: 1px solid #000;
   color: #444 !important;
   font-size: 11px;
   padding-top: 10px;
}

#footer p {
	margin:5px 0;
	line-height:1.2em;
}

.timestamp {
	color:#777777;
	display:block;
}

input, 
select {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
}

small {
	font-size:.9em;
	line-height:1.5em;
}

small, strike {
	color:#777;
}

acronym, abbr, /*span.caps*/ {
	font-size:0.9em;
	letter-spacing:.07em;
	border-bottom:1px dashed #999;
	cursor:help;
}

blockquote {
	margin:20px 0;
	padding:0 20px 0 50px;
	border:none;
}

p.coming-soon {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:32px;
	line-height: 10px;
	text-align: center;
}

p.coming-soon span {
	clear: both;
	display: block;
	font-size: 14px;
	line-height: 10px;
}

/*********** = lists = ***********/

/*primary nav tabs */
div.primary {
	background:url(/images/bg-primary.gif) no-repeat 9px 0;
	position: relative;
	padding: 0;
	text-align: left;
	width:219px;
	z-index: 2;
}

div.primary-inner {
	background: url(/images/bg-primary-inner.gif) no-repeat 9px 50px;
	padding: 0 0 0 0;
}

ul#primary {
	list-style:none;
	width:178px;
}
	
ul#primary li {
	padding: 0 0 4px 0 !important;
}

ul#primary ul li {
	padding: 0 !important;
}

/* ul#primary li.page-item-2 a { background-image:url(/images/bg-nav-about.gif); height:39px; }
ul#primary li.page-item-5 a { background-image:url(/images/bg-nav-interiors.gif); height:27px; }
ul#primary li.page-item-3 a { background-image:url(/images/bg-nav-artwork.gif); height:28px; }
ul#primary li.page-item-9 a { background-image:url(/images/bg-nav-design.gif); height:28px; }
ul#primary li.page-item-7 a { background-image:url(/images/bg-nav-press.gif); height:27px; }
ul#primary li.page-item-10 a { background-image:url(/images/bg-nav-contact.gif); height:29px; }
ul#primary li.page-item-11 a { background-image:url(/images/bg-nav-links.gif); height:28px; } */
	
ul#primary a {
	background: url(/images/bg-nav-a.gif) no-repeat 0 0;
	color: #f99e05;
	display: block;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Century Gothic', Century, san-serif;
	height: 21px;
	line-height: 21px;
	margin: 0 !important;
	padding: 0 0 0 21px;
	text-decoration: none;
	width:157px;
}

ul#primary li#about a {
	background: url(/images/bg-nav-a-about.gif) no-repeat 0 0;
	height: 35px;
	line-height: 46px;
}

ul#primary ul a {
	background: none !important;
	color: #aaa;
	font-size: 12px;
	font-weight: normal;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	padding: 4px 0 2px;
	width: auto;
}

ul#primary li#about ul a,
ul#primary ul a {
	height: auto !important;
	line-height: 14px;
}

ul#primary ul a:hover {
	text-decoration: underline;
}

ul#primary a:hover,
ul#primary li.current_page_item a,
ul#primary li.current_page_parent a,
ul#primary li.current_page_ancestor a {
    background-position: 0 -21px;
    color: #fff;
}

ul#primary li#about a:hover,
ul#primary li#about.current_page_item a,
ul#primary li#about.current_page_parent a,
ul#primary li#about.current_page_ancestor a {
	background-position: 0 -35px;
}

ul#primary ul ul li.current_page_item a {
	color: #fff !important;
}

ul#primary li.current_page_item ul a, 
ul#primary li.current_page_parent ul a, 
ul#primary li.current_page_ancestor ul a,
ul#primary ul li.current_page_item ul a,
ul#primary ul li.current_page_parent ul a,
ul#primary ul li.current_page_ancestor ul a {
	color: #aaa;
	font-weight: normal;
}

ul#primary ul li.current_page_item a,
ul#primary ul li.current_page_parent a,
ul#primary ul li.current_page_ancestor a,
li.current_page_parent li.current_page_item a {
	color: #fff;
	font-weight: bold;
}

ul#primary ul ul li.current_page_item a {
	font-weight: bold;
}

.home div.primary {
	background: none;
}

.home ul#primary {
	background:url(/images/bg-home-nav.gif) no-repeat 0 100%;
	padding:0 0 49px 3px;
	width:245px;
}

.home ul#primary a {
	background: none !important;
	width:149px !important;
}

.home ul#primary a:hover {
	 background-position:-149px 0;
}

ul#primary li ul,
ul#primary li ul li ul {
	display: none;
	padding: 3px 10px 3px 28px;
}

ul#primary li ul li ul {
	padding: 3px 10px 3px 18px;
}

ul#primary li.current_page_item > ul,
ul#primary li.current_page_parent > ul,
ul#primary li.current_page_ancestor > ul {
	display: block;
}

/*EO primary nav tabs */

ul#subnav {
	background:url(/images/bg-subnav.gif);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	height:33px;
	margin-bottom:9px;
	width:533px;
}

ul#subnav li {
	float:left;
	margin:0;
	padding:0;
}

ul#subnav li.last {
	float:right;
}

ul#subnav li a,
ul#subnav li a:visited {
	color:#fff;
	display:block;
	font-size:14px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}

ul#subnav li a:hover {
	text-decoration:underline;
}

ul#subnav.four li a {
	width:133px;
}

ul#subnav.three li a {
	width:177px;
}

ul#subnav.two li a {
	width:266px;
}

ul#subnav li a.active {
	background:url(/images/bg-subnav-active.gif);
}

ul {
	list-style:none;
}

dl {
	margin:12px 0;
}

dt {
	clear:right;
	float:left;
	margin:5px;
}

dd {
	float:left;
	margin:5px;
	width:15em;
}

/*********** = utility layout divs = ***********/

.cols {
	display:inline;
	float:left;
	margin:0 0 0 20px;
	width:240px;
}

.cols.first {
	margin:0;
}

.three .cols {
	margin-left:15px;
	width:160px;
}

.cols h3 {
	font-size:1.5em;
	line-height:1em;
	margin:0;
}

div.hr {
	background:url(/images/bg-rule.gif) no-repeat 0 0; 
	font-size:1px;
	height:6px;
	line-height:6px;
	margin:15px 0;
}

div.list {
	margin:12px 0;
}

div.list h3 {
	margin:0;
	padding:0;
}

div.list div.thumb {
	float:left;
	padding-top: 0;
	text-align:center;
	width:197px;
}

div.list div.teaser {
	display:inline;
	float:left;
	margin-left:15px;
	width:315px;
}

div.list.interiors div.thumb {
	width:240px;
}

div.list.interiors div.teaser {
	width:272px;
}

#sidebar div.search {
	padding:0 9px;
}

#sidebar .snapshot {
	background:#52929f;
	margin:15px 0 0 0;
	padding:1px 9px 11px 9px;
}

#footer .info {
	position:absolute;
	right:270px;
	top:80px;
}

.pull {
	background:#d9b87a url(/images/bg-pull.jpg);
	border:double 3px #9d7f48;
	color:#111;
	float:right;
	line-height:1.5em;
	margin:0 0 8px 22px;
	padding:8px;
	width:250px;
}

.pull span {
	color:#9d4827;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
}

/*********** = tables = ***********/

table.list {
	border:none;
	width:100%;
}

table.list thead th {
	border-bottom: 3px solid #111;
	font-weight: bold;
	padding:5px;
	text-align:left;
}

table.list td {
	border-bottom: 1px solid #333;
	padding:5px;
	text-align:left;
	vertical-align:bottom;
}

table.grid td {
	text-align: center;
	vertical-align: bottom;
}

table.list td.center { text-align: center; }
table.list td.center { text-align: center; }

/*********** = home page = ***********/

img.roycroft { 
	display:none;
	margin-top:35px; 
}

.home img.roycroft {
	display:block;
}

#rotate-container {
	left:288px;
	position:absolute;
	top:164px;
}

div.copy {
	left:649px;
	position:absolute;
	top:167px;
	width:210px;
}

div.copy p {
	color:#fff;
	font-size:11px;
	line-height:17px;
	margin:0 0 47px 0;
}

div.copy a,
div.copy a:visited {
	color:#E8A713;
}

div.copy a:hover { text-decoration:underline; }

h3#press,
h3#about {
	height:25px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:210px;
}

h3#press { background:url(/images/bg-home-hdr-news.gif) no-repeat 0 0; }
h3#about { background:url(/images/bg-home-hdr-about.gif) no-repeat 0 0; }

.home p.footer {
	left:0;
	position:absolute;
	text-align:center;
	top:750px;
	width:924px;
}

.home a:hover {
	text-decoration: none;
}

/*********** = utility classes = ***********/

.clearfix {
	display:inline-block; /* IE 6 & 7 */
}

.clearfix:after { /* modern browsers */
	content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

#copy .collapse-top { margin-top:0; }

*html .clearfix {
	height:1%; /* fIE 6 */
}

.clear {
	clear:both;
	height:1px;
	margin:-1px 0 0 0;
	padding:0;
}

a.more,
a.more:visited {
	background:url(/images/bg-more.gif) no-repeat 50% 0;
	color:#fff;
	display:block;
	font-weight:bold;
	height:32px;
	margin-bottom:15px;
	margin-top:15px;
	line-height:32px;
	text-align:center;
	text-decoration:none;
	width:110px;
}

a.more:hover {
	background:url(/images/bg-more.gif) no-repeat 50% -32px;
	color: #fff;
}

.center {
	text-align:center;
}

.centered {
	margin-left:auto;
	margin-right:auto;
}

.alignright {
	float:right;
}
	
.alignleft {
	float:left
}

img { border:none; }

img.border {
	border:1px solid #222;
}

img.no-border {
	border: none;
}

img.float-r {
	float:right;
    margin:5px 0 5px 15px;
}

img.float-l {
	float:left;
	margin:5px 15px 5px 0;
}

img.hang {
	margin-bottom:-5px;
	margin-top:-15px;
}

img.hang-less {
	margin-bottom:-3px;
	margin-top:-7px;
}

.images p { display: inline; }

.images br { display: none; }
	
img.detail {
	border:1px solid #222;
	float:left;
	margin:9px;
}

a:hover img.detail,
a:hover img.border {
	border:1px solid #999;
}

/*********** = forms = ***********/

form {
	/* background:#ddbe85; */
	border:3px double #9b7e49;
	margin:5px 0 20px 0;
	padding:2px 12px 12px 12px;
}

*html form {
	width: 470px;
}

form ul{
	margin:0; 
	padding:0;
	list-style-type:none;
	width:100%;
}

form li{
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}

form li:after, .buttons:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}

form li, .buttons{display:inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

form li div, form li span{
	margin:0 5px 0 0;
	padding:0 0 8px 0;
	color:#444;
}
form li span{
	float:left;
}
form li div.left{
	display:inline;
	float:left;
	width:48%;
}
form li div.right{
	display:inline;
	float:right;
	width:48%;
}

*html form li div.right,
*html form li div.right {
	width: 210px;
}

form li div.left .medium, form li div.right .medium{
	width:100%;
}

.clear{
	clear:both;
}

form li div label, form li span label{
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:9px;
	line-height:9px;
	color:#444;
	display:block;
}
form li .icon{
	float:left;
	margin:.1em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
}


/* ----- INFO ----- */

.info{
	display:inline-block; 
	clear:both;
	margin:0 0 1em 0;
	border-bottom:1px dotted #d1aa62;
}
.info[class]{
	display:block;
}
.info h2{
	font-weight:normal;
	font-size:160%;
	margin:0 0 3px 0;
	clear:left;
}
.info p{
	font-size:95%;
	line-height:130%;
	margin:0 0 1em 0;
}

/* ----- SECTIONS ----- */

form hr{
	display:none;
}
fieldset.section{
	border:1px dotted #ccc;
	margin:12px 0 15px 0;
	padding:5px 0 0 0;
}
fieldset ul{
	width:97%;
	margin:0 10px 10px 10px;
}
fieldset.section legend{
	font-weight:normal;
	font-size:110%;
	line-height:110%;
	margin:0 0 0 0;
	padding:0 5px 0 5px;
	display:inline-block;
	background:#fff;
}
fieldset.section[class] legend{
	display:block;
	margin:0 0 0 8px;
}
fieldset.section p.secTxt{
	font-size:85%;
	margin:7px 15px 10px 13px;
}

/* ----- CRAP SECTIONS ----- */

fieldset.section{
	display:block;
	position:relative;
	border-left:none;
	border-right:none;
	border-bottom:none;
	margin-bottom:0;
}
fieldset.first{
	border-top:none;
	margin-top:0px;
	padding-top:1px;
}
fieldset.first h3{
	margin-top:0 !important;
}
fieldset ul{
	margin:0;
}
fieldset.section legend{
	display:none !important;
}
form .section h3{
	font-weight:normal;
	font-size:110%;
	line-height:130%;
	margin:9px 0 2px 9px;
}
form .section p.secTxt{
	margin-left:9px;
	margin-top:3px;
}

/* ----- BUTTONS ----- */

.button{
	cursor:hand !important;
}
input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
.buttons{
	clear:both;
	margin-top:10px;
	text-align:center;
}
.buttons input{
	font-size:15px;
	margin-right: 5px;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
	line-height:150%;
	padding:0 4px 1px 0;
	border:none;
	color:#444;
	display:block;
	font-size:95%;
	font-weight:bold;
}

input.text, 
textarea.textarea {
	background:url(/images/bg-text.gif) no-repeat 0 0;
	padding:3px;
}

input.text, 
textarea.textarea, 
select.select {
	margin:0;
	font-size:100%;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	color:#333;
}

input.currency{
	text-align:right;
}

input.checkbox, input.radio{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}

label.choice{
	font-size:100%;
	display:block;
	line-height:1.4em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	color:#444;
}

textarea.textarea{
	margin-top:1px;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

select.select{
	margin:1px 0;
	padding:1px 0 0 0;
}
select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
}
.safari select.select{
	margin-bottom:1px;
	font-size:120% !important;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large, textarea.textarea{
	width:100%;
}
input.tags{
	width:315px;
}

textarea.small{
	height:5.5em;
}
textarea.medium{
	height:10em;
}
textarea.large{
	height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
	width:97%;
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	text-align:center;
}
#errorMsgLbl{
	margin:7px 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000;
}
#errorMsg{
	margin:0 0 .8em 0;
	color:#000;
	font-size:100%;
}
#errorMsg strong{
	background-color: #FFDFDF;
	padding:2px 3px;
	color:red;
}
form li.error{
	background-color: #FFDFDF !important;
	border-bottom:1px solid #EACBCC;
	border-right:1px solid #EACBCC;
	margin:3px 0;
}
form li.error:hover{
	background-color:#FFCFCF !important;
}
form li.error label{
	color:#DF0000 !important;
}
form p.error{
	color:red;
	font-weight:bold;
	font-size:10px;
	margin:0 0 5px 0;
	clear:both;
}

/* ----- REQUIRED ----- */

form .req{
	float:none;
	color:red;
	font-weight:bold;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
	background-color:#eee;
}
form .instruct{
	display:none;
	position:absolute;
	top:0;
	left:100%;
	z-index:1000;
	width:42%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	border:1px solid #e6e6e6;
	background-color:#d1aa62;
	line-height:130%;
	font-size:80%;
	color:#fff;
}
form .instruct small{
	font-size:100%;
}
form li.focused .instruct, form li:hover .instruct{
	display:none;
}
.noI form li{
	width:97% !important;
}
.noI .instruct{
	display:none !important;
}