body {
	background: #F0C218 url(../images/body-bg.jpg) top center no-repeat;
}

a {
	outline:none;
}

#wrapper {
	position:relative;
	margin:210px auto 0 auto;
	padding:0 5px 0 5px;
	background: url(../images/wrapper-bg.png) top left repeat-y;
}


#header {
	position:absolute;
	left:-150px;
	top:-200px;
	width:1200px;
	height:375px;
	background:url(../images/header-new-bg.png) top left no-repeat;
}

h1#logo {
	margin-left:480px;
	margin-top:130px;
}

h1#logo a {
	display:block;
	width:405px;
	height:101px;
	background:url(../images/EQ-logo-worn.png) top left no-repeat;
	text-indent:-9000px;
}



/*------------------------------------- Start top nav styles -------------------------------------*/

div#nav {
	position:absolute;
	z-index:100;
	top:240px;
	left:150px;
}

#nav ul {
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}

#nav ul li {
	float:left;
	padding:0;
	margin:0 8px 0 0;
}

#nav ul li.last {
	margin-right:0;
}

#nav ul li a {
	display:block;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin-right:0;
	color:#fff;
	text-indent:-9000px;
}

#nav ul li a#homeNav {
	height:22px;
	width:76px;
	background:url(../images/home--nav-pixy.png) top left no-repeat;
}

#nav ul li a#homeNav:hover {
	background-position: 0 -46px;
}

#nav ul li a#aboutNav {
	height:22px;
	width:76px;
	background:url(../images/about-nav-pixy.png) top left no-repeat;
}

#nav ul li a#aboutNav:hover {
	background-position: 0 -49px;
}

#nav ul li a#corporateNav {
	height:22px;
	width:76px;
	background:url(../images/corporate-nav-pixy.png) top left no-repeat;
}

#nav ul li a#corporateNav:hover {
	background-position: 0 -50px;
}

#nav ul li a#contactNav {
	height:22px;
	width:76px;
	background:url(../images/contact-nav-pixy.png) top left no-repeat;
}

#nav ul li a#contactNav:hover {
	background-position: 0 -50px;
}

#nav ul li a#orderNav {
	height:22px;
	width:76px;
	background:url(../images/order-nav-pixy.png) top left no-repeat;
}

#nav ul li a#orderNav:hover {
	background-position: 0 -46px;
}

#nav ul li a#productsNav {
	height:26px;
	width:76px;
	background:url(../images/product-nav-pixy.png) top left no-repeat;
}

#nav ul li a#productsNav:hover {
	background-position: 0 -50px;
}

#nav ul li a#galleryNav {
	height:22px;
	width:76px;
	background:url(../images/gallery-nav-pixy.png) top left no-repeat;
}

#nav ul li a#galleryNav:hover {
	background-position: 0 -50px;
}

#nav ul li a#testimonialsNav {
	margin-top:-5px;
	height:27px;
	width:95px;
	background:url(../images/testimonials-nav-pixy.png) top left no-repeat;
}

#nav ul li a#testimonialsNav:hover {
	background-position: 0 -54px;
}


/*------------------------------------Highlight current page -------------------------*/
body#home a#homeNav, 
body#order a#orderNav {
	background-position:0 -46px!important;
	background-repeat:no-repeat;
}

body#about a#aboutNav {
	background-position:0 -49px!important;
	background-repeat:no-repeat;
}

body#corporate a#corporateNav,
body#contact a#contactNav,
body#products a#productsNav,
body#gallery a#galleryNav {
	background-position:0 -50px!important;
	background-repeat:no-repeat;
}


body#testimonials a#testimonialsNav {
	background-position:0 -54px!important;
	background-repeat:no-repeat;
}
/*------------------------------------- End top nav styles -------------------------------------*/



#content {
	margin-top:160px;
	margin-bottom:20px;
}

#content a {
	color:#FD0DBA;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

#content h2 {
	display:block;
	padding:44px 0 0 15px;
	margin:0;
	font-size:23px;
	text-transform:uppercase;
	width:457px;
	height:63px;
	font-family:Rockwell;
	color:#f0c218;
	background:url(../images/top-level-bg.png) top left no-repeat;
}

#content h3 {
	font-size:18px;
	text-transform:uppercase;
	font-family:Rockwell;
	padding-bottom:0;
	margin-bottom:0;
	color:#000;
}

#content h4 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.5em;
	font-weight:bold;
	padding-left:7px;
	padding-bottom:10px;
}

#content p {
	padding-left:7px;
	margin-top:0;
}

#content ul {}

#content ul li p {
	font-weight:bold;
	padding:0;
	margin:0;

}

