/*-----------------------------------------------------------------------------
Global Style Sheet (for Nude Sandals http://www.nudesandals.co.uk)

version:   1.0
author:    Infotex
email:     enqs@infotex.co.uk
website:   http://www.infotex.co.uk/

/* Contents--------------------------------------------------------------

1.	General 
2.	Typography
3. 	Headings
4.  Links
5.  Images
6.  Bullets and Quotes
7.  Form Elements
8.  Layout and Branding
9.  Subnav
10. Content
11. Product Displays
12.	Footer
13.	Tables
14. Miscellaneous

-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
 	margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
	margin: 0;
	padding: 0;
}

/* Remove border around linked images */
img a {
	border: 0;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: normal 62.5%/1.6 Arial, Helvetica, sans-serif;
	color: #453410;
	background: #fff9d9 url(../img/bg.gif) repeat-x 100% 100%;
	margin: 0 0 10px 0;
}

/* =Headings
-----------------------------------------------------------------------------*/

h1, h2, h3, h4 {
	font-weight: Bold; 		
}
h1 {
	margin: 0px;
	position: relative;
	top: 15px;
	left: 15px;
	width: 431px;
	height: 81px;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9000px;
}
h1 a {
	margin: 0px;
	display: block;
	height: 81px;
	background: url(../img/logo.gif) no-repeat;
}
h2 {
	font-size: 1.4em;
	color: #037103;
	text-transform: uppercase;
	padding: 0 1em;
	background:url(../img/title-bullet.gif) no-repeat 0 10px;
	border-bottom: solid 1px #d7dad1;
	margin: 20px 15px;
}
h3 {
	font-size: 110%;
	color: #666666; 
}
h4 {
	font-size: 130%;
	color: #000; 
}

/* =Home Product Images
-----------------------------------------------------------------------------*/
.homeimagescontainer {
	margin-top: 20px;
	margin-left: 40px;
}
.homeimagebox {
	width: 106px;
	height: 121px;
	background-color: #fff9d9;
	float: left;
	margin: 0 0 9px 9px;
}

.homeimagelink {
	margin: 1px;
	border: solid 1px #e6ebdb;
	height: 32px;
	text-align: center;
	clear: left;
}
.homeimagelink a {
	color: #037103;
	font-size: 1.1em;
}
.homeimagelink a:hover {
	color: #cc0000;
}


/* =Links
-----------------------------------------------------------------------------*/

a {
	color: #000; 
}
a:hover {
	color: #cc0000;
}


/* =Show Current Page
-----------------------------------------------------------------------------*/
body.homepage #homepage, body.homepage #homepage a{background:#248324; color:#fff; text-decoration:none;}
body.aboutus #aboutus, body.aboutus #aboutus a{background:#248324; color:#fff; text-decoration:none;}
body.contactus #contactus, body.contactus #contactus a{background:#248324; color:#fff; text-decoration:none;}
/* =Images
-----------------------------------------------------------------------------*/

img.float-right {
  margin: 0px 0px 15px 15px; 
  float: right;
  padding: 0;
  border: solid 3px #bca677;
}
img.float-left {
  margin: 0px 15px 15px 0px; 
  float: left;
  padding: 0;
  border: solid 3px #bca677;
}

h2, h3, h4, {
	padding: 0 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
	color: #000;	
}
ul span, ol span {
	color: #000;
}
li {
	margin: 1em 0;
}


/* =Layout and Branding
-----------------------------------------------------------------------------*/
#ornatebits {
	width: 841px;
	height: 62px;
	margin: 0 auto;
}

#container {
	width: 839px;
	margin: 0 auto;
	border: solid 1px #000;
	clear: both;
	background: #fff;
}

#header {
	height: 100px;
	border-bottom: solid 8px #000;
}
#headimg {
	float: right;
	width: 544px;
}

#logo {
	float: left;
	margin: 0 0 0 0;
}
#topnav {
	text-align:right;
	float: right;
	width: 341px;
	margin: 5px;
}
#topnav ul {
	float: right;
	list-style: none;
	margin: 10px;
	padding: 0;
}
#topnav ul li {
	display: inline;
}
#topnav ul li a {
	display: block;
	float: left;
	padding: 0 8px;
	color: #333;	
	border-right: solid 1px #ccc;
	font-size: 1.2em;
	
}
#topnav ul li a:hover {
	color: #037104;	
}
.divider {
	clear: both;
	width: 830px;
	height: 20px;
	border-left: solid 9px #468b46;
	background: #248324;
}

/* =Home Header
-----------------------------------------------------------------------------*/

#homehead {
	width: 841px;
	height: 265px;
	margin: 0;
	clear: both;
}
#homefeaturecontainer {
	position: relative;
	float: left;
	width: 513px;
	background: #e6ebdb; 
	margin: 0px;
	padding: 0px;
	border-left: solid 9px #dde2d4;
}
#homefeature {
	padding: 10px;
}
#homefeature h2 {
	clear: both;
}
#homecontentcontainer {
	position: relative;
	float: right;
	width: 315px;
}

#homecontent {
	padding: 10px;
}

