/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

body	{ background: #33281f url(../images/background_brown.jpg) right top repeat-x; }
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.flClear { clear:both; height:0; font-size: 1px; line-height: 0px; }

h3	{ color: #ec008c; font-size: 123.1%; font-weight: bold; line-height: 120%; margin: 10px 0; }
h4	{ color: #524131; font-size: 123.1%; font-weight: bold; line-height: 100%; margin: 10px 0; }
.center	{ text-align: center; }
p	{ text-align: justify; }

img.imgOneThirdH	{ width: 260px; height: auto; }
img.imgOneThirdV	{ width: 245px; height: auto; }

/*bands*/
.band	{  }
.container	{ background-color: #fff; }
.band.header	{ padding-top: 25px; background: url(../images/header_top.jpg) center top no-repeat; }

.band.header h1	{ margin-bottom: 0px; }
	h1.logo	img { width: 100%; height: auto; margin-bottom: -5px; }
	#mainNavOuter	{}
		ul#mainNav		{ float: right; margin-bottom: 0; }
		ul#mainNav li	{ float: left; margin: 41px 0px 0px 20px; border: solid red 0px; }
		ul#mainNav li a	{ background-position: left top; background-repeat: no-repeat; text-indent: -3000px; height: 30px; display: block; }
		ul#mainNav li a:hover	{  }
			ul#mainNav li a#nailCare	{ background-image: url(../images/nav_nailcare.jpg); width: 111px; }
			ul#mainNav li a#maniPedi	{ background-image: url(../images/nav_manipedi.jpg); width: 234px; }
			ul#mainNav li a#skinCare	{ background-image: url(../images/nav_skincare.jpg); width: 113px; }
	
	#secondaryNav	{ position: absolute; right: 15px; top: 5px; text-align: right; border: solid red 0px; }
	#secondaryNav ul li	{ float: left; margin-left: 10px; }
	#secondaryNav ul li	a		{ color: #333; text-decoration: none;}
	#secondaryNav ul li	a:hover	{ color: #000; text-decoration: underline;}
	#secondaryNav ul li	a img { }

.band.maincontent	{ padding-top: 26px; background: url(../images/header_bottom.jpg) center top no-repeat; }

/*Home Promos*/
	#home4promos { text-align: center; }
	#home4promos h2	{ text-align: center; font-size: 123.1%; font-weight: bold; color: #444; line-height: 100%; font-style: italic; letter-spacing: .0em; }
	#home4promos h2	span	{ text-indent: -3000px; height: 0; line-height: 0; width: 0px; display: block; }
	#home4promos img{ border-top: solid #ccc 0px; padding-top: 0px; }
	#home4promos p	{ text-align: center; font-style: normal; border-bottom: solid #dfd8cd 1px; padding-bottom: 1px; border-top: solid #dfd8cd 1px; padding-top: 1px; background-color: #eee6d9; }

.band.footer	{ 
	background: url(../images/header_bottom.jpg) center bottom no-repeat;
	color: 333;
	padding: 0px 0 25px 0;
}
.footer p	{ text-align: center; }
.band.bottom	{ background-color: #33281f;
	padding: 0px 0 7px 0;
}


.testimonial	{ margin: 20px; padding: 10px 20px 10px 20px; background-color: #f5edf3;
border-radius: 2px 20px 2px 20px;
-moz-border-radius: 2px 20px 2px 20px;
-webkit-border-radius: 2px 20px 2px 20px;
border: 1px solid #ec008c;
 }

.testimonial p	{ text-align: center; }

.testimonial p.testimonialTitle	{ color: #ec008c; font-size: 130%; margin: 2px; }
.testimonial p.testimonialQuote	{ font-style: italic; margin: 10px 2px 2px 2px; font-size: 123.1%; }
.testimonial span	{ font-weight: bold;  color: #ec008c;}
/*.testimonial p span.quoteR	{ text-align: right; display: block; line-height: 100%; }*/
.testimonial p.testimonialName	{ font-style: normal; font-weight: bold; margin: 2px; }

/* #Page Styles
================================================== */
.galleryThumbs			{}
.galleryThumbs a		{}
.galleryThumbs a img	{ margin-left: 10px; }

table.services		{ margin: 0 auto; width: 90%;  }
table.services tr	{ }
table.services tr td{ padding: 2px 5px 10px 5px;}
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
			ul#mainNav		{ margin-right: -40px; border: solid red 0px; }
			ul#mainNav li	{ float: left; margin: 30px 0px 0 35px; }
			ul#mainNav li a	{ background-position: left top; text-indent: -3000px; height: 42px; display: block; }
			ul#mainNav li a:hover	{ background-position: left bottom; }
				ul#mainNav li a#nailCare	{ background-image: url(../images/nav_nailcare_tablet.jpg); width: 51px; }
				ul#mainNav li a#maniPedi	{ background-image: url(../images/nav_manipedi_tablet.jpg); width: 122px; }
				ul#mainNav li a#skinCare	{ background-image: url(../images/nav_skincare_tablet.jpg); width: 51x; }

		#home4promos img	{ width: 90%; height: auto; margin: 0 auto;}
		#home4promos p		{ width: 90%; margin: 0 auto;}
		}
		img.imgOneThirdH	{ width: 86%; height: auto; }
		img.imgOneThirdV	{ width: 76%; height: auto; }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		body	{ background-image: none; background-color: #fff;}

		ul#mainNav		{ float: none; }
			ul#mainNav li	{ float: none;  margin: auto; }
			ul#mainNav li a	{ background-position: center bottom; margin: 10px auto; }
		#secondaryNav	{ float: none; position: relative; text-align: center; top: auto; right: auto; }
		#secondaryNav ul	{}
		#secondaryNav ul li	{ float: none; display: inline; margin: 0 5px; }
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		img.imgOneThirdH	{ width: 260px; height: auto; }
		img.imgOneThirdV	{ width: 245px; height: auto; }
		}
		

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#home4promos img	{ width: 225px; }
		#home4promos p		{ width: 225px; margin: 0 auto 10px auto; padding: 0 25px;}
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('http://paradisenailsonline.com/fonts/FontName.eot');
	    src: url('http://paradisenailsonline.com/fonts/FontName.eot?iefix') format('eot'),
	         url('http://paradisenailsonline.com/fonts/FontName.woff') format('woff'),
	         url('http://paradisenailsonline.com/fonts/FontName.ttf') format('truetype'),
	         url('http://paradisenailsonline.com/fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
body	{ font-family: "Times New Roman", Times, serif; }