/* CSS Document */
/* Impress Design, LLC is the home of graphic designer 

		Jack McDaniel
		720.495.1368
		www.Impress-Design.com */

/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. 
Just make certain you change it and don't steal my images */

/*******************************************************************
 			Site Colors: 	Red: #AA1111
							
********************************************************************/

/* Global reset */

/* Based upon 'reset.css' in the Yahoo! User Interface Library: 

	http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, 

fieldset, input, p, blockquote, th, td { margin:0; padding:0 }

table { border-collapse:collapse; border-spacing:0 }

fieldset, img { border:0 }

address, caption, cite, code, dfn, em, strong, th, var { 

	font-style:normal; font-weight:normal }

ol, ul, li { list-style:none }

caption, th { text-align:left }

h1, h2, h3, h5, h5, h6 { font-size:100% }

q:before, q:after { content:''}


ol, ul, li { list-style:none }


* a { position:relative } /* Gets links displaying over a PNG background */

a { outline:none } /* Gets rid of Firefox's dotted borders */


a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */

html,body{

	margin:0; 

	padding:0; 

	border:0; 

	font-size:14px; 

	font-weight: 100; 

	font-family:Arial, Helvetica, sans-serif;

	color:#222;

	}

html{

	background:#FFF url(../img/BG.jpg)  top center fixed;

	}


/***********************************************************
				BASIC LINKS
**********************************************************/

a {

	color: #AA1111; 

	text-decoration: none;

	}

a:hover {

	color: #000; 

	text-decoration: none;

	}

/********************************************************
				BODY INFO
*********************************************************/

body{

	width:100%; 

	margin:0 auto;

	background:#FFF url(../img/BG.jpg) top center fixed; 

	color: #222;

	}


*{margin:0; padding:0}



#outerWrap {

	width:100%; 

	margin:0 auto;

	background:url(../img/mainContainBG.jpg) top center no-repeat;

	}

#mainContainer{

	width: 960px; /*Width of main container*/

	margin: 0 auto; /*Center container on page*/

	}



/**********************************************************

				HEADER

************************************************************/


#header {

	height: 100px;

	overflow: hidden;

	width: 960px;

	}

#logo {

	overflow: hidden;

	float: left;

	height: 100px;

	width: 571px;

	margin-left: 15px;

	}

#headerRight {

	float: right;

	margin: 0px 10px;

	height: 75px;

	width: 350px;

	padding-top: 40px;

	text-align: right;

	font-size: .85em;

	overflow: hidden;

	}

/***********************************************************
				TOP NAVIGATION
************************************************************/

#mainMenu {

	position:relative;

	display:block;

	height:50px;

	width: 950px;

	background:url(../img/menu_bg.jpg) top left no-repeat;

	}

#menu {

	margin:0;

	padding:0 0 0 5px;

	float:left;

	}

#menu ul li {

	display:inline;

	}

#menu ul li#navhome a {

	float: left;

	margin: 0;

	height: 50px;

	background: url(../img/home_bg.jpg) top left no-repeat;

	width: 100px;

	}

#menu ul li#navhome a:hover {

	background: url(../img/home_bg.jpg) 0 -50px no-repeat;

	}

#menu ul li#navart a {

	float: left;

	margin: 0;

	height: 50px;

	background: url(../img/art_bg.jpg) top left no-repeat;

	width: 125px;

	}


#menu ul li#navart a:hover {

	background: url(../img/art_bg.jpg) 0 -50px no-repeat;

	}

#menu ul li#navabout a {

	float: left;

	margin: 0;

	height: 50px;

	background: url(../img/about_bg.jpg) top left no-repeat;

	width: 89px;

	}


#menu ul li#navabout a:hover {

	background: url(../img/about_bg.jpg) 0 -50px no-repeat;

	}
#menu ul li#navservices a {

	float: left;

	margin: 0;

	height: 50px;

	background: url(../img/services_bg.jpg) top left no-repeat;

	width: 100px;

	}


#menu ul li#navservices a:hover {

	background: url(../img/services_bg.jpg) 0 -50px no-repeat;

	}

#menu ul li#navgalleries a {

	float: left;

	margin: 0;

	height: 50px;

	background: url(../img/galleries_bg.jpg) top left no-repeat;

	width: 109px;

	}


