/*
Title: Arte in Stone - Screen Styles
Author: Fasturtle Technologies, LLC --> http://www.goftt.com/
*/

/* Core Styles Used in every project */
@import url("defaults/reset.css"); /* Resets for all browsers */
@import url("defaults/clearfix.css"); /* Easy float clearing */

/* defaults
========================================*/
body {
	background: #000;
	font-color: #ff0000;
	font: 0.70em/1.5 Verdana, Arial, sans-serif;
	color: #333;
}
p {
	padding-bottom: 1em;
}
table {
	margin-bottom: 2em;
}
a {
	outline: none;
}
a:link, a:visited {
	color: #990000;
}
a:hover {
	color: #ff0000;
}
h2 {
	padding-bottom: .5em;
	font-size: 14px;
	line-height: 1.2em;
	color: #993333;
}
h3 {
	color: #ad4a41;
	font-size: 1em;
}
body.contact h3, body.gallery h3 {
	border-bottom: 1px solid #ad4a41;
}
ul li {
	padding-left: 20px;
	background: url(../images/bullet_stone.gif) no-repeat 0 .5em;
	line-height: 1.75em;
}

/* page structure
========================================*/
#wrap {
	margin: 15px auto 0;
	width: 750px;
	background: #fff;
}
#header {
	background-color: #fff;
	position: relative;
	background: #fff url(../images/wrapTop.gif) no-repeat right top;
}
#logoLink {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 167px;
	height: 147px;
}
#siteNav {
	width: 563px;
	padding: 44px 0 0 167px;
}
#branding {
	margin-bottom: 1em;
	padding: 5px;
	background: #2b2926;
}
#siteNav, #branding {
	margin-left: 10px; margin-right: 10px; /* These go together */
	border-bottom: 2px solid #ffcc00;
}
#footer {
	padding: 1em 0;
	line-height: 1.8em;
	text-align: center;
	color: #555;
	background: #000;
}

/* header
========================================*/

/* Naviagation */
#nav {
	margin: 0 0 0 95px;
	width: 462px;
	height: 22px;
	background: url(../images/nav.gif) no-repeat;
	position: relative;
}
#nav li {
	margin: 0;
	padding: 0;
	background: none;
	position: absolute;
	top: 0;
}
#nav li, #nav li a {
	display: block;
	height: 22px;
}
#nav li a {
	text-indent: -9999px;
	overflow: hidden;
}
/* LI positioning */
#n_home {
	left: 0;
	width: 62px;
}
#n_about {
	left: 65px;
	width: 87px;
}
#n_gallery {
	left: 155px;
	width: 125px;
}
#n_products {
	left: 283px;
	width: 88px;
}
#n_contact {
	left: 374px;
	width: 88px;
}
/* You are here...Page Identification */
#n_home a:hover, #n_home a.current {
	background: url(../images/nav.gif) no-repeat 0 -22px;
}
#n_about a:hover, #n_about a.current {
	background: url(../images/nav.gif) no-repeat -65px -22px;
}
#n_gallery a:hover, #n_gallery a.current {
	background: url(../images/nav.gif) no-repeat -155px -22px;
}
#n_products a:hover, #n_products a.current {
	background: url(../images/nav.gif) no-repeat -283px -22px;
}
#n_contact a:hover, #n_contact a.current {
	background: url(../images/nav.gif) no-repeat -374px -22px;
}

/* addresses */
#addresses {
	margin-right: 10px;
	padding: 15px 0 12px;
}
.address {
	float: right;
	padding: 0 0 0 15px;
	border-left: 1px solid #909090;
	font-size: .8em;
	line-height: 1.5em;
	text-align: left;
}
.address.last {
	padding: 0 15px 0 0;
	border: 0;
}

/* content
========================================*/
/* 3 column home page */
#column3 {
	margin: 0 10px;
	margin-bottom: 1.5em;
	background: url(../images/3colBg.gif) repeat-y top left;
}
#column3 .inner {
	background: url(../images/3colBtm.gif) no-repeat bottom left;
}
.column {
	float: left;
	display: inline;
	padding: 10px;
}
.col1, .col3 {
	width: 222px;
}
.col2 {
	background: url(../images/col2Top.gif) no-repeat top left;
	width: 224px;
	color: #2b2926;
}
.col3 .section {
	margin-bottom: 10px;
	border-bottom: 2px solid #666;
}

/* 1 Column Subpage */
#column1 {
	margin: 0 20px;
	margin-bottom: 1em;
}

