@charset "utf-8";

/* CSS Document by Vincent Tobiaz
	vincent@vincenttobiaz.com
	http://vincenttobiaz.com
*/

/* Basic Page Setup */

* { margin: 0; padding: 0;
}

body { 
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/bg.jpg);
}

ul { list-style: none inside; }
li.list1 {list-style: circle outside; color:green;}


p { font-size: 0.9em;
    line-height: 1.2em;
    margin-bottom: 1.2em;
    color: #686868;
}

a { outline: none;
}

a img { border: none; 
}

h1 {
	font-size: 1.6em;
	color: #333333;
}

a:link {
	color: #ff0000;
}

a:visited {
	color: #ff0000;
}

a:hover {
	color: #990099;
}

a:active {
	color: #ff000000;
}

/* End Basic Page Setup */

/* Toolbox */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

/* End Toolbox */

/* Sructure */

#page-wrap {
	width: 987px;
	margin: 0 auto;
	background: url(images/content-bg.jpg) repeat-y;
	position: relative;
}
	
ul#nav {
	
}
	ul#nav li {
		line-height: 0;
	}
		ul#nav li a {
			height: 27px;
			float: left;
		}
		ul#nav li.home a {
			width: 229px;
			background: url(images/nav-home.jpg) bottom center;
		}
		ul#nav li.homeactive a {
			width: 229px;
			background: url(images/nav-home.jpg) top center;
		}
		ul#nav li.homeactive a:hover {
			width: 229px;
			background: url(images/nav-home.jpg) top center;
		}
		ul#nav li.products a {
			width: 156px;
			background: url(images/nav-products.jpg) bottom center;
		}
		ul#nav li.productsactive a:hover {
			width: 156px;
			background: url(images/nav-products.jpg) top center;
		}
		ul#nav li.productsactive a {
			width: 156px;
			background: url(images/nav-products.jpg) top center;
		}
		ul#nav li.merchants a {
			width: 156px;
			background: url(images/nav-merchants.jpg) bottom center;
		}
		ul#nav li.merchantsactive a {
			width: 156px;
			background: url(images/nav-merchants.jpg) top center;
		}
		ul#nav li.merchantsactive a:hover {
			width: 156px;
			background: url(images/nav-merchants.jpg) top center;
		}
		ul#nav li.contact a {
			width: 152px;
			background: url(images/nav-contact.jpg) bottom center;
		}
		ul#nav li.contactactive a {
			width: 152px;
			background: url(images/nav-contact.jpg) top center;
		}
		ul#nav li.contactactive a:hover {
			width: 152px;
			background: url(images/nav-contact.jpg) top center;
		}
		ul#nav li.spacer a {
			width: 294px;
			background: url(images/nav-spacer.jpg);
		}
		ul#nav li a:hover {
			background-position: center center;
		}
		
/* Navigation Active States */	

body#home ul#nav li.home a:active {
    background-position: top center;
}

body#products ul#nav li.products a:active {
    background-position: top center;
}

body#merchants ul#nav li.merchants a:active {
    background-position: top center;
}

body#contact ul#nav li.contact a:active {
    background-position: top center;
}

/* End Navigation Active States */

#navtexthome {
position: absolute;
left: 129px;
top: 180px;
}

#navtexthome span {
width:145px;
}

#navtexthome p {
font-size: 0.7em;
font-weight:bold;
}

#navtexthome a:link {
text-decoration:none;
color: #000000;
}

#navtexthome a:hover {
text-decoration:underline;
color: #ffffff;
}

#navtexthome a:active {
text-decoration:none;
color: #000000;
}

#navtexthome a:visited {
text-decoration:none;
color: #000000;
}

#navtextproducts {
position: absolute;
left: 255px;
top: 180px;
}

#navtextproducts span {
width:145px;
}

#navtextproducts p {
font-size: 0.7em;
font-weight:bold;
}

#navtextproducts a:link {
text-decoration:none;
color: #000000;
}

#navtextproducts a:hover {
text-decoration:underline;
color: #ffffff;
}

#navtextproducts a:active {
text-decoration:none;
color: #000000;
}

#navtextproducts a:visited {
text-decoration:none;
color: #000000;
}

#navtextmerchants {
position: absolute;
left: 390px;
top: 180px;
}

#navtextmerchants span {
width:145px;
}

#navtextmerchants p {
font-size: 0.7em;
font-weight:bold;
}

#navtextmerchants a:link {
text-decoration:none;
color: #000000;
}

#navtextmerchants a:hover {
text-decoration:underline;
color: #ffffff;
}

#navtextmerchants a:active {
text-decoration:none;
color: #000000;
}

#navtextmerchants a:visited {
text-decoration:none;
color: #000000;
}

#navtextcontact {
position: absolute;
left: 592px;
top: 180px;
}

#navtextcontact span {
width:145px;
}

#navtextcontact p {
font-size: 0.7em;
font-weight:bold;
}

#navtextcontact a:link {
text-decoration:none;
color: #000000;
}

#navtextcontact a:hover {
text-decoration:underline;
color: #ffffff;
}

#navtextcontact a:active {
text-decoration:none;
color: #000000;
}

#navtextcontact a:visited {
text-decoration:none;
color: #000000;
}
	
	#article-area {
		margin: 0px 20px 30px 70px;
		width: 460px;
		float: left;
	}	
	#sidebar {
	width: 150px;
	margin: 20px 250px 0 -20px;
	float: right;
	}	
	
		
		#contactsidebar {
		width: 350px;
		margin: 20px 60px 0 5px;
		float: right;
	}			
	#contactbox {
	position: relative;
	font-size: 0.9em;
	}
	#contacttext {
	position: absolute;
	left: 10px;
	top: 3px;
	}
	#footer {
		min-height: 129px;
		background: url(images/footer-bg.jpg) no-repeat;
		text-align: center;
	}
	.footer {
		color: #000000;
		line-height: 1.4em;
	}
	
/* End Structure */
fieldset {
border: none;
margin: 5px 0 0 5px;
width: 365px;
}

#formLeft {
	width: 150px;
	float: left;
	margin-right:10px;
	}
	#formLeft input {
		width: 150px;
		height: 20px;
		margin: 0 0 0 0;
		border: none;
		background: none;
			}
	#formLeft .input-bg {
		background: url(images/message-bg.jpg) bottom left no-repeat transparent;
		position: relative;
	}
	#formLeft .active {
		background: url(images/message-bg.jpg) top left no-repeat transparent;
	}
#formRight {
	width: 200px;
	float: right;
	}
	#formRight textarea {
		width: 200px;
		height: 94px;
		border: none;
		background: none;
		margin: 0 0 0 5px;
		padding: 0px 0 0px 0;
	} 
	#formRight .message-bg {
		background: url(images/message-bg.jpg) bottom left no-repeat transparent;
		height: 94px;
		width:200px;
	}
	#formRight .active {
		background: url(images/message-bg.jpg) top left no-repeat transparent;
	}
label {

	font-size: 0.9em;
	text-indent: 10px;
	font-weight: bold;
}
label.error {
	position: absolute;
	top: 131px;
	right: 0px;
	color: #da3939;
	text-align: right;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 0 0px;
	font-size:0.6em;
	line-height:1.0em;
}
input.submit-button {
	float: right;
	padding-right: 31px;
}