#menu ul li#navgalleries a:hover {

	background: url(../img/galleries_bg.jpg) 0 -50px no-repeat;

	}


#menu ul li#navclients a {

	float: left;

	margin: 0;

	height: 50px;

	background: url(../img/clients_bg.jpg) top left no-repeat;

	width: 97px;

	}

#menu ul li#navclients a:hover {

	background:  url(../img/clients_bg.jpg) 0 -50px no-repeat;

	}

#menu ul li#navevents a {

	float: left;

	margin: 0;

	height: 50px;

	background:  url(../img/events_bg.jpg) top left no-repeat;

	width: 95px;

	}


#menu ul li#navevents a:hover {

	background:  url(../img/events_bg.jpg) 0 -50px no-repeat;

}


#menu ul li#navblog a {

	float: left;

	margin: 0;

	height: 50px;

	background:  url(../img/blog_bg.jpg) top left no-repeat;

	width: 76px;

	}


#menu ul li#navblog a:hover {

	background:  url(../img/blog_bg.jpg) 0 -50px no-repeat;

	}


#menu ul li#navcontact a {

	float: left;

	margin: 0;

	height: 50px;

	background:  url(../img/contact_bg.jpg) top left no-repeat;

	width: 106px;

	}


#menu ul li#navcontact a:hover {

	background: url(../img/contact_bg.jpg) 0 -50px no-repeat;

	}



/****************************************************************
				MAIN IMAGE 
****************************************************************/

#mainImage { 

	height: 320px;

	margin-top:5px;

	background: url(../img/mainImageTroop.jpg) top left no-repeat;

	}



#mainImage h1 {

	text-indent: -9999px;

	}

#mainImageBasic {

	height: 320px;

	margin-top:5px;

	background: url(../img/mainImageAnnakin.jpg) top left no-repeat;

	}

#mainImageBasic h1 {

	text-indent: -9999px;

	}

#mainImageStore {

	height: 320px;

	margin-top:5px;

	background: url(../img/death.jpg) top left no-repeat;

	}

	#mainImageStore h1 {

		text-indent: -9999px;

		}

#mainImageAbout { 

	height: 320px;

	margin-top:5px;

	background: url(../img/driven.jpg) top left no-repeat;

	}


#mainImageAbout h1 {

	text-indent: -9999px;

	}
#mainImageServices { 

	height: 320px;

	margin-top:5px;

	background: url(../img/pitlord.jpg) top left no-repeat;

	}

#mainImageServices h1 {

	text-indent: -9999px;

	}
#mainImageBlog { 

	height: 352px;

	margin-top:5px;

	background: url(../img/fantasy.jpg) top left no-repeat;

	}



#mainImageBlog h1 {

	text-indent: -9999px;

	}

#mainImageEvents { 

	height: 320px;

	margin-top:5px;

	background: url(../img/speed.jpg) top left no-repeat;

	}



#mainImageEvents h1 {

	text-indent: -9999px;

	}

#mainImageClients { 

	height: 320px;

	margin-top:5px;

	background: url(../img/frontiers.jpg) top left no-repeat;

	}



#mainImageClients h1 {

	text-indent: -9999px;

	}

#mainImageContact { 

	height: 320px;

	margin-top:5px;

	background: url(../img/heavenlyfury.jpg) top left no-repeat;

	}

#mainImageContact h1 {

	text-indent: -9999px;

	}

#mainImageGalleries { 

	height: 320px;

	margin-top:5px;

	background: url(../img/deadly.jpg) top left no-repeat;

	}

#mainImageGalleries h1 {

	text-indent: -9999px;

	}



/****************************************************************
				User Sections - FRONT PAGE &
				1 Column pages w small content areas 
*****************************************************************/


/*******************************************************

				CONTENT PAGE INFO
*********************************************************/

#wrap {

float: left;

width: 100%;

}


#contentContainer {

	float: left;

	width: 100%;

	}


#content {

	margin-right: 320px; /*Set right margin to rightColumnWidth*/

	padding: 5px 25px 5px 20px;

	color: #222;

	font-size: 1.2em;

	line-height:1.5em;

	}