#footer {
	background:url(../images/footer-bg.png) top left no-repeat;
	margin:0 auto;
	padding:0 5px;
	width:960px;
	height:512px;
}

#vidFrame {
	position:absolute;
	right:22px;
	top:165px;
	z-index:999;
	background:url(../images/polaroid-bg.png) top left no-repeat;
	height:494px;
	width:459px;
	margin-top:10px;
}

#secondaryContent img {
	margin-top:28px;
	margin-left:5px;	
}

#mainContent img {
	float:left;
	padding:2px;
	border:solid 1px #ccc;
	margin:0 10px 10px 0;
}

/*------------------------------Staff pic styles---------------------------------------*/
#lowerContent {
	padding-left:320px;
}

#lowerContent p {
	padding-left:0;
}

p.name {
	margin-bottom:0;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666;
	font-style:normal;
}

p.title {
	margin-bottom:3px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	color:#666;
	font-style:italic;
}

#lowerContent div.staffPic {
	height:400px;
	margin-bottom:15px;
	background:#efefef;
}

#lowerContent div.staffPic > * {
	padding:7px
}

#lowerContent div.picBox {
	float:left;
	margin:7px 10px 5px 7px;
	padding:0;
	border-bottom: solid 1px #999;
}

#lowerContent h3,#lowerContent h4  {
	padding-left:7px;
}

#lowerContent img {
	padding:3px;
	border:solid 1px #ccc;
	margin-bottom:5px;
}

/*------------------------------------------Product page styles --------------------------------*/
div#secondaryContent div.productsLeft, div#secondaryContent div.productsCentre, div#secondaryContent div.productsRight {
	height:360px;
}

div#secondaryContent div.productsLeft p, div#secondaryContent div.productsCentre p, div#secondaryContent div.productsRight p {
	padding-bottom:0;
	margin-bottom:10px;
}

div#secondaryContent div.productsLeft {
	float:left;
	width:298px;
	border:solid 1px #ccc;
	margin-right:6px;
	margin-left:7px;
	margin-bottom:15px;
}

div#secondaryContent div.productsCentre {
	float:left;
	width:298px;
	border:solid 1px #ccc;
	margin: 0 7px 15px 7px;
}

div#secondaryContent div.productsRight {
	float:left;
	width:298px;
	border:solid 1px #ccc;
	margin: 0 0 15px 6px;
}

div#secondaryContent div.productsLeft img, div#secondaryContent div.productsCentre img, div#secondaryContent div.productsRight img {
	padding:1px;
	border:solid 1px #ccc;
	margin:7px;
}
	
a.orderButton {
	display:block;
	margin-top:0;
	padding:0 0 0 10px;
	color:#fff!important;
	line-height:28px;
	width:270px;
	border:dashed 1px #fff;
	font-family:Rockwell;
	font-size:14px;
	font-weight:bold;
	background:#FF00FF;
}

a.orderButton:hover {
	background:#f0c218;
	text-decoration:none!important;
	color:#000!important;
}

/*----------------------------------------------Gallery Styles ---------------------------------------------*/
div.galleryPic {
	text-align:center;
	margin-bottom:20px;
}

div.galleryPic img {
	padding:4px;
	border:solid 1px #ccc;
}
	

/*-------------------------------------------Subpage sidebar styles -----------------------------------*/
#sideBar ul, #sideBar ul li {
	padding:0 0 10px 0;
	margin:0;
}

#sideBar ul {
	list-style:none;
}


/*------------------------------------- Testimonials Styles --------------------------------------------*/
div.testimonials {
	height:380px;
	margin-bottom:20px;
	background:#efefef;
}

p.testimonials {
	padding:0 10px 10px 10px;
	margin:0;
}

div.testimonials h3 {
	padding:5px 10px 5px 10px;
	margin:0;
}

div.testimonials hr {
	padding:0;
	margin:5px 7px 5px 7px;
}

a.getTestimonial {
	display:block;
	line-height:24px;
	padding-left:30px;
	margin-left:7px;
	background:url(../images/down.png) top left no-repeat;
}
	

/*--------------------------------------------Order form Styles ----------------------------------------*/
table {
	margin-left:10px;
	border-left:dashed 1px #ccc;
	border-bottom:dashed 1px #ccc;
	border-right:dashed 1px #ccc;
}

p.note {
	float:left;
	font-size:10px;
}

.superscript {
	position: relative;
	bottom: 0.5em;
	font-size: 0.8em;

}

table.product, table.delivery, table.submit, table.message {
	width:600px;
}

table.message, table.message tbody, table.message tbody tr, table.message tbody tr td {
	padding:0;
}

table.submit {
	border:none;
}

table.submit td {

}

