/*
	Art On Demand Theme
	Copyright 2009 for FuseArt online art gallery
	Created by: Philip Nicolcev
	Website: www.cyclical.ca
*/

html {
	font-size: 100%;
	height: 100%;
	margin-bottom: 1px;
}

body { 
	font-family: arial, helvetica, sans-serif;
	background-color: #6e6f73;
	background-image: url('../images/background.jpg');
	color: white;
}
	
h1 {
	font-weight: bold;
	font-size: 1.5em;
}

h2 {
	color: black;
	font-size: 2em;
	margin-bottom: 0.5em;
	line-height: 1em;
}

h3 {
	font-size: 1.8em;
	font-variant: small-caps;
}

h3.itemTitle { font-size: 1.4em; text-transform: capitalize; font-variant: normal; }

h4 {
	font-size: 1.3em;
	font-weight: bold;
	font-variant: small-caps;
}

hr { border: 0 none #303030; border-top: 1px solid #303030; height: 1px; margin: 5px 0; display: block; clear: both; }
hr.dashed { border-top: 1px dotted #555555; }

strong { color: red; }

a:link, a:visited, a:active   { text-decoration: none; color: white; }
a:hover { text-decoration: none; color: #ababab; }

.caption { color: #777777; font-style: italic; font-size: 0.8em; line-height: 100%; }

#wrap {
	background-color: #fff;
	color: #000;
	width: 860px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#header { overflow: hidden;}
#headerLogo { float: left; margin-top: -5px; width: 125px; height: 130px; }

/** Main Menu Buttons **/
#menu { 	width: 718px; background-color: #363536; display: block; float: right; height: 118px; padding-top: 5px; padding-right: 8px;}
#menu li { }
#menu li a {
	display: block;
	width: 124px;
	height: 15px;
	float: right;
	clear: right;
	margin-bottom: 4px;
}
#menu li a:hover { background-position: -5px -15px; }
#menu li a.active { background-position: -5px -15px; }
.homebutton { background-image: url('../images/btn-home.gif'); }
.gallerybutton { background-image: url('../images/btn-gallery.gif'); }
.corporatebutton { background-image: url('../images/btn-corporate.gif'); }
.newsbutton { background-image: url('../images/btn-news.gif'); }
.aboutbutton { background-image: url('../images/btn-about.gif'); }
.contactbutton { background-image: url('../images/btn-contact.gif'); }
/***********************/

/** Page Footer Links and Copyright **/              
#footer {
	color: white;
	overflow: hidden;
	text-align: center;
	padding: 15px 0px 10px 0px;
	font-size: 0.9em;
	font-weight: bold;
}
#footer p{ font-weight: normal; }
#navlist{
	padding: 0;
	width: 100%;
	text-align: center;
	color: #929292;
}
#navlist li { padding: 0.5em; display: inline; }
#navlist li a { color: white; }
#navlist li a:hover { color: #929292; }
/***********************/

.c-column { float: left; width:256px; padding: 0 11px; height: 300px; }

#breadcrumbs {
	height: 40px;
	font-weight: bold;
	border-top: 1px solid black;
	margin-top: 9px;
	padding-top: 8px;
}
#breadcrumbs a:link, #breadcrumbs a:visited { color: black; }
#breadcrumbs a:hover, #breadcrumbs a:active { color: #989898; }
#breadcrumbs div {
	float: right;
	text-align: right;
}

