/* COPYRIGHT INFO 
CSS by Matt Garcia Design Studio / mattgarcia.com
*/

/* COLOUR PALETTE

Rich Red: db0000
Pastel Red: e75757
Rich Green: b0d03c
Pastel Green: c6e556
Rich Yellow: fee64b
Pastel Yellow: ffec6f
Rich Blue: 1e1eae
Pastel Blue: 5757b9
Background/Footer Grey: c1c1c1
Page border: 9f9e9e
Text: 333333

*/

/* STARTS HERE */

body { 
	width: 1000px;
	margin: auto;
	font: .8em/165% verdana, sans-serif, "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode";  
	color: #333333;
	background-color: #c1c1c1;
	background: url(../images/background.gif) repeat; 
	text-align: justify;
	}
		
/* FRAMEWORK */

#container {
	background-color: #ffffff;
	width: 1000px;
	height: 100%;
	padding: 0 0 300px 0;
	}

#header {
	height: 101px;
	margin: 0 36px 0 36px;
	}
	
#imagenav {
	width: 200px;
	height: 316px;
	float: left;
	margin: 0 5px 0 36px;
	}	

#image {
	width: 723px;
	height: 316px;
	margin: 0 36px 0 241px;
	}

#promoline {
	width: 1000px;
	height: 50px;
	margin: 15px 0 -12px 0;
	color: #c1c1c1;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	}

#nav {
	float: left;
	width: 200px;
	margin-left: 36px;
	}
	
#rightside {
	float: right;
	width: 150px;
	margin-right: 36px;
	}

#content {
	margin: 0 191px 0 236px;
	width: 513px;
	padding: 3px 30px 10px 30px;
	}
	
/* FORM STYLE */

form {
	margin: 3em auto;
	width: 80%;
	}

label {
	display: block;
	font-weight: bold;
	padding-right: 1em;
	text-align: right;
	line-height: 1.8em;
	width: 160px;
	}

/* TITLES */

h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #333333;
	text-align: left;
	margin: 0 0 10px 0;
	}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	margin: 30px 0 10px 0;
	}

/* CLASS STYLES */

.feetable {
	width: 100%;
	margin-left: 20px;
}

.footer	{
	color: #c1c1c1; 
	text-align: center;
	margin: 20px 0 20px 0;
	}

.footerjustified	{
	color: #c1c1c1; 
	text-align: justify;
	}

.listing {
	text-align: left;
	line-height: 1.4em;
	margin: auto;
}

.superscript {
	color: #c1c1c1; 
	font-size: .8em;
	vertical-align: super;
	}

.superscriptdefinition {
	color: #c1c1c1; 
	font-size: .9em;
	}

/* LINKS */

a:link, a:visited, a:active	{
	color: #d00000; 
	font-weight: bold; 
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	}

a.footernav:link, a.footernav:visited, a.footernav:active	{
	color: #c1c1c1; 
	font-weight: normal; 
	text-decoration: none;
	}

a.footernav:hover {
	color: #e75757;
	}

a.contactlink:link, a.contactlink:visited, a.contactlink:active	{
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: underline;
	}

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

#promoline a:link, #promoline a:visited, #promoline a:active {
	color: #e75757; 
	text-decoration: none;
}

#promoline a:hover {
	text-decoration: underline;
}



/* ROLLOVERS */