/* 2 Column Subpage */
#column2 {
	margin: 0 20px;
	margin-bottom: 1.5em;
	background: url(../images/2colBg.gif) repeat-y top left;
}
#column2 #mainCont {
	float: left;
	width: 460px;
}
#column2 table {
	width: 100%;
}
#column2 #sidebar {
	float: right;
	width: 220px;
}
body.contact #sidebar {
	margin-top: 20px;
}
#locations {
	text-align: center;
}
#addressHeadings td {
	margin-bottom: .5em;
	border-bottom: 1px solid #ad4a41;
	text-align: center;
}
#addressHeadings td {
	font-weight: bold;
	font-size: 1.2em;
	color: #ad4a41;
}
#contactAddress td {
	padding-top: 1em;
	vertical-align: top;
}
.col3 ul li, #sidebar ul li {
	font-size: .8em;
	line-height: 2em;
}

/* Gallery Menu Nav */
ul#menu_toc li {
	padding: 0;
	background: none;
	line-height: 1em;
}
ul#menu_toc li a {
	display: block;
	padding: 4px 0;
	line-height: 1em;
	padding-left: 12px;
	background: url(../images/nav_arrow.gif) no-repeat 0 50%;
	text-decoration: none;
	font-size: 1.2em;
	color: #971206;
}
ul#menu_toc a:hover {
	text-decoration:underline;
}
ul#menu_toc a.current {
	padding-left: 18px;
	border: 1px solid #d3d3d3;
	border-width: 1px 0;
	font-weight: bold;
	font-size: 1.5em;
	background: #eee url(../images/nav_arrow_over.gif) no-repeat 3% 50%;
}

/* Map */
a#mapDisplayYard, a#mapDesignStudio {
	display: block;
	float: left;
	width: 83px;
	height: 165px;
}
a#mapDisplayYard {
	background: url(../images/map_display1.gif) 0 0;
}
a#mapDesignStudio {
	background: url(../images/map_design1.gif) 0 0;
}
a#mapDisplayYard:hover, a#mapDesignStudio:hover {
	background-position: 0 -165px;
}

/* Contact Form */
#feedback input {
	padding: 1px;
	font-weight: bold;
}
#feedback p {
	padding: 0 0 .5em;
}
#feedback label {
	display: block;
	font-weight: bold;
}
form .example {
	display: block;
	color: #777777;
	font-size: 11px;
	font-weight: normal;
}
label em, em.required {
	font-style: normal;
	color: #b61702;
}
#name, #company, #email, #interest { width: 200px; }
#phone { width: 150px; }
#city { width: 150px; }
#state { width: 20px; }
#zip { width: 50px; }
#feedback input#send { font-weight: normal; }
label .warning {
	font-weight: normal;
	color: #b61702;
}
p.warning {
	display: block;
	margin: 0 0 1em;
	padding: 10px;
	border: 3px solid #ff0000;
	background: #fcecec;
	text-align: center;
	color: #000;
}
p.success {
	display: block;
	margin: 0 0 1em;
	padding: 10px;
	border: 3px solid #339933;
	background: #D7FFD7;
	text-align: center;
	color: #000;
}

/* Content Images */
p img, .imgs {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 4px;
	background: #fff;
	border: 1px solid #666;
}
.section {
	margin-bottom: 1em;
}
.section h3 {
	margin-bottom: .5em;
}
ul.gallery li {
	float: left;
	padding: 0;
	background: none;
	line-height: 1em;
}
ul.gallery a {
	display: block;
	margin: 0 5px 10px 0;
	border: 2px solid #8c8c8c;
}
ul.products a {
	display: block;
	margin: 0 10px 10px 0;
	border: 2px solid #8c8c8c;
}
ul.stone img {
	margin: 0 10px 2px 0;
	border: 2px solid #8c8c8c;
}
ul.stone span, ul.products span {
	display: block;
	padding-right: 10px;
	text-align: center;
	margin-bottom: 10px;
}
ul.gallery a.last {
	margin-right: 0;
	padding: 0;
}
ul.gallery a:hover {
	border: 2px solid #ffcc00;
}
.pull.right {
	float: right;
	padding: 0 0 0 10px;
}
.pull img {
	padding: 4px;
	border: 1px solid #ccc;
}

/* footer & call us
========================================*/
#callUs {
	clear: both;
	background: #971206 url(../images/footerBtm.gif) no-repeat bottom left;
}
#callUs h3 {
	padding: 12px 0 8px;
	border: 0;
	text-indent: -5555em;
	background: url(../images/callUs.gif) no-repeat center center;
	width: 750px;
	height: 12px;
}
#footer p {
	padding: 0;
	line-height: 2em;
}
#footer a:link {
	color: #666;
}
#footer a:visited {
	color: #555;
}
#footer a:hover {
	color: #ccc;
}

/* utility classes
========================================*/
.access, .hide {
	display: none;
}
.clear {
	clear: both;
}
.mute {
	color: #666;
}
h2 span.mute {
	font-size: .8em;
	font-weight: normal;
}


/* javascript hooks
========================================*/
#menujs.dyn div.section {
	display: none;
}
#menujs.dyn div.show {
	display: block;
}