table.delivery td {
	width:33%;
}

table.customer {
	width:300px;
}

table, tr, td, th {
	text-align:left;
	vertical-align:top;
}

div#content div#mainContent table tbody tr.header th h4 {
	padding:5px 0 5px 0;
	margin:0;
}

tr.header, tr.header th, th {
	background:#f0c218;
	height:20px;
}

tr#deliv-heads td h5 {
	font-family:Rockwell;
	font-size:14px;
	font-weight:normal;
	padding-bottom:0;
	margin-bottom:0;
}	

tr.odd {
	background:#f1f1f1;
}

tr, td, th {
	padding:0 5px;
}

h4 {
	padding:7px 0 0 0;
	margin:0 0 5px 0;
}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
}

input {
	padding:3px;
	margin:3px;
	font-size:14px;
	font-family:Rockwell;
	border:solid 2px #666;
}

input.button {
	width:310px;
	border:solid 2px #000;
	font-size:16px;
	font-weight:bold;
	background:#f0c218;
}

input.button:hover {
	background:#FD0DBA;
}
	
	

textarea {
	padding:3px;
	margin-top:16px;
	margin-bottom:6px;
	font-size:14px;
	font-family:Rockwell;
	border:solid 2px #666;
}

textarea#message {	
	width:550px;
	margin-bottom:18px;
	margin-top:18px;
	margin-left:20px;
}

label.text {
	display:block;
	margin-left:3px;
}

label.error {
	position:absolute;
	width:200px;
	font-size:10px;
	left:650px;
	line-height:16px;
	color:#660000;
	margin-left:15px;
	padding:3px 0 3px 20px;
	background:url(../images/error_bg.png) center left no-repeat;
}

table#table2.message > tbody > tr > td > label.error {
	left:425px;
	margin-top:-32px
}

table.delivery > tbody > tr > td > label.error {
	position:static;
	float:left;
	width:150px;
	margin-left:5px;
}

table.product > tbody > tr > td > label.error {
	position:static;
	float:left;
	width:150px;
	margin-left:5px;
}

/*------------------------------------------- Footer styles ---------------------------------------------*/
#footer p {
	color:#FFFFFF;
	padding-left:10px;
}

#footer h3 {
	display:block;
	margin-top:40px;
	margin-bottom:0;
	padding:22px 0 0 12px;
	width:246px;
	height:43px;
	color:#000;
}

h3#leftFooter {
	background:url(../images/h3-leftFooter-bg.png) top left no-repeat;
}

h3#centreFooter {
	background:url(../images/h3-centreFooter-bg.png) top left no-repeat;
}

h3#rightFooter {
	background:url(../images/h3-rightFooter-bg.png) top left no-repeat;
}

#copyright {
	height:109px;
	margin-top:10px;
}

#copyright p {
	display:block;
	font-size:10px;
	color:#666;
	padding:46px 0 0 16px;
	height:63px;
	width:450px;
	background:url(../images/copyright-bg.png) top left no-repeat;
}	

p.footer {
	margin-bottom:5px;
}

#footer a {
	color:#f0c218;
	text-decoration:underline;
	margin-bottom:0;
	padding-bottom:0;
	
}

#footer a:hover {
	color: #FD0DBA;
}

#footer ul, #footer ul li {
	font-size:11px;
	padding-left:0;
	padding-bottom:5px;
	margin-left:10px;
}

p.details {
	margin-bottom:0;
	padding-bottom:0;
	
}

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

/*-------------------------------------------Twitter feed styles -----------------------------*/
div#twitter {
	position:absolute;
	top:320px;
	left:50%;
	margin-left:490px;
	width:200px;
	height:399px;
	background:url(../images/post-it.png) top left no-repeat;
}

div#twitter p {
	font-size:11px;
}

div#twitter h2 {
	padding-top:20px;
	margin-left:15px;
	margin-bottom:0;
	padding-bottom:5px;
}

div#twitter li {
	font-size:11px;
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:0;
	margin-left:0;
	margin-right:0;
}

div#twitter ul {
	border-bottom:dashed 1px #000;
	margin:0 10px 5px 15px;
	padding-bottom:5px;
}

.twitted p.preLoader {
	font-weight:bold;
	margin: 0 0 0 10px;
	padding: 1em 1em 1em 40px;
	background:url(../images/ajax-loader.gif) 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

div#twitter a {
	color:#FF00FF;
}
	
/*------------------------------- Hacks and clearfix ------------------------------------*/
.clear {
	display:inline-block;
}

/* Holly Hack Targets IE Win only \*/
* html .clear {height: 1%;}
.clear {display:block;}
/* End Holly Hack */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}