#content p {

	padding-bottom: 15px;

}

/*****************************************************
					RIGHT COLUMN
******************************************************/

#rightColumn{

	float: left;

	width: 310px; /*Width of left column*/

	margin-left: -310px; /*Set left margin to -(MainContainerWidth)*/

	}

#rightColInner {

	padding: 15px;

	margin-right: 15px;

	background-image:url(../img/dove_marble.gif);

    -moz-border-radius: 5px;

	}


#artblock{

	height: 265px;

}


/**********************************************************************
				FOOTER

**********************************************************************/

#footer{

	margin: 0 auto;

	width: 960px;

	height:192px;

	color: #222;

	overflow: hidden;

	background: url(../img/footerBG.jpg) bottom left no-repeat;

	}

#footermenu{

	font-size:12px;

	padding: 115px 0px 20px 0px;

	overflow: hidden;

	width: 900px;

	text-align:right;

}
.footertext {
	color:#FFF;
}
.footertext a:link {
	color:#FFF;
	text-decoration:underline;

}
.footertext a:visited {
	color:#FFF;
	text-decoration:underline;

}
.footertext a:hover {
	color:#FFF;
	text-decoration:underline;

}

/******************************************************************
				EmailForm 
********************************************************************/

		#EmailForm {

			width: 275px;

			text-align: left;

			padding-bottom: 20px;

			margin-left: 12px;

			border: none;

			font-size:.95em;

			}


		#EmailForm.full {width: 100%;}

		fieldset {border: none;}

		legend {display: none;}

		#EmailForm h3 {

			clear: both;

			padding: 15px 0 5px;

			font-size: 1.2em;

			font-family: Helvetica, Arial, sans-serif;

			color: #AA1111;

			font-weight: bold;

			}


		#EmailForm label,#EmailForm p {

			display: block;

			clear: both;

			width: 250px;

			font-size: 1em;

			line-height: 1.5em;

			padding: 0 0 9px;

			}


		#EmailForm input {

			display: block;

			margin-top: 2px;

			}

		#EmailForm select {

			float: left;

			display: block;

			}

		#EmailForm label.first,#EmailForm label.city {

			clear: left;

			margin-right: 10px;

			width: 150px;

			}

		#EmailForm label.second,#EmailForm label.state {

			float: left;

			clear: none;

			margin: 0 10px 0 0;

			width: 150px;

			}

		#EmailForm label.state { width: 60px; }

		#EmailForm label.first input,#EmailForm label.city input,
		#EmailForm label.second input {

			float: left;

			width: 150px;

			padding: 0;

			}



		#EmailForm label.state select {

			width: 60px;

			float: left;

			margin-top: 2px;

			}

		#EmailForm label.zip,#EmailForm label.zip input {

			float: left;

			width: 80px;

			}

		#EmailForm label.zip { clear: none; }

		#EmailForm label {

			float: left;

			clear: left;

			width: 250px;

			margin: 0;

			line-height: 1.2em;

			}


		#EmailForm label input {

			float: left;

			width: 250px;

			padding: 0;

			}

		#EmailForm input.radio,
		#EmailForm input#radiobutton_1,
		#EmailForm input#radiobutton_2,
		#EmailForm input#radiobutton_3,
		#EmailForm input#radiobutton_4 {

			clear: left;

			float: left;

			padding: 0;

			margin: 0;
			
			}


		#EmailForm label.radio,
		#EmailForm label.radioitem {

			clear: none;

			margin: 0 0 0 25px;

			padding: 0 0 15px;

			}


		#EmailForm input.checkbox,
		#EmailForm input#checkbox_1,
		#EmailForm input#checkbox_2,
		#EmailForm input#checkbox_3,
		#EmailForm input#checkbox_4 {

			clear: both;

			float: left;

			padding: 0;

			margin: 0;

			}

		#EmailForm label.checkbox {

			clear: none;

			margin: 0 0 0 25px;

			padding: 0 0 15px;

			}


