/******************************
 CSS Created by Kelvin Travers
    www.kelvintravers.co.uk
******************************/
html {
	padding: 0; 
	margin: 0; 
	overflow-y: scroll;
}

body {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(/images/bg_body.gif) repeat-x #393939;
}

p { margin: 0 0 35px 0; padding: 0; line-height: 150%; }

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

a img { border: 0; }

div#container {
	width: 920px;
	text-align: left;
	margin: 0 auto;
	background: url(/images/bg_container.gif) top center repeat-y;
}	

/* Navigation */
div#nav {
	height: 59px;
	background: url(/images/bg_nav.gif) repeat-x;
}

div#subnav {
	height: 31px;
	background: url(/images/divider.gif) repeat-x;
}

ul.nav, ul.subnav {
	padding: 0;
	margin: 0;
	width: 920px;
}

ul.nav li span, ul.subnav li span { display: none; }

ul.nav li, ul.nav a {
	height: 59px;
	display: block;
}

ul.subnav li, ul.subnav a {
	height: 31px;
	display: block;
}

ul.nav li, ul.subnav li {
	float: left;
	list-style: none;
	display: inline;
}

#home a { width: 90px; background: url(/images/nav_home.gif) no-repeat; }
#homeOn a { width: 90px; background: url(/images/nav_home_on.gif) no-repeat; }

#info a { width: 98px; background: url(/images/nav_info.gif) no-repeat; }
#infoOn a { width: 98px; background: url(/images/nav_info_on.gif) no-repeat; }

#galleries a { width: 151px; background: url(/images/nav_galleries.gif) no-repeat; }
#galleriesOn a { width: 151px; background: url(/images/nav_galleries_on.gif) no-repeat; }

#shop a { width: 101px; background: url(/images/nav_shop.gif) no-repeat; }
#shopOn a { width: 101px; background: url(/images/nav_shop_on.gif) no-repeat; }

#commissions a { width: 171px; background: url(/images/nav_commissions.gif) no-repeat; }
#commissionsOn a { width: 171px; background: url(/images/nav_commissions_on.gif) no-repeat; }

#testimonials a { width: 183px; background: url(/images/nav_testimonials.gif) no-repeat; }
#testimonialsOn a { width: 183px; background: url(/images/nav_testimonials_on.gif) no-repeat; }

#contact a { width: 126px; background: url(/images/nav_contact.gif) no-repeat; }
#contactOn a { width: 126px; background: url(/images/nav_contact_on.gif) no-repeat; }

/* Sub Navs */
#about a { width: 94px; background: url(/images/subnav_about.gif) no-repeat; }
#aboutOn a { width: 94px; background: url(/images/subnav_about_on.gif) no-repeat; }

#services a { width: 165px; background: url(/images/subnav_services.gif) no-repeat; }
#servicesOn a { width: 165px; background: url(/images/subnav_services_on.gif) no-repeat; }

#sensual a { width: 105px; background: url(/images/subnav_sensual.gif) no-repeat; }
#sensualOn a { width: 105px; background: url(/images/subnav_sensual_on.gif) no-repeat; }

#british a { width: 105px; background: url(/images/subnav_british.gif) no-repeat; }
#britishOn a { width: 105px; background: url(/images/subnav_british_on.gif) no-repeat; }

#metal a { width: 109px; background: url(/images/subnav_metal.gif) no-repeat; }
#metalOn a { width: 109px; background: url(/images/subnav_metal_on.gif) no-repeat; }

#mono a { width: 108px; background: url(/images/subnav_mono.gif) no-repeat; }
#monoOn a { width: 108px; background: url(/images/subnav_mono_on.gif) no-repeat; }

#subcommissions a { width: 91px; background: url(/images/subnav_subcommissions.gif) no-repeat; }
#subcommissionsOn a { width: 91px; background: url(/images/subnav_subcommissions_on.gif) no-repeat; }

#collection1 a { width: 111px; background: url(/images/subnav_collection1.gif) no-repeat; }
#collection1On a { width: 111px; background: url(/images/subnav_collection1_on.gif) no-repeat; }

#collection2 a { width: 112px; background: url(/images/subnav_collection2.gif) no-repeat; }
#collection2On a { width: 112px; background: url(/images/subnav_collection2_on.gif) no-repeat; }

#inspirations a { width: 83px; background: url(/images/subnav_inspirations.gif) no-repeat; }
#inspirationsOn a { width: 83px; background: url(/images/subnav_inspirations_on.gif) no-repeat; }

#photography a { width: 94px; background: url(/images/subnav_photography.gif) no-repeat; }
#photographyOn a { width: 94px; background: url(/images/subnav_photography_on.gif) no-repeat; }

#gallery a { width: 115px; background: url(/images/subnav_gallery.gif) no-repeat; }
#galleryOn a { width: 115px; background: url(/images/subnav_gallery_on.gif) no-repeat; }

#artshop a { width: 83px; background: url(/images/subnav_artshop.gif) no-repeat; }
#artshopOn a { width: 83px; background: url(/images/subnav_artshop_on.gif) no-repeat; }

/* Content */
div#hero { margin-bottom: -3px; }

div#content { padding: 15px 17px; }

div#feature {
	width: 235px;
	border: 1px solid #787676;
	background: #1E1E1E;
	padding: 18px;
	float: right;
	margin: 0 0 15px 15px;
}

div#feature img, div.commission img { border: 1px solid #FDFAFA; }

div.commission {
	width: 258px;
	border: 1px solid #787676;
	background: #1E1E1E;
	padding: 18px;
	float: left;
	margin-bottom: 35px;
	margin-left: 100px;
}

/* Footer */
div#footer {
	background: url(/images/bg_footer.gif);
	height: 31px;
	margin-top: 12px;
	font-size: 11px;
}

div#copyright {
	float: left;
	width: 400px;
	padding: 9px 0 0 15px;
}

div#facebook {
	float: right;
	width: 400px;
	text-align: right;
	padding: 9px 60px 0 0;
}

div#facebookIcon {
	position: absolute;
	margin-top: -20px;
	margin-left: 410px;
}

div#twitterIcon {
	position: absolute;
	margin-top: -20px;
	margin-left: 210px;
}

#spacer { margin-right: 80px; }

/* Form Styles */
form {
	margin-left: 40px;	
}

input, textarea, select {
	font-size: 12px;
	width: 456px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	padding: 5px;
	border: 0;
	margin-bottom: 30px;
	font-weight: bold;
}

textarea { height: 138px; }

div#submit {
	text-align: right;
	width: 466px;
}

.submit {
	background: none;
	border: 0;
	width: auto;
	margin-bottom: 0;
}

.checkbox {
	width: 15px;
	background: none;
	padding: 0px;
	color: none;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 0;
}

table { margin-bottom: 30px; }

/* Misc */
.margin15 { margin-bottom: 15px; }
.title { margin-top: 20px; }

div.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0.1em;
	overflow: hidden;
}