@charset "utf-8";
/* CSS Document */

/* RESET */
* { margin: 0; padding: 0; }
html { 
	overflow-y: scroll; /* Fix scroll jump */
	/* overflow-x: hidden; Hide x-scrollbar */
	overflow: -moz-scrollbars-vertical; /* Fix firefox */
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#787878;
	background-color:#b8b8b6;
	line-height: 18px;

}
ul { list-style: none inside; }
/*p { font-size: 1.15em; line-height: 1.2em; margin-bottom: 1.2em; color:#868585;}*/
p { font-size: 12px; line-height: 18px; margin-bottom: 18px;}
a { outline: none; }
a img { border: none; }

a:link {
	color: #666666;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #666666;
}

.smallBodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#787878;
	}

.smallGreyText { 
	font-size: 11px; 
	line-height: 15px; 
	color: #868585;
	}
.quotes {
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px; 
	}

h1 { 
	font-size: 22px; 
	margin-bottom: 0.8em; 
	}

h2 { 
	font-size: 11px; 
	line-height: 15px; 
	margin-bottom: 15px; 
	font-style:normal; 
	font-weight: normal; 
	color:#333333; 
	}

h3 { 
	font-size: 12px; 
	line-height: 18px; 
	margin-bottom: 18px; 
	color:#868585;
	}

/*h1 { font-size: 2.0em; margin-bottom: 0.8em; }*/
/*h2 { font-size: 1.15em; line-height: 1.2em; margin-bottom: 1.2em; font-style:normal; font-weight: normal; color:#333333; }*/
/*h3 { font-size: 2.0em; margin-bottom: 0.8em; }*/
/*h4 { font-size: 2.0em; margin-bottom: 0.8em; }*/
/*h5 { font-size: 2.0em; margin-bottom: 0.8em; }*/
/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */

div#footerContainer {
	background: transparent url(../images/template/background-footer.gif) no-repeat center bottom scroll;
	margin: 0;
	padding: 0 0 36px;
	}
	div#footerContainer div#containerBg {
		background: transparent url(../images/template/background.gif) repeat-y center top scroll;
		margin: 0;
		}
		div#footerContainer div#containerBg div#container {
			background: #FFFFFF;
			width: 960px;
			margin: 0 auto;
			/*min-height: 400px;*/
			}
			div#footerContainer div#containerBg div#container div#headerbar {
				width: 960px;
				height: 90px;
				background: #ffea00 top right url(../images/template/header-ball.gif) no-repeat;
				padding: 0px;
				margin: 0 0 1px;
				}
				div#footerContainer div#containerBg div#container div#headerbar div#logo{
					width: 270px;
					height: 90px;
					background: #fff top left no-repeat url(../images/template/header.gif);
					padding: 0px;
					margin: 0px;
					float: left;
					}
					div#footerContainer div#containerBg div#container div#headerbar div#logo h1{
						text-indent: -9999px;
						}
				div#maincontentwrapper  {
					width: 960px;
					margin: 0;
					padding: 0;
					background: #fff url(../images/template/content-background.gif) repeat-y top left;
					}
				div#mainhomewrapper  {
					width: 960px;
					margin: 0;
					padding: 0;
					background: #fff url(../images/template/home-background.gif) repeat-y top left;
					}
					div#sidebar {
						width: 269px;
						border-right: #FFFFFF 1px solid;
						margin: 0;
						padding: 0;
						background: #454545;
						min-height: 270px;
						float: left;
						}
						div#advertContent {
							width:269;
							height: 249px;
							border-top: #FFFFFF solid 1px;
							background: #eeeeee url(../images/template/advert-content.gif) top left no-repeat;						
							}
						div#advertHome {
							width:269;
							height: 192px;
							background: #454545 url(../images/template/advert-home.gif) top left no-repeat;						
							}
					div#maincontent {
						width: 690px;
						margin: 0;
						padding: 0;
						background: #fff;					
						float:right;
						}	
						div#contentText {
							margin: 0;
							padding: 16px 16px 12px;
							background: #fff;
							}					
				div#footerContainer div#containerBg div#container div#footerbar {
					height: 82px;
					width: 960px;
					border-top: #FFFFFF 1px solid;
					background: #ffea00;
					}
					div#footerContainer div#containerBg div#container div#footerbar a#footerlogo {
						height: 20px;
						width: 111px;
						background: url(../images/template/footerlogo.gif);
						float: right;
						margin: 55px 10px 0 0;
						}
						
					div#footerContainer div#containerBg div#container div#footerbar div#footertext{
						height: 18px;
						width: 400px;
						float: left;
						margin: 60px 0 0 15px;
						font-size: 11px;
						color:#666666;
						
						}
			
/******************* NAVIGATION BAR *******************/	
div#navpadding {
	width: 269px;
	margin: 18px 0 42px 0;
	padding: 0;
	}

ul#nav {
	margin: 0;
	padding: 0;
	/*height: 36px;*/
	list-style: none;
	display: inline;
	/*overflow: hidden;*/
	width: 259px;
	}

#nav li {
	display: block;
	width: 269px;
	height:25px;
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	padding: 0px;
	margin: 0px;
	border: 0px;
	/*float: left;*/
	/*padding: 25px 0 0 0;*/
	/*overflow: hidden*/;
	/*height: 0px !important;*/ 
	/*height*/ /**//*:25px;*/ /* for IE5/Win only */
	}
	