/* style the #EmailForm elements to look similar across browsers ... emulates Safari */

		#EmailForm label input,

		#EmailForm textarea {

			border: 1px solid #222;

			padding: 2px 2px;

			height: 20px;

			line-height: 18px;

			background-color: #ebebeb;

			color:#222;

			}

		#EmailForm input.checkbox,

		#EmailForm select {

			border: 1px solid #222;

			background-color: #ebebeb;

			color: #222;

			}

		#EmailForm textarea {

			margin-top: 2px;

			width: 250px;

			height: auto;

			display: block;

			}

		#EmailForm label input.calc {

			text-align: right;

			width: 100px;

			clear: left;

			padding: 4px;

			}

		#cfContact{
			padding: 4px;
			color: #CCC;
			background: #AA1111;
			}

		.verimage img {

			float: left;

			}

		.verimage input.button {

			clear: left;

			border: 1px solid #222;

			background-color: #ebebeb; 

			color: #222;

			margin-top: -15px;

			}

			.vericode label input,

			.vericode textarea {

				border: 1px solid #222;

				padding: 2px 2px;

				height: 20px;

				line-height: 18px;

				background-color: #ebebeb;

				color:#222;

				}



/****************************************************************
				Ditto Info		
****************************************************************/	


			.ditto_info {

				font-style: italic; 

				color: #000; 

				font-size: .95em; 

				padding-left: 10px;

				margin-left: 5px;

				}

			.ditto_info2 {

				font-style: italic; 

				color: #000; 

				font-size: .9em; 

				margin-top: -10px; 

				}

			.ditto_link {

				margin-top: -10px;

				}


			.ditto_link a {

				padding-left: 10px;

				background: url(../img/arrow2.gif) no-repeat 0px 3px;

				margin-top: -10px;

				}

			.ditto_link a:hover {

				padding-left: 10px;

				background: url(../img/arrow2.gif) no-repeat 0 3px;

				margin-top: -10px;

				}

			.ditto_summaryPost {

				margin-bottom: -10px;

				color: #222;

				}

			.ditto_summaryPost p {

				padding-top: 5px;

				margin-top: 0;

				}

			.ditto_summaryPost h2 {

				padding-bottom: 3px;

				margin-bottom: 5px;

				font-weight: 100;

				}


			.ditto_summaryPost h2 a {

				color: #AA1111;

				}

			.ditto_summaryPost h2 a:hover {

				color: #222;

				}

			.ditto_summaryPost h3 {

				border-bottom: 1px solid #333; 

				padding-bottom: 3px;

				margin-bottom: 5px;

				}


			.ditto_summaryPost h5 {

				padding-left: 7px;

				margin-left: 7px;

				font-size: 16px;

				font-weight: 400;

				}


			.ditto_summaryPost h5 a {

				color: #000;

				}


			.ditto_summaryPost h5 a:hover {

				color: #9F2931;

				}

			.ditto_comment {

				float: left; 

				font-size: .9em; 

				font-style: italic;

				}

			.ditto_comment a {

				font-size: .9em; 

				font-style: italic;

				padding-left: 15px;

				background: url(../img/arrow1.jpg) no-repeat -5px -1px;

				}

			.ditto_comment a:hover {

				font-size: .9em; 

				font-style: italic;

				padding-left: 15px;

				background: url(../img/arrow2.jpg) no-repeat -5px -1px;

				}


