/*
Theme Name: Elevation Design
Theme URI: http://www.elevationdesign.ie/
Description: Designed by Eyesparks
Author: Peter Hughes
Author URI: http://eyesparks.com/
*/



/* ------------- Main Layout Definitions --------------*/
/* ----------------------------------------------------*/
html, body				{ height: 100%; margin-bottom: 1px; }
body 					{ font-family: Georgia, Caslon, serif; font-size:13px; line-height:1.4; background: #f5f4ea; background-position:top; text-align:center; padding:0; }


p 						{ font-family: Georgia, serif; font-size: 0.9em; color:#000000; margin: 0 0 10px 0; }
h1 						{ display:none; }
h2 						{ font-family: Georgia, Caslon, serif; font-size: 1.6em; font-weight:normal; margin:0 0 10px 0; color:#FFFFFF; }
h3 						{ font-family: Georgia, Caslon, serif; font-size: 1.5em; font-weight:normal; margin:10px 0 10px 0; color:#2C4AE8; clear:left; }
h4 						{ font-family: Georgia, Caslon, serif; font-size: 1.4em; font-weight:normal; padding:10px 0 10px 0; color:#2C4AE8; }
h5 						{ font-family: Georgia, Caslon, serif; font-size: 1.0em; padding:0; margin:0 0 10px 0;}
h6 						{ font-size: 0.8em; color:#999999; margin: 0; padding:0; }
img 					{ margin: 0; padding:0; border:0; }
img 					a{ margin: 0; padding:0; border:0; }
#map_canvas				{ float:right; height:250px; width:450px;}
a						{ margin: 0; padding:0; color:#000000; }
.code					{border:1px solid #ccc; padding:5px; float:left; clear:both;}
code					{font-size:12px; font-family:"Courier New", Courier, monospace;}

#container 				{ width:920px; margin:30px auto 30px auto;}




/* ----------------- Navigation Area ------------------*/
/* ----------------------------------------------------*/
ul#nav 					{ height:34px; width: 920px; text-align:center; list-style: none; background:#f5f4ea url(images/buttons/end.gif) no-repeat; background-position:801px 0; margin:0 auto; padding:0 0 0 10px; clear:both;}
ul#nav li 				{ list-style: none; float:left; margin: 0; padding: 0; text-indent: -9999px; }
ul#nav li  				a{height:34px; display:block; margin: 0; background-position: 0 0; color:#000000; text-decoration:none;}
ul#nav li.butt1 		a{width:97px; background-image: url(images/buttons/home.gif);}
ul#nav li.butt2 		a{width:111px; background-image: url(images/buttons/collection.gif);}
ul#nav li.butt3 		a{width:128px; background-image: url(images/buttons/how-to-order.gif);}
ul#nav li.butt4 		a{width:79px; background-image: url(images/buttons/about.gif);}
ul#nav li.butt5 		a{width:112px; background-image: url(images/buttons/testimonials.gif);}
ul#nav li.butt6 		a{width:66px; background-image: url(images/buttons/faqs.gif);}
ul#nav li.butt7 		a{width:111px; background-image: url(images/buttons/promotions.gif);}
ul#nav li.linksbutt		a{width:66px; background-image: url(images/buttons/links.gif);}
ul#nav li.butt8 		a{width:87px; background-image: url(images/buttons/contact.gif);}

ul#nav li.butt1 a:hover,
ul#nav li.butt2 a:hover,
ul#nav li.butt3 a:hover,
ul#nav li.butt4 a:hover,
ul#nav li.butt5 a:hover,
ul#nav li.butt6 a:hover,
ul#nav li.butt7 a:hover,
ul#nav li.linksbutt a:hover,
ul#nav li.butt8 a:hover {background-position: 0px 34px;}

body#home 				#nav li.butt1 a, 
body#collection			#nav li.butt2 a, 
body#howtoorder			#nav li.butt3 a, 
body#about		 		#nav li.butt4 a, 
body#testimonials 		#nav li.butt5 a, 
body#faqs		 		#nav li.butt6 a, 
body#promotions 		#nav li.butt7 a, 
body#contact	 		#nav li.butt8 a  {background-position: 0px 34px;}




/* ----------------- Link Buttons ------------------*/
/* ----------------------------------------------------*/
a.button {text-decoration: none;color: #000000;background-image: url(images/buttons/ButtSmall.png);
	background-attachment: scroll;background-repeat: no-repeat;white-space: normal;display: block;text-align: center;height: 27px;
	width: 100px;text-indent: 2px;line-height: 25px; }
a.button:hover {text-decoration: none;color: #0066CC;background-image: url(images/buttons/ButtSmall.png);
	background-attachment: scroll;background-repeat: no-repeat;white-space: normal;display: block;text-align: center;height: 27px;
	width: 100px;text-indent: 2px;line-height: 25px; }
	
a.buttonLarge {text-decoration: none;color: #000000;background-image: url(images/buttons/ButtBig.png);
	background-attachment: scroll;background-repeat: no-repeat;white-space: normal;display: block;text-align: center;height: 27px;
	width: 132px;text-indent: 2px;line-height: 25px;  margin:0 auto;}
a.buttonLarge:hover {text-decoration: none;color: #0066CC;background-image: url(images/buttons/ButtBig.png);
	background-attachment: scroll;background-repeat: no-repeat;white-space: normal;display: block;text-align: center;height: 27px;
	width: 132px;text-indent: 2px;line-height: 25px; margin:0 auto;}
	
a.buttonXLarge {text-decoration: none; float:right; color: #000000;background: url(images/buttons/ButtXBig.png);
	background-attachment: scroll;background-repeat: no-repeat;white-space: normal;display: block;text-align: center;height: 27px;
	width: 180px;  text-indent: 2px;line-height: 25px;  margin:88px 10px 0 0!important;  margin/**/:85px 5px 0 0; font-size:12px; cursor:pointer;}
a.buttonXLarge:hover {text-decoration: none; float:right; color: #0066CC;background: url(images/buttons/ButtXBig.png);
	background-attachment: scroll;background-repeat: no-repeat;white-space: normal;display: block;text-align: center;height: 27px;
	width: 180px; text-indent: 2px;line-height: 25px; margin:88px 10px 0 0!important;  margin/**/:85px 5px 0 0;  font-size:12px;}
	
.buttonForm {text-decoration: none;color: #000000;background-image: url(images/buttons/ButtBig.png);
	background-attachment: scroll;background-repeat: no-repeat;white-space: normal;display: block;text-align: center;height: 27px;
	width: 132px;text-indent: 2px;line-height: 25px; margin:0 auto; font-weight:bold;}
.buttonForm:hover {text-decoration: none;color: #F05922;background-image: url(images/buttons/ButtBig.png);
	background-attachment: scroll;background-repeat: no-repeat;white-space: normal;display: block;text-align: center;height: 27px;
	width: 132px;text-indent: 2px;line-height: 25px; margin:0 auto; font-weight:bold;}


/* ------------------ Content Area --------------------*/
/* ----------------------------------------------------*/
#mainCONTENT			{width: 920px; float:left; height:100%; margin:0; padding:5px 0 10px 25px!important; padding:/**/5px 0 10px 25px;  background:url(images/contentshadow.gif) repeat-y;}
#content1 				{width:855px; min-height:600px; float:left;  margin:0 0 20px 0; padding:15px 0 15px 15px; background:#f5f6f6 url(images/contentBack.gif) repeat-x;}
#content2 				{width:790px; min-height:580px; float:left; margin:0; padding:20px; border:#fff 5px solid; text-align:left;}
#content1a 				{width:735px; min-height:600px; float:right; margin:0 50px 0 0!important; margin/**/:0 25px 0 0; padding:15px 0 15px 15px; background:#f5f6f6 url(images/contentBack.gif) repeat-x;}
#content2a 				{width:670px;  min-height:580px; float:left; margin:0; padding:20px; border:#fff 5px solid; text-align:left;}
#logo					{width:221px; height:100px; float:right; margin:0 0 10px 0px; background:url(images/logo.gif) no-repeat;}
#logo_home				{width:221px; height:100px; float:right; margin:0 0 10px 0px; background:url(images/logo_home_blue.gif) no-repeat;}
#fullwidth				{width:785px; float:left; text-align:left; margin:0 0 10px 0;}
#leftbox				{width:380px; float:left; text-align:left;}
#rightbox				{width:380px; float:right;text-align:left;}
#rightbox2				{width:420px; float:right;text-align:left;}
#stylebox				{width:150px; float:left;text-align:center;}
.stylebox				{width:150px; float:left; text-align:left; margin:0 30px 0 0;}
.customerbox			{width:120px; height:200px; float:left; margin:0 25px 10px 0;}
.customerbox			img{padding:0; margin:0;}

#topbar					{width: 920px; height:15px; margin:0; background:url(images/topbar.gif); text-align:center;}
#howtoSection			{width:230px; height:157px; margin:0 0 20px 0; padding:0 10px 0 10px; background:url(images/howtoorder/section.gif) no-repeat right; text-align:center;}

.step1					{width:65px; height:80px; margin:0 0 10px 0; padding:0; background:url(images/howtoorder/step1.png); }
.step2					{width:65px; height:80px; margin:0 0 10px 0; padding:0; background:url(images/howtoorder/step2.png); }
.step3					{width:65px; height:80px; margin:0 0 10px 0; padding:0; background:url(images/howtoorder/step3.png); }
.step4					{width:65px; height:80px; margin:0 0 10px 0; padding:0; background:url(images/howtoorder/step4.png); }
.step5					{width:65px; height:80px; margin:0 0 10px 0; padding:0; background:url(images/howtoorder/step5.png); }
.step6					{width:65px; height:80px; margin:0 0 10px 0; padding:0; background:url(images/howtoorder/step6.png); }

.home_text				{width:380px; float:right; display:block; clear:both; margin-top:0px;}
#collectionCONTENT		{width: 920px; margin:0; padding:5px 0 0 25px;  background: url(images/contentshadow.gif) repeat-y;}
#homepageCONTENT		{width: 920px; height:585px; margin:0; padding:5px 0 0 25px;  background: url(images/contentshadow.gif) repeat-y;}
#homepageFLASH			{float: left; width:435px; height:390px; margin:0; padding:0;}
#homepagenonFLASH		{float: left; display:block; width:420px; height:360px; margin:0; padding:15px 15px 15px 0; background:url(images/homepage/gradient_summer.jpg) repeat-x;}
#nonflash_inside		{width:375px; height:310px; float:right; margin:0; padding:20px; border:#fff 5px solid; border-left:0px; text-align:left;}
#collectionFLASH		{float:left; width:750px; margin:0 0 0 10px;}
#boxCONTAINER			{float: left; width: 865px; height:165px; margin:10px 0 0 0; padding:0;}
#homepageBOX001			{float: left; width: 175px; height: 160px; margin: 0; padding:5px 130px 0 15px; background: url(images/homepage/homebox006.gif) no-repeat;text-align:left;}
#homepageBOX002			{float: left; width: 195px; height: 160px; margin: 0; padding:5px 105px 0 10px; background: url(images/homepage/homebox002.gif) no-repeat;text-align:left;}
#homepageBOX003			{float: right; width: 195px; height: 160px; margin: 0; padding:5px 15px 0 15px; background: url(images/homepage/homebox005.gif) no-repeat;text-align:left;}
#homepageBOX_bag		{float: left; width: 195px; height: 160px; margin: 0; padding:5px 105px 0 10px; background: url(images/homepage/homebox_customise.jpg) no-repeat;text-align:left;}
#homepage_christmas		{float: left; width: 195px; height: 160px; margin: 0; padding:5px 105px 0 10px; background: url(images/homepage/homepage_christmas_card.jpg) no-repeat;text-align:left;}

#home_testimonials		{float: left; width:272px; margin: 0; height:143px; padding:20px; background: url(images/homepage/jan10_testback.jpg) no-repeat top; text-align:left;}

.homepageBOX_dance		{float: right; width:544px; height: 161px; margin:7px 50px 0 0!important; margin/**/:3px 50px 0 0; padding:0; background: url(images/homepage/january_dance.jpg) no-repeat;text-align:left; cursor:pointer;}
#home_promo				{float: right; width:506px; height:143px; margin:0 50px 0 0!important; margin/**/:0px 25px 0 0; padding:20px; background: url(images/homepage/june09_promoback.jpg) no-repeat;text-align:left;}


.title_filler			{float:left; width:500px; height:100px; text-align:left; margin:0 0 10px 0px;}
.title_filler_short		{float:left; width:400px; height:100px; text-align:left; margin:0 0 10px 0px;}
#collectionCONTENT		{width: 920px; float:left; margin:0; padding:5px 0 0 10px;  background-image: url(images/contentshadow.gif);background-repeat: repeat-y;}

/* ------------------ Subnav items --------------------*/
/* ----------------------------------------------------*/
#sidenav                {width:110px; height:610px; float:left; margin:0; background:url(images/subnavback.gif) repeat-x;}
ul#subnav2				{list-style:none; margin:0; padding:0; text-indent:0; float:left; text-align:left; font-family:Arial, Helvetica, sans-serif;}
ul#subnav2	li			{list-style:none; margin:0; padding:0; float:left;}
ul#subnav2	li			a{font-size:12px; text-decoration:none; color:#000; float:left; width:90px; padding:8px 10px; background:url(images/buttons/navspace.png) no-repeat bottom;}
ul#subnav2	li.current	a{background:url(images/buttons/navspace.png) no-repeat bottom #FFF; color:#FF6600;}
ul#subnav2	li.current_page_item	a{background:url(images/buttons/navspace.png) no-repeat bottom #FFF; color:#FF6600;}
ul#subnav2	li			a:hover{background:url(images/buttons/navspace.png) no-repeat bottom #FFF; color:#FF6600;}




/* ----------------- Measurements List ----------------*/
/* ----------------------------------------------------*/
ul#numbersList 			{ text-align:center; list-style: none;  padding:0; clear:both; }
ul#numbersList li 		{text-align:center; list-style:none; float:left; width:47px; height:46px; margin:0; 
						background:url(images/measurements/numbers.png) no-repeat;  }
ul#numbersList li  		a{display:block; color:#000000;  padding:14px 9px 10px 21px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
ul#numbersList li  		a:hover{color:#F05922; text-decoration:none;}


/* ----------------------- Lists ----------------------*/
/* ----------------------------------------------------*/
ul						{list-style:none; margin-left:0; margin:5px; padding-left:1em; text-indent:-1em;}
li	 					{list-style-type:circle; list-style-position: inside; line-height:1.3em; color:#000000; font-size:0.8em;}



/* ------------------ Contact Form --------------------*/
/* ----------------------------------------------------*/
.mainField 				{width:380px; float:left; margin:0 0 10px 0; padding:0; border-top:1px #fff solid;}
.leftField 				{float:left; clear:left; text-align:left; width:150px; margin:0; padding:0;}
.rightField 			{float:right; clear:right; text-align:left; width:200px; margin:0; padding:0;}

.wpcf7-form		table	{margin:0 0 15px 0;}



/* -------------------  Guestbook ---------------------*/
/* ----------------------------------------------------*/
#guestentry				{margin:20px 0; border-bottom:1px #666666 dashed;}
#guestnext				{text-align:center;}

#mainField2 			{width:200px; float:left; margin:0 0 10px 0; padding:0;}
#mainField2 			input,textarea{width:200px;}



/* ------------------- Footer Area --------------------*/
/* ----------------------------------------------------*/
#footer 				{width:920px; height:100px; float:left; display:block; margin:0; padding:0; background:url(images/footer2.gif) no-repeat;}
#footText 				{text-align:left; width:895px; margin:0; padding:15px 0 0 25px;}
.grant					{float:right; margin:0 5px 0 0;}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}
	
.post	{
	margin:0 0 30px 0;
	clear:both;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

.fn	{
	font-size:140%;
	font-style:normal;
}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.comment {
	border-bottom:1px solid #999;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */





/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/