/*#nav a:hover {
	background-position: 0 -37px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -37px;
	}*/
#menuhome a:link, #menuhome a  {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu01a.gif) top left no-repeat;
	}
#menuhome a:hover, #menuhome a.selected, #menuhomeb a{
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu01a.gif) 0 -25px no-repeat; 
	cursor: hand;
	z-index:1000;
	}

#menuwhoismcmahons a:link, #menuwhoismcmahons a  {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu02a.gif) top left no-repeat;
	}
#menuwhoismcmahons a:hover, #menuwhoismcmahonsb a {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu02a.gif) 0 -25px no-repeat; 
	cursor: hand;
	z-index:1000;
	}

#menuskillsandservices a:link, #menuskillsandservices a  {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu03a.gif) top left no-repeat;
	}
#menuskillsandservices a:hover, #menuskillsandservicesb a  {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu03a.gif) 0 -25px no-repeat; 
	cursor: hand;
	z-index:1000;
	}

#menuclientsandworkcompleted a:link, #menuclientsandworkcompleted a {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu04a.gif) top left no-repeat;
	}	
#menuclientsandworkcompleted a:hover, #menuclientsandworkcompletedb a  {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu04a.gif) 0 -25px no-repeat; 
	cursor: hand;
	z-index:1000;
	}

#menutestimonials, #menutestimonials a  {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu05a.gif) top left no-repeat;
	}	
#menutestimonials a:hover, #menutestimonialsb a {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu05a.gif) 0 -25px no-repeat; 
	cursor: hand;
	z-index:1000;
	}	

#menuthefuture, #menuthefuture a  {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu06a.gif) top left no-repeat;
	}	
#menuthefuture a:hover, #menuthefutureb a {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu06a.gif) 0 -25px no-repeat; 
	cursor: hand;
	z-index:1000;
	}	
	
#menublog, #menublog a  {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu08a.gif) top left no-repeat;
	}	
#menublog a:hover, #menublogb a {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu08a.gif) 0 -25px no-repeat; 
	cursor: hand;
	z-index:1000;
	}	

#menucontact, #menucontact a  {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu07a.gif) top left no-repeat;
	}	
#menucontact a:hover, #menucontactb a {
	display: block;
	text-indent: -9999px;
	width: 269px;
	height: 25px;
	background:  url(http://www.mcmahons.co.nz/images/menu/menu07a.gif) 0 -25px no-repeat;
	cursor: hand;
	z-index:1000;
	}	
	
/******************* TITLES *******************/	

h2#titleWhoIsMc {
	background: url(../images/titles/who-is-mcmahons.gif) top left no-repeat #727272;
	height: 66px;
	text-indent: -9999px;
	}
	
h2#titleContact {
	background: url(../images/titles/contact.gif) top left no-repeat #727272;
	height: 66px;
	text-indent: -9999px;
	}
h2#titleSkillsandservices {
	background: url(../images/titles/skills-and-services.gif) top left no-repeat #727272;
	height: 66px;
	text-indent: -9999px;
	}	
h2#titleClientsandworkcompleted {
	background: url(../images/titles/clients-and-work-completed.gif) top left no-repeat #727272;
	height: 66px;
	text-indent: -9999px;
	}
h2#titleTestimonials {
	background: url(../images/titles/testimonials.gif) top left no-repeat #727272;
	height: 66px;
	text-indent: -9999px;
	}
h2#titleBlog {
	background: url(../images/titles/blog.gif) top left no-repeat #727272;
	height: 66px;
	text-indent: -9999px;
	}	
	
h2#titleThefuture {
	background: url(../images/titles/the-future.gif) top left no-repeat #727272;
	height: 66px;
	text-indent: -9999px;
	}	
	


/******************* CONTENT FORMATING *******************/

div#contentText ul { 
	list-style: none;
	margin: 15px 0 15px 25px;
	
	}
	div#contentText ul li { 
		list-style: disc ;
		margin: 0 0 5px;
		line-height:18px;
		list-style-position: outside;
		}
		
div#contentText ol { 
	margin: 15px 0 15px 25px;
	font-weight: bold;
	}
	div#contentText ol ul { 
		list-style: none ;
		margin: 8px 0 12px 10px;
		font-weight: normal;
		}
		div#contentText ol ul li { 
			list-style: none ;
			margin: 0 0 5px;
			}


/* Security Validation */

.securitytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #000000;
}

/* Forms */

.formfields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-color: #F7F7F7;
	height: auto;
	width: auto;
	margin: 8px 2px 2px 2px;
	border-top: 1px solid #999999;
	border-right: 1px solid #AAB3B3;
	border-bottom: 1px solid #D5DDDD;
	border-left: 1px solid #AAB3B3;

}

/* Form Buttons */

.gradbutton {
	border: #cccccc 1px solid;
	font-size: 14px;
	font-weight:bold;
	color: #000000;
	cursor: hand;
	background: #eeeeee url(../images/template/buttonshadow.gif) top left repeat-x;
	padding: 6px;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	}

.gradbuttonover {
	border: #FFCC00 1px solid;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
	cursor: hand;
	background: #000000 url(../images/template/buttonshadow.gif) 0 -43px repeat-x;
	padding: 6px;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
}