/***************STRUCTURE***************************/
/*Reset*/
* {
margin:0;
padding:0;
}

body {
	min-width:955px; 
}
/* Absolute positioned header for all browsers*/
#header-wrapper {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:auto;
	height:113px;
}
/* Reset header position to fixed for real browsers such as Firefox*/
body>#header-wrapper {
	position:fixed;
}

#header {
	height:113px;
	width:auto;
	margin:0 auto;
	text-align:center;
}

#leftnav-wrapper {
	position:absolute;
	top:113px;
	left:0px;
	bottom:44px;
	width:183px;
	background-image:url('http://clothing.tweedboutique.com/photos/Navpat.GIF');
}

body>#leftnav-wrapper {
	position:fixed;
	width:183px;
	margin:0 auto;
	text-align:center;
}

#leftnav {
position:absolute;
left:0;
top:420px;
width:183px;
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
line-height:1.3em;
font-size:.9em;
	
}
#leftnav ul{
position:relative;
line-height:1.3em;
}

#leftnav a{
display:block;
margin-left:30px;
padding:0px 5px;
padding-left:10px;
padding-right:10px;
border-style:none;
font-weight:bold;
text-decoration:none;
background-color: #FFFFCC;
color:#4E1610;

}

#leftnav a:hover{
background-color:#FFFF99;
color:#4E1610;
}

#leftnav li{
float:left;
position:relative;
}

#leftnav ul {
position:absolute;
display:none;
width:8.5em;
bottom:1.3em;
}

#leftnav li ul a{
width:9em;
height:auto;
padding-left:5px;
padding-right:5px;
float:left;
border-style:solid;
border:1px #4E1610;
background-color:#FFFFCC;
color:#4E1610;
font-weight:normal;
}

#leftnav ul ul{
bottom:0em;
}	

#leftnav li ul ul {
left:8.5em;
margin:0px 0 0 10px;
}

#leftnav li:hover ul ul, #leftnav li:hover ul ul ul, #leftnav li:hover ul ul ul ul{
display:none;
}
#leftnav li:hover ul, #leftnav li li:hover ul, #leftnav li li li:hover ul, #leftnav li li li li:hover ul{
display:block;
}

#content-wrapper {
	position:absolute;
	top:113px;
	left:183px;
	bottom:44px;
	width:auto;
	height:77%;
}

body>#content-wrapper {
	 position:fixed;
}

#footer-wrapper {
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	height:44px;
}

body>#footer-wrapper {
	position:fixed;
}

#footer {
	width:auto;
	height:44px;
	margin: auto;
	padding:15px;
	text-align:left;
	vertical-align:middle;
}

#iframe-wrapper {
	position:absolute;
	top:113px;
	left:183px;
	bottom:44px;
	width:80%;
	height:77%;
}

body>#iframe-wrapper {
	position:fixed;
}

/***************STYLE***************************/

html{
	font-family:"Times New Roman", Times, serif;
	color:#4E1610;
	background:#fff;
}

body{
	font-family:"Times New Roman", Times, serif;
	color:#4E1610;
	background:#fff;
}

#footer {
	font-size:.8em;
	background:#4E1610;
	color:#fff;
}

#header {
	font-size:.8em;
	background:#4E1610;
	color:#fff;
}

#header a {
    color:#fff;
}

#header a:link {
    color:#fff;
}
#header a:visited {
    color:  #FFFFCC;
}
#header a:hover {
    color:#FFFF99;
}

}
#header a:active {
    color:#FFCC66;
}

#nav {
position:absolute;
left:333px;
bottom:10px;
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
line-height:1.5em;
}

#nav ul{
position:relative;
line-height:1.5em;
}

#nav a{
display:block;
padding:0px 5px;
padding-left:10px;
padding-right:10px;
border-style:none;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
background-color: #4E1610;
}

#nav a:hover{
background-color:#FFFF99;
color:#4E1610;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:11.5em;
bottom:1.5em;
}

#nav li ul a{
width:11.5em;
height:auto;
padding-left:5px;
padding-right:5px;
float:left;
border-style:solid;
border:1px #4E1610;
background-color:#FFFFCC;
color:#4E1610;
font-weight:normal;
}

#nav ul ul{
bottom:0em;
}	

#nav li ul ul {
left:11.5em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
#leftnav-wrapper a, #content a {
    color:#4E1610
    }

#leftnav-wrapper a:link, #content a:link {
    color:#4E1610;
    text-decoration:none;
    }
#leftnav-wrapper a:visited, #content a:visited {
    color: #800000;
    text-decoration:none;
}
#leftnav-wrapper a:hover, #content a:hover {
    color: #FFFF99;
}
#leftnav-wrapper a:active, #content a:active {
	color:#800000;
	text-decoration:underline	
}

#content {
	background:#fff;
	color:#4E1610;
}

h2 {
	padding:0;
	margin:0 0 0 10px;
}

h1 {
	padding:0;
	margin:0 0 0 10px;
}

h1 {
	font-size:1.4em;
	text-align:left;
	padding-top:0.5em;
}

h2 {
	font-size:1.3em;
	padding-top:1em;
	margin-top:0;
	text-align:center;
}

h3 {
	font-size:1.2em;
	padding-top:1em;
	margin-top:0;
	text-align:center;
}

#footer p {
	margin:0 0 0 5px;
	padding:0;
}

#footer a {
	color:#fff;
}

p {
	font-size:1em;
	text-align:center
}

p {
	margin:0 10% 0 10px;
	padding-bottom:10px;
}

table {
	 text-align:center;
}

div {
	 text-align:center;
}
div a {
    color:#4E1610
    }

div a:link {
    color:#4E1610;
    text-decoration:none;
    }
div a:visited {
    color: #800000;
    text-decoration:none;
}
div a:hover {
    color: #FFFF99;
}
div a:active {
	color:#800000;
	text-decoration:underline	
}
a:link img, a:visited img, a:hover img { 
	border: none
	}
	
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
.Underline {
	text-decoration: underline;
}
.WhiteLink {
	color: white;
}