img, #content, #shadowed-border { behavior: url(iepngfix.htc); }

html { font-family:Courier, sans-serif;}
html, body { margin:0; padding:0; }
body {
overflow-y:scroll;
/* or just overflow:scroll*/
}

p {
font-family:Courier, sans-serif;
margin: 0 0 0 0;
padding: 0;
color: #333;
font-size: .8em;
line-height: 14px;
}

body{
background-image: url('images/bluewavesbackground.jpg');
background-repeat:repeat;
}

/*NAVIGATION START*/
#box {
	border: 0px dashed fuchsia;
	width: 800px;
	height: 50px;
	text-align: center;
	text-decoration: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
	
#nav {
	width: 400px;
	height: 30px;
	border: 0px dotted green;
	background-color: none;
	position: absolute;
	top: 12px;
	left: 310px;
	text-align: right;
	z-index: 1;
	}
	
#nav, #nav ul {
	
	padding: 0;
	margin: 0;
	list-style: none;
	
	}

#nav a {
	display: block;
	width: auto;
	padding: .3em .9em;
	text-decoration: none;
}

#nav a:hover { 
color: red;
text-decoration: underline;
}


#nav li {
	float: left;
	width: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	
}

#nav li ul {
	position: absolute;
	top: 14px;
	width: 18em;
	padding: 0 5px 0 0;
	margin: 0 20px 0 0;
	left: -500em;
	display: block;
	font-size: 16px;
	line-height: 18px;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/*NAVIGATION END*/

a {
font-family: Courier, sans-serif;
font-size: .7em;
line-height: .8em;
margin: 0;
padding: 0;
text-decoration: inherit;

}

a:link {
color: #000000;
margin: 0;
padding: 0;
text-decoration: none;

}

a:hover {
margin: 0;
padding: 0;
color: red;
text-decoration: underline;
}

a:visited {
margin: 0;
padding: 0;
text-decoration: none;
color: #000;
}

a:active {
margin: 0;
padding: 0;
text-decoration:line-through;
}

img.class {
margin: 10px 0 0 10px;
padding: 0;
border: 0;
}

img.title {
margin: 0;
padding: 0;
border: 0;
position: absolute; top: 47px; left: 19px;
}

img.organic {
margin: 0;
padding: 0;
border: 0;
position: absolute; top: 77px; left: 120px;
}

img.logo {
z-index: 1;
margin: 0 0 0 10px;
padding: 0;
border: 0;
position: absolute; top: -8px;
}
img.resume {
margin: 0 0 2px 0;
padding: 0;
}

img.denim {
margin: 0 0 5px 0;
padding: 0;
border: 0;
}

.swatches {
margin: 3px 0 0 0;
padding: 0;
border: 0;
}

#contact {
text-align: right;
width: 200px;
margin: 0;
padding: 0;
position: absolute; top: 20px; left: 550px;
}

#season {
	position: absolute;
	top: 8px;
	left: 689px;
	margin: 0;
	padding: 0;
}

#navigation {
border: 1px dotted blue;
width: 500px;
height: 50px;
margin: 0;
padding: 0;
text-align: left;
}

#thegoods {
position: relative;
border: 0px dashed pink;
width: 700px;
height: 310px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 80px;
padding: 0;
}

#p1 {
height: auto;
margin: 0;
padding: 0;
position: absolute; top: 0; left: 0;
}

#p2 {
height: auto;
margin: 0;
padding: 0;
position: absolute; top: 0; left: 266px;
}

#p3 {
height: auto;
margin: 0;
padding: 0;
position: absolute; top: 0; left: 533px;
}


#resume {
position: absolute; top: 111px; left: 185px;
margin: 0;
padding: 10px 10px 0 10px;
border: 1px solid #dddddd;
width: 550px;
height: 340px;
}
#container {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: auto;
width: 820px;
height: auto;
border: 1px dotted white;
padding: 0 0 20px 0;
}

#content {
background-color:#FFFFFF;
border: 1px solid #e6e6e6;
width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0;
padding: 0;
}

#press_content {
border: 1px solid #e6e6e6;
width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0;
padding: 0;
height:880px;
}

#slideshow {
width: 800px;
height: 476px;
margin: 0;
padding: 0;
z-index: 0;
border: 0px dotted green;
}

#wrapper_product {
height: auto;
width: 550px;
margin: 0;
padding: 30px 0 0 50px;
}

#wrapper {
height: auto;
width: 550px;
margin: 0;
padding: 30px 50px 20px 50px;
}

#wrapper_press {
width: 805px;
margin-bottom: 40px;
margin: 0;
padding: 30px 50px 80px 50px;
}


#wrapper_contact {
background-image: url('images/contact_background.jpg');background-repeat: none;
height: auto;
width: auto;
margin: 0;
padding: 30px 0 20px 50px;
border: 0px dotted red;
}

#div1 div2 div3 {
margin: 0;
padding: 0;
width: 550px;
}

#footer {
margin: 10px 0 0 0;
padding: 0;
text-align: center;
}

#footer_press {
margin: 0;
padding: 20px 0px 20px 0px;
text-align: center;
position:relative;
top: 770px;
height: 50px;
}

#footer_press p {
font-family:Courier, sans-serif;
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
color: #333;
font-size: .8em;
line-height: 14px;
margin-top: 708px;
position:relative;
top: -755px;
height: 50px;
}

#footer_press h5 {
color: #333;
font-size: .7em;
line-height: 12px;
font-family: Courier;
font-weight: normal;
margin: 0;
padding: 0;
border-bottom: 0;
position:relative;
top: -785px
}

h1 {
margin: 0 0 3px 0;
padding: 0;
font-weight: bold;
color: #333;
font-size:medium;
text-transform: uppercase;
}

h3 {
margin: 0;
padding: 0;
font-weight: normal;
color: #777;
}

h2 {
margin: 0;
padding: 0;
font-weight: bold;
color: #333;
font-size:small;
text-transform: uppercase;
white-space: nowrap;

}
h4 {
margin: 0 0 20px 0;
padding: 0;
font-weight: normal;
color: red;
font-size: x-large;
text-transform: uppercase;
}

h5 {
color: #333;
font-size: .7em;
line-height: 12px;
font-family: Courier;
font-weight: normal;
margin: 0;
padding: 0;
border-bottom: 0;

}

/* For the first shadowed border */
#shadowed-border { position: relative; padding:20px; width:750px; height:550px; margin-bottom: 20px;margin-top:50px; margin-left: auto; margin-right: auto;color:#fff; }
#shadowed-border, #shadowed-border .sb-inner { background:#FFF; }