/*

Digital Visions Queenstown
W: http://dvq.co.nz/
E: contact@dvq.co.nz

SCREEN.CSS 

*/

@import url(reset.css); /* RESET CSS */
@import url(slider.css); /* SLIDER CSS */


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

body { background: rgb(256,256,256) url(../img/ui/bg-repeat.gif) repeat 0 0; color: rgb(108,108,108); font: 90%/1.5em Helvetica, Arial, sans-serif; }


#bg-repeat-x { width: 100%; height: 100%; background: url(../img/ui/bg-repeat-x.gif) repeat-x 0 0; }
#bg-center { width: 100%; height: 100%; background: url(../img/ui/bg-center.gif) no-repeat 50% 73px; }


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

p { margin: 0 0 1.5em 0; }

strong {  }
em, i {  }

blockquote { font-style: normal; }
	blockquote p { border-left: 3px solid rgb(203,203,203); padding: 0.5em 0 0.5em 1.5em; margin: 0 0 1.5em 1.5em; }

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(132,182,65); text-decoration: none; }
a:hover { color: rgb(151,212,69); text-decoration: none; }



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

img { }

	.align-left { float: left; margin: 0 10px 10px 0; }	 
	.align-right { float: right; margin: 0 0 10px 10px; }	 
	.align-center { margin: 0 auto 10px auto; display: block; }



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

ul, ol { margin-bottom: 1.5em; list-style: none; }	
	ul li {  background: url(../img/ui/default-list-bullet.gif) 0.3em 0.2em 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 ----------------------------------------------------------------------------------------------------- */



	/* CONTAINER ---------------------------- */
	
	#container { width: 721px; margin: 0 auto; }
	
	
	
		/* HEADER ---------------------------- */
	
		#header { width: 661px; margin: 0 auto 30px auto; padding: 33px 0 0 0; }
		
			#logo { width: 661px; height: 53px; background: url(../img/ui/logo.gif) no-repeat 0 0; float: left; text-indent: -9999px; display: block; }
			
		
		
			/* TOP NAV ---------------------------- */
			
			#top-nav { width: 100%; height: 51px; padding: 0 0 15px 0; float: left; position: relative; background: rgb(256,256,256) url(../img/ui/top-nav-bg.gif) repeat-x 0 0; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; }
				#top-nav ul li { float: left; display: inline; background: none; padding: 0; margin: -5px 5px 0 5px; }
					#top-nav ul li a { color: rgb(138,138,138); text-shadow: 1px 1px 0 rgba(256,256,256,0.7); height: 51px; line-height: 60px; padding: 0 22px 0 22px; display: block; float: left; }
					 #top-nav ul li a:hover, #top-nav ul li.active a { color: rgb(102,97,90); background: rgb(256,256,256); -webkit-border-top-right-radius: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topright: 12px; -moz-border-radius-topleft: 12px; border-top-right-radius: 12px; border-top-left-radius: 12px; }
					 #top-nav ul li.active a { font-weight: bold; }
	
					#top-nav ul li.top-nav-li-first { padding-left: 116px; }
			
				#top-nav-left-corner { width: 12px; height: 12px; background: rgb(256,256,256) url(../img/ui/top-nav-left-corner.gif) 0 0 no-repeat; position: absolute; top: 0; left: 0; }
				#top-nav-right-corner { width: 12px; height: 12px; background: rgb(256,256,256) url(../img/ui/top-nav-right-corner.gif) 0 0 no-repeat; position: absolute; top: 0; right: 0; }
	
	
	
		/* CONTENT ---------------------------- */
		
		#content-wrapper { width: 721px; margin: 0 0 30px 0; background: rgb(256,256,256); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.1); box-shadow: 0 0 4px rgba(0,0,0,0.1); -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; }
		
		#main-content { width: 721px; float: left; position: relative; }
		
			#content { position: relative; float: left; padding: 0 30px 30px 30px; }
	
				#title-wrapper { width: 100%; display: block; float: left; margin-bottom: 1.2em; }
					h2 { font: 135%/1.5em Helvetica, Arial, sans-serif; color: rgb(85,85,85); float: left; padding-left: 10px; }
						h2 span { color: rgb(171,171,171); }
					#content #back-to-client-list { float: right; margin: 0; line-height: 31px; padding: 0 10px 0 0; }
					
				#content p { padding: 0 10px; }
				
				#content ol { padding: 0 10px; margin: 0; }
				
				.testimonial { border-bottom: 1px solid rgb(237,238,240); margin-bottom: 20px; float: left; display: block; }



	
		/* FOOTER ---------------------------- */		
		
		#footer { width: 100%; text-align: center; color: rgb(134,126,110); }
			#footer p { margin: 0; padding: 0 0 30px 0; }
			 #footer p span { padding: 0 25px; color: rgb(197,205,199); }
			 #footer p a { border-bottom: 2px solid rgb(237,238,240); }
			  #footer p a:hover { border-bottom: none; }
			 


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