.content {
	color: black;
	line-height: 1.5em;
	padding: 0;
	text-align: justify;
}
.left {
	width: 425px;
	padding-right: 5px;
	padding-bottom: 30px;
	float: left;
}
.right {
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 30px;
	width: 400px;
	float: right;
}
.content a:link, .content a:visited, .content a:active {
	color: #000;
	border-bottom: 1px dotted #676767;
	text-decoration: none;
}
.content a:hover { color: #ababab; text-decoration: none; }

.padded { padding: 0 20px; }

blockquote { margin: 0 10px 0 20px; }

.sizeSwitcher { text-align: center; font-weight: bold; font-size: 1.2em; padding-top: 7px; padding-bottom: 5px;}
.sizeSwitcher a:link, .sizeSwitcher a:visited  { text-decoration: none; color: #365874; border:0; padding: 0 10px;}
.sizeSwitcher a:active  { text-decoration: none; color: #3658ff; border:0;}
.sizeSwitcher a:hover { text-decoration: none; color: #3658ff; border:0;}
#sizeDescription { padding-top: 2px; padding-bottom: 4px; font-weight: bold;}

dl.info dt {
	font-weight: bold;
	color: #010c5e;
}

dl.info dd {
	color: #404040;
}

dl.indented dd {
	margin-left: 2em;
}

ul.info li {
	font-size: 1.5em;
	margin-top: 0.5em;
	font-weight: bold;
}

ul.info li a:link, ul.info li a:visited, dl.info dd a:link, dl.info dd a:visited {
	border-bottom: 0;
}

ul.info li a:hover {
	color: orange;
}

#keyback {
	height: 120px;
	width: 860px;
	padding: 0;
	margin: 0px;
	margin-top: 10px;
	background: #333333 url('../images/keybox-back.jpg');
	color: #696767;
	font-family: 'arial black', sans-serif;
	font-size: 1.6em;
	overflow: hidden;
	white-space: nowrap;
}
#keyback div {
	margin-left: -15px;
}

/****** For the store ******/

a.activelink { color: black !important; }

div.product-box {
	float: left;
	padding: 35px;
	width: 355px;
}

div.product-box a h3 {
	font-size: 1em;
	color: black;
	font-weight: bold;
}

.standardButton  {
	border: 1px solid black; 
	padding: 3px 4px; 
	background:#999999; 
	color: black;
	font-weight: bold;
	cursor: pointer;
	margin: 0px;
	font-size: 12px;
	vertical-align: middle;
}
.standardButton:hover { background-color: #c9c9c9; }
	
a.standardButton:link, a.standardButton:visited, a.standardButton:active {
	border: 1px solid black; 
	padding: 4px 4px; 
	background:#999999; 
	color: black;
	margin: 0px;
	font-weight: bold;
}
a.standardButton:hover { background-color: #c9c9c9; }

tr.headerNavigation {
  background: #929292;
}

#wrap td.headerNavigation {
	text-align: right;
	font-size: 0.9em;
	background: #929292;
	color: #ffffff;
	padding: 5px;
	padding-right: 1.5em;
}

a.headerNavigation {
	margin-left: 10px;
	margin-right: 10px;
	}
	
a.current {
	color: #787878;
}
	
.indexCategories {
	font-variant: small-caps;
}

.indexCategories a:link, .indexCategories a:visited {
	border: 0;
	color: #000;
	font-weight: bold;
	font-size: 1.3em;
}

.indexCategories a:hover {
	color: #010c5e;
}


div.gallerylinks a {
	padding-left: 10px;
	padding-top: 4px;
	display: block;
	width: 316px;
	height: 30px;
	background-image: url('../images/button-enter-gallery.jpg');
}

div.gallerylinks a:hover {
	background-position: 0 -34px;
	padding-top: 6px;
	padding-left: 12px;
	width: 314px;
	height: 28px;
}


a.pageResults:link, a.pageResults:visited, a.pageResults:active {
	border: 1px solid black;
	padding: 2px 5px;
}

a.pageResults:hover {
	color: #fff;
	border: 1px solid #787878;
	background-color: #afafaf;
}

td.checkoutHeader { font-weight: bold; padding-top: 1em; padding-bottom: 2px; color:#000077; font-size: 1.2em; }

a.orderEdit:link, a.orderEdit:visited, a.orderEdit:active { font-family : Verdana, Arial, sans-serif; font-size : 10px; border: 1px solid black; padding: 0 3px;}
a.orderEdit:hover { color: white; background-color: #575757; }