/*------------------*/
/*SWATCHES*/
/*------------------*/
/*
#FF0099 (Pink)
*/


body,
div#wrap {
	background-repeat: no-repeat;
}


body {
	background-color: #FFF;
	background-image: url(../img/body_bg_right.png);
	background-position: top right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.4;
	color: #333;
	min-width: 860px;
}

	div.force {
		clear: both;
		height: 0;
	}
	
	.hide {
		display: none;
	}

	div#wrap {
		background-image: url(../img/body_bg_left.png);
		background-position: top left;
		
	}
	
	input,
	textarea,
	select {
		border: 0;
	}

	a {
		text-decoration: none;
		-webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;
	}
	
	p, cite {
		padding: 1em 0;
		font-size: 120%;
	}
	
		p a {
			border-bottom: 1px dotted #FF0099;
		}
	
		p a:hover {
			background-color: #FF0099;
			color: #FFF !important;
		}
		
		em {
			font-style: italic;
			font-weight: bold;
		}
	
		div#branding,
		div#navigation,
		div#content,
		div#footer {
			clear: both;
			width: 860px;
			margin-left: auto;
			margin-right: auto;
		}
	
		div#branding {
			background-image: url(../img/branding_bg.png);
			background-repeat: no-repeat;
			background-position: top;
			height: 349px;
		}
			h1 {
				padding-top: 50px;
			}
		
			h1 span.company {
				display: none;
			}
			
			h1 a#logo {
				width: 216px;
				margin-left: 322px;
				margin-right: 322px;
			}
		
		div#navigation-wrap {
			background-image: url(../img/nav_bg.png);
			background-position: top;
			background-repeat: repeat-x;
			background-color: #333;
			color: #FFF;
		}
		
			div#navigation {
				font-size: 140%;
				font-weight: bold;
				/*padding: 1em 0 1em 0;*/
			}
		
			div#navigation ul {
				list-style: none;
				text-align: center;
			}
			
			div#navigation ul li {
				display: inline;
				letter-spacing: -0.04em;
			}
			
			#home li#nav-home a,
			#tans-products li#nav-tans-products a,
			#prep-after li#nav-prep-after a,
			#testimonials li#nav-testimonials a,
			#contact li#nav-contact a
				{color: #ff77c9;}
			
			div#navigation ul li a {
				padding: 0.7em 1.2em;
				color: #FFF;
				display:inline-block;
			}
			
			div#navigation ul li a:hover {
				color: #FF0099 !important;
				-webkit-transform: translateY(-2px);
			}
		
		div#content {
			/*background-color: #CCCCFF;*/
			margin-top: 1.5em;
			margin-bottom: 1.5em;
		}
		
			div #content a {
				color: #FF0099;
			}
			
			div#content h2 {
				color: #FF0099;
				font-size: 300%;
				padding: 0.5em 0;
				letter-spacing: -0.07em;
			}
			
			div#content h3 {
				color: #000;
				font-size: 200%;
				letter-spacing: -0.01em;
				padding-bottom: 0.5em;
				line-height: 1.2em;
				
			}
			
				div#content h3.separate {
					border-top-style: solid;
					border-top-width: 1px;
					border-top-color: #DDD;
					padding-top: 1em;
					margin-top: 0.5em;
				}
			
			div#content ul {
				font-size: 130%;
				margin: 0 0 2em 2em;
			}
			
				div#content ul li {
					padding: 0.5em 0 0.5em 0;
				}
			
			div#content ul#intro {
				margin-bottom: 0;
				padding: 1em 0;
				font-weight: bold;
				border: 5px solid #FF0099;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				font-size: 140%;
				margin-left: 0;

			}
			
				div#content ul#intro li {
					padding: 0.3em 0 0.3em 0;
					margin-left: 2.5em;
					margin-right: 2em;
					border-bottom: 1px dotted #DDD;
				}
				
					div#content ul#intro li:last-child
						{border-bottom: none;}
				
			p.hurry span
				{display: block; float: left; width: 95px; height: 95px; margin: 0 20px 0 0; background-image: url(../img/clock.png); background-position: left center; background-color: #FF0099;
				-webkit-transition: all 1.4s ease-in-out; transition: all 1s ease-in;
				-webkit-animation: clock 4s infinite;}
				
			p.hurry strong
				{font-weight: bold;}
				
			p.hurry em
				{font-style: italic; font-weight: normal;}
				
			@-webkit-keyframes clock {
					0% {opacity: 1;}
					50% {opacity: 0.8;}
					100% {opacity: 1;}
			}
			
			p.hurry:hover span
				{-webkit-transform: rotate(720deg);}
			
			
			div#content div.service,
			div#content div.product {
				border-bottom-style: solid;
				border-bottom-width: 2px;
				border-bottom-color: #DDD;
				margin-bottom: 2em;
			}
			
			div#content div.service {
				padding-bottom: 0.5em;
			}
			
			div#content div.service p.serviceoffer {
				color: #FF0099;
			}
			
			div#content div.product {
				padding-bottom: 2em;
			}
			
			div#content div.service h3 {
				font-weight: bold;
				letter-spacing: -0.05em;
			}
			
			div#content div.service h3 span {
				letter-spacing: normal;	
			}
			
				div#content div.service h3 span.servicesubinfo,
				div#content div.product h3 span.productsubinfo {
					font-size: 60%;
					font-weight: normal;
				}
				
				div#content div.service h3 span.price,
				div#content div.product h3 span.price {
					color: #666;
					font-weight: normal;
				}
				
				div#content div.product h3 span.brand {
					color: #666;
					display: block;
					text-transform: uppercase;
					font-size: 60%;
					letter-spacing: 0.1em;
				}
				
			div#content ul.coverage {
				margin-bottom: 0;
			}
			
				div#content ul.coverage li {
					
				}
			
			div#content div#content-col-01,
			div#footer div#footer-col-01 {
				width: 450px;
				float: left;
			}
			
			div#content div#content-col-01 form {
				margin-left: 20px;
				padding-left: 30px;
				border-left-color: #DDD;
				border-left-width: 2px;
				border-left-style: solid;
			}
			
				div#content div#content-col-01 form p {
					font-size: 90%;
					padding: 0.7em 0;
				}
				
					div#content div#content-col-01 form p span.unitseparator {
						padding: 0 0.4em;
					}
					
					div#content div#content-col-01 form p.interest {
						padding-left: 25px;
					}
				
				div#content div#content-col-01 form span.star {
					color: #FF0099;
					font-weight: bold;
				}
				
				div#content div#content-col-01 form span.required {
					padding-left: 0.1em;
					padding-right: 0.1em;
				}
			
				div#content div#content-col-01 form label {
					width: 12em;
					display: block;
					float: left;
					padding-top: 0.4em;
					cursor: pointer;
				}
				
					div#content div#content-col-01 form label.hide {
						display: none;
					}
					
					div#content div#content-col-01 form label.interest {
						display: inline;
						float: none;
						padding-left: 0.8em;
					}
				
				div#content div#content-col-01 form input.text,
				div#content div#content-col-01 form textarea,
				div#content div#content-col-01 form select {
					/*background-image: url(../img/form_bg.png);*/
					background-repeat: repeat-x;
					background-position: top;
					border: 1px solid #D2D2D2;
					/*border-right-style: solid;
					border-left-style: solid;
					border-right-width: 1px;
					border-left-width: 1px;*/
					max-width: 450px;
					color: #666;
					padding: 0.4em 0.3em 0.3em 0.3em;
					-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset; box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;
					-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
				}
				
				div#content div#content-col-01 form input.text,
				div#content div#content-col-01 form textarea {
					width: 16em;
				}
				
				div#content div#content-col-01 form textarea {
					font-family: Arial, Helvetica, sans-serif;
				}
				
					div#content div#content-col-01 form input.date {
						/*width: auto;*/
					}
					
					div#content div#content-col-01 form input.day,
					div#content div#content-col-01 form input.month {
						width: 1.6em;
					}
					
					div#content div#content-col-01 form input.year {
						width: 3em;
					}
				
				div#content div#content-col-01 form select {
					padding-left: 0;
				}
				
				div#content div#content-col-01 form p.submit {
					margin-left: 12em;
				}
				
					div#content div#content-col-01 form input.text:focus,
					div#content div#content-col-01 form textarea:focus {
						background-position: 0 -150px;
						border-color: #BBBBBB;
						background-color: #FFEDF8;
						-webkit-transition: background-color 0.1s ease, border-color 0.1s ease; -moz-transition: background-color 0.1s ease, border-color 0.1s ease; -o-transition: background-color 0.1s ease, border-color 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease;
					}
					
