@charset "UTF-8";
/* CSS Document */
/*--- Content ---*/
	body { color: #4c4c4c; }

	h1,h2,h3,h4,h5,h6 { 
	  color: #4c4c4c; 
	  font-family: Arial, Helvetica, sans-serif; 
	}
	
       .feature-list ul {margin:15px 0px 30px 0px !important;}    
       .feature-list li {float:left !important;list-style:none outside none !important;margin:10px 0 !important;}

	
	/* Headings
	-------------------------------------------------------------- */
	
#main-features li a {
font-size:14px;
color:#FF6600;
text-decoration:none;
}
.leadin h2 {
    color: #FFFFFF;
    margin-bottom: 8px;
    padding-top: 5px;
font-size:1.5em;
line-height:1;
}
#main-features li {
border-bottom:1px dotted #CCCCCC;
list-style:none outside none;
margin:0;
padding:5px 0;
width:85%;
}
	
#home-contain h3 {
font-size:12px;
margin:0px;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; }
	
	h1 { font-size: 3em; line-height: 1; margin-bottom: 0.25em; font-weight:bold; }
	h2 { font-size: 1.8em; margin-bottom: 0.25em; }
	h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
	h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
	h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
	h6 { font-size: 1em; font-weight: bold; }
	
	
	/* Text elements
	-------------------------------------------------------------- */
	
	.content p           { margin: 0 0 1.5em; }
	.content p.last      { margin-bottom: 0; }
	
	.content ul, .content ol      { margin:0 1.5em 1.5em 1.5em; }
	.content ul          { list-style-type: circle; }
	.content ol          { list-style-type: decimal; }
	.content dl          { margin: 0 0 1.5em 0; }
	.content dl dt       { font-weight: bold; }
	.content dd          { margin-left: 1.5em;}
	
	abbr, 
	acronym     { border-bottom: 1px dotted #666; }
	address     { margin-top: 1.5em; font-style: italic; }
	del         { color:#666; }
	
	a, a:visited{ color: #fe8f10; }
	a:focus, 
	a:hover     { color: #000; }
	
	blockquote  { margin: 1.5em; color: #666; font-style: italic; }
	strong      { font-weight: bold; }
	em,dfn      { font-style: italic; }
	dfn         { font-weight: bold; }
	pre,code    { margin: 1.5em 0; white-space: pre; }
	pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
	tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

/*--- Yui Fixes ---*/
	.yui-force-gf .yui-u {
		width: 74.2%;
	}
	.yui-force-gf div.first {
		width: 24%;
	}
	.yui-b {
		margin-bottom: 10px;
	}

/*--- Header ---*/
	.header {
		height: 429px;
		position:relative;
		background:url(../Images/cssimg/header_bg.jpg) no-repeat;
	}
	.sub .header {
		height: 226px;
		position:relative;
		background:url(../Images/web-design-auckland-nz.jpg) no-repeat;
margin-top:10px;
	}
	.header h1 { display: none; }
	.header a.logo {
		display: block;
		height: 90px;
		left: 77px;
		position: absolute;
		width: 265px;
	}
	.header .search {
		position: absolute;
		top: 26px;
		right: 14px;
	}
	.header .cat_button {
		border: 0;
		background: transparent;
		color: #fff;
		width: 60px;
		height: 15px;
		cursor: pointer;
	}
	.header .cat_textbox_small {
		margin-right: 12px;
		width: 207px;
		border: 0;
		background:transparent;
	}

/*--- Main Menu ---*/
	.main-nav {
		position: absolute;
		left: 13px;
		top: 72px;
		height: 80px;
		
		background: transparent url(../Images/cssimg/main_nav_bg.png) no-repeat right bottom;
		width: 1010px;
	}
	/*\*/ * html .main-nav { background: transparent url(../Images/cssimg/main_nav_bg.gif) no-repeat right bottom; } /**/
	
	.main-nav li {
		border-right: 1px solid #ffc27b;
		display: block;
		float: left;
		margin-top: 31px;
		padding: 9px 0 5px;
	}
	.main-nav li.odd {
		
	}
	.main-nav li a, .main-nav li a:visited { 
		color: #666; display:block; padding: 7px 10px 6px 11px; 
		text-transform: uppercase;
		text-decoration: none;
		font-size: 12px;
	}
	.main-nav li#audit-menu-item.selected { background:transparent; }
	.main-nav li.sfhover, .main-nav li.selected { background: url(../Images/cssimg/main_menu_hover.gif) repeat-x center center; }
	.main-nav li a img { display:none; }
	.main-nav li a:hover {
		text-decoration: underline;
	}
	
	.main-nav li#home-menu-item { border: 0;margin-right: 10px; }
	.main-nav li#home-menu-item a { display: block;width: 13px; height: 15px;overflow:hidden; text-indent:-3000em;  }
	
	.main-nav li#audit-menu-item { border: 0; }
	.main-nav li#audit-menu-item a { display: block;width: 213px; height: 20px;overflow:hidden; text-indent:-3000em;  }
	
	.main-nav li#home-menu-item.sfhover, .main-nav li#home-menu-item.selected,
	.main-nav li#audit-menu-item.sfhover, .main-nav li#audit-menu-item.selected { background: transparent !important; background-image: none !important; }
	
	.main-nav li.last {
		border: 0;
	}
	
	.main-nav li.members-only { margin-top: 12px; }
	.main-nav li.members-only, .main-nav li.members-only li { background:#6e4532 url(../Images/cssimg/brown_menu_right_grad.gif) repeat-y top right; }
	.main-nav li.members-only a, .main-nav li.members-only li a { 
		border-bottom: 1px solid #977b6d; 
		border-top: 1px solid #d8cec9;
	}
	.main-nav li.members-only li.odd { background:#754f3d }
	
	/*--- Sub Menu ---*/
		.main-nav li ul {
			display:none;
		}
		.sub-nav li a {
			display: none;
			text-decoration:none;
			color: #999;
			background: url(../Images/cssimg/menu_bg.gif) no-repeat left bottom;
			width:116px;
		}
		.sub-nav li a:hover {
			color: #fe8f10;
			background: url(../Images/cssimg/menu_bg_active.gif) no-repeat left bottom;
		}
		.sub-nav li.selected li a {
			display: block;
			padding: 10px 20px 10px 25px;
		}
		.sub-nav li.selected ul {
			display: block;
			/*position: absolute;*/ 
			padding-left: 0px; /*52px;*/
		}
		

/*--- Breadcrumb ---*/
	.breadcrumb {
		font-size: 10px;
		padding: 6px 0 5px 20px;
	}

/*--- Leadin Boxes ---*/
	.leadin {
		margin: 20px 16px;
		color: #fff;
		font-size: 11.5px;
	}
	.leadin h3 { color: #fff; margin-bottom: 8px; padding-top: 5px; }
	.leadin .icon { float: left; margin: 8px 3px 0; }
	.leadin .button { position: absolute; right: 0; bottom: 0; }
	.leadin p { padding-left: 10px }
	
	.email-marketing-leadin, .website-design-leadin, .seo-leadin { position:relative;height: 130px }
	.email-marketing-leadin { background: url(../Images/web-design-auckland-00.jpg) no-repeat}
	.website-design-leadin { background: url(../Images/web-design-auckland-01.jpg) no-repeat}
	.seo-leadin { background: url(../Images/web-design-auckland-02.jpg) no-repeat; }
	
	.leadin .yui-u {
		margin-left: 10px;
		width: 32.5%;
	}


/*--- Login Form ---*/
	.login-form {
		background: #c8a15a url(../Images/cssimg/brown_membersonly_right_grad.gif) repeat-y top right;
	}
	.login-form .inner {
		padding: 5px;
		background: url(../Images/cssimg/corner_bl.gif) no-repeat bottom left; 
	}
	.login-form .item {
		margin: 5px 0;
		padding: 0 !important;
	}
	.login-form .cat_textbox_small {
		border: 1px solid #e3d0ac;
		-moz-border-radius: 5px;
		font-size: 10px;
		color: #999;
		padding: 1px 5px;
		width: 130px;
	}
	.login-form label { font-size: 10px; color: #fff; margin-left: 5px; }
	.login-form .cat_button { 
		border: 1px solid #e3d0ac; 
		background:#fff;
		-moz-border-radius: 5px;
		color: #704835;
		font-weight:bold;
		font-family: "Arial Black", Gadget, sans-serif;
		font-size: 10px;
	}
	
/*--- Newsletter Form ---*/
	.newsletter-signup {
		background: #c8a15a url(../Images/cssimg/newsletter-left-grad-2.gif) repeat-y top left;
		color: #fff;
		width: 95.5% !important;
	}
	.newsletter-signup .inner {
		background: url(../Images/cssimg/corner_br.gif) no-repeat bottom right; 
	}
	.newsletter-signup .title {
		background:#6e4532 url(../Images/cssimg/newsletter-left-title-grad.gif) repeat-y top left;
		border-bottom: 1px solid #977b6d; 
		border-top: 1px solid #d8cec9;
		padding: 5px;
	}
	.newsletter-signup .label, .newsletter-signup .form {
		padding: 10px 5px;
	}
	.newsletter-signup .label {
		border-bottom: 1px solid #fff;
	}
	.newsletter-signup .form {
		border-top: 1px solid #d5b883;
		background: transparent url(../Images/cssimg/corner_br.gif) no-repeat bottom right; 
	}
	.newsletter-signup .item {
		margin: 5px 0;
		padding: 0 !important;
	}
	.newsletter-signup .cat_textbox_small {
		border: 1px solid #e3d0ac;
		-moz-border-radius: 5px;
		font-size: 10px;
		color: #999;
		padding: 1px 5px;
		width: 94%;
	}
	.newsletter-signup .cat_button { 
		border: 1px solid #e3d0ac; 
		background:#fff;
		-moz-border-radius: 5px;
		color: #704835;
		font-weight:bold;
		font-family: "Arial Black", Gadget, sans-serif;
		font-size: 10px;
	}
	

/*--- Content ---*/
	.content-padding { padding-left: 36px; }
	.content {
		/*padding: 0 26px;*/
		padding: 0 10px;
		overflow:hidden;
		/*background: url(../Images/cssimg/content_mid.gif) repeat-y center;*/
	}
	.content-top {
		/*background: url(../Images/cssimg/content_top.gif) no-repeat center bottom;*/
		height: 16px;
	}
	.content-bottom {
		/*background: url(../Images/cssimg/content_bottom.gif) no-repeat center top;*/
		height: 16px;
	}
	.sub .content {
		padding: 0 26px;
		overflow:hidden;
		/*background: url(../Images/cssimg/sub_content_mid.gif) repeat-y center;*/
	}
	.sub .content-top {
		/*background: url(../Images/cssimg/sub_content_top.gif) no-repeat center bottom;*/
		height: 16px;
	}
	.sub .content-bottom {
		/*background: url(../Images/cssimg/sub_content_bottom.gif) no-repeat center top;*/
		height: 16px;
	}
	
/*--- Footer ---*/
	.copyright {
		margin-top: 0;
		padding: 10px;
		text-align: center;
		background: #4d4d4d;
		color: #fff;
	}
	.copyright ul { display: inline; }
	.copyright li { list-style: none; display:inline; padding: 0 5px; border-right: 1px solid #febe10; }
	.copyright li a {color: #fff; text-decoration:none}
	.copyright li.last {border-right:0;}
	.footer-menus a {color:#a9a9a9;font-size:12px;text-decoration:none;}
	.footer-menus { background: #333 url(../Images/cssimg/footer_bg.gif) repeat-x left top; padding: 30px; margin-top: 3px;text-align: center; }
	.footer-menus ul { padding-left: 105px; }
	.footer-menus li { 
		float: left; padding: 5px 10px; width: 180px; display:block; border-left: 1px solid #cd7a1b; 
	}
	.footer-menus li ul { display:none; }
	.footer-menus li a img { display:none }
	.footer-menus li a {
		color: #888;
		font-size: 12px;
		text-decoration: none;
	}
	
	
	
/*--- Page Specific Styles ---*/
	/*--- Home ---*/
	.homepage-topics { padding: 15px 0; border-bottom: 1px solid #C8A15A }
	.homepage-topics.last { border-bottom: 0; }
	.homepage-topics h3 {  margin-bottom: 10px; }
	.homepage-topics h3 a { text-decoration: none; color: #4c4c4c; }
	.homepage-topics .readmore { color: #C8A15A }
	


/* @group Slider */

	
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 100%;
		}
	

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 1px solid #d7d7d7; /* this is the border. should have the same value for the links */
			border-top: none;
			margin: auto;
			width: 708px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			/*height: 460px;*/
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 708px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 30px 30px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			background: #eee;
			border-top: 1px solid #d7d7d7;
			border-left: 1px solid #d7d7d7;
			border-right: 1px solid #d7d7d7;
			height: 36px;
			margin: 0;
			overflow: hidden;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			margin: 0;
			overflow: hidden;
			padding: 0;
		}
		
		.stripNav ul li {
			float: left;
			margin: 0; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		#stripNav0 a { /* The nav links */
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			line-height: 36px;
			color: #888;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		

		#stripNav0 li a:hover {
			background: #e0f0fa;
			color: #1969bc;
			text-decoration: none;
		}
		
		#stripNav0 li a.current {
			background: #fff;
			color: #000;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			background: #000;
			display: none;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}


/* @end */
/* @group Content - Overview */

	.nav-side ul {
		margin: 0;
		padding: 0;
	}
	
	.nav-side li a {
		background: #F5F5F5;
		border-top: 1px solid #fff;
		color: #878787;
		display: block;
		font-size: 14px;
		font-weight: bold;
		height: 36px;
		line-height: 36px;
		padding: 0 0 0 18px;
		width: 180px;
		text-decoration: none;
	}
	
	.nav-side li a:hover {
		background: #e0f0fa;
		color: #1969bc;
	}
	
	.nav-side li.selected a,
	.nav-side li.selected a:hover {
		background: #666;
		color: #fff;
		cursor: default;
	}
	
	.nav-side li a:hover {
		background: #e0f0fa;
		border-top: 1px solid #fff;
		color: #1969bc;
		display: block;
		font-size: 14px;
		font-weight: bold;
		height: 36px;
		line-height: 36px;
		text-decoration: none;
	}
	
	.slider-wrap .cta {
		text-align: right;
	}
	
	.slider-wrap .skinny {
		width: 320px;
	}
	
	.slider-wrap h2 {
		margin: 0 0 30px;
	}
	
	.slider-wrap .skinny h3 {
		margin: 0 0 3px;
	}
	
	.super-image {
		position: absolute;
		top: 87px;
		right: 0;
	}
	
	.prev-next {
		margin: 36px 0 18px;
	}


/* @end */


.test-drive { margin-left: -8px; }