/*** ontheday.co.uk ***/


/*** Resets ***/

* { margin:0; padding:0; }

body        { background:#fff url(images/backgroundtile-296x296.jpg) repeat top center; 
	      font:14px/1.4 Georgia, Times New Roman, Times, serif; color:#444; text-align:center; }

img         { border:0; vertical-align:top; }

a           { color: #7aaeb5; }
a:hover     { color: #567b80; }
/*:focus      { outline: 0; }
*/
/* Headings */
h1          { font-size:18px; font-weight:bold; line-height:1.3; }
h2          { font-size:17px; font-weight:bold; line-height:1.34; }
h3          { font-size:16px; font-weight:bold; line-height:1.375; }
h4          { font-size:13px; font-weight:bold; }
h5          { font-size:12px; font-weight:bold; }
h6          { font-size:11px; font-weight:bold; }

/* Forms */
form        { display:inline; }
fieldset    { border:0; }
legend      { display:none; }

/* Table */
table       { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
th          { vertical-align:top; text-align:left; font-weight:normal; }
td          { vertical-align:top; }

/* Content */
address     { font-style:normal; }
cite        { font-style:normal; }
q,
blockquote  { quotes:none; }
q:before, 
q:after     { content:''; }
small,big   { font-size:1em; }
sup         { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol       { /*list-style:none;*/ }

/* Tools */
.no-display { display:none; }
/*** end Resets ***/



/*** Layout ***/
#page {
  width:820px; margin:32px auto 0 auto; padding:0; text-align:left; position: relative; 
  background: #fff url(images/page-background-820x296.jpg) repeat-y top center;
  }
.page-print { padding:20px; text-align:left; }

/* Base Columns */ 
.col-main { /*float:left;*/ width:530px; padding:0 20px 0 50px; margin-bottom: 0px; }
.col-right { float:right; width:170px; padding:0 30px 0 0; }
/*** end Layout ***/
 
.clear-left {clear: left; }
/***  Clears *** /
.clearer:after,
.header:after,
#nav:after,
.main:after,
.footer:after,
.col-main:after,
.page-print .print-head:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/***  end Clears ***/


/*** General Styles ***/
h1, h2, h3, h4, h5, h6 { color: #777; text-transform: uppercase; margin-bottom: 10px;}

p { margin-bottom: 10px; }

ul,ol { padding: 0 3em; }

.image-left { float: left;  margin: 0 20px 20px 0; }



/***  Header ***/
#header {
  position: relative;
  height: 175px;
  background: transparent url(images/header-background-820x20.jpg) no-repeat top center;
}
#logo {
  position: absolute;
  top: 40px;
  left: 32px;
}
#rings {
  position: absolute;
  width: 267px;
  height: 174px;
  top: -24px;
  right: -25px;
  background: transparent url(images/wedding-rings-267x174.gif) no-repeat top right;
} 

/*  Navigation */
#navigation { 
  position: absolute; 
  bottom: 0px; left: 50px; 
  width: 630px; 
  padding: 10px 0 20px; 
  border-top: 2px dotted #7aaeb5;
  font-size:16px; 
  text-transform: uppercase;
  font-weight: bold;
}

#navigation a { text-decoration:none; color: #444; }
#navigation a:hover { text-decoration:underline; /*color: #567b80;*/ color: #7aaeb5; }

/* active nav link */
.home #navigation a.home, 
.designs #navigation a.designs, 
.features #navigation a.features, 
.order #navigation a.order, 
.tips #navigation a.tips { color: #7aaeb5; }

#navigation ul { list-style-type:none; padding: 0; }
#navigation ul li {
	display: inline;
}
#navigation ul a {
  display: block;
  float: left;
  height: 28px;
  padding: 4px 10px 0 10px;
  border-right: 2px dotted #7aaeb5;
}
#navigation li.first a { padding-left: 0; }
#navigation li.last a { border-right: none; }
/*  end Navigation */
/*** end Header ***/


/*** Main ***/
.main { }

#main {
  position: relative;
  border-right: 2px dotted #7aaeb5;
  min-height: 373px;
}

/* Form Elements */
textarea { overflow:auto; }
input, select, textarea, button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; }
input.input-text, select, textarea { border:1px solid #888; }
input.input-text:focus, select:focus, textarea:focus {}
input.input-text, textarea { padding:2px; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em; }

/*** end Main ***/


/*** Sidebar ***/
.col-right {
  font-size: 12px;
  min-height: 373px;
}
/*** end Sidebar ***/


/*** Footer ***/
.footer { 
  clear: both;
  height: 50px;
  width: 740px;
  background: transparent url(images/footer-background-820x20.jpg) no-repeat center bottom;
  position: relative;
  padding: 10px 30px 0 50px; 
  text-transform: lowercase;
}
.footer ul {
  list-style-type:none;
  padding: 0;
  float:left;
  width: 100%;
}
.footer ul li {
  display: inline;
}
.footer ul a {
  float: left;
  padding-right: 10px;
  text-decoration: none;
  color: #999;
}
.footer ul a:hover {
  color: #7aaeb5;
  text-decoration: underline;
}



/*** end Footer ***/