/*
THEME NAME: Orange Peel Systems
THEME URI: http://www.orangepeelsystems.com/
DESCRIPTION: Orange Peel Systems - WordPress Theme
VERSION: 1.0
AUTHOR: Digital Visions Queenstown
AUTHOR URI: http://www.dvq.co.nz
*/

@import url(assets/css/reset.css); /* RESET CSS */
@import url(assets/css/prettyPhoto.css); /* PHOTO VIEWER CSS */


/* BASE ---------------------------- */

body { background: rgb(220,212,203) url(assets/img/ui/bg-repeat.gif) 0 0 repeat; color: rgb(25,25,25); font: 75%/1.5em Arial, "Helvetica Neue", Helvetica, sans-serif; }



/* FONTs ---------------------------- */

p { margin: 0 0 1.5em 0; }

strong { color: rgb(0,0,0); font-weight: bold; }
em, i {  }

h2 { font: 200%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(73,69,65); font-weight: bold; margin-bottom: 0.5em; }
h3 { font: 130%/1.5em Helvetica, Arial, sans-serif; color: rgb(109,104,98); font-weight: bold; margin-bottom: 0.5em; }
h4 { font: 110%/1.5em Helvetica, Arial, sans-serif; color: rgb(109,104,98); font-weight: bold; text-transform: uppercase; margin-bottom: 0.5em; }
h5 {  }
h6 {  }

blockquote{
	margin: 1em;
	padding: 1em;
	border: 1px solid #DDD;
	background:#edf1f4;
}


pre { white-space: pre; }
pre, code { font: 1em 'Andale Mono', 'Lucida Console', Monospace; line-height: 1.5em;  margin: 1.5em 0; display: block; }



/* LINKS ------------------------------------------------------------------ */

a, a:visited { outline: none; color: rgb(251,77,0); text-decoration: none; }
 a:hover { color: rgb(157,180,0); text-decoration: none; }
 a:active, a:focus { color: rgb(251,12,0); }

	#main-content a { border-bottom: 1px solid rgb(216,210,202); }
	 #main-content a:hover { border-bottom: 1px dotted rgb(232,196,86); }



/* IMGs / VIDEOs ---------------------------- */

img { padding: 5px; border: 1px solid rgb(255,255,255); -moz-border-radius: 4px; -webkit-border-radius: 4px; }

	.alignleft { float: left; margin: 0 10px 10px 0; }	 
	.alignright { float: right; margin: 0 0 10px 10px; }	 
	.aligncenter { margin: 0 auto 10px auto; display: block; }



/* LISTs ---------------------------- */

ul, ol { margin-bottom: 1.5em; list-style: none; }	
	ul li {  background: url(assets/img/ui/bullet-arrow.gif) 0.5em 0.5em no-repeat; padding-left: 1.7em; margin-bottom: 0.2em; }
	ol li { list-style-type: decimal; list-style-position: inside; margin-bottom: 0.2em; }
		ul li ul,  ol li ol { margin: 0.2em 0 0 0; }
			ol li ol li { margin-left: 1.7em; }