#innercontent ul li {
	font-size: 1.2em;
	margin: 0em 1em;

}
#innercontent h2 {
	clear: both;
	padding: 0 1em;
	margin: 10px;
}
#innercontent p {
	margin: 2em;
	padding: 1em 0px;
}

/* =Menu
-----------------------------------------------------------------------------*/
#menu {
	float:left;
	padding: 0px; 
	margin: 0px;
	background-color: #bca677;
	width: 256px;
	height: 231px;

}
#menu ul {
	padding: 0px 0;
	margin: 0 0px;
	list-style: none;
}
#menu li {
	margin: 5px 10px 0 10px;
	width: 233px;
	background-color: #e1d5b8;
	border: solid 1px #c5974e;
}
#menu li:hover {
	background-color: #564319;
	color: #fff7e4;
}

#menu a {
	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";
	font-size:1.3em;
	font-weight: bold;
	color: #5f4d24;
	text-decoration:none;;
	display:block;
	padding: 5px 15px;
}

#menu a:hover {
	background-color: #564319;
	color: #fff7e4;
}
/* =Menu
-----------------------------------------------------------------------------*/
#subnavcontainer {
	float: left;
	width: 200px;
	
}
#subnav {
	padding: 0 10px;
}
#subnav h2 {
	margin: 10px;
		padding: 0 1em;
}
#subnav ul {
	padding: 0px 0;
	margin: 0 0px;
	list-style: none;
}
#subnav li {
	margin: 5px 5px 0 20px;
	background-color: #248324;
	border: solid 1px #fff9d9;
}
#subnav li:hover {
	background-color: #037103;
	color: #fff7e4;
}

#subnav a {
	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";
	font-size:1.3em;
	font-weight: bold;
	color: #fff;
	text-decoration:none;;
	display:block;
	padding: 5px 13px;
}

#subnav a:hover {
	background-color: #037103;
	color: #fff7e4;
}
#maincontentcontainer {
	float: right;
	width: 630px;
}

/* =Features
-----------------------------------------------------------------------------*/

#features {
	float: right;
	width: 197px;
	position: relative;
}
#features h2 {
	color: #d18316;
	font-size: 1.8em;
	border-bottom: dashed 1px #bca677;
	margin: 1em;
	padding: 0px;
}
#features p{
	color: #333;
	font-size: 1.1em;
	margin: 1em;
	padding: 0px;
}

/* =Content
-----------------------------------------------------------------------------*/

#contentcontainer {
	background: url(../img/contentcontainer-bg.gif) repeat-y;
}
#contentcontainer p {
	margin: 0 25px;
	font-size: 1.2em;
}

#content {
	float: left;
	width: 513px;
	background: #e6ebdb; 
	margin: 0px;
	padding: 0px;
	border-left: solid 9px #dde2d4;
}
#content h2{
	clear: both;
	font-size: 1.8em;
	color: #d18316;
	border-bottom: dashed 1px #bca677;
	margin: 1em;
	padding: 0px;
}

#content h3{
	font-size: 1.6em;
	color: #181818;
	margin: 0;
	padding: 0;
}
#innercontent h3{
	clear: both;
	font-size: 1.6em;
	color: #181818;
	margin: 0 24px;
	padding: 0;
}
#content p {
	font-size: 1.3em;
	color: #453410;
	margin: 1.2em;
	text-align:justify;
}

#contentcontainer p {
	margin-bottom: 10px;
}

#innercontentcontainer {
	background: url(../img/innercontentcontainer-bg.gif) repeat-y;
}
#innercontentcontainer p {
	margin: 0 25px;
	font-size: 1.2em;
}
/* =Form Elements
-----------------------------------------------------------------------------*/

form {
	padding: 20px;
}

label {
	display:block;
	margin:5px 0;
	color: #000;
	font-size: 1.2em;
}

#searchbar label {
	display:block;
	margin:5px 0;
	font: 1.2em Verdana, sans-serif;
	color: #fff
}

textarea {
	width:400px;
	padding:2px;
	font: normal 1.2em Verdana, sans-serif;
	display:block;
	margin: 0 0 10px 0;
}
.searchtextarea {
	width: 189px;
}
.updatefield {
	padding: 3px;
	margin: 0;
}

/* =Gallery Pics
-----------------------------------------------------------------------------*/
.gallerycontainer {
	float: left;
	width: 181px;
	margin: 0 0 20px 20px;
	background: #248324;
	padding: 2px;
	text-align: center;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	clear: both;
	height: 32px;
	margin: 0px 0 0 0;
	padding: 8px 0 0 0;
	background:#e7eed7;
	color: #000;
	text-align: center;
	border-left: solid 9px #d6dccc;

}

#footer a {
	margin: 5px;
	font-size: 1.1em;
}

/* =Tables
-----------------------------------------------------------------------------*/

table {
	width: 100%;
	margin: 10px 0px;
	padding: 0px;
}
td {
	margin: 0px;
	padding: 3px;
	font-family: "Trebuchet MS", Arial, Tahoma, "Times New Roman";
	border: solid 1px #000;
}
td.headings {
	background-color: #cb7a0c;
	color: #fff;
	font-weight: bold;
}
td.subheadings {
	font-weight: bold;
}
td.right {
	text-align: right;
}

/* =Miscellaneous
-----------------------------------------------------------------------------*/