form p strong.error
	{display: block; font-style: italic; color: #FF0099; margin: 0.5em 0 0 12em;}
				
				div#content div#content-col-01 div.product div.productdesc,
				div#content div#content-col-02 img {
					border-style: solid;
					border-width: 5px;
					border-color: #F1F1F1;
				}
				
				div#content div#content-col-01 div.product div.productdesc {
					float: left;
					width: 275px;
					margin-left: 10px;
					padding: 0 0 15px 10px;
					border-top: 0;
					border-right: 0;
					border-bottom: 0;
					/*min-height: 226px;*/
				}
				
					div#content div#content-col-01 div.product div.productdesc h3 {
						padding-top: 0.5em;
					}
					
					div#content div#content-col-01 div.product div.productdesc p {
						padding-bottom: 0;
					}
					
				div#content div#content-col-01 img {
					float: left;
				}
				
			div#content div#content-col-02,
			div#footer div#footer-col-02 {
				width: 340px;
				float: left;
				margin-left: 70px;
			}
				
			div#content div#content-col-02 {
				color: #666;
				line-height: 1.6;
				font-size: 90%;
			}
			
				div#content div#content-col-02 img {
					padding: 10px;
					background-color: #FFF;
					margin-bottom: 1em;
				}
				
				div#content div#content-col-02 p.vcard,
				div#content div#content-col-02 p.tel,
				div#content div#content-col-02 p.adr {
					margin-left: 1em;
				}
				
				div#content div#content-col-02 p strong.contact {
					font-weight: bold;
					display: block;
					padding-bottom: 0.3em;
					margin-bottom: 0.1em;
					color: #333;
					margin-left: -1em;
				}
				
				div#content div#content-col-02 p strong:after {
					content: ":";	
				}
				
				/*div#content div#content-col-02 p.adr strong.contact {
					display: inline;
				}*/
		
		div#footer-wrap {
			background-color: #333;
			background-image: url(../img/footer_bg.png);
			background-position: top;
			background-repeat: repeat-x;
			color: #FFF;
		}
		
			div#footer {
				
			}
			
				div#footer p {
					font-size: 120%;
					line-height: 1.8;
				}
		
				div#footer p.footercompany {
					font-size: 180%;
					letter-spacing: -0.04em;
					border-bottom: #FF0099 2px solid;
					padding-bottom: 0.5em;
				}
				
				div#footer a {
					color: #FFF;
				}
				
				div#footer div#footer-col-02 {
					text-align: right;
				}
				
				div#footer div#footer-col-02 p.member {
					padding-bottom: 0;
				}
				
				div#footer div#footer-col-02 a#guild {
					
				}
				
					div#footer div#footer-col-02 a#guild img {
						display: block;
						float: right;
						margin-bottom: 3.5em;
					}
				
					div#footer div#footer-col-02 a#guild:hover {
						background-color: transparent;
					}
					
				div#footer div#legal {
					padding-bottom: 1em;
				}
				
					div#footer div#legal p {
						font-size: 80%;
					}
					
						div#footer div#legal p.smallprint {
							float: left;
						}
						
						div#footer div#legal p.credit {
							float: right;
						}
						

/*2009-12-13 Testimonials Page*/

blockquote
	{border-bottom: 1px dotted #FF0099;}
	
	blockquote p
		{font-style: italic; line-height: 1.6; padding: 1.5em 0;}
		
		blockquote p:before
			{content: "“"}
			
		blockquote p:after
			{content: "”"}
		
		blockquote p:first-child
			{text-indent: -0.25em;}
		
		blockquote p+p
			{padding-top: 0;}
		
		blockquote:first-child p
			{padding-top: 1em;}
		
		blockquote p em
			{font-weight: bold;}
			
		blockquote cite
			{display: block; font-weight: bold; text-align: right; /*margin: 0.6em 0 0 0;*/ padding: 0 0 1.5em 0; color: #666;}
			
			blockquote cite:before
				{content: "– "; color: #CCC;}
			
	blockquote:last-of-type
		{border-bottom: none;}
		
	
.group:before,
.group:after
	{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; font-size: 1%; line-height: 0;}

.group:after
	{clear: both;}

.group
	{zoom: 1;}