/* - CONTENT START ----------------------------------------------------------------------------------------------------- */



	/* BGs ---------------------------- */
	
	#bg-top-repeat { width: 100%; background: url(assets/img/ui/bg-top-repeat.gif) 0 0 repeat-x; }
	
		#bg-center-home { width: 100%; background: url(assets/img/ui/bg-center-page.jpg) 50% 0 no-repeat; }
		#bg-white-home { width: 100%; background: #FFF; float: left; }
		
		#bg-center-page { width: 100%; background: url(assets/img/ui/bg-center-page.jpg) 50% 0 no-repeat; }
		


	/* CONTAINERs ---------------------------- */
	
	.container { width: 960px; margin: 0 auto; }
	
	
	
		/* HEADER ---------------------------- */
	
		#branding { height: 145px; margin: 0 auto 65px auto; position: relative; }
		
			#logo  { background: url(assets/img/ui/logo.gif) 50% 50% no-repeat; width: 157px; height: 140px; padding: 5px; float: left; text-indent: -9999px; display: block; }
			
			#tagline { background: url(assets/img/ui/tagline.gif) no-repeat 0 0; width: 650px; height: 64px; float: right; margin: 67px -2px 0 0; text-indent: -9999px; display: block; }
		
		
		
			/* TOP NAV ---------------------------- */
			
			#top-nav { float: right; margin: 13px 0 0 0; font-size: 100%; z-index: 99; }
				#top-nav ul li { float: left; background: none; padding: 0; margin: 0 0 0 15px; }
					#top-nav ul li a { display: block; color: rgb(256,256,256); color: rgba(256,256,256,0.8); text-shadow: 0px 1px 1px #000; }
					 #top-nav ul li a:hover { color: rgb(256,256,256); color: rgba(256,256,256,1); }
					 
					#top-nav ul li a.dropdown-link { cursor: default; }
					 
					#top-nav ul li.dropdown { background: url(assets/img/ui/drop-down-arrow.gif) no-repeat 100% 50%; padding-right: 12px; position: relative; }
					
					.sf-menu { float: right; }
						.sf-sub-indicator { display: none; }
						
						#top-nav .dropdown-nav { width: 230px; display: block; padding: 10px 0px 8px 0px; background: #FFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 2px 2px 5px #a26a12; -webkit-box-shadow: 0 0 5px #a26a12; position: absolute; top: 22px; left: -20px; z-index: 100; }
							#top-nav .dropdown-nav li { clear: both; padding: 0; margin: 0; line-height: 2em; }
							 	#top-nav .dropdown-nav li a { clear: both; width: 190px; display: block; color: #606060; text-shadow: none; padding: 2px 20px; }
							 	 #top-nav .dropdown-nav li a:hover { color: #222; background: #efefef; }
							 	 
							#top-nav .dropdown-nav-last { width: 150px; }
							 	#top-nav .dropdown-nav-last li a { width: 110px; }
							 	 						 	 
							#top-nav .dropdown-nav .dropdown-nav-arrow { width: 17px; height: 9px; position: absolute; top: -9px; left: 33px; background: url(assets/img/ui/dropdown-nav-arrow.gif) no-repeat 0 0; }
			
	
	
		/* CONTENT ---------------------------- */
		
		#main-content { width: 620px; float: left; padding: 10px 10px 20px 20px; font-size: 110%; }
	
	
	
			/* MAIN BUTTONS ---------------------------- */	
			
			#main-buttons-wrapper { width: 932px; margin: 0 auto 46px auto; padding: 14px 0 18px 0; }
			
				#main-button-left { width: 252px; height: 272px; background: url(/wp-content/themes/orange-peel-systems/assets/img/vbs_overview.gif) no-repeat 0 0; float: left; }
				#main-button-center { width: 252px; height: 272px; background: url(/wp-content/themes/orange-peel-systems/assets/img/vbs_features.gif) no-repeat top right; float: left; padding-left: 88px; }
				#main-button-right { width: 252px; height: 272px; background: url(/wp-content/themes/orange-peel-systems/assets/img/people_saying.gif) no-repeat 0 0; float: right; }
	
	
	
			/* POST ---------------------------- */
	
			.post {  }
			
				.entry-meta {  }
	
	
	
				/* POST NAVIGATION ---------------------------- */		
	
	
	
				/* COMMENTS ---------------------------- */	
				
				ol.comment-list {  }
				ol.comment-list li {  }
				ol.comment-list li.alt {  }
				ol.comment-list li.bypostauthor {  }
				ol.comment-list li.byuser {  }
				ol.comment-list li.comment-author-admin {  }
				ol.comment-list li.comment {  }
				ol.comment-list li div.comment-author {  }
				ol.comment-list li div.vcard {  }
				ol.comment-list li div.vcard cite.fn {  }
				ol.comment-list li div.vcard cite.fn a.url {  }
				ol.comment-list li div.vcard img.avatar {  }
				ol.comment-list li div.vcard img.avatar-32 {  }
				ol.comment-list li div.vcard img.photo {  }
				ol.comment-list li div.vcard span.says {  }
				ol.comment-list li div.commentmetadata {  }
				ol.comment-list li div.comment-meta {  }
				ol.comment-list li div.comment-meta a {  }
				ol.comment-list li div.comment-content {  }
				ol.comment-list li p {  }
				ol.comment-list li ul {  }
				ol.comment-list li div.reply {  }
				ol.comment-list li div.reply a {  }
				ol.comment-list li ul.children {  }
				ol.comment-list li ul.children li {  }
				ol.comment-list li ul.children li.alt {  }
				ol.comment-list li ul.children li.bypostauthor {  }
				ol.comment-list li ul.children li.byuser {  }
				ol.comment-list li ul.children li.comment {  }
				ol.comment-list li ul.children li.comment-author-admin {  }
				ol.comment-list li ul.children li.depth-2 {  }
				ol.comment-list li ul.children li.depth-3 {  }
				ol.comment-list li ul.children li.depth-4 {  }
				ol.comment-list li ul.children li.depth-5 {  }
				ol.comment-list li ul.children li.odd {  }
				ol.comment-list li.even {  }
				ol.comment-list li.odd {  }
				ol.comment-list li.parent {  }
				ol.comment-list li.pingback {  }
				ol.comment-list li.thread-alt {  }
				ol.comment-list li.thread-even {  }
				ol.comment-list li.thread-odd {  }
	
	
	
				/* PINGBACKS ---------------------------- */				
				
				ol.commentlist li.pingback {  }
				ol.commentlist li.pingback div.comment-author {  }
				ol.commentlist li.pingback div.vcard {  }
				ol.commentlist li.pingback div.vcard cite.fn {  }
				ol.commentlist li.pingback div.vcard cite.fn a.url {  }
				ol.commentlist li.pingback div.vcard span.says {  }
				ol.commentlist li.pingback div.commentmetadata {  }
				ol.commentlist li.pingback div.comment-meta {  }
				ol.commentlist li.pingback div.comment-meta a {  }
				ol.commentlist li.pingback * {  }
				ol.commentlist li.pingback div.reply {  }
				ol.commentlist li.pingback div.reply a {  }
				ol.commentlist li.pingback ul.children {  }
				ol.commentlist li.pingback ul.children li {  }
				ol.commentlist li.pingback ul.children li.alt {  }
				ol.commentlist li.pingback ul.children li.bypostauthor {  }
				ol.commentlist li.pingback ul.children li.byuser {  }
				ol.commentlist li.pingback ul.children li.comment {  }
				ol.commentlist li.pingback ul.children li.comment-author-admin {  }
				ol.commentlist li.pingback ul.children li.depth-2 {  }
				ol.commentlist li.pingback ul.children li.depth-3 {  }
				ol.commentlist li.pingback ul.children li.depth-4 {  }
				ol.commentlist li.pingback ul.children li.depth-5 {  }
				ol.commentlist li.pingback ul.children li.odd {  }			
	
	
	
				/* COMMENTS FORM ---------------------------- */	
				
				
				
		/* SIDEBAR ---------------------------- */	
		
		#sidebar { width: 280px; float: right; }
				
				
				
			/* TESTIMONIAL BOX ---------------------------- */	
			
			#testimonial-cycler { margin-bottom: 10px; background: none; display: inline; float: left; width: 100%; }
			
			#testimonial-box { width: 260px; height: 110px; background: none; display: inline; float: left; padding: 30px 10px 0px 10px; font-size: 90%; overflow: hidden; }	
				
				#testimonial-box img { border: 0; background: rgb(53,124,238); padding: 4px; margin-bottom: 0; }
				#testimonial-box .testimonial-content { color: rgb(256,256,256); color: rgba(256,256,256,0.9); text-shadow: 1px 1px 0px #4b4b4b; margin: 0 0 3px 0; }
				#testimonial-box .testimonial-author { color: rgb(255,233,156); color: rgba(255,233,156,0.9); text-shadow: 1px 1px 0px #4b4b4b; margin: 0; }
				
				
				
			/* SIDEBAR SIGN UP BOX ---------------------------- */					
	
			#sidebar-sign-up-box { float: left; width: 260px; padding: 10px; margin: 20px 0; background: rgb(44,44,44); -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 2px 2px 5px #cecece; -webkit-box-shadow: 0 0 5px #cecece;  text-shadow: 1px 1px 0px #000000; }
				#sidebar-sign-up-box p { display: block; padding: 4px 10px; margin: 0 -10px 6px -10px; background: #2c2c2c; color: rgb(256,256,256); font-weight: bold; }
				#sidebar-sign-up-box label { color: rgb(202,202,202); font: 100%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; }
				#sidebar-sign-up-box input#sidebar-sign-up-box-input { font: 100%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 2px 4px; background: rgb(256,256,256); -moz-border-radius: 4px; -webkit-border-radius: 4px; border: none; color: rgb(105,98,90); }
					#sidebar-sign-up-box input#sidebar-sign-up-box-input:hover, #sidebar-sign-up-box input#sidebar-sign-up-box-input:focus { -moz-box-shadow: 0px 0px 4px #afafaf; -webkit-box-shadow: 0px 0px 4px #afafaf; outline: none; }
							
				
				
			/* SIDEBAR CATEGORIES BOX ---------------------------- */		
				
			#sidebar-categories-box { color: rgb(158,148,134); }
	
	
	
		/* FOOTER ---------------------------- */		
		
		#footer { background: url(assets/img/ui/footer-bg-repeat.gif) 0 0 repeat-x; width: 100%; padding: 0px 0 30px 0; float: left; }
		
		
		
			/* HOME SUB CONTENT ---------------------------- */
			
			#home-sub-content-wrapper { width: 100%; background: url(assets/img/ui/sub-content-bg.gif) no-repeat 50% 0; padding-bottom: 10px; float: left; }
			
				/*#home-demo-button a { float: left; width: 592px; height: 192px; background: url(assets/img/ui/home-demo-button.gif) no-repeat 50% 50%; padding: 24px 14px; display: block; text-indent: -9999px; }
					 */ #pp_full_res img {padding: 0; margin: 0; background: none; border: 0;}
					 
					 
					 
				/* DEMO BOX ---------------------------- */	
				
				#demo-cycler { margin-bottom: 10px; background: none; display: inline; float: left; width: 100%; }
					#demo-box { width: 592px; height: 192px; background: none; display: inline; float: left; overflow: hidden; padding: 24px 14px; }	
								
								
										 
	
				a#home-saying-button{ float: right; width: 280px; height: 62px; background: url(assets/img/ui/home-saying-button.gif) no-repeat 0 0; margin: 64px 0 0 0; display: block; text-indent: -9999px; }
				a#home-vbs-button{ float: right; width: 280px; height: 62px; background: url(assets/img/ui/home-vbs-button.gif) no-repeat 0 0; margin: 21px 0 0 0; display: block; text-indent: -9999px; }
	
	
	
			/* FOOTER CONTENT ---------------------------- */											
			
			#footer-inner-wrapper { width: 100%; background: url(assets/img/ui/footer-divider.gif) 50% 0 no-repeat; padding-top: 22px; float: left; }
				
				#footer img { padding: 0; margin: 0 6px 0 0; border: 0; background: none; float: left; }
				#footer p { margin: 0; color: #766b62; text-shadow: 1px 1px 0px #efebe7; line-height: 45px; float: left; }
	
	
	
				/* FOOTER NAV ---------------------------- */					
					
				#footer-nav { float: right; width: 280px; height: 45px; }
					#footer-nav ul { background: url(assets/img/ui/footer-icons.gif) no-repeat 0 0; height: 45px; }
						#footer-nav ul li { float: left; background: none; padding: 0; margin: 0 20px 0 0; }	
							#footer-nav ul li a { display: block; text-indent: -9999px; height: 45px; }		
							
							#footer-nav ul li#facebook a { width: 39px; }	
							#footer-nav ul li#twitter a { width: 42px; }	
							#footer-nav ul li#youtube a { width: 44px; }	
							#footer-nav ul li#visionlounge { margin: 0; float: right; }
								#footer-nav ul li#visionlounge a { width: 83px; }	



/* - CONTENT END ----------------------------------------------------------------------------------------------------- */