/*
Site: Waikato Inc
Date: 2009.08.20

[Table Of Contents] 

	0- Reset
	1- General Layout
	2- Text and Headings
	3- Links
	4- Header 
	5- Navigation 
	6- Content
	7- Portfolio 
	8- Footer 
	9- Forms
	10- Extras

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');
/* =1 General Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html { height: 100%; }
body { text-align:center; margin:0 auto; padding:0; background: #000; }
div#wrapper { width: 970px; min-height: 100%; height: auto !important; height: 100%; margin: 20px auto; text-align: left; /* for IE */ }
.page, .page-home { background: url(../images/layout/page-bg.png) #fff repeat-y; }
.page { height: 360px; min-height: 360px; height: auto !important; padding:20px 30px; }
.page-home { padding:0 15px; }
.content-home { padding: 20px 15px; height: 175px; min-height: 175px; height: auto !important; }
/* =2 Text and Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body, td, th { font: 13px Verdana, Arial, Helvetica, sans-serif; color: #333; }
.medtext { font-size: 10px; }
.smalltext { font-size: 9px; }
.strong { font-weight:bold; }
.caps { text-transform:uppercase; }
.yellow { color: #ffc425; }
.red { color: #e31837; }
.lightgrey { color:#999; }
.grey { color:#666; }
.black { color:#000; }
.black a { color:#000; }
.black a:hover { color:#e31837; }
.darkgrey { color:#333; }
.darkgrey a { color:#333; }
.darkgrey a:hover { color:#e31837; }
h1, .heading1 { font-size: 20px; font-weight: bold; }
h2, .heading2 { font-size: 16px; font-weight: normal; }
h3, .heading3 { font-size: 14px; font-weight: normal; }
h4, .heading4 { font-size: 13px; font-weight: normal; }
h5, .heading5 { font-size: 12px; font-weight: normal; }
h6 { font-size: 12px; font-weight: normal; }
.line5 { padding-bottom:5px; }
.line10 { padding-bottom:10px; }
.line15 { padding-bottom:15px; }
.line20 { padding-bottom:20px; }
/* =3 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a { color:#e31837; text-decoration:underline; outline:none }
a:hover { color:#000; text-decoration:underline; }
.noline a { color:#000; text-decoration:none; }
.noline a:hover { color:#e31837; text-decoration:underline; }
/* =4 Header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header { height:130px; padding:0px 15px; background: url(../images/layout/header-bg.jpg) #eee left top no-repeat; }
/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


.nav { background: url(../images/layout/menu-bg.png) #eee left top no-repeat; height:35px; line-height:33px; font-size:12px; color:#fff; font-weight:bold; }
.nav a { padding:5px 15px 5px 17px; background: url(../images/layout/nav-spacer.png) left 30% no-repeat; color:#fff; text-decoration:none; }
.nav a:hover { color: #ffc425; text-decoration:none; }
.nav .home { padding-left:15px; margin-left:15px; background: 0 none; }
#current { color:#ffc425; }
/* =6 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
div#column-left { width:575px; float:left; margin-right:25px; }
div#column-right { width:310px; float:left; }
.testimonial { width:215px; float:left; text-align:center; margin:20px 12px 15px 0; }
div.page-heading { background: url(../images/layout/heading-bg-left.jpg) top left no-repeat; height: 50px; padding-left:15px; margin-bottom: 30px; }
div.page-heading div { background: url(../images/layout/heading-bg-right.png) top right no-repeat; padding-right:15px; height: 50px; }
/* Feature box - Latest Projects */

div.feature-heading { background: url(../images/feature-box/header-bg-left.png) top left no-repeat; height: 40px; padding-left:15px; }
div.feature-heading div { background: url(../images/feature-box/header-bg-right.png) top right no-repeat; padding-right:15px; height: 40px; line-height:40px; color:#e31837; font-weight: bold; font-size:15px; text-transform:uppercase }
div.feature-heading span { color: #000; }
div.feature-box { background: url(../images/feature-box/grey-box-BL.png) #e5e5e5 bottom left no-repeat; padding-left:15px; }
div.feature-box div.box { background: url(../images/feature-box/grey-box-BR.png) bottom right no-repeat; padding:15px 15px 5px 0; }
div.feature-box div.box p { margin:0 0 10px; font-size:11px; }
div.latest-row { font-size:11px; margin-bottom:10px; }
.latest-row p.image { float:left; width:89px; margin-right:10px; background:#fff; }
.latest-row p.image img { padding:2px; }
.latest-row p.text { float:left; width:180px; }
/* Feature box - Team */
.team-row { font-size:11px; padding:5px 0 10px; }
.team-row .image-1, .team-row .image-2 { float:left; width:130px; text-align:center; }
.team-row .image-1 { margin-right:18px; }
.team-row img { border: 2px solid #666; margin-bottom:3px; }
/* =7 Projects
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Index Page */
td.projects { border:1px solid #e5e5e5; }
td.projects .wrapper { padding:5px; }
td.projects div.image { float:left; background: #e5e5e5; width:120px; margin:0 10px 0 0; padding:0; text-align:center; }
td.projects div.text { float:left; padding:3px 0 0; width:305px; font-size:10px; }
.project-quote { padding:15px; background:#ececec; font-size:13px; line-height:130%; font-style:italic; }
#gallery-thumbs img { }
#gallery-thumbs div { width:120px; height:120px; text-align:center; float:left; margin: 10px; }
.textbox-project { border: 1px solid #999; padding:15px; }
/* =8 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
div.footer { background:url(../images/layout/footer-bg.jpg) #eee left top no-repeat; height:113px; padding:0 25px 0 20px; }
.footer table td { height:113px; font-size:12px; }
.footer-nav { text-align:right; }
.footer-nav a { color: #333; display:block; text-decoration:none; }
.footer-nav a:hover { color: #e31837; text-decoration:underline; }
.disclaimer { text-align:center; padding: 5px 0 15px; }
/* =9 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
select, input, textarea, .formtext { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; border: solid 1px #7297a9; padding:3px 2px; }
.buttontext { background-color: #ececec; border: 1px solid #666666; color: #333333; cursor:pointer; }
/* =10 Extras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
hr { height:1px; border:none; background-color:#CCC; }
br { line-height:70%; }
.alertbox { border: 1px dotted #999999; padding:5px; background-color: #e5e5e5; color: #000000; }
.textbox { border: 1px solid #999; padding:10px; background-color: #ececec; color: #333; }
ul { list-style:square; margin: 0 10px 5px 15px; font-weight:normal; }
ul li { margin-bottom:5px; }
div.clear { clear: both; float: none; height: 0; margin: 0; padding: 0; visibility: hidden; }