/*********************************************************************
				More Ditto
*********************************************************************/

			.ditto_pages {

				font-size: 14px;

				}

			.ditto_currentpage {

				color:#FFF;

				padding:4px;

				padding-bottom: 3px; 

				background-color: #000; 

				border: 1px solid #B9D0DC;

				}


			.ditto_page {

				padding: 4px;

				}


			.ditto_page:hover {

				background-color: #B9D0DC;

				border: 1px solid #000;

				padding: 4px;

				padding-bottom: 3px;

				}


			#pagination {

				margin-top: 10px;

				}

			.ditto_summaryPost img {float: right; margin-left: 5px;}

			.learnmore {margin-top: -7px;font-style: italic; font-size: .9em;}

			.learnmore a {color: #9F2931;}

			.learnmore a:hover {color: #000; padding-bottom: 4px;font-style: italic;}

			span.input {

				width:12em;

				padding-top:5px;

				float:left;

				}



.eventDate {

	font-style: italic;

}



/********************************************************************
				HEADERS
********************************************************************/

h1 {

	font-size: 24px;

	padding:0px 0px 5px 0px;

	}

h2 {

	font-size: 20px;

	padding:0px 0px 5px 0px;

	}

h3 {

	font-size: 18px;

	color: #222;

	}

h4 {

	font-size: 16px;

	color: #222;

	}

#contentcolumn h1 {

	padding-bottom: 10px;;

	}

/*****************************************************************
				REFLECT ARCHIVES
******************************************************************/

.reflect_month_link {

	background: url(../img/arrow.jpg) top left no-repeat;

	padding: 0 13px;

	font-size: 14px;

}


/*****************************************************************
				TREASURE CHEST
******************************************************************/

/********** product catalog ********/

div.cataloginfo {padding-left: 255px; min-height: 170px;}

div.ditto_item {}

div.ditto_item img {float: left; }

div.ditto_introText {padding-left: 0px;}

div.ditto_introText p {padding-left: 0px;}

div.ditto_introText p a {padding-left: 0px;}

p.ditto_pageTitle {padding: 10px 0px 10px 0px;}

div.ditto_introText span {color: #222; text-align: right;}

div.ditto_introText a {padding-left: 280px;}

div.ditto_introText a {padding-left: 275px;}   */

/********* product pages **********/

div.productinfo {padding-top: 20px;}

div.productinfo p, div.productdescription p {padding-left: 20px;}

div.productinfo span, div.productdescription span {color: white;}

div.productitem img {float: left; padding-left: 0px; max-width: 120px;}

div.productinfo a {color: white; text-decoration: underscore;}

div.productinfo a:hover {color: #AA1111;}

div.productinfo ul {margin-left: 405px;}

div.productinfo ul li {color: #AA1111; list-style: disc; list-style-position: outside; padding: 0px 5px;}

div.desc {color:white; width: 725px; clear: both;}

div.productdescription {margin-top: 5px;}

/********* e comerce ***********/

.product_summaries {

	margin-bottom: 10px;
	
	padding-bottom: 10px;

	border-bottom: 1px solid #222;

	}

.ecomerce_item {}

.product-image img {float: right; padding: 5px; border: 1px solid #fff; margin: -30px 0px 10px 10px;}

.product-add, .treasure_cart{padding: 5px; float: left; font-size: 14px;}

.tcimage {float: left; padding: 0px 20px 0px 0px;}

.tcimage img {padding: 10px 10px 0px 0px; border: 1px solid #222;}

div.ecomerce_item a {padding-left: 0px;}

.detail {padding: 0px 0px 0px 0px; line-height: 1.4em;}

div.detail a.treasureChest {padding: 5px; background: #AA1111; border: 1px solid #fff; text-decoration: none; color: #FFF;font-weight: bold;}

div.treasure_cart a {padding: 5px; color: #AA1111;font-weight: bold;}

a.treasureChest:hover {background:#AA1111;padding: 5px;color: #CCC;}

a.tc_view {padding: 5px; text-decoration: none; color: #AA1111;}

a.tc_cart_empty {padding: 5px; text-decoration: none; margin-left: 5px; color: #AA1111;}

a.tc_view:hover {background:#CCC;}

a.tc_cart_empty:hover {background:#CCC;}

.treasure_cart {
	float: right;
	text-align: right;
	font-size: 12px;
	color: #FFF;
	line-height: 1.2em;
}

/****************************************************
					User Class for Product Gallery
********************************************************/
#userOuter{
	width:600px;
}
.user1 {
	float: left;
	width: 185px;
	margin: 0 auto;
	margin-bottom: 15px;
	}
.userInner {
	padding: 10px;
	text-align: center;
}


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

.folio {font-size: 14px;}
/****************************************************
				Maxigallery
********************************************************/
.thumbscontainer {
	width:600px;
}
.thumbscontainer .thumbs li {

	font-size: 14px;
	
	text-align: center;

	}

/************************************************************************
					RIGHT COLUMN STYLING
************************************************************************/

.block {

	padding-left:10px;

	font-size: 1.1em;

	margin-bottom: 15px;

	}

.block li a {

	padding-left: 15px;

	line-height: 1.5em;

	background: url(../img/arrow.jpg) 0 0  no-repeat;

	}

.block li.active a {

	background: url(../img/arrow2.jpg) 0 0 no-repeat;

	color: #222;

}


h2.artsale {

	height: 35px;

	background: url(../img/artsaleRight.png) top left no-repeat;

	text-indent: -9999px;

	}

h2.galleries {

	height: 35px;

	background: url(../img/galleriesRight.png) top left no-repeat;

	text-indent: -9999px;

	}

h2.blog {

	height: 35px;

	background: url(../img/blogRight.png) top left no-repeat;

	text-indent: -9999px;

	}

h2.events {

	height: 35px;

	background: url(../img/eventsRight.png) top left no-repeat;

	text-indent: -9999px;

	}

h2.socialHead {

	height: 35px;

	background: url(../img/socialRight.png) top left no-repeat;

	text-indent: -9999px;

	}

h2.newsletter {

	height: 35px;

	background: url(../img/newsletterRight.png) top left no-repeat;

	text-indent: -9999px;

	}

/************************************************************************
						Front Page & Other Headers
************************************************************************/

h2.aboutHead {

	height: 45px;

	text-indent: -9999px;

	background: url(../img/aboutH1.jpg) top left no-repeat;

}


h2.homeBlog {

	height: 45px;

	text-indent: -9999px;

	background: url(../img/homeBlogH1.jpg) top left no-repeat;

}

h2.homeEvents {

	height: 45px;

	text-indent: -9999px;

	background: url(../img/homeEventsH1.jpg) top left no-repeat;

}

h2.search {

	height: 35px;

	text-indent: -9999px;

	background: url(../img/searchRight.png) top left no-repeat;

}	


/************************************************************************
						Page Headers
************************************************************************/
h2.clientsHead {
	height: 45px;
	text-indent: -9999px;
	background: url(../img/clientsHead.jpg) top left no-repeat;	
}

h2.galleriesHead {
	height: 45px;
	text-indent: -9999px;
	background: url(../img/galleriesHead.jpg) top left no-repeat;	
}
h2.artforsaleHead {
	height: 45px;
	text-indent: -9999px;
	background: url(../img/artforsaleHead.jpg) top left no-repeat;	
}
	
h1.blogHead {

	height: 50px;

	text-indent: -9999px;

	background: url(../img/blogHead.jpg) top left no-repeat;

}


h3.servicesHead {

	height: 45px;

	text-indent: -9999px;

	background: url(../img/servicesHead.jpg) top left no-repeat;

}

h2.contactHead {
	height: 45px;
	text-indent: -9999px;
	background: url(../img/contactHead.jpg) top left no-repeat;	
}
/**************************************************************
				Newsletter Form
**************************************************************/

.rightForm input {

	background-color: #EBEBEB;

	padding: 3px;

	border:3px solid #8798ad;

	color: #0A50A1;}


.clear {clear:left;}

/**************************************************************
				Testimonials

**************************************************************/


.testimonials {

	float: left;

	width: 180px;

	margin-right: 15px;

	padding-bottom: 5px;

	background: url(../img/quotes.jpg) top left no-repeat;


}

.innerTest {

	padding: 0 10px 5px 0;

	font-size: 14px;

	line-height: 1.3em;

	text-indent: 28px;

}

.testBottom {

	background: url(../img/testBG.jpg) top left no-repeat;

	height: 45px;

	color: #000;

	font-style: italic;

	font-size: 14px;

	padding-top: 25px;

	line-height: 1.1em;


}

h2.testHead {

	height: 35px;

	text-indent: -9999px;

	background: url(../img/testHead.jpg) top left no-repeat;

	margin-top: 20px;

}

#content input.submit {
	background-color: #AA1111;
	border: 1px solid #222;
	padding: 3px;
	color: #EBEBEB;
	}
	/******************************************************************
					SEARCH FORM
	******************************************************************/
	#sitesearch {
		margin-bottom: 10px;
	}
	.FSF_input {
		width: 150px;
		background: #666;
		border: 1px solid #222;
		color: #CCC;
		padding: 4px;
	}
	.FSF_submit {
		margin-left: 5px;
		padding: 3px;
		background: #AA1111;
		color: #EBEBEB;
		border: 1px solid #222;
	}