/* basic element styles */
html{
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}
body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-attachment: fixed;
	text-align: center;
  font-family: Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
}
img {border: none;}
li {list-style-type: none;}

a, a:visited {
	text-decoration: none;
	color: #7a3240;
}

a:hover, a:active {
	text-decoration: underline;
}
a:active, a:focus {
  outline: 0
}
.hidden { display: none; }
.left { float: left; }

td { padding: 0; }

/* page section styles */
.container {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 800px;
	background-color: #ffffff;
	text-align: left;
	line-height: 1.3;
	text-align: center;
}
#header {
	position: relative;
	margin: 20px auto 0 auto;
	height: 110px;
	width: 780px;
	text-align: left;
}
.content {
	margin: 20px auto 0 auto;
	width: 720px;
	text-align: justify;
}
.footer {
	margin: 60px auto 20px auto;
	width: 660px;
	font-size: 11px;
	text-align: center;
}
.sitemap {
	margin-top: 5px;
}
	
/* Main Navigation Styles */
#logo a {
	width: 272px;
	padding-top: 96px;
	height: 0px;
	background: url(http://the2bandits.com/siteimages/logo.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9000px;
	font-size: 0px;
	line-height: 0;
	display: block;
}
#nav {
	position: absolute; top: 69px; right: 0px;
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
#nav li {
	margin: 0;
	padding: 0;
	display: inline;
	height: 37px;
}
#nav li a {
	padding: 0px;
	float: left;
	background-image: url(http://the2bandits.com/siteimages/nav.jpg);
	height: 0px;
	text-indent: -9000em;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
	padding: 40px 0 0 0;
}
#nav-about a {width: 66px; background-position: 0 0;}
#nav-collection a {width: 98px; background-position: -66px 0;}
#nav-stores a {width: 76px; background-position: -164px 0;}
#nav-press a {width: 67px; background-position: -240px 0;}
#nav-blog a {width: 70px; background-position: -307px 0;}
#nav-onlineshop a {width: 103px; background-position: -377px 0;}

#nav-about a:hover, #nav-about a:active {width: 66px; background-position: 0 -37px;}
#nav-collection a:hover, #nav-collection a:active {width: 98px; background-position: -66px -37px;}
#nav-stores a:hover, #nav-stores a:active {width: 76px; background-position: -164px -37px;}
#nav-press a:hover, #nav-press a:active {width: 67px; background-position: -240px -37px;}
#nav-blog a:hover, #nav-blog a:active {width: 70px; background-position: -307px -37px;}
#nav-onlineshop a:hover, #nav-onlineshop a:active {width: 103px; background-position: -377px -37px;}


/* index page styles */

#cycle { position: relative; border-spacing: 10px; }
.panel { position: relative; height: 500px; width: 254px; margin: 0; padding: 0; }
.cycle { position: relative; height: 500px; width: 254px; }
.cycle img {  }


/* about page styles */

#bootPolaroid { width: 300px; float: right; padding-left: 10px; }
#howtouse { margin-left: 20px; padding: 0; list-style-position: outside; }
#howtouse li { margin: 0 0 7px 0; list-style-image: url("../siteimages/li_about.jpg"); }


/* collection page styles */

#collection { position: relative; height: 580px; padding: 20px 0 10px 0; text-align: center; }
.collection-pane { height: 576px; width: 41px; }
#imageframe { height: 576px; width: 718px; margin: 0 auto; }
#image { height: 540px; width: 718px; padding-bottom: 15px; border-bottom: 1px solid #873240;}
#image-name { margin-top: 5px; text-align: left; }
.loading { background-image: url("../siteimages/collection/ajax-loader.gif"); background-repeat: no-repeat; background-position: center center; }
#next, #previous { 
	width: 41px;
	padding-top: 540px;
	height: 0px;
	overflow: hidden;
	text-indent: -9000px;
	font-size: 0px;
	line-height: 0;
	display: block;
}
#next { background: url("../siteimages/collection/next.png") no-repeat 0 0; }
#previous { background: url("../siteimages/collection/previous.png") no-repeat 0 0; }


/* stores page styles */

.points { margin: 0 0 10px 25px; padding: 0; }
#map { width: 720px; border-collapse: collapse; vertical-align: top; }
#controls { width: 300px; border: 1px solid #873240; }
#canvas { width: 460px; border: 1px solid #873240; }
#map_canvas { height: 360px; width: 460px; margin: 10px; }


/* contacts page styles */

#contact { height: 400px; text-align: left; }
#sales, #press { margin-bottom: 40px; }


/* press page styles */

#press { height: 460px; width: 720px; margin: 0 auto; }
#articles { height: 420px; width: 720px; text-align: center; border-spacing: 10px; }
#articles tr {  }
#articles td { height: 138px; width: 100px; }
#articles img { border: 1px solid black; }
#presscontact { margin-top: 10px; padding: 3px 0; text-align: center; }


/* customer service page styles */

#customerService {	}


/* sitemap page styles */

#sitemap { height: 400px; }

