/*
Theme Name: Twisted Chips inc Hire
Theme URI: http://www.twistedchips.co.nz
Author: Morgan Dilks, WEB-O-MATIC LIMITED
Author URI: http://www.web-o-matic.co.nz
Description: Custom theme for twistedchips.co.nz
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: twisty, chippy
*/


/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  
}                  

html, body{background-color:#231f20; width:100%; height:100%; font:14px normal Arial, Helvetica, sans-serif; color:#ffffff; }

#nav_band{ background-color:#fbd601; width:100%; height:48px; border-top:3px #ffffff solid;border-bottom:3px #ffffff solid;}
#nav_content{ position:relative; margin:0 auto; padding:5px 10px 0px; width:900px; color:#0099cc;}
	#nav_content a{ color:#ffffff; text-decoration:none; }
	#nav_content .logo{ font:12px normal Arial, Verdana, Century Gothic;line-height:1.6em;}
	#nav_content .logo a{text-decoration:underline;font-weight:bold;}
	#nav_content .logo a.yellow{color:#FFFF00;}


#menulayout{ margin:0; padding:0; width:100%; list-style:none; }
	#menulayout li{ float:left; list-style:none; }
	#menulayout li a.menu_off, #menulayout li a.menu_on { padding:8px 10px ; height:32px; font:20px bold Arial, Verdana, Century Gothic; text-decoration:none; text-transform:uppercase; display:block; }
	#menulayout li a.menu_off:hover, #menulayout li a.menu_on:hover { color:#000000;}
	#menulayout li a.menu_off { color:#019cc0; }
	#menulayout li a.menu_on { color:#000000;}
	

.tagline{position:absolute;right:20px;top:13px;font:22px bold Arial, Verdana, Century Gothic;color:#000000;}
.logo{position:absolute;top:-2px;left:0;color:#ffffff;text-align:center;font-size:14px;line-height:1.8em;}

#header_band{ margin:0; width:100%; height:190px; background-color:#019cc0;} /* put a centered background image here if required */
	#header_content{ margin:auto; padding:20px 0px 5px 0px; width:850px; line-height:1.6em; }
	#header_content a{ color:#ff3366; text-decoration:none; }
	#header_content img.hire{position:absolute;right:8px;top:50px;}

#main_band, #middle_band{ margin:0; width:100%; background-color:#019cc0;}
	#middle_content{position:relative; margin:0 auto; width:920px; line-height:2em; z-index:100;}
	#main_content{position:relative; margin:0 auto; padding:10px; width:900px; line-height:1.5em; z-index:500;}
	#main_content a{font:13px; color:#fbd601; text-decoration:none; }

#main_chunk{float:left;width:600px;}
#main-left{float:left;width:600px;}
#main-left ul{margin:20px 0 0 30px;padding:0;font-size:16px;}
#main-left h1 {font-size:38px; font-weight:bold; color:#FBD601;}
#main-right{float:right;width:184px;padding:0 28px 10px 0;}
#main_content .cta{width:445px;margin-top:20px;padding:15px;background-color:#fbd601;text-align:center;color:#000000;font-size:26px;font-weight:bold;}
#main_content .cta a{color:#000000;}
#main_content h1 {color:#fff; font-size: 32px;}

/*.heropic{width:867px;margin:0 -10px 0 -20px;background-image:url(images/hero-bg.png);background-repeat:no-repeat;padding:24px 27px; z-index:1000;}*/
.heropic{width:867px;margin:0 -10px 0 -10px;padding:10px; z-index:1000; background-color:#FFFFFF;}
/* #middle_content #main_content .heropic #fadeshow1 .gallerylayer img{border:#ffffff 10px solid;} */
.sidepic{width:184px;padding:12px;margin:0 -12px 10px -12px;background-image:url(images/side-bg.png);background-repeat:no-repeat;}

h1, h2, h3, h4{ margin:0px 0px 10px 0px; color:#ffffff; line-height:1.2em; font-weight:normal;}
h1{ font-size:34px; font-weight:bold; color:#FBD601;}
h2{ font-size:26px; font-weight:bold; margin:20px 0px 0px 0px;}
h3{ font-size:42px; font-weight:bold; color:#FBD601; margin:30px 0px 10px 0px;}
h4{ font-size:18px; }

.sitetitle{font-weight:bold;width:450px;color:#FFCC00;font-size:46px;padding-top:100px;text-align:right;}
.headertitle{font-size:46px; color:#FBD601; margin:30px 0px 5px 0px;}

#footer_band{ width:100%; padding:5px 0; background-color:#231f20;}/* for an overflowing footer change the background colour to the footer colour! */
	#footer_content{ position:relative; margin:auto; padding:0 10px; width:900px; text-align:left; color:#f5f5f5; line-height:2em;z-index:100;}
	#footer_content a{ color:#fbd601; text-decoration:none; }
	#footer-logo{position:absolute;right:17px;top:-131px;z-index:100;}
	#footer-logo img{z-index:0;}
	.download{font-size:22px; padding-top: 15px;}
	.download a{font-size:31px;}

.align-left{float:left;}
.align-right{float:right;}

/* contact Us Form */

#contact-wrapper {
	width:430px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
.error{
padding-left:10px;
color:#CC0000;
font-weight:bold;
}
.feild_name{
margin:10px 0;
font-weight:bold;
}
form#contactform textarea, form#contactform input, form#contactform select{width:240px;margin-left:10px;}
.formleftname{width:200px;float:left;}
.forminputs,  form#contactform select{float:left; padding:5px;}
form#contactform input#contact_submit{font-weight:bold;color:#000000;background-color:#fbd601;margin-left:215px;width:255px;}
.busi_submit{font-weight:bold;color:#000000;background-color:#fbd601;width:255px;border:1px #ffffff solid;}

#hireme form#contactform .field_name .forminputs textarea, #hireme form#contactform .field_name .forminputs input{width:240px;margin-left:-10px;}
#hireme form#contactform input#contact_submit{margin-left:0;}

.formlabel{float:left;width:260px;text-align:right;}
/* input, select{width:190px;padding:3px;margin-left:10px;} */
form#contactform input#hireme_submit{font-weight:bold;color:#000000;background-color:#fbd601;width:255px;}