/* 
ligter aqua blue #1a7f9a
dark aqua blue #00718e
yellow (selected items) #fff200
*/

/* TEMPLATE */

#contentFrame a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }
#contentFrame a:hover { color: #fff200; border-bottom: 1px solid #fff200;  }

body { font-size: 62.5%; line-height:21px; font-weight:bold; font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; color: #fff; background: #00718e; }

div#pageFrame { width: 981px; margin:auto; background: url(../images/topBkg.gif) no-repeat; background-position: 380px 0px; height: 1%; overflow: hidden; }

img#logo { float:right; margin: 41px 23px 42px 0; }

ul#mainNav { margin: 65px 0 0 20px; list-style: none; }
ul#secondaryNav {  margin: 14px 0 28px 20px; list-style: none; }

ul#mainNav li { display: inline; }
ul#secondaryNav li { display: inline; padding-right: 10px; }

ul#mainNav li a, ul#secondaryNav li a { color:#fff; text-decoration: none; }
ul#mainNav li.selected a { color: #FFF200; }

div#contentFrame div#top { background: url(../images/topCentreMask.png) no-repeat top left; width: 981px;  }
div#contentFrame div#bottom { background: url(../images/botomCentreMask.png) no-repeat bottom left; width:981px; min-height: 504px; min-height: 462px; }

div#footer{ margin: 28px 0 14px 0;}

/* REUSED ELEMENTS */

div#fadeFrame { background: red; position: absolute; }

#spacer {height: 42px; width:100px; line-height:42px; display:block;}

div.sixColBox { padding: 42px 97px 42px 20px; width: 573px; float: left; }
div.sixColBox p {width: 365px;}
div.sixColBox h1 {width: 545px;}
div.fourColBox { width: 385px; float: right; }
div.fourColBox p.intro { width: 320px; padding-left: 21px; }
div.fourColBox h1 { margin: 77px 0 68px 21px; }

div.threeColBox { width: 227px; margin-top: 43px; padding: 21px 21px 8px 21px; background: url(../images/newsTop.png) no-repeat top left; float: left; font-size: 12px; }
div.threeColBoxBottom { width: 269px; float: left; }

div.twoColBox { width: 152px; padding-left: 21px; float: left; }
h1.title { font-size: 24px; }
div.sixColBoxBottom { background:url(../images/botLeftRoundBkg.png) no-repeat left bottom;   margin-bottom: 14px; }


.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.error ul { margin: 0 0 0 14px; list-style: circle; }
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.hideMe { display: none; }


/* TYPOGRAPHY */

ul#mainNav { line-height: 28px; font-size: 2.4em; letter-spacing: -1px; }
h1 { line-height: 28px; font-size: 1.8em; letter-spacing: 0px; margin: 0 0 28px 0; }
h2 { color:#fff200; margin-bottom: 14px;}
h3 { font-size: 2.4em; font-weight: bold; margin-bottom: 7px; }
p { font-size: 1.2em; margin-bottom: 7px; line-height:21px; letter-spacing:0; font-weight:normal; }
strong{ font-weight:bold; }
em{ font-style:italic;}
div#latestNews p, p.small{ font-size:inherit; font-weight:bold;}
body#products p{ padding:0 20px 0 20px;}
/* BACKGROUNDS */


/* WELCOME */
div#rollingimg{position:absolute; z-index:1; margin-top:0;}
img.homeAnim{ }
body#home div#contentFrame{ position:relative; z-index:10; margin-top:-240px;}
 
 
/* body#home div#contentFrame { background:url(../images/homeBkg.jpg) no-repeat center center #1A7F9A; } */
body#about div#contentFrame { background:url(../images/aboutBkg.jpg) no-repeat center center; }
body#news div#contentFrame { background: #1A7F9A; }
body#contact div#contentFrame { background:url(../images/contactBkg.jpg) no-repeat center center; }

/* PRODUCTS */

body#products div.bkg1 { background:url(../images/laceBkg.jpg) no-repeat center center; }
body#products div.bkg2 { background:url(../images/readymadeBkg.jpg) no-repeat center center; }
body#products div.bkg3 { background:url(../images/tablewareBkg.jpg) no-repeat center center; }
body#products div.bkg4 { background:url(../images/customBkg.jpg) no-repeat center center; }

/* NEWS */

div#news { width: 557px; padding: 21px 0 21px 20px; }
div#news hr { border: 2px solid #1A7F9A; margin: 14px 0 14px 0; }

img.blog-image{ clear:both; display:block; border:8px solid #fff; position:absolute; margin-left:577px;}

/* CONTACT */

div#contactCol1 { padding: 21px; float: left; width: 400px; margin-right: 180px; }
#form1 input{ font-size:12px; line-height:14px}
#message1{ min-height:56px; height:56px; line-height:14px; }
#form1 .buttonrow{ padding-bottom:0; padding-top:0; border:0; margin-top:-14px;}
body#contact div#contentFrame div#bottom { min-height: 518px;}