/***************** main formatting css ************************/

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	vertical-align: baseline;
	background: transparent;
	}

html /* add so that IE sets font size to 1em */
	{
	font-size: 12px;
	}

body 
	{
	font-size: 12px; /* set font size to default */
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 1.25em;
	width: 100%;
	background: #ffffff;
	color: #000000;
	}

ol, ul, li
	{
	list-style: none;
	padding: 0;
	margin: 0;
	}

/* End of Reset */

/* Main Layout Divs */


#container {
	width: 780px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#header {
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	padding: 25px 0 0 550px;
	width: 240px;
	height: 130px;
}

#content {
	background-image: url(images/shadow-and-fade.jpg);
	background-repeat: no-repeat;
}

#content_left {
	padding: 10px 10px 30px 45px;
	float: left;
	width: 340px;
	background: url(images/shadow-and-fade-left.jpg);
	background-repeat: no-repeat;
}

#content_right {
	padding: 0 40px 0 0;
	width: 337px;
	float: right;
	background: url(images/shadow-and-fade-right.jpg) top right;
	background-repeat: no-repeat;
}

.content_row {
	width:700px; margin:0 0 0 40px; padding:10px 0 10px 0; border-bottom:2px solid #FF6633; float:left;
	background: url(images/shadow-and-fade-left.jpg) repeat-y left;
}
.content_row .image_block {width:200px; text-align:center; float:left; margin:0 20px 0 0;}
.content_row .image_block img {margin:0 auto;}


#bag {
	background-image: url(images/back-cutout.jpg);
	background-repeat: no-repeat;
	background-position:center;
	margin-top: 30px;
	height: 216px;
}

#bag2 {
	background-image: url(images/ipod-bag.jpg);
	background-repeat: no-repeat;
	margin-top: 30px;
	height: 216px;
}


#content ul li {
    margin: 0 20px 0 20px;
	list-style:disc;
	line-height: 1.5em;
}

#content ul {
    list-style-position: outside;
}


/***************** image layout ************************/




/***************** side navs ************************/

#nav_home {width:29px; height:10px; float:left; padding-right:10px; padding-left:10px; border-right: #454545 solid 2px;}
#nav_home a {background:url('images/nav_home.gif') no-repeat 0 0; display:block; width:29px; height:10px; overflow:hidden;}
#nav_home a:hover {background-position:-29px 0;}

#home #nav_home a {background-position:-29px 0;}


/* side nav images --------------------------- */



/***************** image layout ************************/




/***************** content layout ************************/

.text_indented {
		text-indent: 40px;
}


/***************** text formatting ************************/


h1 {
	font-size: 22px;
	font-weight: 100;
}

h2 {
	font-size: 18px;
	font-weight: 100;
}

h3 {
}

h4 {
}




/***************** links ************************/

a:link, a:visited, a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* extend height of div containing floating divs - behave like content in tables ---------------------------- */



/* contact form ---------------------------- */



/* misc */

.none {
display:none;
}