.rollover_mainpersonal {
	display: block;
	width: 200px;
	height: 102px;
	background: url(../images/navmain_personal.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -16px;
	}
a.rollover_mainpersonal:link, a.rollover_mainpersonal:visited, a.rollover_mainpersonal:active {
	background: url(../images/navmain_personal.gif) no-repeat;
	}
a.rollover_mainpersonal:hover {
	background-position: -200px 0;
	}
	
.rollover_mainbusiness {
	display: block;
	width: 200px;
	height: 102px;
	background: url(../images/navmain_business.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -16px;
	}
a.rollover_mainbusiness:link, a.rollover_mainbusiness:visited, a.rollover_mainbusiness:active {
	background: url(../images/navmain_business.gif) no-repeat;
	}
a.rollover_mainbusiness:hover {
	background-position: -200px 0;
	}
	
.rollover_maincharity {
	display: block;
	width: 200px;
	height: 102px;
	background: url(../images/navmain_charity.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -16px;
	}
a.rollover_maincharity:link, a.rollover_maincharity:visited, a.rollover_maincharity:active {
	background: url(../images/navmain_charity.gif) no-repeat;
	}
a.rollover_maincharity:hover {
	background-position: -200px 0;
	}

.rollover_welcome {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_welcome.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_welcome:link, a.rollover_welcome:visited, a.rollover_welcome:active {
	background: url(../images/nav_welcome.gif) no-repeat;
	}
a.rollover_welcome:hover {
	background-position: -200px 0;
	}

.rollover_personal {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_personal.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_personal:link, a.rollover_personal:visited, a.rollover_personal:active {
	background: url(../images/nav_personal.gif) no-repeat;
	}
a.rollover_personal:hover {
	background-position: -200px 0;
	}

.rollover_business {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_business.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_business:link, a.rollover_business:visited, a.rollover_business:active {
	background: url(../images/nav_business.gif) no-repeat;
	}
a.rollover_business:hover {
	background-position: -200px 0;
	}

.rollover_customerstory {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_customerstory.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_customerstory:link, a.rollover_customerstory:visited, a.rollover_customerstory:active {
	background: url(../images/nav_customerstory.gif) no-repeat;
	}
a.rollover_customerstory:hover {
	background-position: -200px 0;
	}
	
.rollover_how {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_howitworks.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_how:link, a.rollover_how:visited, a.rollover_how:active {
	background: url(../images/nav_howitworks.gif) no-repeat;
	}
a.rollover_how:hover {
	background-position: -200px 0;
	}

.rollover_items {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_itemsthatsell.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_items:link, a.rollover_items:visited, a.rollover_items:active {
	background: url(../images/nav_itemsthatsell.gif) no-repeat;
	}
a.rollover_items:hover {
	background-position: -200px 0;
	}

.rollover_auctionpeoplecharity {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_auctionpeoplecharity.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_auctionpeoplecharity:link, a.rollover_auctionpeoplecharity:visited, a.rollover_auctionpeoplecharity:active {
	background: url(../images/nav_auctionpeoplecharity.gif) no-repeat;
	}
a.rollover_auctionpeoplecharity:hover {
	background-position: -200px 0;
	}

.rollover_collection {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_collection.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_collection:link, a.rollover_collection:visited, a.rollover_collection:active {
	background: url(../images/nav_collection.gif) no-repeat;
	}
a.rollover_collection:hover {
	background-position: -200px 0;
	}

.rollover_fees {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_fees.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_fees:link, a.rollover_fees:visited, a.rollover_fees:active {
	background: url(../images/nav_fees.gif) no-repeat;
	}
a.rollover_fees:hover {
	background-position: -200px 0;
	}
	
.rollover_faq {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_faq.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_faq:link, a.rollover_faq:visited, a.rollover_faq:active {
	background: url(../images/nav_faq.gif) no-repeat;
	}
a.rollover_faq:hover {
	background-position: -200px 0;
	}
	
.rollover_franchise {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_franchise.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_franchise:link, a.rollover_franchise:visited, a.rollover_franchise:active {
	background: url(../images/nav_franchise.gif) no-repeat;
	}
a.rollover_franchise:hover {
	background-position: -200px 0;
	}

.rollover_inventory {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_inventory.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_inventory:link, a.rollover_inventory:visited, a.rollover_inventory:active {
	background: url(../images/nav_inventory.gif) no-repeat;
	}
a.rollover_inventory:hover {
	background-position: -200px 0;
	}

.rollover_terms {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_terms.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_terms:link, a.rollover_terms:visited, a.rollover_terms:active {
	background: url(../images/nav_terms.gif) no-repeat;
	}
a.rollover_terms:hover {
	background-position: -200px 0;
	}

.rollover_about {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_about.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_about:link, a.rollover_about:visited, a.rollover_about:active {
	background: url(../images/nav_about.gif) no-repeat;
	}
a.rollover_about:hover {
	background-position: -200px 0;
	}

.rollover_press {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_press.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_press:link, a.rollover_press:visited, a.rollover_press:active {
	background: url(../images/nav_press.gif) no-repeat;
	}
a.rollover_press:hover {
	background-position: -200px 0;
	}
	
.rollover_jobs {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_jobs.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_jobs:link, a.rollover_jobs:visited, a.rollover_jobs:active {
	background: url(../images/nav_jobs.gif) no-repeat;
	}
a.rollover_jobs:hover {
	background-position: -200px 0;
	}
	
.rollover_buyer {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_buyersupport.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_buyer:link, a.rollover_buyer:visited, a.rollover_buyer:active {
	background: url(../images/nav_buyersupport.gif) no-repeat;
	}
a.rollover_buyer:hover {
	background-position: -200px 0;
	}

.rollover_contact {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_contact.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_contact:link, a.rollover_contact:visited, a.rollover_contact:active {
	background: url(../images/nav_contact.gif) no-repeat;
	}
a.rollover_contact:hover {
	background-position: -200px 0;
	}

.rollover_photography {
	display: block;
	width: 200px;
	height: 39px;
	background: url(../images/nav_photography.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: -25px;
	}
a.rollover_photography:link, a.rollover_photography:visited, a.rollover_photography:active {
	background: url(../images/nav_photography.gif) no-repeat;
	}
a.rollover_photography:hover {
	background-position: -200px 0;
	}

/* MISC */

.floatright {
	float: right;
	margin: 20px 20px 20px 40px;
	}

.floatleft {
	float: left;
	margin: 20px 40px 20px 20px;
	}

.contact {
	padding: 20px;
	background: url(../images/contactbgnd.gif) no-repeat;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}

.center {
	text-align: center;
	}
	
.right {
	text-align: right;
	}

.strong {
	font-weight: bold;
	}
	
a {
	outline: none;
	}
	
p {
	background-color: #ffffff;
	}

li {
	background-color: #ffffff;
	text-indent: 10pt;
	}

img {
	border:0;
	}

h1 + p {
	font-weight: bold;
	}

#rightside img {
	margin-bottom: 30px;
}