/* *****************************

	Stylesheet for Napier Marketing
	By Belay Development
	Created July 3, 2007

****************************** */

/* GENERAL 

******************************* */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}

select { min-width:1.5em;}	

* {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;	
	letter-spacing: 0.1em
}


body {
	text-align: center;
	background: #ffffff;
	color: #000000;	
	margin: 42px 0px 0px 0px !important;
}

a img {border: 0;}

.clearer {clear: both;}

/* LAYOUT
***************** */



/* Homepage */

#home #wrapper {
	margin: 0px auto;
	width: 763px;
	text-align: left;
}


#home #logo {
	height: 106px;
	padding-top: 34px;
	text-align: center;
}

#home #content_box {
	width: 763px;
	height: 271px;
	text-align: left;
	background: url(../media/bg_home.gif) top center no-repeat;
	position: relative;
	clear: none;
}

#home #leftnav {
	width: 127px;
	height: 170px;
	padding: 0px;
	position: absolute;
	top: 35px;
	left: 87px;
	clear: none;
}

	#home #leftnav img {margin: 0px 0px 25px 0px;}

#home #billville {
	width: 55px;
	height: 55px;
	position: absolute;
	top: 177px;
	left: 268px;
	clear: none;
}

	#home #billville img {margin: 0;}

#home #copyright {
	font-size: 7pt;
	color: #898a88;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 239px;
	left: 59px;
	clear: none;
	letter-spacing: 0.01em;
}

#home .logo_left {
	position: absolute;
	top: 35px;
	left: 347px;
	clear: none;
}

#home .logo_right {
	width: 38px;
	height: 39px;
	position: absolute;
	top: 74px;
	left: 479px;
	clear: none;
}

#home #services {
	width: 87px;
	height: 95px;
	position: absolute;
	top: 70px;
	left: 593px;
	clear: none;
}

#home #quotation {
	width: 312px;
	position: absolute;
	top: 185px;
	left: 390px;
	clear: none;
	font-size: 9pt;
	color: #f3cca8;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
}

	#home #quotation span {font-size: 8pt;}

/* Internal */	

#wrapper {
	margin: 0px auto;
	width: 800px;
	height: auto;
	text-align: left;
	padding-bottom: 42px;
}

#wrappera {
	width: 800px;
	height: 300px;
	text-align: left;
	padding-bottom: 42px;
	background-image: url(../media/bg_home.gif);
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left top;
}

#logo {
	height: 86px;
	padding-top: 12px;
	text-align: center;
}

#content_box {
	width: 800px;
	height: auto;
	text-align: left;
	position: relative;
	clear: none;
}

#leftnav {
	width: 141px;
	height: 246px;
	background: url(../media/bg_leftnav.gif) top left no-repeat;
	padding: 0px 0px 0px 36px;
	position: relative;
	float: left;
	display: inline;
	top: 0px;
	left: 0px;
	clear: none;
}

	#leftnav img {margin: 25px 0px 0px 0px;}

#billville {
	width: 55px;
	height: 55px;
	clear: none;
}

	#billville img {margin: 14px 0px 0px 6px;}

#quotation {
	width: 125px;
	position: relative;
	float: left;
	display: inline;
	top: 75px;
	left: 13px;
	clear: none;
}	

	#quotation p {
		width: 90px;
		padding: 0px 28px 0px 7px;
		background: #b2cca8;
		
		font-size: 7.5pt; 
		color: #ffffff; 
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-style: italic;
		font-weight: normal;	
	}	
	
	#quotation p span {font-size: 7.5pt;}

#main {
	width: 486px;
	height: auto;
	background: #d4d4d4;
	padding: 0px;
	position: relative;
	top: 0px;
	left: 7px;
	float: left;
	display: inline;
	clear: none;
}
	
	#main #header {
		width: 456px;
		height: auto;
		padding: 60px 15px 15px 15px;
		
		font-size: 8pt; 
		color: #676666; 
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: normal;	
	}
	
		#about #main #header {background: url(../media/hdr_about.gif) top left no-repeat;}
		#contact #main #header {background: url(../media/hdr_contact.gif) top left no-repeat;}
		#book #main #header {background: url(../media/hdr_book.gif) top left no-repeat;}
		#services #main #header {background: url(../media/hdr_services.gif) top left no-repeat;}
		#billvillepage #main #header {background: url(../media/hdr_billville.gif) top left no-repeat;}
	
	
/* About Us */

.people {margin: 0px 13px 0px 20px;}

.people td {padding: 0px 7px 15px 0px; vertical-align: top; text-align: left;}

.people td * {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

.people td h1 {font-size: 9pt; text-transform: uppercase; color: #ffffff;}
.people td h1 span {font-size: 7.5pt; color: #ffffff; font-weight: normal;}
.people td p {color: #676666; font-size: 8pt;}

/* Contact Us */

.headline {text-align: center; ;font-weight: bold; text-transform: uppercase; font-size: 12pt; color: #ffffff;}
.address {font-size: 10pt; margin-left: 60px;}
.address * {font-size: 10pt; color: #3b3a38;}
.address a {text-decoration: none;}
.address a:hover {text-decoration: underline;}

/* Our Book */

#book_image {
	text-align: center;
}

#book_nav {
	width: 346px;
	padding: 10px 0px 0px 74px;
	min-height: 62px;
	height: auto;
	background: url(../media/main_bottom.gif) bottom left no-repeat;
	text-align: left;
}

#book_nav div {height: 28px; width: 28px; float: left; margin: 0px 8px 8px 0px; clear: none;}

/* NMG Services */

#services #main h1 {
	margin: 10px 16px 0px 16px;
	color: #676666;
	text-transform: uppercase;
}

#services #main p {
	margin: 0px 16px 15px 16px;
	color: #676666;
}

/* Clients and Partners */

#clients #main {
	background-color: #D4D4D4;
	background-image: url(../media/hdr_clients.gif);
	background-repeat: no-repeat;
	background-position: left top;
} 

#clients #main #holder {
	width: 486px;
}

#clients #main #hdr {
	z-index: 500;
	background-position: top;
}
#clients #main #hdr td {padding: 60px 10px 15px 10px; height: 50px; color: #676666;}

/* Billville */

#billvillepage #featured {
	width: 335px;
	margin: 0px auto 15px auto;
}

#billvillepage #featured p.caption {margin-top: 5px; color: #ffffff; text-align: center; font-weight: bold; font-size: 7pt;}

#billvillepage #featured p {margin-top: 5px; color: #676666; font-size: 7pt;}#cnphdr {
	background-image: url(../media/hdr_clients.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 400px;
	height: 93px;
	left: -15px;
}
#navi {
}
#navi br {
	padding: 50px;
	height: 50px;
	clear: both;
	margin: 50px;
}


#bio p {
	margin: 0px 0px 15px 0px;	
}

#bio ul {
	margin: 0px 0px 15px 20px;	
}

#bio ul li ul {
	margin: 0px 0px 0px 30px;	
}