/*
Theme Name: Design-o-matic Custom
Theme URI: http://design-o-matic.co.nz/
Description: Custom flavor for design-o-matic.co.nz.
Version: 1.0
Author: Morgan Dilks
Author URI: http://www.web-o-matic.co.nz/
Tags: black, white, design-o-matic

	http://www.design-o-matic.co.nz/

	This theme was designed and built by Morgan Dilks,
	It relies on custom pages within pages to render properly.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
body{
margin:0;
padding:0;
width:100%;
height:100%;
color:#666666;
background-color:#161616;
}

a:link{color: #CCC; border-bottom:1px dotted #888888;}
a:visited {color: #CCC; border-bottom:1px dotted #888888;}
a:hover {background-color: #000; border-bottom:1px dotted #888888;}
a {text-decoration: none;}

#menulayout{
position:relative;
float:left;
margin:0;
padding:45px 0 0 0;
width:100%;
color:#666666;
font-size:12px;
font-family:Georgia, Verdana, Arial;
font-weight:normal;
list-style:none;
text-transform:uppercase;
}
#menulayout span{
position:absolute;
left:12px;
top:90px;
width:100%;
height:10px;
color:#666666;
font-size:12px;
font-family:Georgia, Verdana, Arial;
font-weight:normal;
text-transform:none;
font-style:italic;
}
#menulayout li{
float:left;
list-style:none;
}
#menulayout li a.menu_off {
padding:12px 12px 12px 12px;
text-decoration:none;
color:#666666;
display:block;
border:none;
}
#menulayout li a.menu_off:hover {
color:#FFFFFF;
background-color:#000000;
border:none;
}
#menulayout li a.menu_on {
padding:12px 12px 12px 12px;
text-decoration:none;
color:#FFFFFF;
background-color:#000000;
display:block;
border:none;
}
#menulayout li a.menu_on:hover {
color:#FFFFFF;
background-color:#000000;
border:none;
}
#header_band{
position:relative;
margin:0px;
width:100%;
height:130px;
}
#header{
position:relative;
margin:auto;
width:922px;
}
h1{
margin:0 0 30px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:40px;
font-weight:normal;
line-height:1em;
}
h3{
margin:0 0 5px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
font-weight:normal;
line-height:1.2em;
}
h4{
margin:0 0 0 0;
padding:5px 5px 5px 5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
line-height:1.2em;
}
#branding{
position:relative;
float:left;
padding-top:15px;
width:320px;
}
#navigation{
position:relative;
float:right;
width:420px;
}

.hide {
display:none;
}
.show {
display:block;
} 
#main_content_band{
position:relative;
margin:0;
width:100%;
}
#main_home_band{
position:relative;
margin:0;
width:100%;
background-color:#ffffff;
background-image:url(images/home_main_bg.gif);
background-repeat:repeat-x;
height:408px;
}
#main_content{
position:relative;
margin:auto;
padding:0;
width:920px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
line-height:2em;
}
#main_content_work{
position:relative;
/*padding-left:45px;
width:94%;
*/
margin-left:3%;
margin-right:3%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
line-height:2em;
}
#content_left{
position:relative;
float:left;
padding-right:40px;
width:655px;
}
#content_right{
position:relative;
float:right;
width:225px;
}
#content_right_band{
margin-bottom:25px;
width:100%;
height:25px;
background-color:#333333;
}
#contact_left{
position:relative;
float:left;
padding-right:40px;
width:450px;
}
#contact_right{
position:relative;
float:right;
width:430px;
}
#split_left{
position:relative;
float:left;
width:48%;
}
#split_right{
position:relative;
float:right;
width:48%;
}
#home_footer_band{
position:relative;
margin:0px;
width:100%;
height:205px;
padding-top:20px;
}
#home_footer{
margin:auto;
width:922px;
position:relative;
height:100%;
}
#home_footerl{
position:relative;
float:left;
padding:0 15px 0 25px;
height:100%;
width:600px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
font-size:38px;
}
#home_footerr{
position:relative;
float:right;
padding:0 15px 0 15px;
height:100%;
width:220px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
font-size:12px;
}
#home_footerr .footerinput{
width:210px;
padding:5px 5px 5px 5px;
margin:0 0 6px 0;
background-color:#333333;
border:1px #333333 solid;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
.update_submit{
background-color:#161616;
width:107px;
height:40px;
border:none;
font-size:16px;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:right;
}
#footer_home_title{
width:210px;
margin-bottom:5px;
padding:5px 5px 2px 5px;
background-color:#333333;
font-style:italic;
}
#footer_home_text{
padding:5px 5px 5px 5px;
font-size:12px;
}
.spacer{
width:100%;
height:1px;
padding-top:10px;
margin-bottom:10px;
border-bottom:dashed #666666 1px;
}
#work_cat{
position:relative;
margin:auto;
width:922px;
/*height:45px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
line-height:2em;
}
#work_list{
position:relative;
float:left;
width:200px;
padding-right:30px;
}
#footer_band{
position:relative;
padding-top:15px;
width:100%;
height:45px;
}
#footer{
position:relative;
margin:auto;
width:922px;
height:45px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
line-height:2em;
}
#footer a{
color:#666666;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
.form_name{
width:280px;
padding:5px 5px 5px 5px;
margin:0 0 6px 0;
background-color:#333333;
border:1px #333333 solid;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
.form_layout{
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
.submit_button{
position:relative;
float:left;
margin-left:210px;
margin-bottom:40px;
width:78px;
height:35px;
color:#ffffff;
background-color:#000000;
border:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
z-index:1000;
}
span.radio { 
width: 30px; 
height: 40px; 
padding: 0 5px 0 0; 
background: url(images/radio4.gif) no-repeat; 
display: block;  
clear: left; 
}
input, select{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
line-height:2em;
color:#666666;
background-color:#FFFFFF;
}