/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------------- CSS SliceOnTheFly --------------------------------------*/
/*----------------------------------- The good stuff below :) -----------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles --------------------------------------------------------*/


		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 
		h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
		strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
		tfoot, thead, tr, th, td, hr, button, address
		{margin:0; padding:0; border:0; outline:0; font-size:100%; 
		vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		
		
/*- End Reset Styles ----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Sprite Load ---------------------------------------------------------*/


		#languageSelect a, #prevBtn, #nextBtn, .tlCorner, .trCorner,
		.blCorner, .brCorner, button span, button em, .prizeItem img,
		.timeItem img, .happyItem img, .returningItem img 
		{background:url(../images/shared/sotfSprite.gif) no-repeat 0 0;}


/*- End Sprite Load -----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Main Styles ---------------------------------------------------------*/

		html { min-height:100%; }
		body {font:76% Verdana, Arial, Helvetica, sans-serif; padding-bottom:270px; background:#FFF url(../images/shared/bodyGrassBg.jpg) repeat-x 0 100%; min-height:100%; }
			
			/*- Class to center content and define width -*/
			.contentWrapper {width:960px; margin:0 auto; overflow:hidden;}
			
				/*- Accesible Labels -*/
				.accesible {position:absolute; top:0; left:-32697px;}
			
				/*- SEO Keywords -*/
				.seo {font-weight:normal !important;}
				
				/*- Acronyms and Abbreviations -*/
				acronym, abbr {border-bottom:1px dotted #E8D6C4; font-variant:small-caps; cursor:help;}
			

/*- End Main Styles -----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Top Bar -------------------------------------------------------------*/
			
			
		#topBar {padding:10px 0; background:#FBFBFB; border-bottom:1px solid #F5F5F5;}
		
			#topBar .contentWrapper {position:relative; overflow:visible;}
		
				#topBar p {font-size:0.9em; color:#999; padding-right:70px;}
					/*- 20% discount -*/
					#topBar strong {font-weight:normal; color:#CC7058;}
					/*- Order Now -*/
					#topBar a {font-weight:bold; color:#999; text-decoration:none;}
					#topBar a:hover {text-decoration:underline;}
				
				/*- Language Selection -*/
				#languageSelect {padding-right:20px; position:absolute; top:-1px; right:0;}
					
					#languageSelect a {float:left; width:26px; height:19px; text-indent:-9999em; font-size:0; margin-left:5px;}								
					/*- English -*/
					#languageSelect .english {background-position:-136px -20px;}
					#languageSelect .english.langOn {background-position:-109px -20px;}				
					/*- Spanish -*/
					#languageSelect .spanish {background-position:-190px -20px;}
					#languageSelect .spanish.langOn {background-position:-163px -20px;}
					
					
/*- End Top Bar ---------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Header (Testimonies + Logo + Menu) ----------------------------------*/

		
		#header {padding-top:90px; min-height:339px; background:url(../images/shared/mainTree.png) no-repeat 0 90px;}
			
			
			/*------------------------------------------*/
			/*	TESTIMONY BUBBLE						*/
			/*------------------------------------------*/
			
			#testimonyContainer {margin-top:57px;}
				#testimonyBubble {font-family:Verdana, sans-serif; width:415px; height:129px; padding:30px 45px 10px; margin-left:392px; position:relative; overflow:auto;}
				
					#testimonyBubble cite,
					#testimonyBubble q {display:block;}
					
					/*- Tesimony Content -*/
					#testimonyBubble q {line-height:150%; color:#999; min-height:75px;}
					
					/*- Testimony Person-Company -*/
					#testimonyBubble cite {font-style:normal; color:#877468; padding-bottom:5px;}
						#testimonyBubble cite a {color:#B7B37C; text-decoration:none;}
						#testimonyBubble cite a:hover {text-decoration:underline;}
						
					/*- Easy Slider Styles -*/
					#testimonyItems, 
					#testimonyItems li {width:400px; height:90px; overflow:hidden;}
				
					/*- Buttons -*/
					#previousAndNext {position:absolute; top:20px; right:20px;}
						#prevBtn,
						#nextBtn {float:left; width:19px; height:19px; font-size:0; text-indent:-9999em; cursor:pointer;}
					
						/*- Previous Button -*/
						#prevBtn {background-position:-69px -20px;}	
						#prevBtn.overPrevBtn {background-position:-29px -20px}
						/*- Next Button -*/
						#nextBtn {background-position:-89px -20px;}
						#nextBtn.overNextBtn {background-position:-49px -20px}
						
					
					/*- Order Now -*/
					#orderNowTestimonyBubble p,
					#orderNowTestimonyBubble button {float:right;}
					#orderNowTestimonyBubble p {text-align:right; margin-right:10px; color:#CCC;}
				
						
			/*------------------------------------------*/
			/*	LOGO + MENU								*/
			/*------------------------------------------*/
			
			#logoAndMenu {width:800px; padding-bottom:20px; margin:130px auto 0; border-bottom:1px dotted #DDD; overflow:hidden;}
			
				/*- Logo -*/
				#logo {float:left; width:420px;}
					#logo h1 {}
						#logo h1 a {font:italic 4.2em Georgia, serif; color:#5F4736; word-spacing:-0.25em; text-decoration:none;}
							#logo h1 strong {display:block; color:#9CAC2C; font-size:0.37em; font-weight:normal; word-spacing:normal; margin-top:-6px;}
				
				
				/*- Menu -*/
				#menu {float:right; width:320px; margin:15px 20px 0 0;}
					
					#menu li,
					#menu h2 {display:inline;}	
								
					#menu li {line-height:200%;}			
						#menu h2 {font-weight:normal;}
							#menu a {color:#A7A69E; padding-left:12px; margin-right:15px; background:url(../images/shared/menuBullet.gif) no-repeat 0 51%;}
							#menu a:hover {color:#666;}
					
					/*- Current section -*/
					#menu .currentSection a {color:#CC7058; background-image:url(../images/shared/menuSelectedBullet.gif);}
			
			
/*- End Header (Testimonies + Logo + Menu) ------------------------------*/		
/*-----------------------------------------------------------------------------------------------*/

/*- Section information or phrase ---------------------------------------*/

		
		#sectionContent {width:720px;}
			
			#sectionContent h3 {display:block; font:italic 1.94em/120% Georgia, serif; color:#CCC; text-align:justify; margin:30px auto;}
			/*- Class on hover -*/
			#sectionContent h3.overPhrase {color:#999;}
			

/*- End Section information or phrase -----------------------------------*/
/*-----------------------------------------------------------------------------------------------*/					

/*- Rounded Cornered Boxes ----------------------------------------------*/


		.box {padding:20px 20px 30px 20px; margin-bottom:20px; background:#FEFCE9; position:relative; overflow:hidden;}
						
			/*- Corners -*/
			.tlCorner,
			.trCorner,
			.blCorner,
			.brCorner {width:13px; height:12px; position:absolute;}
			
			.tlCorner {top:0; left:0; background-position:-1px -14px;}
			.trCorner {top:0; right:0; background-position:-15px -14px;}
			.blCorner {bottom:0; left:0; background-position:-1px -27px;}
			.brCorner {bottom:0; right:0; background-position:-15px -27px;}
								
			.box ul {overflow:hidden;}
				.box li {float:left; font-size:0.9em; color:#5F4736; margin-bottom:15px;}
					.box h4 {display:block; font:bold 2em Arial, sans-serif; color:#CC7058; letter-spacing:-0.05em; padding-bottom:5px; margin-bottom:20px; 
					border-bottom:1px solid #F4E1CD;}
					.box p {color:#5F4736; line-height:160%;}
						.box p strong {font-weight:bold; color:#848D60;}
						.box p strong.seo {color:#5F4736;}
						.box a {color:#CC7058;}
						.box a:hover {color:#000;}
							
					/*- Examples, extra information -*/
					.box .extraInfo {font-size:0.9em; padding-top:5px; color:#9A8875;}
					

/*- End Rounded Cornered Boxes ------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Form Elements -------------------------------------------------------*/

	
		label {display:block; padding-bottom:5px; color:#5F4736;}	
			/*- Required fields asterisc -*/
			label em {color:#CC7058; font-style:normal;}
				
		input,
		textarea {width:96%; padding:5px; margin-bottom:15px; color:#CFC4BE; font-family:Georgia, serif;  
		border-top:1px solid #D5D4C7; border-left:1px solid #D5D4C7; border-bottom:1px solid #E6E4D5; border-right:1px solid #E6E4D5;}

		input {font-size:2em;}
		textarea {font-size:1.4em; height:180px; overflow:auto;}
		
		select {margin-bottom:15px;}
		
		/*- Class on focus -*/
		.inputOnFocus {color:#5F4736; border:1px solid #9CB26A;}
		
		button {height:30px; cursor:pointer; white-space:nowrap; overflow:visible; text-decoration:none;}
			button span,
			button em {display:block;}
			button span {padding-right:15px; height:30px; background-position:100% -40px;}
			button em {font:normal bold 1em Verdana, sans-serif; color:#FFF; text-transform:lowercase; height:24px; padding:6px 0 0 15px; background-position:0 -40px;}
			
			/*- Class on hover -*/
			.overNormalBtn span {background-position:100% -70px;}
			.overNormalBtn em {background-position:0 -70px;}
			
		
		/*---------------------------------------*/
		/*	ERRORS 								 */
		/*---------------------------------------*/
		
		label.error {color:#CC7058; padding:0; position:relative; top:-10px;}
		input.error {border:3px solid #CC7058 !important; background:#FFF3EC;}
		
		.success { background:none repeat scroll 0 0 #F3FFED; border:1px solid #A9DF26; color:#414F1E; font-family:Georgia; font-size:14px; margin:0 0 1em; padding:10px; text-align:center; }				
		p.error-email { border: 1px solid #f85757; background: #ffeded; color: #5f1010; font-family:Georgia; font-size:14px; margin:0 0 1em 0; padding:10px; text-align:center; }
			
		
		
		
/*- End Form Elements ---------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Page: HOME ----------------------------------------------------------*/

			
		#ourXhtmlCode {margin-right:20px;}
		
		#ourXhtmlCode,
		#ourCssCode {width:310px; padding-bottom:15px; float:left;}	
			#ourXhtmlCode ul li,
			#ourCssCode ul li {background:url(../images/shared/tickBullet.gif) no-repeat 0 51%; padding-left:20px; width:135px;}
			
		#ourCrossBrowserCode {clear:both; padding-bottom:15px;}
			#ourCrossBrowserCode ul li {background:url(../images/shared/orangeBullet.gif) no-repeat 0 51%; padding-left:12px; margin-right:20px;}
			
			
/*- End Page: HOME ------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Page: ORDER NOW -----------------------------------------------------*/

	
		/*---------------------------------------*/
		/*	ORDER INFORMATION					 */
		/*---------------------------------------*/
		
		#orderInformation {width:370px; float:left;}
		
			#orderInformation .fieldHint {display:block; font-size:0.9em; color:#666; padding-bottom:10px;}
		
			#orderInformation p {clear:both;}
			
			/*- Page amount selection -*/
			#orderInformation .pageSelect {float:left; clear:none; margin-right:30px;}
				#orderInformation .pageSelect select {width:70px;}
			
			/*- File upload -*/
			#fileUpload {font-size:1em; margin-bottom:0;}	
			
			/*- Extra Files -*/
			#orderExtraFilesContainer {display:none;}
			
			/*- Textarea of Terms and conditions -*/
			#termsAndConditions {font:1em Verdana, Arial, Helvetica, sans-serif;}
			
			/*- Agree or disagree checkbox -*/
			#termsAgreement {overflow:hidden;}			
				#termsAgreement input,
				#termsAgreement label {float:left;}
				#termsAgreement input {margin-right:10px; border:0; padding:0; width:auto !important;}		
				#termsAgreement label.error {display:block; position:static;}
		
		/*---------------------------------------*/
		/*	ORDER PRIZE + DEADLINE + PROMOS		 */
		/*---------------------------------------*/

		#orderPrizeDeadline {width:240px; float:right;}
		
			#orderPrizeDeadline h5 {display:block; font-weight:normal; text-transform:uppercase; color:#B8B7B0; padding:7px 3px; 
			border-top:1px solid #EFEEE0; border-bottom:1px solid #EFEEE0; margin:10px 0 25px;}
		
			#orderPrizeDeadline p {color:#5F4736; clear:both; overflow:hidden; padding-bottom:10px;}
				#orderPrizeDeadline p img {float:left; width:33px; height:33px; margin-right:15px;}
				#orderPrizeDeadline p strong,
				#orderPrizeDeadline p em {display:block}
				#orderPrizeDeadline p strong {font-size:1.4em; color:#8F7E6C; padding-top:2px;}
				#orderPrizeDeadline p em  {font-style:normal; color:#9F907E;}
		
			/*- Prize Icon -*/
			#orderPrizeDeadline .prizeItem img {background-position:-217px -6px;}
			/*- Deadline Icon -*/
			#orderPrizeDeadline .timeItem img {width:32px; background-position:-251px -6px;}
			/*- Smiley Icon -*/
			#orderPrizeDeadline .happyItem img {background-position:-284px -6px;}
		
			/*- Final Prize -*/
			#orderPrizeDeadline #finalPrize {font-size:1.4em; color:#CC7058; padding-bottom:10px; margin:0;}
				#orderPrizeDeadline #finalPrize strong {display:inline; color:#CC7058;}
				
					
/*- End Page: ORDER NOW -------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Page: TESTIMONIES ---------------------------------------------------*/


		.commentBox p {background:url(../images/shared/commentQuote.gif) no-repeat 0 0; padding-left:50px;}
			.commentBox cite {display:block; font-weight:bold; font-style:normal;}		
				.commentBox cite a {color:#A2A08F;}
		
		
/*- End Page: TESTIMONIES -----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Page: CONTACT -------------------------------------------------------*/

		
		/*- Reset Button -*/
		#contactInformation .btnContainer .reset {float:left; font-size:0.9em; color:#9F907E; border-bottom:1px solid #9F907E; height:auto; margin-top:8px;}
		/*- Send Button -*/
		#contactInformation .btnContainer .submit {float:right;}
		/*- Hidden contact field -*/
		#email-sotf {display:none;}
			
			
/*- End Page: CONTACT ---------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Page: PAYPAL ANSWER -------------------------------------------------*/

		
		.paypalBox {margin-top:60px;}
			
			
/*- End Page: PAYPAL ANSWER ---------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Page: Portfolio ------------------------------------------------------*/		
	
	#examples { overflow: hidden; }
		#examples .example { float: left; margin: 0 1.5em 1.5em; width: 192px; }
			#examples .example h3 { color: #5F4736; font-size: 20px; letter-spacing: -0.085em; margin: 1em 0 0.5em; }
			#examples .example img { border: 1px solid #CCC; display: block; margin: 0 10px 10px 0; padding: 4px; width: 184px; }
			#examples .example .caption { font-size: 12px; text-align: center; }
				#examples .example .caption p { margin: 0 0 1em 0; }
					#examples .example .caption p a { background:#cc7058; color:#FFF; padding:5px 20px; text-align:center; text-decoration:none; text-shadow:1px 1px #a8533d;  -moz-border-radius:8px; -webkit-border-radius:8px; }
					#examples .example .caption p span { font-size: 11px; padding: 5px 5px 5px 26px; }
						#examples .example .caption p span.wordpress { background: url('../img/icons/wordpress.png') no-repeat left center; }
						#examples .example .caption p span.joomla { background: url('../img/icons/joomla.gif') no-repeat left center; }
						#examples .example .caption p span.drupal { background: url('../img/icons/drupal.gif') no-repeat left center; }
						#examples .example .caption p span.magento { background: url('../img/icons/magento.gif') no-repeat left center; }
						#examples .example .caption p span.xhtml { background: url('../img/icons/coda.gif') no-repeat left center; }
	
	
/*- End of Page: Portfolio -----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/


/*- IE FIXES ------------------------------------------------------------*/

	
		/*- IE6 -*/
		* html .box, * html .commentBox p {height:1%;}
		* html .tlCorner,
		* html .trCorner,
		* html .blCorner,
		* html .brCorner {overflow:hidden; height:11px;}
		* html #testimonyContainer {margin-top:140px;}
		
		
		/*- IE7 -*/
		*+ html .box, *+ html .commentBox p {height:1%;}
		*+ html #testimonyContainer {margin-top:140px;}


/*- End IE FIXES --------------------------------------------------------*/
	
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------ END CSS SliceOnTheFly ------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/